@splunk/react-ui 4.20.0 → 4.21.1

package/Menu.js

@@ -1,1353 +1,1131 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 174);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes");
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("prop-types");
-
-/***/ }),
-
-/***/ 10:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
-/**
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/compat get default export */
+    /******/    (() => {
+        /******/ // getDefaultExport function for compatibility with non-harmony modules
+        /******/ e.n = t => {
+            /******/ var r = t && t.__esModule ? 
+            /******/ () => t["default"]
+            /******/ : () => t
+            /******/;
+            e.d(r, {
+                a: r
+            });
+            /******/            return r;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ e.d = (t, r) => {
+            /******/ for (var n in r) {
+                /******/ if (e.o(r, n) && !e.o(t, n)) {
+                    /******/ Object.defineProperty(t, n, {
+                        enumerable: true,
+                        get: r[n]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var t = {};
+    // ESM COMPAT FLAG
+        e.r(t);
+    // EXPORTS
+        e.d(t, {
+        Divider: () => /* reexport */ x,
+        Heading: () => /* reexport */ H,
+        Item: () => /* reexport */ ze,
+        MenuContext: () => /* reexport */ h,
+        default: () => /* reexport */ rt
+    });
+    // CONCATENATED MODULE: external "react"
+    const r = require("react");
+    var n =  e.n(r);
+    // CONCATENATED MODULE: external "prop-types"
+    const i = require("prop-types");
+    var a =  e.n(i);
+    // CONCATENATED MODULE: external "lodash/omit"
+    const o = require("lodash/omit");
+    var l =  e.n(o);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
+    const s = require("@splunk/react-ui/Popover");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
+    const c = require("@splunk/ui-utils/focus");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
+    const p = require("@splunk/ui-utils/keyboard");
+    // CONCATENATED MODULE: external "@splunk/react-ui/useForceUpdate"
+    const u = require("@splunk/react-ui/useForceUpdate");
+    var d =  e.n(u);
+    // CONCATENATED MODULE: external "styled-components"
+    const f = require("styled-components");
+    var v =  e.n(f);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const b = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/Menu/DividerStyles.ts
+    var m = v().div.withConfig({
+        displayName: "DividerStyles__Styled",
+        componentId: "l3zfh3-0"
+    })([ "border-top:1px solid ", ";", "" ], (0, b.pick)({
+        enterprise: b.variables.borderColor,
+        prisma: b.variables.neutral200
+    }), (0, b.pick)({
+        prisma: {
+            comfortable: (0, f.css)([ "margin:8px 0;" ]),
+            compact: (0, f.css)([ "margin:6px 0;" ])
+        }
+    }));
+    // CONCATENATED MODULE: ./src/Menu/MenuContext.tsx
+    var h =  (0, r.createContext)({
+        role: "menu"
+    });
+    // CONCATENATED MODULE: ./src/Menu/Divider.tsx
+    function y() {
+        y = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var r = arguments[t];
+                for (var n in r) {
+                    if (Object.prototype.hasOwnProperty.call(r, n)) {
+                        e[n] = r[n];
+                    }
+                }
+            }
+            return e;
+        };
+        return y.apply(this, arguments);
+    }
+    var g = {};
+    /**
+ * A non-interactive menu item used to visually separate groups of items in the menu.
+ */    function k(e) {
+        var t = y({}, e);
+        // @docs-props-type DividerPropsBase
+                var i = (0, r.useContext)(h), a = i.role;
+        
+        return n().createElement(m, y({
+            "aria-hidden": a === "listbox",
+            "data-test": "divider",
+            role: "separator"
+        }, t));
+    }
+    k.propTypes = g;
+    /* Remove the item if it is the first item after filtering */    k.filterFirst = true;
+    /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    k.filterConsecutive = true;
+    /* Remove the item if it is the last item after filtering. */    k.filterLast = true;
+    /* Tag the item as Divider */    k.as = "Divider";
+    /* harmony default export */    const x = k;
+    // CONCATENATED MODULE: external "@splunk/react-ui/Heading"
+    const w = require("@splunk/react-ui/Heading");
+    var S =  e.n(w);
+    // CONCATENATED MODULE: external "@splunk/themes/useSplunkTheme"
+    const O = require("@splunk/themes/useSplunkTheme");
+    var C =  e.n(O);
+    // CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
+    var I = v().div.withConfig({
+        displayName: "HeadingStyles__Styled",
+        componentId: "mcd2ws-0"
+    })([ "", " border-top:1px solid transparent;padding:", ";&:not(:first-child){", ";}" ], b.mixins.reset("block"), (0, 
+    b.pick)({
+        enterprise: (0, f.css)([ "", " ", " 6px" ], b.variables.spacingQuarter, b.variables.spacingHalf),
+        prisma: {
+            comfortable: "13px 16px 10px 16px",
+            compact: "9px 16px 6px 16px"
+        }
+    }), (0, b.pick)({
+        enterprise: (0, f.css)([ "border-top:", ";" ], b.variables.border),
+        prisma: {
+            comfortable: (0, f.css)([ "border-top:1px solid ", ";margin-top:6px;padding-top:19px;" ], b.variables.neutral200),
+            compact: (0, f.css)([ "border-top:1px solid ", ";margin-top:6px;padding-top:15px;" ], b.variables.neutral200)
+        }
+    }));
+    var P = v().h5.withConfig({
+        displayName: "HeadingStyles__PrismaSectionTitle",
+        componentId: "mcd2ws-1"
+    })([ "", " font-size:", ";line-height:", ";font-weight:", ";letter-spacing:0.02em;" ], b.mixins.reset("block"), b.variables.fontSizeSmall, b.variables.lineHeight, b.variables.fontWeightBold);
+    // CONCATENATED MODULE: ./src/Menu/Heading.tsx
+    function _(e, t) {
+        var r = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var n = Object.getOwnPropertySymbols(e);
+            if (t) n = n.filter((function(t) {
+                return Object.getOwnPropertyDescriptor(e, t).enumerable;
+            }));
+            r.push.apply(r, n);
+        }
+        return r;
+    }
+    function j(e) {
+        for (var t = 1; t < arguments.length; t++) {
+            var r = arguments[t] != null ? arguments[t] : {};
+            if (t % 2) {
+                _(Object(r), true).forEach((function(t) {
+                    E(e, t, r[t]);
+                }));
+            } else if (Object.getOwnPropertyDescriptors) {
+                Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
+            } else {
+                _(Object(r)).forEach((function(t) {
+                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+                }));
+            }
+        }
+        return e;
+    }
+    function E(e, t, r) {
+        if (t in e) {
+            Object.defineProperty(e, t, {
+                value: r,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
+        } else {
+            e[t] = r;
+        }
+        return e;
+    }
+    function T() {
+        T = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var r = arguments[t];
+                for (var n in r) {
+                    if (Object.prototype.hasOwnProperty.call(r, n)) {
+                        e[n] = r[n];
+                    }
+                }
+            }
+            return e;
+        };
+        return T.apply(this, arguments);
+    }
+    function D(e, t) {
+        if (e == null) return {};
+        var r = R(e, t);
+        var n, i;
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (i = 0; i < a.length; i++) {
+                n = a[i];
+                if (t.indexOf(n) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
+                r[n] = e[n];
+            }
+        }
+        return r;
+    }
+    function R(e, t) {
+        if (e == null) return {};
+        var r = {};
+        var n = Object.keys(e);
+        var i, a;
+        for (a = 0; a < n.length; a++) {
+            i = n[a];
+            if (t.indexOf(i) >= 0) continue;
+            r[i] = e[i];
+        }
+        return r;
+    }
+    var q = {
+        children: a().node,
+        title: a().bool,
+        outerStyle: a().object
+    };
+    /**
+ * A non-interactive `Menu` item used to separate and label groups of `Menu` items.
+ */    function N(e) {
+        var t = e.children, i = e.title, a = e.outerStyle, o = D(e, [ "children", "title", "outerStyle" ]);
+        var l = (0, r.useContext)(h), s = l.role;
+        var c = C()(), p = c.family;
+        var u = p === "prisma" ?  n().createElement(P, T({
+            as: i ? "h4" : "h5",
+            style: a,
+            "data-test": "heading"
+        }, o), t) :  n().createElement(S(), T({
+            style: j(j({}, a), {}, {
+                margin: 0
+            }),
+            level: i ? 4 : "ss",
+            "data-test": "heading"
+        }, o), t);
+ // headings are not supported in role="listbox"
+        // this causes Firefox to incorrectly read the total number
+        // of items in the list if it contains a heading or divider
+        // so we set them to aria-hidden to prevent that
+                
+        return n().createElement(I, {
+            "aria-hidden": s === "listbox"
+        }, u);
+    }
+    N.propTypes = q;
+    /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    N.filterConsecutive = true;
+    /* Remove the item if it is the last item after filtering. */    N.filterLast = true;
+    /* Tag the item as a Heading */    N.as = "Heading";
+    /* harmony default export */    const H = N;
+    // CONCATENATED MODULE: external "lodash/isString"
+    const F = require("lodash/isString");
+    var $ =  e.n(F);
+    // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallRight"
+    const A = require("@splunk/react-icons/CaretSmallRight");
+    var M =  e.n(A);
+    // CONCATENATED MODULE: external "@splunk/react-icons/Checkmark"
+    const K = require("@splunk/react-icons/Checkmark");
+    var z =  e.n(K);
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Check"
+    const L = require("@splunk/react-icons/enterprise/Check");
+    var W =  e.n(L);
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
+    const B = require("@splunk/react-icons/enterprise/ChevronRight");
+    var G =  e.n(B);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
+    const U = require("@splunk/react-ui/Clickable");
+    var V =  e.n(U);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Switch"
+    const Q = require("@splunk/react-ui/Switch");
+    var Y =  e.n(Q);
+    // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
+    var J = (0, f.css)([ "color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;" ], (0, 
+    b.pick)({
+        prisma: b.variables.contentColorDefault,
+        enterprise: b.variables.textGray
+    }), b.variables.fontSizeSmall, (0, b.pick)({
+        prisma: "16px"
+    }));
+    var X = v().span.withConfig({
+        displayName: "ItemStyles__StyledItemDescriptionBottom",
+        componentId: "sc-4kc053-0"
+    })([ "", ";display:block;" ], J);
+    var Z = v().span.withConfig({
+        displayName: "ItemStyles__StyledItemDescriptionRight",
+        componentId: "sc-4kc053-1"
+    })([ "", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;" ], J, b.variables.spacing);
+    var ee = v().div.withConfig({
+        displayName: "ItemStyles__StyledItemSelectedIcon",
+        componentId: "sc-4kc053-2"
+    })([ "position:absolute;", " color:", ";" ], (0, b.pick)({
+        prisma: (0, f.css)([ "right:16px;" ]),
+        enterprise: (0, f.css)([ "top:5px;right:3px;left:8px;" ])
+    }), (0, b.pick)({
+        prisma: b.variables.contentColorActive,
+        enterprise: b.variables.accentColorL10
+    }));
+    var te = v().span.withConfig({
+        displayName: "ItemStyles__StyledItemIcon",
+        componentId: "sc-4kc053-3"
+    })([ "flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", "" ], (0, 
+    b.pick)({
+        prisma: "8px",
+        enterprise: "3px"
+    }), (0, b.pick)({
+        prisma: "initial",
+        enterprise: "middle"
+    }), (0, b.pick)({
+        prisma: (0, f.css)([ "color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}" ], b.variables.contentColorMuted),
+        enterprise: (0, f.css)([ "transform:translateY(-1px);" ])
+    }));
+    var re = v()(V()).withConfig({
+        displayName: "ItemStyles__StyledClickable",
+        componentId: "sc-4kc053-4"
+    })([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}", " ", "}&[disabled]{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", "" ], (0, 
+    b.pick)({
+        prisma: b.variables.contentColorActive,
+        enterprise: {
+            dark: b.variables.gray96,
+            light: b.variables.gray22
+        }
+    }), (0, b.pick)({
+        prisma: {
+            comfortable: "10px 16px",
+            compact: "6px 16px"
+        },
+        enterprise: "6px 10px"
+    }), (function(e) {
+        var t = e.$isSelectable, r = e.$selectableAppearance;
+        return t && (0, b.pick)({
+            prisma: (0, f.css)([ "padding-right:44px;", "" ], (function() {
+                return r === "checkbox" && "padding-left: 42px;";
+            })),
+            enterprise: (0, f.css)([ "padding-right:10px;padding-left:", ";" ], (function() {
+                return r === "checkbox" ? "32px" : "28px";
+            }))
+        });
+    }), (function(e) {
+        var t = e.$active, r = e.$preventFocus;
+        return t && !r && (0, f.css)([ "box-shadow:", ";" ], b.variables.focusShadowInset);
+    }), (function(e) {
+        var t = e.$active;
+        return t && (0, f.css)([ "background:", ";font-weight:", ";" ], (0, b.pick)({
+            enterprise: {
+                light: b.variables.gray92,
+                dark: b.variables.gray22
+            },
+            prisma: b.variables.neutral100
+        }), b.variables.fontWeightBold);
+    }), (0, b.pick)({
+        prisma: b.variables.interactiveColorOverlayHover,
+        enterprise: b.variables.backgroundColorHover
+    }), (function(e) {
+        var t = e.$selected;
+        return t && (0, b.pick)({
+            prisma: (0, f.css)([ "background:", ";" ], b.mixins.overlayColors(b.variables.interactiveColorOverlaySelected, b.variables.interactiveColorOverlayHover))
+        });
+    }), b.variables.focusShadowInset, (0, b.pick)({
+        prisma: (0, f.css)([ "background:", ";" ], b.variables.interactiveColorOverlayHover)
+    }), (0, b.pick)({
+        prisma: (0, f.css)([ "&:active{background:", ";}" ], b.variables.interactiveColorOverlayActive)
+    }), (function(e) {
+        var t = e.$selected;
+        return t && (0, b.pick)({
+            prisma: (0, f.css)([ "background:", ";&:active{background:", ";}" ], b.variables.interactiveColorOverlaySelected, b.mixins.overlayColors(b.variables.interactiveColorOverlaySelected, b.variables.interactiveColorOverlayActive))
+        });
+    }), (0, b.pick)({
+        enterprise: {
+            light: b.variables.gray45,
+            dark: b.variables.contentColorDisabled
+        },
+        prisma: b.variables.contentColorDisabled
+    }), 
+    /* sc-sel */
+    X, 
+    /* sc-sel */
+    Z, 
+    /* sc-sel */
+    ee, (0, b.pick)({
+        prisma: b.variables.contentColorDisabled,
+        enterprise: b.variables.gray80
+    }), (0, b.pick)({
+        prisma: (0, f.css)([ "& > * > ", "{color:", ";}" ], 
+        /* sc-sel */
+        te, b.variables.contentColorDisabled)
+    }), (function(e) {
+        var t = e.$selected;
+        return t && (0, b.pick)({
+            prisma: (0, f.css)([ "", "{color:", ";}" ], 
+            /* sc-sel */
+            te, b.variables.contentColorActive)
+        });
+    }));
+    var ne = v()(Y()).withConfig({
+        displayName: "ItemStyles__StyledSwitch",
+        componentId: "sc-4kc053-5"
+    })([ "position:absolute;left:", ";top:", ";" ], (0, b.pick)({
+        prisma: "16px",
+        enterprise: "8px"
+    }), (0, b.pick)({
+        prisma: "0px",
+        enterprise: {
+            comfortable: "-1px",
+            compact: "2px"
+        }
+    }));
+    var ie = v().span.withConfig({
+        displayName: "ItemStyles__StyledInnerWrapper",
+        componentId: "sc-4kc053-6"
+    })([ "display:flex;align-items:flex-start;" ]);
+    var ae = v().span.withConfig({
+        displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
+        componentId: "sc-4kc053-7"
+    })([ "max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", "" ], (function(e) {
+        var t = e.$truncate;
+        return t && (0, f.css)([ "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" ]);
+    }));
+    var oe = v().div.withConfig({
+        displayName: "ItemStyles__StyledLabel",
+        componentId: "sc-4kc053-8"
+    })([ "overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", "" ], (function(e) {
+        var t = e.$truncate;
+        return t && (0, f.css)([ "display:block;clear:both;" ]);
+    }));
+    var le = v().span.withConfig({
+        displayName: "ItemStyles__StyledMatch",
+        componentId: "sc-4kc053-9"
+    })([ "border-bottom:1px solid ", ";" ], (0, b.pick)({
+        prisma: b.variables.contentColorActive,
+        enterprise: {
+            dark: b.variables.gray96,
+            light: b.variables.gray45
+        }
+    }));
+    var se = v().span.withConfig({
+        displayName: "ItemStyles__StyledSubmenu",
+        componentId: "sc-4kc053-10"
+    })([ "float:right;padding-left:", ";color:", ";" ], b.variables.spacingSmall, (0, 
+    b.pick)({
+        prisma: "inherit",
+        enterprise: b.variables.textGray
+    }));
+    // CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRight"
+    const ce = require("@splunk/react-icons/ArrowSquareTopRight");
+    var pe =  e.n(ce);
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/External"
+    const ue = require("@splunk/react-icons/enterprise/External");
+    var de =  e.n(ue);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const fe = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: ./src/Menu/icons/External.tsx
+    var ve = (0, fe._)("Open externally");
+    var be = (0, f.css)([ "width:0.8em;height:0.8em;vertical-align:baseline;" ]);
+    var me = v()(de()).withConfig({
+        displayName: "External__StyledEnterprise",
+        componentId: "sc-1turs2s-0"
+    })([ "", " margin:0 0 0 3px;" ], be);
+    var he = v()(pe()).withConfig({
+        displayName: "External__StyledPrisma",
+        componentId: "sc-1turs2s-1"
+    })([ "", " margin:0 0 0 4px;" ], be);
+    function ye() {
+        var e = (0, b.useSplunkTheme)(), t = e.isEnterprise, r = e.isCompact;
+        var i = r ? "20px" : "24px";
+        return t ?  n().createElement(me, {
+            screenReaderText: ve
+        }) :  n().createElement(he, {
+            "aria-label": ve,
+            height: i,
+            width: i
+        },  n().createElement("title", null, ve));
+    }
+    /* harmony default export */    const ge = ye;
+    // 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 updateReactRef(ref, current) {
-  if (ref) {
-    if (typeof ref === 'function') {
-      ref(current);
-    } 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".
-      ref.current = current; // eslint-disable-line no-param-reassign
+    function ke(e, t) {
+        if (e) {
+            if (typeof e === "function") {
+                e(t);
+            } else {
+                // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+                // the intention here is to signal "we will take care of setting 'current', not you".
+                e.current = t;
+ // eslint-disable-line no-param-reassign
+                        }
+        }
     }
-  }
-}
-
-
-
-/***/ }),
-
-/***/ 12:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Clickable");
-
-/***/ }),
-
-/***/ 145:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/CaretSmallRight");
-
-/***/ }),
-
-/***/ 174:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ Menu_Menu; });
-__webpack_require__.d(__webpack_exports__, "Item", function() { return /* reexport */ Menu_Item; });
-__webpack_require__.d(__webpack_exports__, "Heading", function() { return /* reexport */ Menu_Heading; });
-__webpack_require__.d(__webpack_exports__, "Divider", function() { return /* reexport */ Menu_Divider; });
-__webpack_require__.d(__webpack_exports__, "MenuContext", function() { return /* reexport */ MenuContext; });
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(2);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-
-// EXTERNAL MODULE: external "prop-types"
-var external_prop_types_ = __webpack_require__(1);
-var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
-
-// EXTERNAL MODULE: external "lodash/omit"
-var omit_ = __webpack_require__(5);
-var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(21);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(31);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
-var keyboard_ = __webpack_require__(7);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/useForceUpdate"
-var useForceUpdate_ = __webpack_require__(48);
-var useForceUpdate_default = /*#__PURE__*/__webpack_require__.n(useForceUpdate_);
-
-// EXTERNAL MODULE: external "styled-components"
-var external_styled_components_ = __webpack_require__(3);
-var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
-
-// EXTERNAL MODULE: external "@splunk/themes"
-var themes_ = __webpack_require__(0);
-
-// CONCATENATED MODULE: ./src/Menu/DividerStyles.ts
-
-
-var Styled = external_styled_components_default.a.div.withConfig({
-  displayName: "DividerStyles__Styled",
-  componentId: "l3zfh3-0"
-})(["border-top:1px solid ", ";", ""], Object(themes_["pick"])({
-  enterprise: themes_["variables"].borderColor,
-  prisma: themes_["variables"].neutral200
-}), Object(themes_["pick"])({
-  prisma: {
-    comfortable: Object(external_styled_components_["css"])(["margin:8px 0;"]),
-    compact: Object(external_styled_components_["css"])(["margin:6px 0;"])
-  }
-}));
-
-// CONCATENATED MODULE: ./src/Menu/MenuContext.tsx
-
-var MenuContext = /*#__PURE__*/Object(external_react_["createContext"])({
-  role: 'menu'
-});
-
-// CONCATENATED MODULE: ./src/Menu/Divider.tsx
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-
-
-
-var propTypes = {};
-
-/**
- * A non-interactive menu item used to visually separate groups of items in the menu.
- */
-function Divider(_ref) {
-  var otherProps = _extends({}, _ref);
-
-  // @docs-props-type DividerPropsBase
-  var _useContext = Object(external_react_["useContext"])(MenuContext),
-      role = _useContext.role;
-
-  return /*#__PURE__*/external_react_default.a.createElement(Styled // dividers are not supported in role="listbox"
-  // this causes Firefox to incorrectly read the total number
-  // of items in the list if it contains a heading or divider
-  // so we set them to aria-hidden to prevent that
-  , _extends({
-    "aria-hidden": role === 'listbox',
-    "data-test": "divider",
-    role: "separator"
-  }, otherProps));
-}
-
-Divider.propTypes = propTypes;
-/* Remove the item if it is the first item after filtering */
-
-Divider.filterFirst = true;
-/* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */
-
-Divider.filterConsecutive = true;
-/* Remove the item if it is the last item after filtering. */
-
-Divider.filterLast = true;
-/* Tag the item as Divider */
-
-Divider.as = 'Divider';
-/* harmony default export */ var Menu_Divider = (Divider);
-// EXTERNAL MODULE: external "@splunk/react-ui/Heading"
-var Heading_ = __webpack_require__(80);
-var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
-
-// EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
-var useSplunkTheme_ = __webpack_require__(70);
-var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
-
-// CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
-
-
-var HeadingStyles_Styled = external_styled_components_default.a.div.withConfig({
-  displayName: "HeadingStyles__Styled",
-  componentId: "mcd2ws-0"
-})(["", " border-top:1px solid transparent;padding:", ";&:not(:first-child){", ";}"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
-  enterprise: Object(external_styled_components_["css"])(["", " ", " 6px"], themes_["variables"].spacingQuarter, themes_["variables"].spacingHalf),
-  prisma: {
-    comfortable: '13px 16px 10px 16px',
-    compact: '9px 16px 6px 16px'
-  }
-}), Object(themes_["pick"])({
-  enterprise: Object(external_styled_components_["css"])(["border-top:", ";"], themes_["variables"].border),
-  prisma: {
-    comfortable: Object(external_styled_components_["css"])(["border-top:1px solid ", ";margin-top:6px;padding-top:19px;"], themes_["variables"].neutral200),
-    compact: Object(external_styled_components_["css"])(["border-top:1px solid ", ";margin-top:6px;padding-top:15px;"], themes_["variables"].neutral200)
-  }
-}));
-var PrismaSectionTitle = external_styled_components_default.a.h5.withConfig({
-  displayName: "HeadingStyles__PrismaSectionTitle",
-  componentId: "mcd2ws-1"
-})(["", " font-size:", ";line-height:", ";font-weight:", ";letter-spacing:0.02em;"], themes_["mixins"].reset('block'), themes_["variables"].fontSizeSmall, themes_["variables"].lineHeight, themes_["variables"].fontWeightBold);
-
-// CONCATENATED MODULE: ./src/Menu/Heading.tsx
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function Heading_extends() { Heading_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Heading_extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-
-
-
-
-
-
-var Heading_propTypes = {
-  children: external_prop_types_default.a.node,
-  title: external_prop_types_default.a.bool,
-  outerStyle: external_prop_types_default.a.object
-};
-
-/**
- * A non-interactive `Menu` item used to separate and label groups of `Menu` items.
- */
-function Heading(_ref) {
-  var children = _ref.children,
-      title = _ref.title,
-      outerStyle = _ref.outerStyle,
-      otherProps = _objectWithoutProperties(_ref, ["children", "title", "outerStyle"]);
-
-  var _useContext = Object(external_react_["useContext"])(MenuContext),
-      role = _useContext.role;
-
-  var _useSplunkTheme = useSplunkTheme_default()(),
-      family = _useSplunkTheme.family;
-
-  var inner = family === 'prisma' ? /*#__PURE__*/external_react_default.a.createElement(PrismaSectionTitle, Heading_extends({
-    as: title ? 'h4' : 'h5',
-    style: outerStyle,
-    "data-test": "heading"
-  }, otherProps), children) : /*#__PURE__*/external_react_default.a.createElement(Heading_default.a, Heading_extends({
-    style: _objectSpread(_objectSpread({}, outerStyle), {}, {
-      margin: 0
-    }),
-    level: title ? 4 : 'ss',
-    "data-test": "heading"
-  }, otherProps), children); // headings are not supported in role="listbox"
-  // this causes Firefox to incorrectly read the total number
-  // of items in the list if it contains a heading or divider
-  // so we set them to aria-hidden to prevent that
-
-  return /*#__PURE__*/external_react_default.a.createElement(HeadingStyles_Styled, {
-    "aria-hidden": role === 'listbox'
-  }, inner);
-}
-
-Heading.propTypes = Heading_propTypes;
-/* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */
-
-Heading.filterConsecutive = true;
-/* Remove the item if it is the last item after filtering. */
-
-Heading.filterLast = true;
-/* Tag the item as a Heading */
-
-Heading.as = 'Heading';
-/* harmony default export */ var Menu_Heading = (Heading);
-// EXTERNAL MODULE: external "lodash/isString"
-var isString_ = __webpack_require__(23);
-var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
-
-// EXTERNAL MODULE: external "@splunk/react-icons/CaretSmallRight"
-var CaretSmallRight_ = __webpack_require__(145);
-var CaretSmallRight_default = /*#__PURE__*/__webpack_require__.n(CaretSmallRight_);
-
-// EXTERNAL MODULE: external "@splunk/react-icons/Checkmark"
-var Checkmark_ = __webpack_require__(78);
-var Checkmark_default = /*#__PURE__*/__webpack_require__.n(Checkmark_);
-
-// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Check"
-var Check_ = __webpack_require__(97);
-var Check_default = /*#__PURE__*/__webpack_require__.n(Check_);
-
-// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
-var ChevronRight_ = __webpack_require__(38);
-var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_);
-
-// EXTERNAL MODULE: ./src/Menu/ItemStyles.ts
-var ItemStyles = __webpack_require__(25);
-
-// EXTERNAL MODULE: external "@splunk/react-icons/ArrowSquareTopRight"
-var ArrowSquareTopRight_ = __webpack_require__(96);
-var ArrowSquareTopRight_default = /*#__PURE__*/__webpack_require__.n(ArrowSquareTopRight_);
-
-// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/External"
-var External_ = __webpack_require__(65);
-var External_default = /*#__PURE__*/__webpack_require__.n(External_);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(4);
-
-// CONCATENATED MODULE: ./src/Menu/icons/External.tsx
-
-
-
-
-
-
-
-var label = Object(i18n_["_"])('Open externally');
-
-var iconStyles = Object(external_styled_components_["css"])(["width:0.8em;height:0.8em;vertical-align:baseline;"]);
-var StyledEnterprise = external_styled_components_default()(External_default.a).withConfig({
-  displayName: "External__StyledEnterprise",
-  componentId: "sc-1turs2s-0"
-})(["", " margin:0 0 0 3px;"], iconStyles);
-var StyledPrisma = external_styled_components_default()(ArrowSquareTopRight_default.a).withConfig({
-  displayName: "External__StyledPrisma",
-  componentId: "sc-1turs2s-1"
-})(["", " margin:0 0 0 4px;"], iconStyles);
-
-function External() {
-  var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
-      isEnterprise = _useSplunkTheme.isEnterprise,
-      isCompact = _useSplunkTheme.isCompact;
-
-  var prismaSize = isCompact ? '20px' : '24px';
-  return isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(StyledEnterprise, {
-    screenReaderText: label
-  }) : /*#__PURE__*/external_react_default.a.createElement(StyledPrisma, {
-    "aria-label": label,
-    height: prismaSize,
-    width: prismaSize
-  }, /*#__PURE__*/external_react_default.a.createElement("title", null, label));
-}
-
-/* harmony default export */ var icons_External = (External);
-// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(10);
-
-// EXTERNAL MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
-var utils_scrollIntoViewIfNeeded = __webpack_require__(91);
-
-// CONCATENATED MODULE: ./src/Menu/Item.tsx
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function Item_extends() { Item_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Item_extends.apply(this, arguments); }
-
-function Item_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Item_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function Item_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function Item_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var Item_propTypes = {
-  active: external_prop_types_default.a.bool,
-  children: external_prop_types_default.a.node,
-  description: external_prop_types_default.a.string,
-  descriptionPosition: external_prop_types_default.a.oneOf(['right', 'bottom']),
-  disabled: external_prop_types_default.a.bool,
-  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
-  hasSubmenu: external_prop_types_default.a.bool,
-  icon: external_prop_types_default.a.node,
-
-  /** @private. The internal key of the tab */
-  itemKey: external_prop_types_default.a.number,
-  matchRanges: external_prop_types_default.a.arrayOf(external_prop_types_default.a.shape({
-    start: external_prop_types_default.a.number.isRequired,
-    end: external_prop_types_default.a.number.isRequired
-  })),
-  onClick: external_prop_types_default.a.func,
-
-  /** @private */
-  onFocus: external_prop_types_default.a.func,
-  openInNewContext: external_prop_types_default.a.bool,
-
-  /** @private */
-  preventFocus: external_prop_types_default.a.bool,
-  role: external_prop_types_default.a.oneOf(['menuitem', 'menuitemradio', 'menuitemcheckbox', 'listboxitem', 'option']),
-  selectable: external_prop_types_default.a.bool,
-  selectableAppearance: external_prop_types_default.a.oneOf(['checkmark', 'checkbox']),
-  selected: external_prop_types_default.a.bool,
-
-  /** @private */
-  splunkTheme: external_prop_types_default.a.object,
-  to: external_prop_types_default.a.string,
-  truncate: external_prop_types_default.a.bool
-};
-var defaultProps = {
-  active: false,
-  descriptionPosition: 'bottom',
-  disabled: false,
-  hasSubmenu: false,
-  openInNewContext: false,
-  preventFocus: false,
-  selectable: false,
-  selectableAppearance: 'checkmark',
-  selected: false,
-  truncate: false
-};
-
-var Item_Item = /*#__PURE__*/function (_Component) {
-  _inherits(Item, _Component);
-
-  var _super = _createSuper(Item);
-
-  _createClass(Item, null, [{
-    key: "validateProps",
-    // @docs-props-type ItemPropsBase
-    value: function validateProps(props) {
-      if (false) {}
+    // CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
+    // A utility that attempts to move an element into view by scrolling it's derived parent.
+    var xe = function e(t) {
+        if (!t) {
+            return;
+        }
+        var r = t.offsetParent;
+        if (!r) {
+            return;
+        }
+ // Below the bottom of the container.
+                if (r.scrollTop + r.clientHeight < t.offsetTop + t.clientHeight) {
+            r.scrollTop = t.offsetTop + t.clientHeight - r.clientHeight;
+ // Above the top of the container.
+                } else if (r.scrollTop > t.offsetTop) {
+            r.scrollTop = t.offsetTop;
+        }
+    };
+    // CONCATENATED MODULE: ./src/Menu/Item.tsx
+    function we(e) {
+        "@babel/helpers - typeof";
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+            we = function e(t) {
+                return typeof t;
+            };
+        } else {
+            we = function e(t) {
+                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+            };
+        }
+        return we(e);
     }
-  }]);
-
-  function Item(props) {
-    var _this;
-
-    _classCallCheck(this, Item);
-
-    _this = _super.call(this, props);
-
-    Item_defineProperty(_assertThisInitialized(_this), "el", null);
-
-    Item_defineProperty(_assertThisInitialized(_this), "handleFocus", function (e) {
-      var _this$props = _this.props,
-          onFocus = _this$props.onFocus,
-          itemKey = _this$props.itemKey;
-      onFocus === null || onFocus === void 0 ? void 0 : onFocus(e, {
-        itemKey: itemKey
-      });
-    });
-
-    Item_defineProperty(_assertThisInitialized(_this), "handleMount", function (el) {
-      _this.el = el;
-      Object(updateReactRef["a" /* updateReactRef */])(_this.props.elementRef, el);
-    });
-
-    Item.validateProps(props);
-    return _this;
-  }
-
-  _createClass(Item, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      Item.validateProps(this.props);
+    function Se() {
+        Se = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var r = arguments[t];
+                for (var n in r) {
+                    if (Object.prototype.hasOwnProperty.call(r, n)) {
+                        e[n] = r[n];
+                    }
+                }
+            }
+            return e;
+        };
+        return Se.apply(this, arguments);
     }
-  }, {
-    key: "focus",
-    value: function focus() {
-      var _this$el;
-
-      (_this$el = this.el) === null || _this$el === void 0 ? void 0 : _this$el.focus();
+    function Oe(e, t) {
+        if (e == null) return {};
+        var r = Ce(e, t);
+        var n, i;
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (i = 0; i < a.length; i++) {
+                n = a[i];
+                if (t.indexOf(n) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
+                r[n] = e[n];
+            }
+        }
+        return r;
     }
-  }, {
-    key: "scrollIntoViewIfNeeded",
-    value: function scrollIntoViewIfNeeded() {
-      Object(utils_scrollIntoViewIfNeeded["a" /* scrollIntoViewIfNeeded */])(this.el);
+    function Ce(e, t) {
+        if (e == null) return {};
+        var r = {};
+        var n = Object.keys(e);
+        var i, a;
+        for (a = 0; a < n.length; a++) {
+            i = n[a];
+            if (t.indexOf(i) >= 0) continue;
+            r[i] = e[i];
+        }
+        return r;
     }
-  }, {
-    key: "renderLabel",
-    value: function renderLabel() {
-      var _this$props2 = this.props,
-          children = _this$props2.children,
-          matchRanges = _this$props2.matchRanges;
-
-      if (!matchRanges || !isString_default()(children)) {
-        return children;
-      }
-
-      var segments = []; // before first match. May be empty string.
-
-      segments.push(children.substring(0, matchRanges[0].start));
-      matchRanges.forEach(function (match, index) {
-        segments.push(
-        /*#__PURE__*/
-        // eslint-disable-next-line react/no-array-index-key
-        external_react_default.a.createElement(ItemStyles["h" /* StyledMatch */], {
-          key: index,
-          "data-test": "match"
-        }, children.substring(match.start, match.end)));
-
-        if (index < matchRanges.length - 1) {
-          segments.push(children.substring(match.end, matchRanges[index + 1].start));
+    function Ie(e, t) {
+        if (!(e instanceof t)) {
+            throw new TypeError("Cannot call a class as a function");
+        }
+    }
+    function Pe(e, t) {
+        for (var r = 0; r < t.length; r++) {
+            var n = t[r];
+            n.enumerable = n.enumerable || false;
+            n.configurable = true;
+            if ("value" in n) n.writable = true;
+            Object.defineProperty(e, n.key, n);
+        }
+    }
+    function _e(e, t, r) {
+        if (t) Pe(e.prototype, t);
+        if (r) Pe(e, r);
+        return e;
+    }
+    function je(e, t) {
+        if (typeof t !== "function" && t !== null) {
+            throw new TypeError("Super expression must either be null or a function");
+        }
+        e.prototype = Object.create(t && t.prototype, {
+            constructor: {
+                value: e,
+                writable: true,
+                configurable: true
+            }
+        });
+        if (t) Ee(e, t);
+    }
+    function Ee(e, t) {
+        Ee = Object.setPrototypeOf || function e(t, r) {
+            t.__proto__ = r;
+            return t;
+        };
+        return Ee(e, t);
+    }
+    function Te(e) {
+        var t = qe();
+        return function r() {
+            var n = Ne(e), i;
+            if (t) {
+                var a = Ne(this).constructor;
+                i = Reflect.construct(n, arguments, a);
+            } else {
+                i = n.apply(this, arguments);
+            }
+            return De(this, i);
+        };
+    }
+    function De(e, t) {
+        if (t && (we(t) === "object" || typeof t === "function")) {
+            return t;
+        }
+        return Re(e);
+    }
+    function Re(e) {
+        if (e === void 0) {
+            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        }
+        return e;
+    }
+    function qe() {
+        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+        if (Reflect.construct.sham) return false;
+        if (typeof Proxy === "function") return true;
+        try {
+            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
+            return true;
+        } catch (e) {
+            return false;
+        }
+    }
+    function Ne(e) {
+        Ne = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+            return t.__proto__ || Object.getPrototypeOf(t);
+        };
+        return Ne(e);
+    }
+    function He(e, t, r) {
+        if (t in e) {
+            Object.defineProperty(e, t, {
+                value: r,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
         } else {
-          segments.push(children.substring(match.end, children.length));
+            e[t] = r;
         }
-      });
-      return segments;
+        return e;
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-          active = _this$props3.active,
-          children = _this$props3.children,
-          hasSubmenu = _this$props3.hasSubmenu,
-          selectable = _this$props3.selectable,
-          selectableAppearance = _this$props3.selectableAppearance,
-          selected = _this$props3.selected,
-          icon = _this$props3.icon,
-          description = _this$props3.description,
-          disabled = _this$props3.disabled,
-          onClick = _this$props3.onClick,
-          preventFocus = _this$props3.preventFocus,
-          role = _this$props3.role,
-          splunkTheme = _this$props3.splunkTheme,
-          to = _this$props3.to,
-          truncate = _this$props3.truncate,
-          descriptionPosition = _this$props3.descriptionPosition,
-          openInNewContext = _this$props3.openInNewContext,
-          otherProps = Item_objectWithoutProperties(_this$props3, ["active", "children", "hasSubmenu", "selectable", "selectableAppearance", "selected", "icon", "description", "disabled", "onClick", "preventFocus", "role", "splunkTheme", "to", "truncate", "descriptionPosition", "openInNewContext"]);
-
-      var isEnterprise = splunkTheme.isEnterprise,
-          isPrisma = splunkTheme.isPrisma;
-      var isSelectable = selectable || selected;
-      var defaultRole = {
-        nonselectable: 'menuitem',
-        checkmark: 'menuitemradio',
-        checkbox: 'menuitemcheckbox'
-      }[isSelectable ? selectableAppearance : 'nonselectable']; // aria-checked updates only with checkmark appearance for now SUI-2578
-
-      var ariaProps = {
-        'aria-haspopup': hasSubmenu ? true : undefined,
-        'aria-checked': selectableAppearance === 'checkmark' && selected ? true : undefined
-      };
-      var selectablePosition = isPrisma ? 'right' : 'left';
-      var descriptionRight = description && descriptionPosition === 'right' && selectablePosition !== 'right';
-      var descriptionBottom = description && !descriptionRight;
-      var selectableCheckmark = selected && selectableAppearance === 'checkmark' && /*#__PURE__*/external_react_default.a.createElement(ItemStyles["f" /* StyledItemSelectedIcon */], null, isPrisma ? /*#__PURE__*/external_react_default.a.createElement(Checkmark_default.a, {
-        inline: true,
-        height: "16",
-        width: "16"
-      }) : /*#__PURE__*/external_react_default.a.createElement(Check_default.a, {
-        hideDefaultTooltip: true,
-        inline: true,
-        screenReaderText: null,
-        size: 0.85
-      }));
-      return /*#__PURE__*/external_react_default.a.createElement(ItemStyles["a" /* StyledClickable */], Item_extends({
-        $isSelectable: isSelectable,
-        $selectableAppearance: selectableAppearance,
-        $selected: selected,
-        $active: active,
-        $preventFocus: preventFocus,
-        "data-test-selected": isSelectable ? selected : null,
-        "data-test": "item",
-        "data-has-icon": !!icon,
-        disabled: disabled,
-        onClick: onClick,
-        onFocus: this.handleFocus,
-        onMouseDown: function onMouseDown(e) {
-          if (preventFocus) {
-            e.preventDefault();
-          }
-        },
-        role: role || defaultRole,
-        to: to,
-        title: truncate && isString_default()(children) ? children : undefined,
-        openInNewContext: openInNewContext
-      }, ariaProps, omit_default()(otherProps, 'onFocus'), {
-        elementRef: this.handleMount
-      }), selectablePosition === 'left' && selectableCheckmark, selectable && selectableAppearance === 'checkbox' && /*#__PURE__*/external_react_default.a.createElement(ItemStyles["j" /* StyledSwitch */], {
-        interactive: false,
-        selected: selected,
-        selectedLabel: "Selected",
-        value: "menu-item"
-      }), hasSubmenu && /*#__PURE__*/external_react_default.a.createElement(ItemStyles["i" /* StyledSubmenu */], null, isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(ChevronRight_default.a, {
-        hideDefaultTooltip: true,
-        screenReaderText: null
-      }) : /*#__PURE__*/external_react_default.a.createElement(CaretSmallRight_default.a, {
-        height: "24",
-        width: "24"
-      })), descriptionRight && /*#__PURE__*/external_react_default.a.createElement(ItemStyles["d" /* StyledItemDescriptionRight */], {
-        "data-test": "description"
-      }, description), /*#__PURE__*/external_react_default.a.createElement(ItemStyles["b" /* StyledInnerWrapper */], null, icon && /*#__PURE__*/external_react_default.a.createElement(ItemStyles["e" /* StyledItemIcon */], null, icon), /*#__PURE__*/external_react_default.a.createElement(ItemStyles["k" /* StyledTitleAndDescriptionWrapper */], {
-        $truncate: truncate
-      }, /*#__PURE__*/external_react_default.a.createElement(ItemStyles["g" /* StyledLabel */], {
-        $truncate: truncate,
-        "data-test": "label"
-      }, this.renderLabel(), openInNewContext && /*#__PURE__*/external_react_default.a.createElement(icons_External, null)), descriptionBottom && /*#__PURE__*/external_react_default.a.createElement(ItemStyles["c" /* StyledItemDescriptionBottom */], {
-        "data-test": "description"
-      }, description)), selectablePosition === 'right' && selectableCheckmark));
+    var Fe = {
+        active: a().bool,
+        children: a().node,
+        description: a().string,
+        descriptionPosition: a().oneOf([ "right", "bottom" ]),
+        disabled: a().bool,
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        hasSubmenu: a().bool,
+        icon: a().node,
+        /** @private. The internal key of the tab */
+        itemKey: a().number,
+        matchRanges: a().arrayOf(a().shape({
+            start: a().number.isRequired,
+            end: a().number.isRequired
+        })),
+        onClick: a().func,
+        /** @private */
+        onFocus: a().func,
+        openInNewContext: a().bool,
+        /** @private */
+        preventFocus: a().bool,
+        role: a().oneOf([ "menuitem", "menuitemradio", "menuitemcheckbox", "listboxitem", "option" ]),
+        selectable: a().bool,
+        selectableAppearance: a().oneOf([ "checkmark", "checkbox" ]),
+        selected: a().bool,
+        /** @private */
+        splunkTheme: a().object,
+        to: a().string,
+        truncate: a().bool
+    };
+    var $e = {
+        active: false,
+        descriptionPosition: "bottom",
+        disabled: false,
+        hasSubmenu: false,
+        openInNewContext: false,
+        preventFocus: false,
+        selectable: false,
+        selectableAppearance: "checkmark",
+        selected: false,
+        truncate: false
+    };
+    var Ae =  function(e) {
+        je(r, e);
+        var t = Te(r);
+        _e(r, null, [ {
+            key: "validateProps",
+            // @docs-props-type ItemPropsBase
+            value: function e(t) {
+                if (false) {}
+            }
+        } ]);
+        function r(e) {
+            var n;
+            Ie(this, r);
+            n = t.call(this, e);
+            He(Re(n), "el", null);
+            He(Re(n), "handleFocus", (function(e) {
+                var t = n.props, r = t.onFocus, i = t.itemKey;
+                r === null || r === void 0 ? void 0 : r(e, {
+                    itemKey: i
+                });
+            }));
+            He(Re(n), "handleMount", (function(e) {
+                n.el = e;
+                ke(n.props.elementRef, e);
+            }));
+            r.validateProps(e);
+            return n;
+        }
+        _e(r, [ {
+            key: "componentDidUpdate",
+            value: function e() {
+                r.validateProps(this.props);
+            }
+        }, {
+            key: "focus",
+            value: function e() {
+                var t;
+                (t = this.el) === null || t === void 0 ? void 0 : t.focus();
+            }
+        }, {
+            key: "scrollIntoViewIfNeeded",
+            value: function e() {
+                xe(this.el);
+            }
+        }, {
+            key: "renderLabel",
+            value: function e() {
+                var t = this.props, r = t.children, i = t.matchRanges;
+                if (!i || !$()(r)) {
+                    return r;
+                }
+                var a = [];
+ // before first match. May be empty string.
+                                a.push(r.substring(0, i[0].start));
+                i.forEach((function(e, t) {
+                    a.push(
+                    
+                    // eslint-disable-next-line react/no-array-index-key
+                    n().createElement(le, {
+                        key: t,
+                        "data-test": "match"
+                    }, r.substring(e.start, e.end)));
+                    if (t < i.length - 1) {
+                        a.push(r.substring(e.end, i[t + 1].start));
+                    } else {
+                        a.push(r.substring(e.end, r.length));
+                    }
+                }));
+                return a;
+            }
+        }, {
+            key: "render",
+            value: function e() {
+                var t = this.props, r = t.active, i = t.children, a = t.hasSubmenu, o = t.selectable, s = t.selectableAppearance, c = t.selected, p = t.icon, u = t.description, d = t.disabled, f = t.onClick, v = t.preventFocus, b = t.role, m = t.splunkTheme, h = t.to, y = t.truncate, g = t.descriptionPosition, k = t.openInNewContext, x = Oe(t, [ "active", "children", "hasSubmenu", "selectable", "selectableAppearance", "selected", "icon", "description", "disabled", "onClick", "preventFocus", "role", "splunkTheme", "to", "truncate", "descriptionPosition", "openInNewContext" ]);
+                var w = m.isEnterprise, S = m.isPrisma;
+                var O = o || c;
+                var C = {
+                    nonselectable: "menuitem",
+                    checkmark: "menuitemradio",
+                    checkbox: "menuitemcheckbox"
+                }[O ? s : "nonselectable"];
+ // aria-checked updates only with checkmark appearance for now SUI-2578
+                                var I = {
+                    "aria-haspopup": a ? true : undefined,
+                    "aria-checked": s === "checkmark" && c ? true : undefined
+                };
+                var P = S ? "right" : "left";
+                var _ = u && g === "right" && P !== "right";
+                var j = u && !_;
+                var E = c && s === "checkmark" &&  n().createElement(ee, null, S ?  n().createElement(z(), {
+                    inline: true,
+                    height: "16",
+                    width: "16"
+                }) :  n().createElement(W(), {
+                    hideDefaultTooltip: true,
+                    inline: true,
+                    screenReaderText: null,
+                    size: .85
+                }));
+                
+                return n().createElement(re, Se({
+                    $isSelectable: O,
+                    $selectableAppearance: s,
+                    $selected: c,
+                    $active: r,
+                    $preventFocus: v,
+                    "data-test-selected": O ? c : null,
+                    "data-test": "item",
+                    "data-has-icon": !!p,
+                    disabled: d,
+                    onClick: f,
+                    onFocus: this.handleFocus,
+                    onMouseDown: function e(t) {
+                        if (v) {
+                            t.preventDefault();
+                        }
+                    },
+                    role: b || C,
+                    to: h,
+                    title: y && $()(i) ? i : undefined,
+                    openInNewContext: k
+                }, I, l()(x, "onFocus"), {
+                    elementRef: this.handleMount
+                }), P === "left" && E, o && s === "checkbox" &&  n().createElement(ne, {
+                    interactive: false,
+                    selected: c,
+                    selectedLabel: "Selected",
+                    value: "menu-item"
+                }), a &&  n().createElement(se, null, w ?  n().createElement(G(), {
+                    hideDefaultTooltip: true,
+                    screenReaderText: null
+                }) :  n().createElement(M(), {
+                    height: "24",
+                    width: "24"
+                })), _ &&  n().createElement(Z, {
+                    "data-test": "description"
+                }, u),  n().createElement(ie, null, p &&  n().createElement(te, null, p),  n().createElement(ae, {
+                    $truncate: y
+                },  n().createElement(oe, {
+                    $truncate: y,
+                    "data-test": "label"
+                }, this.renderLabel(), k &&  n().createElement(ge, null)), j &&  n().createElement(X, {
+                    "data-test": "description"
+                }, u)), P === "right" && E));
+            }
+        } ]);
+        return r;
+    }(r.Component);
+    He(Ae, "propTypes", Fe);
+    He(Ae, "defaultProps", $e);
+    He(Ae, "as", void 0);
+    var Me = (0, b.withSplunkTheme)(Ae);
+    var Ke = Me;
+    Ke.propTypes = Ae.propTypes;
+    Ke.as = "Item";
+    /* harmony default export */    const ze = Ke;
+    // CONCATENATED MODULE: external "@splunk/react-ui/Scroll"
+    const Le = require("@splunk/react-ui/Scroll");
+    var We =  e.n(Le);
+    // CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
+    var Be = (0, f.css)([ "border-top:1px solid ", ";" ], (0, b.pick)({
+        enterprise: b.variables.gray60,
+        prisma: b.variables.neutral200
+    }));
+    var Ge = v().div.withConfig({
+        displayName: "MenuStyles__Styled",
+        componentId: "sc-1olffp9-0"
+    })([ "", ";background-color:", ";border-radius:", ";min-width:60px;overflow:auto;position:relative;", " &:focus{outline:0;box-shadow:", ";", "}& + &{", "}" ], b.mixins.reset("block"), (0, 
+    b.pick)({
+        enterprise: b.variables.backgroundColor,
+        prisma: b.variables.backgroundColorPopup
+    }), b.variables.borderRadius, (0, b.pick)({
+        prisma: (0, f.css)([ "padding:8px 0;" ])
+    }), b.variables.focusShadowInset, (0, b.pick)({
+        prisma: (0, f.css)([ "background:", ";" ], b.variables.interactiveColorOverlayHover)
+    }), Be);
+    var Ue = v()(Ge.withComponent(We())).withConfig({
+        displayName: "MenuStyles__StyledScroll",
+        componentId: "sc-1olffp9-1"
+    })([ "", " + &,& + ", "{", "}" ], 
+    /* sc-sel */
+    Ge, 
+    /* sc-sel */
+    Ge, Be);
+    // CONCATENATED MODULE: ./src/utils/navigateList.ts
+    // A utility for keyboard navigation of lists
+    function Ve(e, t, r) {
+        for (var n = 0; n < e.length; n += 1) {
+            var i;
+            var a = (n + r) % e.length;
+            if (((i = e[a].current) === null || i === void 0 ? void 0 : i.props.disabled) !== true) {
+                return e[a];
+            }
+        }
+        return e[t];
     }
-  }]);
-
-  return Item;
-}(external_react_["Component"]);
-
-Item_defineProperty(Item_Item, "propTypes", Item_propTypes);
-
-Item_defineProperty(Item_Item, "defaultProps", defaultProps);
-
-Item_defineProperty(Item_Item, "as", void 0);
-
-var ItemWithThemeBase = Object(themes_["withSplunkTheme"])(Item_Item);
-var ItemWithTheme = ItemWithThemeBase;
-ItemWithTheme.propTypes = Item_Item.propTypes;
-ItemWithTheme.as = 'Item';
-/* harmony default export */ var Menu_Item = (ItemWithTheme);
-// EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
-var Scroll_ = __webpack_require__(89);
-var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
-
-// CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
-
-
-
-var adjacentSiblingStyles = Object(external_styled_components_["css"])(["border-top:1px solid ", ";"], Object(themes_["pick"])({
-  enterprise: themes_["variables"].gray60,
-  prisma: themes_["variables"].neutral200
-}));
-var MenuStyles_Styled = external_styled_components_default.a.div.withConfig({
-  displayName: "MenuStyles__Styled",
-  componentId: "sc-1olffp9-0"
-})(["", ";background-color:", ";border-radius:", ";min-width:60px;overflow:auto;position:relative;", " &:focus{outline:0;box-shadow:", ";", "}& + &{", "}"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
-  enterprise: themes_["variables"].backgroundColor,
-  prisma: themes_["variables"].backgroundColorPopup
-}), themes_["variables"].borderRadius, Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["padding:8px 0;"])
-}), themes_["variables"].focusShadowInset, Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["background:", ";"], themes_["variables"].interactiveColorOverlayHover)
-}), adjacentSiblingStyles);
-var StyledScroll = external_styled_components_default()(MenuStyles_Styled.withComponent(Scroll_default.a)).withConfig({
-  displayName: "MenuStyles__StyledScroll",
-  componentId: "sc-1olffp9-1"
-})(["", " + &,& + ", "{", "}"],
-/* sc-sel */
-MenuStyles_Styled,
-/* sc-sel */
-MenuStyles_Styled, adjacentSiblingStyles);
-
-// EXTERNAL MODULE: ./src/utils/navigateList.ts
-var navigateList = __webpack_require__(60);
-
-// CONCATENATED MODULE: ./src/Menu/Menu.tsx
-function Menu_extends() { Menu_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Menu_extends.apply(this, arguments); }
-
-function Menu_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Menu_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function Menu_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var Menu_propTypes = {
-  children: external_prop_types_default.a.node,
-
-  /** @private */
-  controlledExternally: external_prop_types_default.a.bool,
-  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
-  retainFocus: external_prop_types_default.a.bool,
-  stopScrollPropagation: external_prop_types_default.a.bool
-};
-var Menu_defaultProps = {
-  stopScrollPropagation: false
-};
-
-function Menu(_ref) {
-  var children = _ref.children,
-      controlledExternally = _ref.controlledExternally,
-      elementRef = _ref.elementRef,
-      retainFocusProp = _ref.retainFocus,
-      stopScrollPropagation = _ref.stopScrollPropagation,
-      otherProps = Menu_objectWithoutProperties(_ref, ["children", "controlledExternally", "elementRef", "retainFocus", "stopScrollPropagation"]);
-
-  // @docs-props-type MenuPropsBase
-  var _useContext = Object(external_react_["useContext"])(MenuContext),
-      _useContext$role = _useContext.role,
-      role = _useContext$role === void 0 ? 'menu' : _useContext$role;
-
-  var _useContext2 = Object(external_react_["useContext"])(Popover_["PopoverContext"]),
-      retainFocusFromContext = _useContext2.retainFocus;
-
-  var forceUpdate = useForceUpdate_default()();
-  var retainFocus = true;
-
-  if (retainFocusProp != null) {
-    retainFocus = retainFocusProp;
-  } else if (retainFocusFromContext != null) {
-    retainFocus = retainFocusFromContext;
-  }
-
-  var focusedItemKeyRef = external_react_default.a.useRef(0);
-  var itemRefs = [];
-  var itemKeyCounter = 0;
-  var firstEnabledItemKey;
-  var focusedItemKeyIsDisabled = false;
-  var hasSelectedItems = false;
-  var hasSelectedEnabledItems = false;
-
-  var handleKeyDown = function handleKeyDown(e) {
-    // SUI-2734: keeping this active even if controlledExternally is set
-    // because Firefox + Voiceover (and possibly other a11y tools)
-    // can still set focus on the Menu items and this avoids the
-    // whole page scrolling when that happens
-    var key = Object(keyboard_["keycode"])(e.nativeEvent);
-    var focusedItemKey = focusedItemKeyRef.current;
-    var itemToFocusRef; // the "retainFocus" checks here mimic the prior tab key functionality
-
-    if (key === 'down' || retainFocus && Object(focus_["isTabKey"])(e)) {
-      itemToFocusRef = Object(navigateList["a" /* getNextListItem */])(itemRefs, focusedItemKey, focusedItemKey + 1);
-    } else if (key === 'up' || retainFocus && Object(focus_["isTabKey"])(e) && e.shiftKey) {
-      itemToFocusRef = Object(navigateList["b" /* getPrevListItem */])(itemRefs, focusedItemKey, focusedItemKey - 1);
-    } else if (key === 'home') {
-      itemToFocusRef = Object(navigateList["a" /* getNextListItem */])(itemRefs, focusedItemKey, 0);
-    } else if (key === 'end') {
-      itemToFocusRef = Object(navigateList["b" /* getPrevListItem */])(itemRefs, focusedItemKey, itemRefs.length - 1);
+    function Qe(e, t, r) {
+        for (var n = e.length; n > 0; n -= 1) {
+            var i;
+            var a = (n + r) % e.length;
+            if (((i = e[a].current) === null || i === void 0 ? void 0 : i.props.disabled) !== true) {
+                return e[a];
+            }
+        }
+        return e[t];
     }
-
-    if (itemToFocusRef != null) {
-      var _itemToFocusRef$curre, _itemToFocusRef$curre2;
-
-      (_itemToFocusRef$curre = itemToFocusRef.current) === null || _itemToFocusRef$curre === void 0 ? void 0 : (_itemToFocusRef$curre2 = _itemToFocusRef$curre.focus) === null || _itemToFocusRef$curre2 === void 0 ? void 0 : _itemToFocusRef$curre2.call(_itemToFocusRef$curre);
-      e.preventDefault();
+    // CONCATENATED MODULE: ./src/Menu/Menu.tsx
+    function Ye() {
+        Ye = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var r = arguments[t];
+                for (var n in r) {
+                    if (Object.prototype.hasOwnProperty.call(r, n)) {
+                        e[n] = r[n];
+                    }
+                }
+            }
+            return e;
+        };
+        return Ye.apply(this, arguments);
     }
-  };
-
-  var itemOnFocus = Object(external_react_["useCallback"])(function (e, data) {
-    var itemKey = data.itemKey;
-
-    if (itemKey != null) {
-      focusedItemKeyRef.current = itemKey;
+    function Je(e, t) {
+        if (e == null) return {};
+        var r = Xe(e, t);
+        var n, i;
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (i = 0; i < a.length; i++) {
+                n = a[i];
+                if (t.indexOf(n) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
+                r[n] = e[n];
+            }
+        }
+        return r;
     }
-  }, []);
-  var childrenCleaned = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).reduce(function (acc, item, index, original) {
-    /* Filter out initial Dividers
+    function Xe(e, t) {
+        if (e == null) return {};
+        var r = {};
+        var n = Object.keys(e);
+        var i, a;
+        for (a = 0; a < n.length; a++) {
+            i = n[a];
+            if (t.indexOf(i) >= 0) continue;
+            r[i] = e[i];
+        }
+        return r;
+    }
+    var Ze = {
+        children: a().node,
+        /** @private */
+        controlledExternally: a().bool,
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        retainFocus: a().bool,
+        stopScrollPropagation: a().bool
+    };
+    var et = {
+        stopScrollPropagation: false
+    };
+    function tt(e) {
+        var t = e.children, i = e.controlledExternally, a = e.elementRef, o = e.retainFocus, u = e.stopScrollPropagation, f = Je(e, [ "children", "controlledExternally", "elementRef", "retainFocus", "stopScrollPropagation" ]);
+        // @docs-props-type MenuPropsBase
+                var v = (0, r.useContext)(h), b = v.role, m = b === void 0 ? "menu" : b;
+        var y = (0, r.useContext)(s.PopoverContext), g = y.retainFocus;
+        var k = d()();
+        var x = true;
+        if (o != null) {
+            x = o;
+        } else if (g != null) {
+            x = g;
+        }
+        var w = n().useRef(0);
+        var S = [];
+        var O = 0;
+        var C;
+        var I = false;
+        var P = false;
+        var _ = false;
+        var j = function e(t) {
+            // SUI-2734: keeping this active even if controlledExternally is set
+            // because Firefox + Voiceover (and possibly other a11y tools)
+            // can still set focus on the Menu items and this avoids the
+            // whole page scrolling when that happens
+            var r = (0, p.keycode)(t.nativeEvent);
+            var n = w.current;
+            var i;
+ // the "retainFocus" checks here mimic the prior tab key functionality
+                        if (r === "down" || x && (0, c.isTabKey)(t)) {
+                i = Ve(S, n, n + 1);
+            } else if (r === "up" || x && (0, c.isTabKey)(t) && t.shiftKey) {
+                i = Qe(S, n, n - 1);
+            } else if (r === "home") {
+                i = Ve(S, n, 0);
+            } else if (r === "end") {
+                i = Qe(S, n, S.length - 1);
+            }
+            if (i != null) {
+                var a, o;
+                (a = i.current) === null || a === void 0 ? void 0 : (o = a.focus) === null || o === void 0 ? void 0 : o.call(a);
+                t.preventDefault();
+            }
+        };
+        var E = (0, r.useCallback)((function(e, t) {
+            var r = t.itemKey;
+            if (r != null) {
+                w.current = r;
+            }
+        }), []);
+        var T = r.Children.toArray(t).filter(r.isValidElement).reduce((function(e, t, r, a) {
+            /* Filter out initial Dividers
      * Requires reduce() over filter() because a Heading may have been
      * before the Divider.
      */
-    if (item.type.as === 'Divider' && acc.length === 0) {
-      return acc;
-    } // Filter out consecutive Dividers and Headings
-    // If Divider is next to Heading then it will remove both Heading and Divider unless Heading has title prop set to it
-
-
-    if ((item.type.as === 'Heading' || item.type.as === 'Divider') && !item.props.title && item.type.filterConsecutive && original.length > index + 1) {
-      var consec = original[index + 1];
-
-      if (consec.type.as === 'Heading' || consec.type.as === 'Divider') {
-        return acc;
-      }
-    } // Filter out last Dividers and Headings
-
-
-    if ((item.type.as === 'Divider' || item.type.as === 'Heading') && index === original.length - 1) {
-      return acc;
-    } // the filterConsecutive check filters out Headings and Dividers whether styled or not
-    // the typeof check prevents props from being applied to HTML elements
-    // such as the zero-height scroll bottom div in <ResultsMenu>
-
-
-    if (!(item.type.as === 'Divider' || item.type.as === 'Heading') && typeof item.type !== 'string') {
-      var _ref2 = /*#__PURE__*/external_react_default.a.createRef();
-
-      itemRefs.push(_ref2);
-
-      if (firstEnabledItemKey == null && (!('disabled' in item.props) || !item.props.disabled)) {
-        firstEnabledItemKey = itemKeyCounter;
-      }
-
-      if (focusedItemKeyRef.current === itemKeyCounter && 'disabled' in item.props && item.props.disabled) {
-        focusedItemKeyIsDisabled = true;
-      }
-
-      if ('selected' in item.props && item.props.selected) {
-        hasSelectedItems = true;
-
-        if ('disabled' in item.props && !item.props.disabled) {
-          hasSelectedEnabledItems = true;
+            if (t.type.as === "Divider" && e.length === 0) {
+                return e;
+            }
+ // Filter out consecutive Dividers and Headings
+            // If Divider is next to Heading then it will remove both Heading and Divider unless Heading has title prop set to it
+                        if ((t.type.as === "Heading" || t.type.as === "Divider") && !t.props.title && t.type.filterConsecutive && a.length > r + 1) {
+                var o = a[r + 1];
+                if (o.type.as === "Heading" || o.type.as === "Divider") {
+                    return e;
+                }
+            }
+ // Filter out last Dividers and Headings
+                        if ((t.type.as === "Divider" || t.type.as === "Heading") && r === a.length - 1) {
+                return e;
+            }
+ // the filterConsecutive check filters out Headings and Dividers whether styled or not
+            // the typeof check prevents props from being applied to HTML elements
+            // such as the zero-height scroll bottom div in <ResultsMenu>
+                        if (!(t.type.as === "Divider" || t.type.as === "Heading") && typeof t.type !== "string") {
+                var l =  n().createRef();
+                S.push(l);
+                if (C == null && (!("disabled" in t.props) || !t.props.disabled)) {
+                    C = O;
+                }
+                if (w.current === O && "disabled" in t.props && t.props.disabled) {
+                    I = true;
+                }
+                if ("selected" in t.props && t.props.selected) {
+                    P = true;
+                    if ("disabled" in t.props && !t.props.disabled) {
+                        _ = true;
+                    }
+                }
+                var s = !i && w.current === O ? undefined : -1;
+                e.push( n().cloneElement(t, {
+                    itemKey: O,
+                    onFocus: E,
+                    preventFocus: i,
+                    ref: function e(r) {
+                        ke(t.ref, r);
+                        ke(l, r);
+                    },
+                    tabIndex: s
+                }));
+                O += 1;
+                return e;
+            }
+            e.push(t);
+            return e;
+        }), []);
+        if (C !== w.current && (!P || _) && I && C != null) {
+            w.current = C;
+            k();
         }
-      }
-
-      var tabIndex = !controlledExternally && focusedItemKeyRef.current === itemKeyCounter ? undefined : -1;
-      acc.push( /*#__PURE__*/external_react_default.a.cloneElement(item, {
-        itemKey: itemKeyCounter,
-        onFocus: itemOnFocus,
-        preventFocus: controlledExternally,
-        ref: function ref(c) {
-          Object(updateReactRef["a" /* updateReactRef */])(item.ref, c);
-          Object(updateReactRef["a" /* updateReactRef */])(_ref2, c);
-        },
-        tabIndex: tabIndex
-      }));
-      itemKeyCounter += 1;
-      return acc;
-    }
-
-    acc.push(item);
-    return acc;
-  }, []);
-
-  if (firstEnabledItemKey !== focusedItemKeyRef.current && (!hasSelectedItems || hasSelectedEnabledItems) && focusedItemKeyIsDisabled && firstEnabledItemKey != null) {
-    focusedItemKeyRef.current = firstEnabledItemKey;
-    forceUpdate();
-  }
-
-  var sharedProps = {
-    'data-test': 'menu',
-    onKeyDown: handleKeyDown,
-    role: role,
-    tabIndex: firstEnabledItemKey == null && !controlledExternally ? 0 : undefined
-  };
-  return stopScrollPropagation ? /*#__PURE__*/external_react_default.a.createElement(StyledScroll, Menu_extends({}, sharedProps, {
-    elementRef: elementRef,
-    stopScrollPropagation: true
-  }, omit_default()(otherProps, 'tagName')), childrenCleaned) : /*#__PURE__*/external_react_default.a.createElement(MenuStyles_Styled, Menu_extends({}, sharedProps, {
-    ref: elementRef
-  }, otherProps), childrenCleaned);
-}
-
-Menu.propTypes = Menu_propTypes;
-Menu.defaultProps = Menu_defaultProps;
-Menu.Item = Menu_Item;
-Menu.Divider = Menu_Divider;
-Menu.Heading = Menu_Heading;
-/* harmony default export */ var Menu_Menu = (Menu);
-
-// CONCATENATED MODULE: ./src/Menu/index.ts
-
-
-
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 21:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Popover");
-
-/***/ }),
-
-/***/ 23:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/isString");
-
-/***/ }),
-
-/***/ 25:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return StyledClickable; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return StyledInnerWrapper; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return StyledItemDescriptionBottom; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return StyledItemDescriptionRight; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return StyledItemIcon; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return StyledItemSelectedIcon; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return StyledLabel; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return StyledMatch; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return StyledSubmenu; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return StyledSwitch; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return StyledTitleAndDescriptionWrapper; });
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12);
-/* harmony import */ var _splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(39);
-/* harmony import */ var _splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0);
-/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__);
-
-
-
-
-var itemDescription = Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDefault,
-  enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].textGray
-}), _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].fontSizeSmall, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: '16px'
-}));
-var StyledItemDescriptionBottom = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
-  displayName: "ItemStyles__StyledItemDescriptionBottom",
-  componentId: "sc-4kc053-0"
-})(["", ";display:block;"], itemDescription);
-var StyledItemDescriptionRight = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
-  displayName: "ItemStyles__StyledItemDescriptionRight",
-  componentId: "sc-4kc053-1"
-})(["", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;"], itemDescription, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].spacing);
-var StyledItemSelectedIcon = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.div.withConfig({
-  displayName: "ItemStyles__StyledItemSelectedIcon",
-  componentId: "sc-4kc053-2"
-})(["position:absolute;", " color:", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["right:16px;"]),
-  enterprise: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["top:5px;right:3px;left:8px;"])
-}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive,
-  enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].accentColorL10
-}));
-var StyledItemIcon = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
-  displayName: "ItemStyles__StyledItemIcon",
-  componentId: "sc-4kc053-3"
-})(["flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", ""], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: '8px',
-  enterprise: '3px'
-}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: 'initial',
-  enterprise: 'middle'
-}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorMuted),
-  enterprise: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["transform:translateY(-1px);"])
-}));
-var StyledClickable = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_splunk_react_ui_Clickable__WEBPACK_IMPORTED_MODULE_1___default.a).withConfig({
-  displayName: "ItemStyles__StyledClickable",
-  componentId: "sc-4kc053-4"
-})(["display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}", " ", "}&[disabled]{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", ""], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive,
-  enterprise: {
-    dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray96,
-    light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray22
-  }
-}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: {
-    comfortable: '10px 16px',
-    compact: '6px 16px'
-  },
-  enterprise: '6px 10px'
-}), function (_ref) {
-  var $isSelectable = _ref.$isSelectable,
-      $selectableAppearance = _ref.$selectableAppearance;
-  return $isSelectable && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-    prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["padding-right:44px;", ""], function () {
-      return $selectableAppearance === 'checkbox' && 'padding-left: 42px;';
-    }),
-    enterprise: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["padding-right:10px;padding-left:", ";"], function () {
-      return $selectableAppearance === 'checkbox' ? '32px' : '28px';
-    })
-  });
-}, function (_ref2) {
-  var $active = _ref2.$active,
-      $preventFocus = _ref2.$preventFocus;
-  return $active && !$preventFocus && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["box-shadow:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].focusShadowInset);
-}, function (_ref3) {
-  var $active = _ref3.$active;
-  return $active && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";font-weight:", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-    enterprise: {
-      light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray92,
-      dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray22
-    },
-    prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].neutral100
-  }), _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].fontWeightBold);
-}, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayHover,
-  enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].backgroundColorHover
-}), function (_ref4) {
-  var $selected = _ref4.$selected;
-  return $selected && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-    prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["mixins"].overlayColors(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlaySelected, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayHover))
-  });
-}, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].focusShadowInset, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayHover)
-}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["&:active{background:", ";}"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayActive)
-}), function (_ref5) {
-  var $selected = _ref5.$selected;
-  return $selected && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-    prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["background:", ";&:active{background:", ";}"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlaySelected, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["mixins"].overlayColors(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlaySelected, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].interactiveColorOverlayActive))
-  });
-}, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  enterprise: {
-    light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray45,
-    dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled
-  },
-  prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled
-}),
-/* sc-sel */
-StyledItemDescriptionBottom,
-/* sc-sel */
-StyledItemDescriptionRight,
-/* sc-sel */
-StyledItemSelectedIcon, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled,
-  enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray80
-}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["& > * > ", "{color:", ";}"],
-  /* sc-sel */
-  StyledItemIcon, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorDisabled)
-}), function (_ref6) {
-  var $selected = _ref6.$selected;
-  return $selected && Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-    prisma: Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["", "{color:", ";}"],
-    /* sc-sel */
-    StyledItemIcon, _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive)
-  });
-});
-var StyledSwitch = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_splunk_react_ui_Switch__WEBPACK_IMPORTED_MODULE_2___default.a).withConfig({
-  displayName: "ItemStyles__StyledSwitch",
-  componentId: "sc-4kc053-5"
-})(["position:absolute;left:", ";top:", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: '16px',
-  enterprise: '8px'
-}), Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: '0px',
-  enterprise: {
-    comfortable: '-1px',
-    compact: '2px'
-  }
-}));
-var StyledInnerWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
-  displayName: "ItemStyles__StyledInnerWrapper",
-  componentId: "sc-4kc053-6"
-})(["display:flex;align-items:flex-start;"]);
-var StyledTitleAndDescriptionWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
-  displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
-  componentId: "sc-4kc053-7"
-})(["max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", ""], function (_ref7) {
-  var $truncate = _ref7.$truncate;
-  return $truncate && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
-});
-var StyledLabel = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.div.withConfig({
-  displayName: "ItemStyles__StyledLabel",
-  componentId: "sc-4kc053-8"
-})(["overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", ""], function (_ref8) {
-  var $truncate = _ref8.$truncate;
-  return $truncate && Object(styled_components__WEBPACK_IMPORTED_MODULE_0__["css"])(["display:block;clear:both;"]);
-});
-var StyledMatch = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
-  displayName: "ItemStyles__StyledMatch",
-  componentId: "sc-4kc053-9"
-})(["border-bottom:1px solid ", ";"], Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].contentColorActive,
-  enterprise: {
-    dark: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray96,
-    light: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].gray45
-  }
-}));
-var StyledSubmenu = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.span.withConfig({
-  displayName: "ItemStyles__StyledSubmenu",
-  componentId: "sc-4kc053-10"
-})(["float:right;padding-left:", ";color:", ";"], _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].spacingSmall, Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_3__["pick"])({
-  prisma: 'inherit',
-  enterprise: _splunk_themes__WEBPACK_IMPORTED_MODULE_3__["variables"].textGray
-}));
-
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 31:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/focus");
-
-/***/ }),
-
-/***/ 38:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/enterprise/ChevronRight");
-
-/***/ }),
-
-/***/ 39:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Switch");
-
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-
-/***/ 48:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/useForceUpdate");
-
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/omit");
-
-/***/ }),
-
-/***/ 60:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getNextListItem; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getPrevListItem; });
-// A utility for keyboard navigation of lists
-function getNextListItem(refs, currentIndex, nextIndex) {
-  for (var i = 0; i < refs.length; i += 1) {
-    var _refs$pointer$current;
-
-    var pointer = (i + nextIndex) % refs.length;
-
-    if (((_refs$pointer$current = refs[pointer].current) === null || _refs$pointer$current === void 0 ? void 0 : _refs$pointer$current.props.disabled) !== true) {
-      return refs[pointer];
-    }
-  }
-
-  return refs[currentIndex];
-}
-
-function getPrevListItem(refs, currentIndex, prevIndex) {
-  for (var i = refs.length; i > 0; i -= 1) {
-    var _refs$pointer$current2;
-
-    var pointer = (i + prevIndex) % refs.length;
-
-    if (((_refs$pointer$current2 = refs[pointer].current) === null || _refs$pointer$current2 === void 0 ? void 0 : _refs$pointer$current2.props.disabled) !== true) {
-      return refs[pointer];
+        var D = {
+            "data-test": "menu",
+            onKeyDown: j,
+            role: m,
+            tabIndex: C == null && !i ? 0 : undefined
+        };
+        return u ?  n().createElement(Ue, Ye({}, D, {
+            elementRef: a,
+            stopScrollPropagation: true
+        }, l()(f, "tagName")), T) :  n().createElement(Ge, Ye({}, D, {
+            ref: a
+        }, f), T);
     }
-  }
-
-  return refs[currentIndex];
-}
-
-
-
-/***/ }),
-
-/***/ 65:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/enterprise/External");
-
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/keyboard");
-
-/***/ }),
-
-/***/ 70:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes/useSplunkTheme");
-
-/***/ }),
-
-/***/ 78:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/Checkmark");
-
-/***/ }),
-
-/***/ 80:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Heading");
-
-/***/ }),
-
-/***/ 89:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Scroll");
-
-/***/ }),
-
-/***/ 91:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return scrollIntoViewIfNeeded; });
-// A utility that attempts to move an element into view by scrolling it's derived parent.
-var scrollIntoViewIfNeeded = function scrollIntoViewIfNeeded(el) {
-  if (!el) {
-    return;
-  }
-
-  var parentEl = el.offsetParent;
-
-  if (!parentEl) {
-    return;
-  } // Below the bottom of the container.
-
-
-  if (parentEl.scrollTop + parentEl.clientHeight < el.offsetTop + el.clientHeight) {
-    parentEl.scrollTop = el.offsetTop + el.clientHeight - parentEl.clientHeight; // Above the top of the container.
-  } else if (parentEl.scrollTop > el.offsetTop) {
-    parentEl.scrollTop = el.offsetTop;
-  }
-};
-
-
-
-/***/ }),
-
-/***/ 96:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/ArrowSquareTopRight");
-
-/***/ }),
-
-/***/ 97:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/enterprise/Check");
-
-/***/ })
-
-/******/ });
+    tt.propTypes = Ze;
+    tt.defaultProps = et;
+    tt.Item = ze;
+    tt.Divider = x;
+    tt.Heading = H;
+    /* harmony default export */    const rt = tt;
+    // CONCATENATED MODULE: ./src/Menu/index.ts
+    module.exports = t;
+    /******/})();