@splunk/react-ui 5.4.0 → 5.6.0

package/ComboBox.js

@@ -528,13 +528,14 @@
             // Highlight Active
                         Ie.current = 0;
             Ae.current = undefined;
-            var l = (0, C.stringToKeywords)(Re ? e : Ke());
+            var l = Re ? e : Ke();
+            var u = l ? (0, C.stringToKeywords)(l) : [];
             return (i ? n : n.filter((function(e) {
                 if (e.props.label !== undefined) {
-                    return (0, C.testPhrase)(e.props.label, l);
+                    return (0, C.testPhrase)(e.props.label, u);
                 }
                 if (e.props.value !== undefined) {
-                    return (0, C.testPhrase)(e.props.value, l);
+                    return (0, C.testPhrase)(e.props.value, u);
                 }
                 return true;
  // Keep all headers and non-interactive options
@@ -545,9 +546,9 @@
                 }
                 var a = Ie.current === fe;
                 Ie.current += 1;
-                var u = n.props.label !== undefined ? n.props.label : n.props.value;
+                var l = n.props.label !== undefined ? n.props.label : n.props.value;
                 var c = n.props.matchRanges;
-                var s = !i && e && (o || t > 0) ? (0, C.keywordLocations)(u, l) || undefined : undefined;
+                var s = !i && e && (o || t > 0) ? (0, C.keywordLocations)(l, u) || undefined : undefined;
                 if (a) {
                     if (!n.props.disabled) {
                         Ae.current = n.props.value;

package/Link.js

@@ -61,48 +61,73 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        default: () => /* reexport */ C
+        LinkContext: () => /* reexport */ y,
+        LinkProvider: () => /* reexport */ m,
+        default: () => /* reexport */ j
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var r =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var a =  e.n(o);
+    const i = require("prop-types");
+    var a =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const i = require("@splunk/react-ui/ScreenReaderContent");
-    var l =  e.n(i);
+    const o = require("@splunk/react-ui/ScreenReaderContent");
+    var l =  e.n(o);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
     const s = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "styled-components"
-    const c = require("styled-components");
-    var d =  e.n(c);
+    const d = require("styled-components");
+    var c =  e.n(d);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRightInset"
     const u = require("@splunk/react-icons/ArrowSquareTopRightInset");
-    var p =  e.n(u);
+    var f =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const f = require("@splunk/themes");
+    const v = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Link/icons/External.tsx
-    var b = d()(p()).withConfig({
+    var b = c()(f()).withConfig({
         displayName: "External",
         componentId: "sc-13bdx45-0"
-    })([ "vertical-align:text-bottom;margin-left:", ";" ], f.variables.spacingXSmall);
-    /* harmony default export */    const v = b;
+    })([ "vertical-align:text-bottom;margin-left:", ";" ], v.variables.spacingXSmall);
+    /* harmony default export */    const p = b;
+    // CONCATENATED MODULE: ./src/Link/LinkContext.tsx
+    var g = {
+        enableVisitedStyling: false
+    };
+    var y =  (0, t.createContext)(g);
+    /**
+ * Control behavior for all children Link components.
+ */    var m = function e(n) {
+        var i = n.enableVisitedStyling, a = i === void 0 ? false : i, o = n.children;
+        // @docs-props-type LinkProviderProps
+                var l = (0, t.useMemo)((function() {
+            return {
+                enableVisitedStyling: a
+            };
+        }), [ a ]);
+        
+        return r().createElement(y.Provider, {
+            value: l
+        }, o);
+    };
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const g = require("@splunk/react-ui/Clickable");
-    var m =  e.n(g);
+    const h = require("@splunk/react-ui/Clickable");
+    var S =  e.n(h);
     // CONCATENATED MODULE: ./src/Link/LinkStyles.ts
-    var h = d()(m()).withConfig({
+    var w = c()(S()).withConfig({
         displayName: "LinkStyles__StyledClickable",
         componentId: "sc-1hhltcf-0"
-    })([ "", ";text-decoration:none;font-size:inherit;font-weight:inherit;line-height:inherit;color:", ";", " &:not([disabled],[aria-disabled='true']){cursor:pointer;&:hover,&:active,&:focus{color:", ";text-decoration:underline;text-decoration-thickness:2px;}&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}}&[disabled],&[aria-disabled='true']{color:", ";}" ], f.mixins.reset("inline"), f.variables.contentColorLink, (0, 
-    f.pickVariant)("$appearance", {
-        inline: (0, c.css)([ "text-decoration:underline;" ]),
-        standalone: (0, c.css)([ "font-weight:", ";" ], f.variables.fontWeightSemiBold)
-    }), f.variables.contentColorLink, f.variables.focusShadow, f.variables.contentColorAccentWeak);
+    })([ "", ";text-decoration:none;font-size:inherit;font-weight:inherit;line-height:inherit;color:", ";", " &:not([disabled],[aria-disabled='true']){cursor:pointer;&:hover,&:active,&:focus{color:", ";text-decoration:underline;text-decoration-thickness:2px;}&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}}&[disabled],&[aria-disabled='true']{color:", ";}", "" ], v.mixins.reset("inline"), v.variables.contentColorLink, (0, 
+    v.pickVariant)("$appearance", {
+        inline: (0, d.css)([ "text-decoration:underline;" ]),
+        standalone: (0, d.css)([ "font-weight:", ";" ], v.variables.fontWeightSemiBold)
+    }), v.variables.contentColorLink, v.variables.focusShadow, v.variables.contentColorLinkDisabled, (function(e) {
+        var n = e.$enableVisitedStyling;
+        return n && (0, d.css)([ "&:visited{color:", ";}&:where([disabled],[aria-disabled='true']):visited{color:", ";}" ], v.variables.contentColorLinkVisited, v.variables.contentColorLinkVisitedDisabled);
+    }));
     // CONCATENATED MODULE: ./src/Link/Link.tsx
-    function y() {
-        return y = Object.assign ? Object.assign.bind() : function(e) {
+    function x() {
+        return x = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -110,20 +135,20 @@
                 }
             }
             return e;
-        }, y.apply(null, arguments);
+        }, x.apply(null, arguments);
     }
-    function w(e, n) {
+    function O(e, n) {
         if (null == e) return {};
-        var t, r, o = O(e, n);
+        var t, r, i = k(e, n);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (r = 0; r < a.length; r++) {
-                t = a[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                t = a[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
             }
         }
-        return o;
+        return i;
     }
-    function O(e, n) {
+    function k(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -134,42 +159,47 @@
         }
         return t;
     }
-    var x = {
+    var C = {
         appearance: a().oneOf([ "inline", "standalone" ]),
         children: a().node,
         disabled: a().bool,
         elementRef: a().oneOfType([ a().func, a().object ]),
+        enableVisitedStyling: a().bool,
         openInNewContext: a().oneOfType([ a().bool, a().string ]),
         to: a().string
     };
-    var k = (0, s._)("(Opens new window)");
+    var V = (0, s._)("(Opens new window)");
     /**
  * `Link` is a simple method for configuring `Button` for inline links. For more complex behaviors,
  * see the `Button` documentation.
- */    var S =  r().forwardRef((function(e, 
+ */    var P =  r().forwardRef((function(e, 
     // SUI-7623 - needs to be specified for react-docgen versions less than 7.1.0
     n) {
-        var t = e.appearance, o = t === void 0 ? "inline" : t, a = e.children, i = e.disabled, s = i === void 0 ? false : i, c = e.elementRef, d = e.openInNewContext, u = d === void 0 ? false : d, p = e.tag, f = p === void 0 ? "a" : p, b = e.to, g = w(e, [ "appearance", "children", "disabled", "elementRef", "openInNewContext", "tag", "to" ]);
+        var i = e.appearance, a = i === void 0 ? "inline" : i, o = e.children, s = e.disabled, d = s === void 0 ? false : s, c = e.elementRef, u = e.enableVisitedStyling, f = e.openInNewContext, v = f === void 0 ? false : f, b = e.tag, g = b === void 0 ? "a" : b, m = e.to, h = O(e, [ "appearance", "children", "disabled", "elementRef", "enableVisitedStyling", "openInNewContext", "tag", "to" ]);
         // @docs-props-type LinkPropsBase
-                var m = typeof u === "string" ? u : k;
+                var S = typeof v === "string" ? v : V;
         // Ensure `Link` always renders as an `a` (unless overriden by `tag`) by passing a value to Clickable,
         // using '' if disabled or the to is not passed.
-                var O = f !== "button" ? s && "" || b && b || "" : undefined;
+                var k = g !== "button" ? d && "" || m && m || "" : undefined;
+        // Allow the prop to override context
+                var C = (0, t.useContext)(y), P = C.enableVisitedStyling;
+        var j = u !== null && u !== void 0 ? u : P;
         
-        return r().createElement(h, y({
+        return r().createElement(w, x({
             "data-test": "link",
-            disabled: s ? "disabled" : undefined,
+            disabled: d ? "disabled" : undefined,
             elementRef: c,
-            openInNewContext: !!u,
-            $appearance: o,
+            openInNewContext: !!v,
+            $appearance: a,
+            $enableVisitedStyling: j,
             ref: n,
-            to: O
-        }, g, {
-            tag: f
-        }), a, u &&  r().createElement(r().Fragment, null,  r().createElement(v, null),  r().createElement(l(), null, m)));
+            to: k
+        }, h, {
+            tag: g
+        }), o, v &&  r().createElement(r().Fragment, null,  r().createElement(p, null),  r().createElement(l(), null, S)));
     }));
-    S.propTypes = x;
-    /* harmony default export */    const C = S;
+    P.propTypes = C;
+    /* harmony default export */    const j = P;
     // forwardRef appears to prevent TS from inferring LinkProps in components that import Link
     // so we need to export it separately to prevent the TS build from failing with:
     // "... has or is using name 'LinkPropsBase' from external module "...packages/react-ui/src/Link/Link" but cannot be named."

package/MIGRATION.md

@@ -2,12 +2,43 @@
 
 This document lists migration guidance for new features and breaking changes.
 
+## 5.5.0
+
+### Deprecated `Switch`'s `selectedLabel`, `someSelectedLabel`, and `unselectedLabel` props
+
+#### Change
+`Switch`'s `selectedLabel`, `someSelectedLabel`, and `unselectedLabel` props have been deprecated and will be removed in the next major version.
+
+#### Context
+`Switch`'s `selectedLabel`, `someSelectedLabel`, and `unselectedLabel` props have low usage and the same behavior can be achieved in other ways.
+
+#### Migration steps
+* Remove all usage of `Switch`'s `selectedLabel`, `someSelectedLabel`, and `unselectedLabel` props.
+* Change the content depending on the `selected` prop's value and do any of the following:
+    * Set the `aria-label` prop to your content and pass the prop into `Switch`
+    * Use the `ScreenReaderContent` component
+    * Place content on screen
+
+### Add new prop `horizontalOverflow` to `Table`
+
+#### Change
+* `Table` supports a new prop called `horizontalOverflow`.
+
+#### Context
+The `Table` component's default overflow behavior has changed between version v4 and v5:
+
+- **v4**: When the `Table`'s container is smaller than the `Table` it will scroll horizontally. `HeadCell` content remains fully visible and `Cell` content wraps only at word breaks.
+- **v5**: The `Table` has a responsive behavior. `HeadCell` content truncates when needed, `Cell` content wraps to fit available space, and horizontal scrolling occurs only when `Table`'s container is smaller than `Table`'s width. 
+
+#### Migration Steps
+* To restore v4 behavior, use `horizontalOverflow="scroll"` prop. This enables horizontal scrolling when `Table` has overflow, keeps `HeadCell` content fully visible, and limits `Cell` content wrapping to word breaks only.
+
 ## 5.3.0
 
 ### `Switch`'s `appearance="checkbox"` prop has been deprecated in favor of new `Checkbox` component.
 
 #### Change
-### `Switch`'s `appearance="checkbox"` prop has been deprecated and will be removed in the next major verion.
+`Switch`'s `appearance="checkbox"` prop has been deprecated and will be removed in the next major version.
 
 #### Context
 The `Switch` component combines two different components - a checkbox and a toggle. While superficially similar in that they both provide a boolean control, they are semantically different controls.

package/Menu.js

@@ -61,10 +61,10 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        Divider: () => /* reexport */ R,
+        Divider: () => /* reexport */ H,
         Heading: () => /* reexport */ Z,
         Item: () => /* reexport */ Se,
-        MenuContext: () => /* reexport */ N,
+        MenuContext: () => /* reexport */ T,
         default: () => /* reexport */ qe
     });
     // CONCATENATED MODULE: external "react"
@@ -180,10 +180,10 @@
         role: "menu",
         preventFocus: false
     });
-    /* harmony default export */    const N = D;
+    /* harmony default export */    const T = D;
     // CONCATENATED MODULE: ./src/Menu/Divider.tsx
-    function T() {
-        return T = Object.assign ? Object.assign.bind() : function(e) {
+    function N() {
+        return N = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -191,16 +191,16 @@
                 }
             }
             return e;
-        }, T.apply(null, arguments);
+        }, N.apply(null, arguments);
     }
     var q = {};
     /**
  * A non-interactive menu item used to visually separate groups of items in the menu.
  */    function $(e) {
-        var t = T({}, e);
-        var a = (0, r.useContext)(N), i = a.role;
+        var t = N({}, e);
+        var a = (0, r.useContext)(T), i = a.role;
         
-        return n().createElement(A, T({
+        return n().createElement(A, N({
             "aria-hidden": i === "listbox",
             "data-test": "divider",
             role: "separator"
@@ -211,16 +211,16 @@
     /* Remove consecutive items with filterConsecutive = true (Dividers and Headings) */    $.filterConsecutive = true;
     /* Remove the item if it is the last item after filtering. */    $.filterLast = true;
     /* Tag the item as Divider */    $.as = "Divider";
-    /* harmony default export */    const R = $;
+    /* harmony default export */    const H = $;
     // CONCATENATED MODULE: external "@splunk/react-ui/Heading"
-    const H = require("@splunk/react-ui/Heading");
-    var F =  e.n(H);
+    const R = require("@splunk/react-ui/Heading");
+    var M =  e.n(R);
     // CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
-    var M = u().div.withConfig({
+    var F = u().div.withConfig({
         displayName: "HeadingStyles__Styled",
         componentId: "mcd2ws-0"
     })([ "", " border-top:1px solid transparent;padding:", " ", ";&:not(:first-child){border-top:1px solid ", ";margin-top:", ";}" ], p.mixins.reset("block"), p.variables.spacingSmall, p.variables.spacingLarge, p.variables.borderColor, p.variables.spacingSmall);
-    var L = u()(F()).withConfig({
+    var L = u()(M()).withConfig({
         displayName: "HeadingStyles__StyledHeading",
         componentId: "mcd2ws-1"
     })([ "color:", ";" ], p.variables.contentColorDefault);
@@ -319,7 +319,7 @@
  */    function Y(e) {
         var t = e.children, a = e.outerStyle, i = e.title, o = J(e, [ "children", "outerStyle", "title" ]);
         // @docs-props-type HeadingPropsBase
-                var l = (0, r.useContext)(N), s = l.role;
+                var l = (0, r.useContext)(T), s = l.role;
         var c = (0, r.useMemo)((function() {
             return z(z({}, a), {}, {
                 margin: 0
@@ -330,7 +330,7 @@
         // 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(M, {
+        return n().createElement(F, {
             "aria-hidden": s === "listbox" ? true : undefined
         },  n().createElement(L, B({
             style: c,
@@ -437,16 +437,16 @@
     var ye = (0, se._)("(Opens new window)");
     function he(e) {
         var t;
-        var a = e.active, o = e.children, l = e.description, s = e.descriptionPosition, c = s === void 0 ? "bottom" : s, u = e.disabled, d = e.endAdornment, v = e.elementRef, p = e.hasSubmenu, f = e.itemKey, m = e.matchRanges, b = e.onClick, g = e.onFocus, y = e.openInNewContext, w = e.role, A = e.selectable, D = e.selectableAppearance, T = D === void 0 ? "checkmark" : D, q = e.selected, $ = e.startAdornment, R = e.to, H = e.truncate, F = me(e, [ "active", "children", "description", "descriptionPosition", "disabled", "endAdornment", "elementRef", "hasSubmenu", "itemKey", "matchRanges", "onClick", "onFocus", "openInNewContext", "role", "selectable", "selectableAppearance", "selected", "startAdornment", "to", "truncate" ]);
+        var a = e.active, o = e.children, l = e.description, s = e.descriptionPosition, c = s === void 0 ? "bottom" : s, u = e.disabled, d = e.endAdornment, v = e.elementRef, p = e.hasSubmenu, f = e.itemKey, m = e.matchRanges, b = e.onClick, g = e.onFocus, y = e.openInNewContext, w = e.role, A = e.selectable, D = e.selectableAppearance, N = D === void 0 ? "checkmark" : D, q = e.selected, $ = e.startAdornment, H = e.to, R = e.truncate, M = me(e, [ "active", "children", "description", "descriptionPosition", "disabled", "endAdornment", "elementRef", "hasSubmenu", "itemKey", "matchRanges", "onClick", "onFocus", "openInNewContext", "role", "selectable", "selectableAppearance", "selected", "startAdornment", "to", "truncate" ]);
         // @docs-props-type ItemPropsBase
-                var M = (0, r.useContext)(N), L = M.preventFocus;
+                var F = (0, r.useContext)(T), L = F.preventFocus;
  // Use arguments[0] (raw props) to check if `selectableAppearance` was explicitly passed by the caller.
         // This prevents the default value from incorrectly triggering the dev warning.
         // eslint-disable-next-line prefer-rest-params
                 var K = (t = arguments[0]) === null || t === void 0 ? void 0 : t.selectableAppearance;
         (0, r.useEffect)((function() {
             if (false) {}
-        }), [ H, c, m, o, q, A, T, K ]);
+        }), [ R, c, m, o, q, A, N, K ]);
         var B = (0, r.useCallback)((function(e) {
             g === null || g === void 0 ? void 0 : g(e, {
                 itemKey: f
@@ -486,7 +486,7 @@
             nonselectable: "menuitem",
             checkmark: "menuitemradio",
             checkbox: "menuitemcheckbox"
-        }[X ? T : "nonselectable"];
+        }[X ? N : "nonselectable"];
         var J = {
             "aria-haspopup": p ? true : undefined
         };
@@ -497,7 +497,7 @@
         }
         var Q = l && c === "right";
         var U = l && !Q;
-        var Y = q && T === "checkmark" &&  n().createElement(O, null,  n().createElement(ne(), {
+        var Y = q && N === "checkmark" &&  n().createElement(O, null,  n().createElement(ne(), {
             "data-test": "selected-checkmark",
             inline: true
         }));
@@ -512,7 +512,7 @@
             $active: a,
             $isSelectable: X,
             $preventFocus: L || false,
-            $selectableAppearance: T !== null && T !== void 0 ? T : false,
+            $selectableAppearance: N !== null && N !== void 0 ? N : false,
             $selected: V,
             "data-has-icon": !!$ || !!d,
             "data-test": "item",
@@ -525,17 +525,17 @@
             openInNewContext: Z,
             role: G,
             tabIndex: L ? -1 : undefined,
-            to: R,
-            title: H && te()(o) ? o : undefined
-        }, J, i()(F, "onFocus")), p &&  n().createElement(j, null,  n().createElement(ie(), null)),  n().createElement(I, null, A && T === "checkbox" &&  n().createElement(x, {
+            to: H,
+            title: R && te()(o) ? o : undefined
+        }, J, i()(M, "onFocus")), p &&  n().createElement(j, null,  n().createElement(ie(), null)),  n().createElement(I, null, A && N === "checkbox" &&  n().createElement(x, {
             checked: q === "some" ? "indeterminate" : q,
             disabled: !!u,
             inert: true
         }), $ &&  n().createElement(k, null, $),  n().createElement(E, {
             $descriptionBottom: !!U,
-            $truncate: H !== null && H !== void 0 ? H : false
+            $truncate: R !== null && R !== void 0 ? R : false
         },  n().createElement(_, {
-            $truncate: H !== null && H !== void 0 ? H : false,
+            $truncate: R !== null && R !== void 0 ? R : false,
             "data-test": "label"
         }, z, y &&  n().createElement(n().Fragment, null,  n().createElement(pe, null),  n().createElement(le(), null, ee))), U &&  n().createElement(h, {
             "data-test": "description"
@@ -631,18 +631,18 @@
             enableHomeEnd: true
         };
     };
-    var Ne = function e(t) {
+    var Te = function e(t) {
         var r = t.key;
  // Handle special case for tab navigation
-                if (r === "Tab" && (0, s.isTabKey)(t)) {
+                if (r === "Tab" && (0, s.isTabKey)(t.nativeEvent)) {
             return t.shiftKey ? "tabShift" : "Tab";
         }
         return r;
     };
-    function Te(e) {
+    function Ne(e) {
         var t = e.children, a = e.elementRef, o = e.focusMode, l = o === void 0 ? "roving" : o, c = e.stopScrollPropagation, u = Pe(e, [ "children", "elementRef", "focusMode", "stopScrollPropagation" ]);
         // @docs-props-type MenuPropsBase
-                var d = (0, r.useContext)(N), v = d.role, p = v === void 0 ? "menu" : v;
+                var d = (0, r.useContext)(T), v = d.role, p = v === void 0 ? "menu" : v;
         var f = (0, r.useRef)(null);
         var m = r.Children.toArray(t).filter(r.isValidElement).reduce((function(e, t, r, n) {
             /* Filter out initial Dividers
@@ -677,7 +677,7 @@
             if (e.nativeEvent.metaKey) {
                 return;
             }
-            var t = Ne(e);
+            var t = Te(e);
             var r = t === "Tab" || t === "tabShift";
             var n = t === "Enter";
             // Allow default behavior for the enter key.
@@ -693,11 +693,9 @@
                     ignoreTabIndex: true
                 });
             }
-            var o = (e === null || e === void 0 ? void 0 : e.target) instanceof Element ? e.target : null;
-            var l = a === null || a === void 0 ? void 0 : a.querySelector(":focus");
-            var c = o || l;
-            var u = c ? i.indexOf(c) : -1;
-            (0, s.handleFocus)(t, i, u, g);
+            var o = e.target instanceof HTMLElement ? e.target : a === null || a === void 0 ? void 0 : a.querySelector(":focus");
+            var l = o instanceof HTMLElement ? i.indexOf(o) : -1;
+            (0, s.handleFocus)(t, i, l, g);
         }), [ g ]);
         var h = function e() {
             return {
@@ -716,15 +714,15 @@
             stopScrollPropagation: true
         }, i()(u, "tagName")), m) :  n().createElement(Ce, _e({}, w, {
             ref: b
-        }, u),  n().createElement(N.Provider, {
+        }, u),  n().createElement(T.Provider, {
             value: h()
         }, m));
     }
-    Te.propTypes = Ae;
-    Te.Item = Se;
-    Te.Divider = R;
-    Te.Heading = Z;
-    /* harmony default export */    const qe = Te;
+    Ne.propTypes = Ae;
+    Ne.Item = Se;
+    Ne.Divider = H;
+    Ne.Heading = Z;
+    /* harmony default export */    const qe = Ne;
     // CONCATENATED MODULE: ./src/Menu/index.ts
     module.exports = t;
     /******/})();