@splunk/react-ui 4.34.0 → 4.36.0

package/Menu.js

@@ -61,11 +61,11 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        Divider: () => /* reexport */ k,
-        Heading: () => /* reexport */ N,
-        Item: () => /* reexport */ Le,
-        MenuContext: () => /* reexport */ m,
-        default: () => /* reexport */ Ze
+        Divider: () => /* reexport */ w,
+        Heading: () => /* reexport */ F,
+        Item: () => /* reexport */ Ke,
+        MenuContext: () => /* reexport */ y,
+        default: () => /* reexport */ nt
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -84,31 +84,31 @@
     const p = require("@splunk/ui-utils/focus");
     // CONCATENATED MODULE: external "styled-components"
     const u = require("styled-components");
-    var d =  e.n(u);
+    var f =  e.n(u);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
+    const d = require("@splunk/react-ui/Divider");
+    var v =  e.n(d);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const f = require("@splunk/themes");
+    const b = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Menu/DividerStyles.ts
-    var v = d().div.withConfig({
+    var m = f()(v()).withConfig({
         displayName: "DividerStyles__Styled",
         componentId: "l3zfh3-0"
-    })([ "border-top:1px solid ", ";", "" ], (0, f.pick)({
-        enterprise: f.variables.borderColor,
-        prisma: f.variables.neutral200
-    }), (0, f.pick)({
+    })([ "", "" ], (0, b.pick)({
         prisma: {
             comfortable: (0, u.css)([ "margin:8px 0;" ]),
             compact: (0, u.css)([ "margin:6px 0;" ])
         }
     }));
     // CONCATENATED MODULE: ./src/Menu/MenuContext.tsx
-    var b =  (0, r.createContext)({
+    var h =  (0, r.createContext)({
         role: "menu",
         preventFocus: false
     });
-    /* harmony default export */    const m = b;
+    /* harmony default export */    const y = h;
     // CONCATENATED MODULE: ./src/Menu/Divider.tsx
-    function h() {
-        h = Object.assign || function(e) {
+    function g() {
+        g = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -119,58 +119,72 @@
             }
             return e;
         };
-        return h.apply(this, arguments);
+        return g.apply(this, arguments);
     }
-    var y = {};
+    var k = {};
     /**
  * A non-interactive menu item used to visually separate groups of items in the menu.
- */    function g(e) {
-        var t = h({}, e);
+ */    function x(e) {
+        var t = g({}, e);
         // @docs-props-type DividerPropsBase
-                var i = (0, r.useContext)(m), a = i.role;
+                var i = (0, r.useContext)(y), a = i.role;
         
-        return n().createElement(v, h({
+        return n().createElement(m, g({
             "aria-hidden": a === "listbox",
             "data-test": "divider",
             role: "separator"
         }, t));
     }
-    g.propTypes = y;
-    /* Remove the item if it is the first item after filtering */    g.filterFirst = true;
-    /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    g.filterConsecutive = true;
-    /* Remove the item if it is the last item after filtering. */    g.filterLast = true;
-    /* Tag the item as Divider */    g.as = "Divider";
-    /* harmony default export */    const k = g;
+    x.propTypes = k;
+    /* Remove the item if it is the first item after filtering */    x.filterFirst = true;
+    /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    x.filterConsecutive = true;
+    /* Remove the item if it is the last item after filtering. */    x.filterLast = true;
+    /* Tag the item as Divider */    x.as = "Divider";
+    /* harmony default export */    const w = x;
     // CONCATENATED MODULE: external "@splunk/react-ui/Heading"
-    const x = require("@splunk/react-ui/Heading");
-    var w =  e.n(x);
-    // CONCATENATED MODULE: external "@splunk/themes/useSplunkTheme"
-    const S = require("@splunk/themes/useSplunkTheme");
+    const S = require("@splunk/react-ui/Heading");
     var O =  e.n(S);
+    // CONCATENATED MODULE: external "@splunk/themes/useSplunkTheme"
+    const C = require("@splunk/themes/useSplunkTheme");
+    var I =  e.n(C);
     // CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
-    var C = d().div.withConfig({
+    var P = f().div.withConfig({
         displayName: "HeadingStyles__Styled",
         componentId: "mcd2ws-0"
-    })([ "", " border-top:1px solid transparent;", ";&:not(:first-child){", ";}" ], f.mixins.reset("block"), (0, 
-    f.pick)({
-        enterprise: (0, u.css)([ "padding:", " ", " 6px;" ], f.variables.spacingXSmall, f.variables.spacingSmall),
+    })([ "", " border-top:1px solid transparent;", ";&:not(:first-child){", ";}" ], b.mixins.reset("block"), (0, 
+    b.pick)({
+        enterprise: (0, u.css)([ "padding:", " ", " 6px;" ], b.variables.spacingXSmall, b.variables.spacingSmall),
         prisma: {
             comfortable: "padding: 13px 16px 10px 16px",
             compact: "padding: 9px 16px 6px 16px"
         }
-    }), (0, f.pick)({
-        enterprise: (0, u.css)([ "border-top:", ";" ], f.variables.border),
+    }), (0, b.pick)({
+        enterprise: (0, u.css)([ "border-top:", ";" ], b.variables.border),
         prisma: {
-            comfortable: (0, u.css)([ "border-top:1px solid ", ";margin-top:6px;padding-top:19px;" ], f.variables.neutral200),
-            compact: (0, u.css)([ "border-top:1px solid ", ";margin-top:6px;padding-top:15px;" ], f.variables.neutral200)
+            comfortable: (0, u.css)([ "border-top:1px solid ", ";margin-top:6px;padding-top:19px;" ], b.variables.neutral200),
+            compact: (0, u.css)([ "border-top:1px solid ", ";margin-top:6px;padding-top:15px;" ], b.variables.neutral200)
         }
     }));
-    var I = d().h5.withConfig({
+    var _ = f().h5.withConfig({
         displayName: "HeadingStyles__PrismaSectionTitle",
         componentId: "mcd2ws-1"
-    })([ "", " font-size:", ";line-height:", ";font-weight:", ";letter-spacing:0.02em;" ], f.mixins.reset("block"), f.variables.fontSizeSmall, f.variables.lineHeight, f.variables.fontWeightBold);
+    })([ "", " 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 P(e, t) {
+    function j() {
+        j = 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 j.apply(this, arguments);
+    }
+    function E(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -181,24 +195,24 @@
         }
         return r;
     }
-    function E(e) {
+    function T(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = arguments[t] != null ? arguments[t] : {};
             if (t % 2) {
-                P(Object(r), true).forEach((function(t) {
-                    _(e, t, r[t]);
+                E(Object(r), true).forEach((function(t) {
+                    D(e, t, r[t]);
                 }));
             } else if (Object.getOwnPropertyDescriptors) {
                 Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
             } else {
-                P(Object(r)).forEach((function(t) {
+                E(Object(r)).forEach((function(t) {
                     Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
                 }));
             }
         }
         return e;
     }
-    function _(e, t, r) {
+    function D(e, t, r) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: r,
@@ -211,23 +225,9 @@
         }
         return e;
     }
-    function j() {
-        j = 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 j.apply(this, arguments);
-    }
-    function T(e, t) {
+    function q(e, t) {
         if (e == null) return {};
-        var r = D(e, t);
+        var r = R(e, t);
         var n, i;
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
@@ -240,7 +240,7 @@
         }
         return r;
     }
-    function D(e, t) {
+    function R(e, t) {
         if (e == null) return {};
         var r = {};
         var n = Object.keys(e);
@@ -252,117 +252,120 @@
         }
         return r;
     }
-    var R = {
+    var N = {
         children: a().node,
         title: a().bool,
         outerStyle: a().object
     };
     /**
  * A non-interactive `Menu` item used to separate and label groups of `Menu` items.
- */    function q(e) {
-        var t = e.children, i = e.title, a = e.outerStyle, o = T(e, [ "children", "title", "outerStyle" ]);
-        var l = (0, r.useContext)(m), s = l.role;
-        var c = O()(), p = c.family;
-        var u = p === "prisma" ?  n().createElement(I, j({
-            as: i ? "h4" : "h5",
-            style: a,
-            "data-test": "heading"
-        }, o), t) :  n().createElement(w(), j({
-            style: E(E({}, a), {}, {
+ */    function H(e) {
+        var t = e.children, i = e.outerStyle, a = e.title, o = q(e, [ "children", "outerStyle", "title" ]);
+        var l = (0, r.useContext)(y), s = l.role;
+        var c = I()(), p = c.family;
+        var u = (0, r.useMemo)((function() {
+            return T(T({}, i), {}, {
                 margin: 0
-            }),
-            level: i ? 4 : "ss",
-            "data-test": "heading"
+            });
+        }), [ i ]);
+        var f = p === "prisma" ?  n().createElement(_, j({
+            as: a ? "h4" : "h5",
+            "data-test": "heading",
+            style: i
+        }, o), t) :  n().createElement(O(), j({
+            "data-test": "heading",
+            level: a ? 4 : "ss",
+            style: u
         }, 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(C, {
+        return n().createElement(P, {
             "aria-hidden": s === "listbox"
-        }, u);
+        }, f);
     }
-    q.propTypes = R;
-    /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    q.filterConsecutive = true;
-    /* Remove the item if it is the last item after filtering. */    q.filterLast = true;
-    /* Tag the item as a Heading */    q.as = "Heading";
-    /* harmony default export */    const N = q;
+    H.propTypes = N;
+    /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    H.filterConsecutive = true;
+    /* Remove the item if it is the last item after filtering. */    H.filterLast = true;
+    /* Tag the item as a Heading */    H.as = "Heading";
+    /* harmony default export */    const F = H;
     // CONCATENATED MODULE: external "lodash/isString"
-    const F = require("lodash/isString");
-    var H =  e.n(F);
-    // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
-    const $ = require("@splunk/react-icons/ChevronRight");
+    const $ = require("lodash/isString");
     var A =  e.n($);
-    // CONCATENATED MODULE: external "@splunk/react-icons/Checkmark"
-    const M = require("@splunk/react-icons/Checkmark");
+    // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
+    const M = require("@splunk/react-icons/ChevronRight");
     var L =  e.n(M);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Check"
-    const z = require("@splunk/react-icons/enterprise/Check");
+    // CONCATENATED MODULE: external "@splunk/react-icons/Checkmark"
+    const z = require("@splunk/react-icons/Checkmark");
     var K =  e.n(z);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
-    const W = require("@splunk/react-icons/enterprise/ChevronRight");
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Check"
+    const W = require("@splunk/react-icons/enterprise/Check");
     var B =  e.n(W);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const G = require("@splunk/react-ui/Clickable");
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
+    const G = require("@splunk/react-icons/enterprise/ChevronRight");
     var V =  e.n(G);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Switch"
-    const U = require("@splunk/react-ui/Switch");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
+    const U = require("@splunk/react-ui/Clickable");
     var X =  e.n(U);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Switch"
+    const Y = require("@splunk/react-ui/Switch");
+    var J =  e.n(Y);
     // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
-    var Y = (0, u.css)([ "color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;" ], (0, 
-    f.pick)({
-        prisma: f.variables.contentColorDefault,
-        enterprise: f.variables.textGray
-    }), f.variables.fontSizeSmall, (0, f.pick)({
+    var Q = (0, u.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 J = d().span.withConfig({
+    var Z = f().span.withConfig({
         displayName: "ItemStyles__StyledItemDescriptionBottom",
         componentId: "sc-4kc053-0"
-    })([ "", ";display:block;" ], Y);
-    var Q = d().span.withConfig({
+    })([ "", ";display:block;" ], Q);
+    var ee = f().span.withConfig({
         displayName: "ItemStyles__StyledItemDescriptionRight",
         componentId: "sc-4kc053-1"
-    })([ "", ";float:right;", " max-width:50%;text-align:right;box-sizing:border-box;" ], Y, (0, 
-    f.pick)({
-        enterprise: (0, u.css)([ "padding-left:", ";" ], f.variables.spacingLarge)
+    })([ "", ";float:right;", " max-width:50%;text-align:right;box-sizing:border-box;" ], Q, (0, 
+    b.pick)({
+        enterprise: (0, u.css)([ "padding-left:", ";" ], b.variables.spacingLarge)
     }));
-    var Z = d().div.withConfig({
+    var te = f().div.withConfig({
         displayName: "ItemStyles__StyledItemSelectedIcon",
         componentId: "sc-4kc053-2"
-    })([ "position:absolute;", " color:", ";" ], (0, f.pick)({
+    })([ "position:absolute;", " color:", ";" ], (0, b.pick)({
         prisma: (0, u.css)([ "right:16px;" ]),
         enterprise: (0, u.css)([ "right:3px;left:8px;" ])
-    }), (0, f.pick)({
-        prisma: f.variables.contentColorActive,
-        enterprise: f.variables.accentColorL10
+    }), (0, b.pick)({
+        prisma: b.variables.contentColorActive,
+        enterprise: b.variables.accentColorL10
     }));
-    var ee = d().span.withConfig({
+    var re = f().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, 
-    f.pick)({
+    b.pick)({
         prisma: "8px",
         enterprise: "3px"
-    }), (0, f.pick)({
+    }), (0, b.pick)({
         prisma: "initial",
         enterprise: "middle"
-    }), (0, f.pick)({
-        prisma: (0, u.css)([ "color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}" ], f.variables.contentColorMuted),
+    }), (0, b.pick)({
+        prisma: (0, u.css)([ "color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}" ], b.variables.contentColorMuted),
         enterprise: (0, u.css)([ "transform:translateY(-1px);" ])
     }));
-    var te = d()(V()).withConfig({
+    var ne = f()(X()).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, 
-    f.pick)({
-        prisma: f.variables.contentColorActive,
+    })([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled],[aria-disabled='true']){&:hover{background:", ";", "}", " ", "}&:focus{outline:0;box-shadow:", ";", "}&[disabled],&[aria-disabled='true']{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", "" ], (0, 
+    b.pick)({
+        prisma: b.variables.contentColorActive,
         enterprise: {
-            dark: f.variables.gray96,
-            light: f.variables.gray22
+            dark: b.variables.gray96,
+            light: b.variables.gray22
         }
-    }), (0, f.pick)({
+    }), (0, b.pick)({
         prisma: {
             comfortable: "10px 16px",
             compact: "6px 16px"
@@ -370,7 +373,7 @@
         enterprise: "6px 10px"
     }), (function(e) {
         var t = e.$isSelectable, r = e.$selectableAppearance;
-        return t && (0, f.pick)({
+        return t && (0, b.pick)({
             prisma: (0, u.css)([ "padding-right:44px;", "" ], (function() {
                 return r === "checkbox" && "padding-left: 42px;";
             })),
@@ -380,142 +383,142 @@
         });
     }), (function(e) {
         var t = e.$active, r = e.$preventFocus;
-        return t && !r && (0, u.css)([ "box-shadow:", ";" ], f.variables.focusShadowInset);
+        return t && !r && (0, u.css)([ "box-shadow:", ";" ], b.variables.focusShadowInset);
     }), (function(e) {
         var t = e.$active;
-        return t && (0, u.css)([ "background:", ";font-weight:", ";" ], (0, f.pick)({
+        return t && (0, u.css)([ "background:", ";font-weight:", ";" ], (0, b.pick)({
             enterprise: {
-                light: f.variables.gray92,
-                dark: f.variables.gray22
+                light: b.variables.gray92,
+                dark: b.variables.gray22
             },
-            prisma: f.variables.neutral100
-        }), f.variables.fontWeightBold);
-    }), (0, f.pick)({
-        prisma: f.variables.interactiveColorOverlayHover,
-        enterprise: f.variables.backgroundColorHover
+            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, f.pick)({
-            prisma: (0, u.css)([ "background:", ";" ], f.mixins.overlayColors(f.variables.interactiveColorOverlaySelected, f.variables.interactiveColorOverlayHover))
+        return t && (0, b.pick)({
+            prisma: (0, u.css)([ "background:", ";" ], b.mixins.overlayColors(b.variables.interactiveColorOverlaySelected, b.variables.interactiveColorOverlayHover))
         });
-    }), f.variables.focusShadowInset, (0, f.pick)({
-        prisma: (0, u.css)([ "background:", ";" ], f.variables.interactiveColorOverlayHover)
-    }), (0, f.pick)({
-        prisma: (0, u.css)([ "&:active{background:", ";}" ], f.variables.interactiveColorOverlayActive)
+    }), (0, b.pick)({
+        prisma: (0, u.css)([ "&:active{background:", ";}" ], b.variables.interactiveColorOverlayActive)
     }), (function(e) {
         var t = e.$selected;
-        return t && (0, f.pick)({
-            prisma: (0, u.css)([ "background:", ";&:active{background:", ";}" ], f.variables.interactiveColorOverlaySelected, f.mixins.overlayColors(f.variables.interactiveColorOverlaySelected, f.variables.interactiveColorOverlayActive))
+        return t && (0, b.pick)({
+            prisma: (0, u.css)([ "background:", ";&:active{background:", ";}" ], b.variables.interactiveColorOverlaySelected, b.mixins.overlayColors(b.variables.interactiveColorOverlaySelected, b.variables.interactiveColorOverlayActive))
         });
-    }), (0, f.pick)({
+    }), b.variables.focusShadowInset, (0, b.pick)({
+        prisma: (0, u.css)([ "background:", ";" ], b.variables.interactiveColorOverlayHover)
+    }), (0, b.pick)({
         enterprise: {
-            light: f.variables.gray45,
-            dark: f.variables.contentColorDisabled
+            light: b.variables.gray45,
+            dark: b.variables.contentColorDisabled
         },
-        prisma: f.variables.contentColorDisabled
+        prisma: b.variables.contentColorDisabled
     }), 
     /* sc-sel */
-    J, 
+    Z, 
     /* sc-sel */
-    Q, 
+    ee, 
     /* sc-sel */
-    Z, (0, f.pick)({
-        prisma: f.variables.contentColorDisabled,
-        enterprise: f.variables.gray80
-    }), (0, f.pick)({
+    te, (0, b.pick)({
+        prisma: b.variables.contentColorDisabled,
+        enterprise: b.variables.gray80
+    }), (0, b.pick)({
         prisma: (0, u.css)([ "& > * > ", "{color:", ";}" ], 
         /* sc-sel */
-        ee, f.variables.contentColorDisabled)
+        re, b.variables.contentColorDisabled)
     }), (function(e) {
         var t = e.$selected;
-        return t && (0, f.pick)({
+        return t && (0, b.pick)({
             prisma: (0, u.css)([ "", "{color:", ";}" ], 
             /* sc-sel */
-            ee, f.variables.contentColorActive)
+            re, b.variables.contentColorActive)
         });
     }));
-    var re = d()(X()).withConfig({
+    var ie = f()(J()).withConfig({
         displayName: "ItemStyles__StyledSwitch",
         componentId: "sc-4kc053-5"
-    })([ "position:absolute;left:", ";top:", ";" ], (0, f.pick)({
+    })([ "position:absolute;left:", ";top:", ";" ], (0, b.pick)({
         prisma: "16px",
         enterprise: "8px"
-    }), (0, f.pick)({
+    }), (0, b.pick)({
         prisma: "0px",
         enterprise: {
             comfortable: "-1px",
             compact: "2px"
         }
     }));
-    var ne = d().span.withConfig({
+    var ae = f().span.withConfig({
         displayName: "ItemStyles__StyledInnerWrapper",
         componentId: "sc-4kc053-6"
     })([ "display:flex;align-items:flex-start;" ]);
-    var ie = d().span.withConfig({
+    var oe = f().span.withConfig({
         displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
         componentId: "sc-4kc053-7"
     })([ "display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", "" ], (function(e) {
         var t = e.$truncate;
         return t && (0, u.css)([ "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" ]);
     }));
-    var ae = d().div.withConfig({
+    var le = f().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, u.css)([ "display:block;clear:both;" ]);
     }));
-    var oe = d().span.withConfig({
+    var se = f().span.withConfig({
         displayName: "ItemStyles__StyledMatch",
         componentId: "sc-4kc053-9"
-    })([ "border-bottom:1px solid ", ";" ], (0, f.pick)({
-        prisma: f.variables.contentColorActive,
+    })([ "border-bottom:1px solid ", ";" ], (0, b.pick)({
+        prisma: b.variables.contentColorActive,
         enterprise: {
-            dark: f.variables.gray96,
-            light: f.variables.gray45
+            dark: b.variables.gray96,
+            light: b.variables.gray45
         }
     }));
-    var le = d().span.withConfig({
+    var ce = f().span.withConfig({
         displayName: "ItemStyles__StyledSubmenu",
         componentId: "sc-4kc053-10"
-    })([ "float:right;padding-left:", ";color:", ";", "" ], f.variables.spacingSmall, (0, 
-    f.pick)({
+    })([ "float:right;padding-left:", ";color:", ";", "" ], b.variables.spacingSmall, (0, 
+    b.pick)({
         prisma: "inherit",
-        enterprise: f.variables.textGray
-    }), (0, f.pick)({
+        enterprise: b.variables.textGray
+    }), (0, b.pick)({
         prisma: (0, u.css)([ "& > svg{width:20px;height:20px;}" ])
     }));
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRight"
-    const se = require("@splunk/react-icons/ArrowSquareTopRight");
-    var ce =  e.n(se);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/External"
-    const pe = require("@splunk/react-icons/enterprise/External");
+    const pe = require("@splunk/react-icons/ArrowSquareTopRight");
     var ue =  e.n(pe);
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/External"
+    const fe = require("@splunk/react-icons/enterprise/External");
+    var de =  e.n(fe);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const de = require("@splunk/ui-utils/i18n");
+    const ve = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: ./src/Menu/icons/External.tsx
-    var fe = (0, de._)("Open externally");
-    var ve = (0, u.css)([ "width:0.8em;height:0.8em;vertical-align:baseline;" ]);
-    var be = d()(ue()).withConfig({
+    var be = (0, ve._)("Open externally");
+    var me = (0, u.css)([ "width:0.8em;height:0.8em;vertical-align:baseline;" ]);
+    var he = f()(de()).withConfig({
         displayName: "External__StyledEnterprise",
         componentId: "sc-1turs2s-0"
-    })([ "", " margin:0 0 0 3px;" ], ve);
-    var me = d()(ce()).withConfig({
+    })([ "", " margin:0 0 0 3px;" ], me);
+    var ye = f()(ue()).withConfig({
         displayName: "External__StyledPrisma",
         componentId: "sc-1turs2s-1"
-    })([ "", " margin:0 0 0 4px;" ], ve);
-    function he() {
-        var e = (0, f.useSplunkTheme)(), t = e.isEnterprise, r = e.isCompact;
+    })([ "", " margin:0 0 0 4px;" ], me);
+    function ge() {
+        var e = (0, b.useSplunkTheme)(), t = e.isEnterprise, r = e.isCompact;
         var i = r ? "20px" : "24px";
-        return t ?  n().createElement(be, {
-            screenReaderText: fe
-        }) :  n().createElement(me, {
-            "aria-label": fe,
+        return t ?  n().createElement(he, {
+            screenReaderText: be
+        }) :  n().createElement(ye, {
+            "aria-label": be,
             height: i,
             width: i
-        },  n().createElement("title", null, fe));
+        },  n().createElement("title", null, be));
     }
-    /* harmony default export */    const ye = he;
+    /* harmony default export */    const ke = ge;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -523,7 +526,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function ge(e, t) {
+    function xe(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -537,7 +540,7 @@
     }
     // CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
     // A utility that attempts to move an element into view by scrolling it's derived parent.
-    var ke = function e(t) {
+    var we = function e(t) {
         if (!t) {
             return;
         }
@@ -554,21 +557,21 @@
         }
     };
     // CONCATENATED MODULE: ./src/Menu/Item.tsx
-    function xe(e) {
+    function Se(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            xe = function e(t) {
+            Se = function e(t) {
                 return typeof t;
             };
         } else {
-            xe = function e(t) {
+            Se = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return xe(e);
+        return Se(e);
     }
-    function we() {
-        we = Object.assign || function(e) {
+    function Oe() {
+        Oe = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -579,11 +582,11 @@
             }
             return e;
         };
-        return we.apply(this, arguments);
+        return Oe.apply(this, arguments);
     }
-    function Se(e, t) {
+    function Ce(e, t) {
         if (e == null) return {};
-        var r = Oe(e, t);
+        var r = Ie(e, t);
         var n, i;
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
@@ -596,7 +599,7 @@
         }
         return r;
     }
-    function Oe(e, t) {
+    function Ie(e, t) {
         if (e == null) return {};
         var r = {};
         var n = Object.keys(e);
@@ -608,12 +611,12 @@
         }
         return r;
     }
-    function Ce(e, t) {
+    function Pe(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function Ie(e, t) {
+    function _e(e, t) {
         for (var r = 0; r < t.length; r++) {
             var n = t[r];
             n.enumerable = n.enumerable || false;
@@ -622,9 +625,9 @@
             Object.defineProperty(e, n.key, n);
         }
     }
-    function Pe(e, t, r) {
-        if (t) Ie(e.prototype, t);
-        if (r) Ie(e, r);
+    function je(e, t, r) {
+        if (t) _e(e.prototype, t);
+        if (r) _e(e, r);
         return e;
     }
     function Ee(e, t) {
@@ -638,41 +641,41 @@
                 configurable: true
             }
         });
-        if (t) _e(e, t);
+        if (t) Te(e, t);
     }
-    function _e(e, t) {
-        _e = Object.setPrototypeOf || function e(t, r) {
+    function Te(e, t) {
+        Te = Object.setPrototypeOf || function e(t, r) {
             t.__proto__ = r;
             return t;
         };
-        return _e(e, t);
+        return Te(e, t);
     }
-    function je(e) {
-        var t = Re();
+    function De(e) {
+        var t = Ne();
         return function r() {
-            var n = qe(e), i;
+            var n = He(e), i;
             if (t) {
-                var a = qe(this).constructor;
+                var a = He(this).constructor;
                 i = Reflect.construct(n, arguments, a);
             } else {
                 i = n.apply(this, arguments);
             }
-            return Te(this, i);
+            return qe(this, i);
         };
     }
-    function Te(e, t) {
-        if (t && (xe(t) === "object" || typeof t === "function")) {
+    function qe(e, t) {
+        if (t && (Se(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return De(e);
+        return Re(e);
     }
-    function De(e) {
+    function Re(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function Re() {
+    function Ne() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -683,13 +686,13 @@
             return false;
         }
     }
-    function qe(e) {
-        qe = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function He(e) {
+        He = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return qe(e);
+        return He(e);
     }
-    function Ne(e, t, r) {
+    function Fe(e, t, r) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: r,
@@ -702,12 +705,12 @@
         }
         return e;
     }
-    var Fe = {
+    var $e = {
         active: a().bool,
         children: a().node,
         description: a().string,
         descriptionPosition: a().oneOf([ "right", "bottom" ]),
-        disabled: a().bool,
+        disabled: a().oneOfType([ a().bool, a().oneOf([ "dimmed" ]) ]),
         elementRef: a().oneOfType([ a().func, a().object ]),
         hasSubmenu: a().bool,
         icon: a().node,
@@ -732,10 +735,9 @@
         to: a().string,
         truncate: a().bool
     };
-    var He = {
+    var Ae = {
         active: false,
         descriptionPosition: "bottom",
-        disabled: false,
         hasSubmenu: false,
         openInNewContext: false,
         preventFocus: false,
@@ -744,10 +746,10 @@
         selected: false,
         truncate: false
     };
-    var $e =  function(e) {
+    var Me =  function(e) {
         Ee(r, e);
-        var t = je(r);
-        Pe(r, null, [ {
+        var t = De(r);
+        je(r, null, [ {
             key: "validateProps",
             // @docs-props-type ItemPropsBase
             value: function e(t) {
@@ -756,23 +758,23 @@
         } ]);
         function r(e) {
             var n;
-            Ce(this, r);
+            Pe(this, r);
             n = t.call(this, e);
-            Ne(De(n), "el", null);
-            Ne(De(n), "handleFocus", (function(e) {
+            Fe(Re(n), "el", null);
+            Fe(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
                 });
             }));
-            Ne(De(n), "handleMount", (function(e) {
+            Fe(Re(n), "handleMount", (function(e) {
                 n.el = e;
-                ge(n.props.elementRef, e);
+                xe(n.props.elementRef, e);
             }));
             r.validateProps(e);
             return n;
         }
-        Pe(r, [ {
+        je(r, [ {
             key: "componentDidUpdate",
             value: function e() {
                 r.validateProps(this.props);
@@ -786,13 +788,13 @@
         }, {
             key: "scrollIntoViewIfNeeded",
             value: function e() {
-                ke(this.el);
+                we(this.el);
             }
         }, {
             key: "renderLabel",
             value: function e() {
                 var t = this.props, r = t.children, i = t.matchRanges;
-                if (!i || !H()(r)) {
+                if (!i || !A()(r)) {
                     return r;
                 }
                 var a = [];
@@ -802,7 +804,7 @@
                     a.push(
                     
                     // eslint-disable-next-line react/no-array-index-key
-                    n().createElement(oe, {
+                    n().createElement(se, {
                         key: t,
                         "data-test": "match"
                     }, r.substring(e.start, e.end)));
@@ -817,7 +819,7 @@
         }, {
             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.role, b = t.splunkTheme, m = t.to, h = t.truncate, y = t.descriptionPosition, g = t.openInNewContext, k = Se(t, [ "active", "children", "hasSubmenu", "selectable", "selectableAppearance", "selected", "icon", "description", "disabled", "onClick", "role", "splunkTheme", "to", "truncate", "descriptionPosition", "openInNewContext" ]);
+                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, f = t.disabled, d = t.onClick, v = t.role, b = t.splunkTheme, m = t.to, h = t.truncate, y = t.descriptionPosition, g = t.openInNewContext, k = Ce(t, [ "active", "children", "hasSubmenu", "selectable", "selectableAppearance", "selected", "icon", "description", "disabled", "onClick", "role", "splunkTheme", "to", "truncate", "descriptionPosition", "openInNewContext" ]);
                 var x = b.isEnterprise, w = b.isPrisma;
                 var S = this.context.preventFocus;
                 var O = o || c;
@@ -832,20 +834,20 @@
                     "aria-checked": s === "checkmark" && c ? true : undefined
                 };
                 var P = w ? "right" : "left";
-                var E = u && y === "right";
-                var _ = u && !E;
-                var j = c && s === "checkmark" &&  n().createElement(Z, null, w ?  n().createElement(L(), {
+                var _ = u && y === "right";
+                var j = u && !_;
+                var E = c && s === "checkmark" &&  n().createElement(te, null, w ?  n().createElement(K(), {
                     inline: true,
                     height: "16",
                     width: "16"
-                }) :  n().createElement(K(), {
+                }) :  n().createElement(B(), {
                     hideDefaultTooltip: true,
                     inline: true,
                     screenReaderText: null,
                     size: .85
                 }));
                 
-                return n().createElement(te, we({
+                return n().createElement(ne, Oe({
                     $isSelectable: O,
                     $selectableAppearance: s,
                     $selected: c,
@@ -854,8 +856,8 @@
                     "data-test-selected": O ? c : null,
                     "data-test": "item",
                     "data-has-icon": !!p,
-                    disabled: d,
-                    onClick: f,
+                    disabled: f,
+                    onClick: d,
                     onFocus: this.handleFocus,
                     onMouseDown: function e(t) {
                         if (S) {
@@ -865,72 +867,73 @@
                     role: v || C,
                     tabIndex: S ? -1 : undefined,
                     to: m,
-                    title: h && H()(i) ? i : undefined,
+                    title: h && A()(i) ? i : undefined,
                     openInNewContext: g
                 }, I, l()(k, "onFocus"), {
                     elementRef: this.handleMount
-                }), o && s === "checkbox" &&  n().createElement(re, {
+                }), o && s === "checkbox" &&  n().createElement(ie, {
                     interactive: false,
                     selected: c,
                     selectedLabel: "Selected",
                     value: "menu-item"
-                }), a &&  n().createElement(le, null, x ?  n().createElement(B(), {
+                }), a &&  n().createElement(ce, null, x ?  n().createElement(V(), {
                     hideDefaultTooltip: true,
                     screenReaderText: null
-                }) :  n().createElement(A(), null)), E &&  n().createElement(Q, {
+                }) :  n().createElement(L(), null)), _ &&  n().createElement(ee, {
                     "data-test": "description"
-                }, u),  n().createElement(ne, null, p &&  n().createElement(ee, null, p),  n().createElement(ie, {
+                }, u),  n().createElement(ae, null, p &&  n().createElement(re, null, p),  n().createElement(oe, {
                     $truncate: h
-                }, P === "left" && j,  n().createElement(ae, {
+                }, P === "left" && E,  n().createElement(le, {
                     $truncate: h,
                     "data-test": "label"
-                }, this.renderLabel(), g &&  n().createElement(ye, null)), _ &&  n().createElement(J, {
+                }, this.renderLabel(), g &&  n().createElement(ke, null)), j &&  n().createElement(Z, {
                     "data-test": "description"
-                }, u), P === "right" && j)));
+                }, u), P === "right" && E)));
             }
         } ]);
         return r;
     }(r.Component);
-    Ne($e, "propTypes", Fe);
-    Ne($e, "defaultProps", He);
-    Ne($e, "as", void 0);
-    Ne($e, "contextType", m);
-    var Ae = (0, f.withSplunkTheme)($e);
-    var Me = Ae;
-    Me.propTypes = $e.propTypes;
-    Me.as = "Item";
-    /* harmony default export */    const Le = Me;
+    Fe(Me, "propTypes", $e);
+    Fe(Me, "defaultProps", Ae);
+    Fe(Me, "as", void 0);
+    Fe(Me, "contextType", y);
+    var Le = (0, b.withSplunkTheme)(Me);
+    var ze = Le;
+    ze.propTypes = Me.propTypes;
+    ze.as = "Item";
+    /* harmony default export */    const Ke = ze;
     // CONCATENATED MODULE: external "@splunk/react-ui/Scroll"
-    const ze = require("@splunk/react-ui/Scroll");
-    var Ke =  e.n(ze);
+    const We = require("@splunk/react-ui/Scroll");
+    var Be =  e.n(We);
     // CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
-    var We = (0, u.css)([ "border-top:1px solid ", ";" ], (0, f.pick)({
-        enterprise: f.variables.gray60,
-        prisma: f.variables.neutral200
+    var Ge = (0, u.css)([ "border-top:1px solid ", ";" ], (0, b.pick)({
+        enterprise: b.variables.gray60,
+        prisma: b.variables.neutral200
     }));
-    var Be = d().div.withConfig({
+    var Ve = (0, u.css)([ "", ";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, u.css)([ "padding:8px 0;" ])
+    }), b.variables.focusShadowInset, (0, b.pick)({
+        prisma: (0, u.css)([ "background:", ";" ], b.variables.interactiveColorOverlayHover)
+    }), Ge);
+    var Ue = f().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:", ";", "}& + &{", "}" ], f.mixins.reset("block"), (0, 
-    f.pick)({
-        enterprise: f.variables.backgroundColor,
-        prisma: f.variables.backgroundColorPopup
-    }), f.variables.borderRadius, (0, f.pick)({
-        prisma: (0, u.css)([ "padding:8px 0;" ])
-    }), f.variables.focusShadowInset, (0, f.pick)({
-        prisma: (0, u.css)([ "background:", ";" ], f.variables.interactiveColorOverlayHover)
-    }), We);
-    var Ge = d()(Be.withComponent(Ke())).withConfig({
+    })([ "", "" ], Ve);
+    var Xe = f()(Be()).withConfig({
         displayName: "MenuStyles__StyledScroll",
         componentId: "sc-1olffp9-1"
-    })([ "", " + &,& + ", "{", "}" ], 
+    })([ "", " ", " + &,& + ", "{", "}" ], Ve, 
     /* sc-sel */
-    Be, 
+    Ue, 
     /* sc-sel */
-    Be, We);
+    Ue, Ge);
     // CONCATENATED MODULE: ./src/Menu/Menu.tsx
-    function Ve() {
-        Ve = Object.assign || function(e) {
+    function Ye() {
+        Ye = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -941,11 +944,11 @@
             }
             return e;
         };
-        return Ve.apply(this, arguments);
+        return Ye.apply(this, arguments);
     }
-    function Ue(e, t) {
+    function Je(e, t) {
         if (e == null) return {};
-        var r = Xe(e, t);
+        var r = Qe(e, t);
         var n, i;
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
@@ -958,7 +961,7 @@
         }
         return r;
     }
-    function Xe(e, t) {
+    function Qe(e, t) {
         if (e == null) return {};
         var r = {};
         var n = Object.keys(e);
@@ -970,17 +973,15 @@
         }
         return r;
     }
-    var Ye = {
+    var Ze = {
         children: a().node,
-        /** @private */
-        controlledExternally: a().bool,
         elementRef: a().oneOfType([ a().func, a().object ]),
+        focusMode: a().oneOf([ "roving", "normal", "never" ]),
         retainFocus: a().bool,
-        stopScrollPropagation: a().bool,
-        disableFocusControl: a().bool
+        stopScrollPropagation: a().bool
     };
     // the default focus control for Menu: loop, verticalArrows(up/down keys), home/end keys
-        var Je = function e(t) {
+        var et = function e(t) {
         return {
             enableLoop: true,
             orientation: "vertical",
@@ -988,19 +989,30 @@
             enableHomeEnd: true
         };
     };
-    function Qe(e) {
-        var t = e.children, i = e.controlledExternally, a = e.elementRef, o = e.retainFocus, u = e.stopScrollPropagation, d = e.disableFocusControl, f = Ue(e, [ "children", "controlledExternally", "elementRef", "retainFocus", "stopScrollPropagation", "disableFocusControl" ]);
+    var tt = function e(t) {
+        var r = (0, c.keycode)(t.nativeEvent);
+ // Handle special case for tab navigation
+                if (r === "tab" && (0, p.isTabKey)(t)) {
+            return t.shiftKey ? "tabShift" : "tab";
+        }
+        return r;
+    };
+    function rt(e) {
+        var t = e.children, i = e.elementRef, a = e.focusMode, o = e.retainFocus, c = e.stopScrollPropagation, u = Je(e, [ "children", "elementRef", "focusMode", "retainFocus", "stopScrollPropagation" ]);
         // @docs-props-type MenuPropsBase
-                var v = (0, r.useContext)(m), b = v.role, h = b === void 0 ? "menu" : b;
-        var y = (0, r.useContext)(s.PopoverContext), g = y.retainFocus;
-        var k = (0, r.useRef)(null);
-        var x = true;
+                if (false) {}
+        var f = (0, r.useContext)(y), d = f.role, v = d === void 0 ? "menu" : d;
+        var b = (0, r.useContext)(s.PopoverContext), m = b.retainFocus;
+        var h = (0, r.useRef)(null);
+        var g = true;
         if (o != null) {
-            x = o;
-        } else if (g != null) {
-            x = g;
+            g = o;
+        } else if (a === "roving") {
+            g = false;
+        } else if (m != null) {
+            g = m;
         }
-        var w = r.Children.toArray(t).filter(r.isValidElement).reduce((function(e, t, r, n) {
+        var k = r.Children.toArray(t).filter(r.isValidElement).reduce((function(e, t, r, n) {
             /* Filter out initial Dividers
      * Requires reduce() over filter() because a Heading may have been
      * before the Divider.
@@ -1023,27 +1035,22 @@
             e.push(t);
             return e;
         }), []);
+        var x = (0, r.useCallback)((function(e) {
+            h.current = e;
+            xe(i, e);
+        }), [ i ]);
+        var w = et(g);
         var S = (0, r.useCallback)((function(e) {
-            k.current = e;
-            ge(a, e);
-        }), [ a ]);
-        var O = Je(x);
-        var C = (0, r.useCallback)((function(e) {
-            var t = (0, c.keycode)(e.nativeEvent);
-            if (t === "tab" && (0, p.isTabKey)(e) && e.shiftKey) {
-                t = "tabShift";
-            } else if (t === "tab" && (0, p.isTabKey)(e)) {
-                t = "tab";
-            }
+            var t = tt(e);
             var r = t === "tab" || t === "tabShift";
             var n = t === "enter";
  // Allow default behavior for the enter key.
             // If tab navigation is enabled, prevent default behavior for all other keys.
             // If tab navigation is disabled, allow default behavior for tab and tab+shift key
-                        if (!n && (O.enableTab || !r)) {
+                        if (!n && (w.enableTab || !r)) {
                 e.preventDefault();
             }
-            var i = k.current;
+            var i = h.current;
             var a = [];
             if (i) {
                 a = (0, p.getSortedTabbableElements)(i, {
@@ -1053,35 +1060,35 @@
             var o = (e === null || e === void 0 ? void 0 : e.target) instanceof Element ? e.target : null;
             var l = i === null || i === void 0 ? void 0 : i.querySelector(":focus");
             var s = o || l;
-            var u = s ? a.indexOf(s) : -1;
-            (0, p.handleFocus)(t, a, u, O);
-        }), [ O ]);
-        var I = function e() {
+            var c = s ? a.indexOf(s) : -1;
+            (0, p.handleFocus)(t, a, c, w);
+        }), [ w ]);
+        var O = function e() {
             return {
                 role: "menu",
-                preventFocus: i
+                preventFocus: a === "never"
             };
         };
-        var P = !d && !i ? C : undefined;
-        var E = {
+        var C = a === "normal" || a === "never" ? undefined : S;
+        var I = {
             "data-test": "menu",
-            onKeyDown: P,
-            role: h
+            onKeyDown: C,
+            role: v
         };
-        return u ?  n().createElement(Ge, Ve({}, E, {
-            elementRef: S,
+        return c ?  n().createElement(Xe, Ye({}, I, {
+            elementRef: x,
             stopScrollPropagation: true
-        }, l()(f, "tagName")), w) :  n().createElement(Be, Ve({}, E, {
-            ref: S
-        }, f),  n().createElement(m.Provider, {
-            value: I()
-        }, w));
+        }, l()(u, "tagName")), k) :  n().createElement(Ue, Ye({}, I, {
+            ref: x
+        }, u),  n().createElement(y.Provider, {
+            value: O()
+        }, k));
     }
-    Qe.propTypes = Ye;
-    Qe.Item = Le;
-    Qe.Divider = k;
-    Qe.Heading = N;
-    /* harmony default export */    const Ze = Qe;
+    rt.propTypes = Ze;
+    rt.Item = Ke;
+    rt.Divider = w;
+    rt.Heading = F;
+    /* harmony default export */    const nt = rt;
     // CONCATENATED MODULE: ./src/Menu/index.ts
     module.exports = t;
     /******/})();