@kaizen/components 0.0.0-canary-rollup-20240408071509 → 0.0.0-canary-rollup--tree-shake-20240408080317

package/dist/esm/Loading/LoadingHeading/LoadingHeading.mjs

@@ -7,10 +7,23 @@ import styles from './LoadingHeading.module.scss.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadingheading--docs Storybook}
  */
-var LoadingHeading = function (_a) {
-    var isAnimated = _a.isAnimated, isReversed = _a.isReversed, width = _a.width, isLink = _a.isLink, classNameOverride = _a.classNameOverride, variant = _a.variant, props = __rest(_a, ["isAnimated", "isReversed", "width", "isLink", "classNameOverride", "variant"]);
-    return (React.createElement("div", __assign({ className: classnames(styles.loadingHeading, classNameOverride, styles[variant], isAnimated && styles.isAnimated, isReversed && styles.isReversed, isLink && styles.link), style: { width: "".concat(width, "%") } }, props)));
-};
-LoadingHeading.displayName = "LoadingHeading";
-
+const LoadingHeading = /*#__PURE__*/function () {
+  const LoadingHeading = function (_a) {
+    var isAnimated = _a.isAnimated,
+      isReversed = _a.isReversed,
+      width = _a.width,
+      isLink = _a.isLink,
+      classNameOverride = _a.classNameOverride,
+      variant = _a.variant,
+      props = __rest(_a, ["isAnimated", "isReversed", "width", "isLink", "classNameOverride", "variant"]);
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.loadingHeading, classNameOverride, styles[variant], isAnimated && styles.isAnimated, isReversed && styles.isReversed, isLink && styles.link),
+      style: {
+        width: "".concat(width, "%")
+      }
+    }, props));
+  };
+  LoadingHeading.displayName = "LoadingHeading";
+  return LoadingHeading;
+}();
 export { LoadingHeading };

package/dist/esm/Loading/LoadingHeading/LoadingHeading.module.scss.mjs

@@ -1,3 +1,15 @@
-var styles = {"loadingHeading":"LoadingHeading-module_loadingHeading__tb9a-","isAnimated":"LoadingHeading-module_isAnimated__cbstI","fade-in-out":"LoadingHeading-module_fade-in-out__4e-Ds","display-0":"LoadingHeading-module_display-0__SXmNU","heading-1":"LoadingHeading-module_heading-1__09eOy","heading-2":"LoadingHeading-module_heading-2__bxtDS","heading-3":"LoadingHeading-module_heading-3__h8MXB","heading-4":"LoadingHeading-module_heading-4__VsC1Y","heading-5":"LoadingHeading-module_heading-5__5arKU","heading-6":"LoadingHeading-module_heading-6__sLipd","isReversed":"LoadingHeading-module_isReversed__vz6G1","link":"LoadingHeading-module_link__E7uU1"};
-
+var styles = {
+  "loadingHeading": "LoadingHeading-module_loadingHeading__tb9a-",
+  "isAnimated": "LoadingHeading-module_isAnimated__cbstI",
+  "fade-in-out": "LoadingHeading-module_fade-in-out__4e-Ds",
+  "display-0": "LoadingHeading-module_display-0__SXmNU",
+  "heading-1": "LoadingHeading-module_heading-1__09eOy",
+  "heading-2": "LoadingHeading-module_heading-2__bxtDS",
+  "heading-3": "LoadingHeading-module_heading-3__h8MXB",
+  "heading-4": "LoadingHeading-module_heading-4__VsC1Y",
+  "heading-5": "LoadingHeading-module_heading-5__5arKU",
+  "heading-6": "LoadingHeading-module_heading-6__sLipd",
+  "isReversed": "LoadingHeading-module_isReversed__vz6G1",
+  "link": "LoadingHeading-module_link__E7uU1"
+};
 export { styles as default };

package/dist/esm/Loading/LoadingInput/LoadingInput.mjs

@@ -7,10 +7,24 @@ import styles from './LoadingInput.module.scss.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadinginput--docs Storybook}
  */
-var LoadingInput = function (_a) {
-    var isAnimated = _a.isAnimated, isReversed = _a.isReversed, width = _a.width, classNameOverride = _a.classNameOverride, _b = _a.height, height = _b === void 0 ? 48 : _b, props = __rest(_a, ["isAnimated", "isReversed", "width", "classNameOverride", "height"]);
-    return (React.createElement("div", __assign({ className: classnames(styles.loadingInput, isAnimated && styles.isAnimated, isReversed && styles.isReversed, classNameOverride), style: { width: "".concat(width, "%"), height: "".concat(height, "px") } }, props)));
-};
-LoadingInput.displayName = "LoadingInput";
-
+const LoadingInput = /*#__PURE__*/function () {
+  const LoadingInput = function (_a) {
+    var isAnimated = _a.isAnimated,
+      isReversed = _a.isReversed,
+      width = _a.width,
+      classNameOverride = _a.classNameOverride,
+      _b = _a.height,
+      height = _b === void 0 ? 48 : _b,
+      props = __rest(_a, ["isAnimated", "isReversed", "width", "classNameOverride", "height"]);
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.loadingInput, isAnimated && styles.isAnimated, isReversed && styles.isReversed, classNameOverride),
+      style: {
+        width: "".concat(width, "%"),
+        height: "".concat(height, "px")
+      }
+    }, props));
+  };
+  LoadingInput.displayName = "LoadingInput";
+  return LoadingInput;
+}();
 export { LoadingInput };

package/dist/esm/Loading/LoadingInput/LoadingInput.module.scss.mjs

@@ -1,3 +1,7 @@
-var styles = {"loadingInput":"LoadingInput-module_loadingInput__65Cpe","isAnimated":"LoadingInput-module_isAnimated__hJtl-","fade-in-out":"LoadingInput-module_fade-in-out__XW4tT","isReversed":"LoadingInput-module_isReversed__wyVkD"};
-
+var styles = {
+  "loadingInput": "LoadingInput-module_loadingInput__65Cpe",
+  "isAnimated": "LoadingInput-module_isAnimated__hJtl-",
+  "fade-in-out": "LoadingInput-module_fade-in-out__XW4tT",
+  "isReversed": "LoadingInput-module_isReversed__wyVkD"
+};
 export { styles as default };

package/dist/esm/Loading/LoadingParagraph/LoadingParagraph.mjs

@@ -7,10 +7,26 @@ import styles from './LoadingParagraph.module.scss.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060062/Loading+Skeleton Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-loading-states-loadingparagraph--docs Storybook}
  */
-var LoadingParagraph = function (_a) {
-    var isAnimated = _a.isAnimated, isCentred = _a.isCentred, isReversed = _a.isReversed, isInline = _a.isInline, noBottomMargin = _a.noBottomMargin, width = _a.width, isLink = _a.isLink, inheritBaseline = _a.inheritBaseline, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["isAnimated", "isCentred", "isReversed", "isInline", "noBottomMargin", "width", "isLink", "inheritBaseline", "classNameOverride"]);
-    return (React.createElement("div", __assign({ className: classnames(styles.loadingParagraph, classNameOverride, isAnimated && styles.isAnimated, isCentred && styles.isCentered, isReversed && styles.isReversed, isLink && styles.isLink, inheritBaseline && styles.inheritBaseline, isInline && styles.isInline, noBottomMargin && styles.noBottomMargin), style: { width: "".concat(width, "%") } }, restProps)));
-};
-LoadingParagraph.displayName = "LoadingParagraph";
-
+const LoadingParagraph = /*#__PURE__*/function () {
+  const LoadingParagraph = function (_a) {
+    var isAnimated = _a.isAnimated,
+      isCentred = _a.isCentred,
+      isReversed = _a.isReversed,
+      isInline = _a.isInline,
+      noBottomMargin = _a.noBottomMargin,
+      width = _a.width,
+      isLink = _a.isLink,
+      inheritBaseline = _a.inheritBaseline,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["isAnimated", "isCentred", "isReversed", "isInline", "noBottomMargin", "width", "isLink", "inheritBaseline", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.loadingParagraph, classNameOverride, isAnimated && styles.isAnimated, isCentred && styles.isCentered, isReversed && styles.isReversed, isLink && styles.isLink, inheritBaseline && styles.inheritBaseline, isInline && styles.isInline, noBottomMargin && styles.noBottomMargin),
+      style: {
+        width: "".concat(width, "%")
+      }
+    }, restProps));
+  };
+  LoadingParagraph.displayName = "LoadingParagraph";
+  return LoadingParagraph;
+}();
 export { LoadingParagraph };

package/dist/esm/Loading/LoadingParagraph/LoadingParagraph.module.scss.mjs

@@ -1,3 +1,12 @@
-var styles = {"loadingParagraph":"LoadingParagraph-module_loadingParagraph__-riGM","isAnimated":"LoadingParagraph-module_isAnimated__FWmuv","fade-in-out":"LoadingParagraph-module_fade-in-out__wzszr","isReversed":"LoadingParagraph-module_isReversed__hD0mn","isLink":"LoadingParagraph-module_isLink__gVurw","isCentered":"LoadingParagraph-module_isCentered__Pkyts","isInline":"LoadingParagraph-module_isInline__-mSTd","noBottomMargin":"LoadingParagraph-module_noBottomMargin__9Qt0n","inheritBaseline":"LoadingParagraph-module_inheritBaseline__RU-tb"};
-
+var styles = {
+  "loadingParagraph": "LoadingParagraph-module_loadingParagraph__-riGM",
+  "isAnimated": "LoadingParagraph-module_isAnimated__FWmuv",
+  "fade-in-out": "LoadingParagraph-module_fade-in-out__wzszr",
+  "isReversed": "LoadingParagraph-module_isReversed__hD0mn",
+  "isLink": "LoadingParagraph-module_isLink__gVurw",
+  "isCentered": "LoadingParagraph-module_isCentered__Pkyts",
+  "isInline": "LoadingParagraph-module_isInline__-mSTd",
+  "noBottomMargin": "LoadingParagraph-module_noBottomMargin__9Qt0n",
+  "inheritBaseline": "LoadingParagraph-module_inheritBaseline__RU-tb"
+};
 export { styles as default };

package/dist/esm/Loading/LoadingSpinner/LoadingSpinner.mjs

@@ -8,16 +8,59 @@ import styles from './LoadingSpinner.module.scss.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093253/Loading+Spinner Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-loading-loadingspinner--docs Storybook}
  */
-var LoadingSpinner = function (_a) {
-    var _b = _a.accessibilityLabel, accessibilityLabel = _b === void 0 ? "Loading" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, classNameOverride = _a.classNameOverride, props = __rest(_a, ["accessibilityLabel", "size", "classNameOverride"]);
-    return (React.createElement("div", __assign({ "data-automation-id": "loading-spinner", className: classnames(styles.loadingSpinner, classNameOverride), role: "status" }, props),
-        React.createElement(VisuallyHidden, null, accessibilityLabel),
-        size === "md" ? (React.createElement("svg", { className: styles.spinner, "aria-hidden": "true", viewBox: "0 0 48 48", width: 48, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-            React.createElement("circle", { cx: "24", cy: "24", r: "22.5", stroke: "currentColor", strokeWidth: "3", strokeOpacity: "0.3" }),
-            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", fill: "currentColor", d: "M46.5 24c.8284 0 1.5049-.6734 1.4539-1.5002C47.21 10.44 37.5601.789989 25.5003.0461639 24.6734-.004835 24 .671607 24 1.50003c0 .82843.6738 1.49444 1.5002 1.55277 10.4023.73424 18.7128 9.0447 19.447 19.447C45.0056 23.3262 45.6716 24 46.5 24z" }))) : (React.createElement("svg", { className: styles.spinner, "aria-hidden": "true", viewBox: "0 0 24 24", width: 24, fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-            React.createElement("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2", strokeOpacity: "0.3" }),
-            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", fill: "currentColor", d: "M21.0564 13c.5076 0 .9377-.3851.9431-.8926.0004-.0358.0005-.0716.0005-.1074 0-5.52285-4.4771-10-10-10-.0359 0-.0718.00019-.1076.00057-.5076.00535-.8926.43552-.8926.94308v.11543C10.9998 3.59163 11.4675 4 12 4c4.4183 0 8 3.58172 8 8 0 .5324.4083 1 .9407 1h.1157z" })))));
-};
-LoadingSpinner.displayName = "LoadingSpinner";
-
+const LoadingSpinner = /*#__PURE__*/function () {
+  const LoadingSpinner = function (_a) {
+    var _b = _a.accessibilityLabel,
+      accessibilityLabel = _b === void 0 ? "Loading" : _b,
+      _c = _a.size,
+      size = _c === void 0 ? "md" : _c,
+      classNameOverride = _a.classNameOverride,
+      props = __rest(_a, ["accessibilityLabel", "size", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement("div", __assign({
+      "data-automation-id": "loading-spinner",
+      className: classnames(styles.loadingSpinner, classNameOverride),
+      role: "status"
+    }, props), /*#__PURE__*/React.createElement(VisuallyHidden, null, accessibilityLabel), size === "md" ? ( /*#__PURE__*/React.createElement("svg", {
+      className: styles.spinner,
+      "aria-hidden": "true",
+      viewBox: "0 0 48 48",
+      width: 48,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/React.createElement("circle", {
+      cx: "24",
+      cy: "24",
+      r: "22.5",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeOpacity: "0.3"
+    }), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      fill: "currentColor",
+      d: "M46.5 24c.8284 0 1.5049-.6734 1.4539-1.5002C47.21 10.44 37.5601.789989 25.5003.0461639 24.6734-.004835 24 .671607 24 1.50003c0 .82843.6738 1.49444 1.5002 1.55277 10.4023.73424 18.7128 9.0447 19.447 19.447C45.0056 23.3262 45.6716 24 46.5 24z"
+    }))) : ( /*#__PURE__*/React.createElement("svg", {
+      className: styles.spinner,
+      "aria-hidden": "true",
+      viewBox: "0 0 24 24",
+      width: 24,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/React.createElement("circle", {
+      cx: "12",
+      cy: "12",
+      r: "9",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeOpacity: "0.3"
+    }), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      fill: "currentColor",
+      d: "M21.0564 13c.5076 0 .9377-.3851.9431-.8926.0004-.0358.0005-.0716.0005-.1074 0-5.52285-4.4771-10-10-10-.0359 0-.0718.00019-.1076.00057-.5076.00535-.8926.43552-.8926.94308v.11543C10.9998 3.59163 11.4675 4 12 4c4.4183 0 8 3.58172 8 8 0 .5324.4083 1 .9407 1h.1157z"
+    }))));
+  };
+  LoadingSpinner.displayName = "LoadingSpinner";
+  return LoadingSpinner;
+}();
 export { LoadingSpinner };

package/dist/esm/Loading/LoadingSpinner/LoadingSpinner.module.scss.mjs

@@ -1,3 +1,5 @@
-var styles = {"loadingSpinner":"LoadingSpinner-module_loadingSpinner__4SQsH","spinner":"LoadingSpinner-module_spinner__bDpy0"};
-
+var styles = {
+  "loadingSpinner": "LoadingSpinner-module_loadingSpinner__4SQsH",
+  "spinner": "LoadingSpinner-module_spinner__bDpy0"
+};
 export { styles as default };

package/dist/esm/Menu/Menu.mjs

@@ -6,34 +6,48 @@ import { StatelessMenu } from './subcomponents/StatelessMenu/StatelessMenu.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082059782/Menu Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-menu--docs Storybook}
  */
-var Menu = function (_a) {
-    var button = _a.button, _b = _a.menuVisible, menuVisible = _b === void 0 ? false : _b, rest = __rest(_a, ["button", "menuVisible"]);
-    var _c = useState(menuVisible), isMenuVisible = _c[0], setIsMenuVisible = _c[1];
+const Menu = /*#__PURE__*/function () {
+  const Menu = function (_a) {
+    var button = _a.button,
+      _b = _a.menuVisible,
+      menuVisible = _b === void 0 ? false : _b,
+      rest = __rest(_a, ["button", "menuVisible"]);
+    var _c = useState(menuVisible),
+      isMenuVisible = _c[0],
+      setIsMenuVisible = _c[1];
     var toggleMenuDropdown = function () {
-        setIsMenuVisible(!isMenuVisible);
+      setIsMenuVisible(!isMenuVisible);
     };
     var hideMenuDropdown = function () {
-        setIsMenuVisible(false);
+      setIsMenuVisible(false);
     };
-    return (React.createElement(StatelessMenu, __assign({}, rest, { isMenuVisible: isMenuVisible, toggleMenuDropdown: toggleMenuDropdown, hideMenuDropdown: hideMenuDropdown, 
-        // `StatelessMenu` is one of the newer components, so it uses a render function,
-        // as opposed to `React.cloneElement`.
-        // `cloneElement` has its problems, mainly because it's somewhat magical, can lead
-        // to unexpected behaviour, and it doesn't self document. Hence, the switch
-        // to the render function. It would be nice if the `Menu` component also
-        // used this pattern, but it's probably not worth the time and effort.
-        renderButton: function (props) {
-            return React.cloneElement(button, __assign(__assign({}, props), { onClick: function (e) {
-                    var _a, _b;
-                    props.onClick(e);
-                    (_b = (_a = button.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
-                }, onMouseDown: function (e) {
-                    var _a, _b;
-                    props.onMouseDown(e);
-                    (_b = (_a = button.props).onMouseDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
-                } }));
-        } })));
-};
-Menu.displayName = "Menu";
-
+    return /*#__PURE__*/React.createElement(StatelessMenu, __assign({}, rest, {
+      isMenuVisible: isMenuVisible,
+      toggleMenuDropdown: toggleMenuDropdown,
+      hideMenuDropdown: hideMenuDropdown,
+      // `StatelessMenu` is one of the newer components, so it uses a render function,
+      // as opposed to `React.cloneElement`.
+      // `cloneElement` has its problems, mainly because it's somewhat magical, can lead
+      // to unexpected behaviour, and it doesn't self document. Hence, the switch
+      // to the render function. It would be nice if the `Menu` component also
+      // used this pattern, but it's probably not worth the time and effort.
+      renderButton: function (props) {
+        return /*#__PURE__*/React.cloneElement(button, __assign(__assign({}, props), {
+          onClick: function (e) {
+            var _a, _b;
+            props.onClick(e);
+            (_b = (_a = button.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+          },
+          onMouseDown: function (e) {
+            var _a, _b;
+            props.onMouseDown(e);
+            (_b = (_a = button.props).onMouseDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+          }
+        }));
+      }
+    }));
+  };
+  Menu.displayName = "Menu";
+  return Menu;
+}();
 export { Menu };

package/dist/esm/Menu/subcomponents/MenuDropdown/MenuDropdown.mjs

@@ -3,69 +3,85 @@ import React, { useState, useCallback, useEffect } from 'react';
 import classnames from 'classnames';
 import { usePopper } from 'react-popper';
 import styles from './MenuDropdown.module.scss.mjs';
-
-var MenuDropdown = function (_a) {
-    var children = _a.children, referenceElement = _a.referenceElement, id = _a.id, hideMenuDropdown = _a.hideMenuDropdown, _b = _a.autoHide, autoHide = _b === void 0 ? "on" : _b, _c = _a.align, align = _c === void 0 ? "left" : _c, _d = _a.width, width = _d === void 0 ? "default" : _d;
-    var _e = useState(null), popperElement = _e[0], setPopperElement = _e[1];
+const MenuDropdown = /*#__PURE__*/function () {
+  const MenuDropdown = function (_a) {
+    var children = _a.children,
+      referenceElement = _a.referenceElement,
+      id = _a.id,
+      hideMenuDropdown = _a.hideMenuDropdown,
+      _b = _a.autoHide,
+      autoHide = _b === void 0 ? "on" : _b,
+      _c = _a.align,
+      align = _c === void 0 ? "left" : _c,
+      _d = _a.width,
+      width = _d === void 0 ? "default" : _d;
+    var _e = useState(null),
+      popperElement = _e[0],
+      setPopperElement = _e[1];
     var _f = usePopper(referenceElement, popperElement, {
-        modifiers: [
-            {
-                name: "offset",
-                options: {
-                    offset: [0, 6], // value used from the $spacing-xs scss variable,
-                },
-            },
-            {
-                name: "preventOverflow",
-                options: {
-                    // Gives some room so the menu shadow doesn't get clipped if near the edge of the viewport.
-                    padding: 8,
-                },
-            },
-        ],
-        placement: align === "left" ? "bottom-start" : "bottom-end",
-    }), popperStyles = _f.styles, attributes = _f.attributes;
+        modifiers: [{
+          name: "offset",
+          options: {
+            offset: [0, 6] // value used from the $spacing-xs scss variable,
+          }
+        }, {
+          name: "preventOverflow",
+          options: {
+            // Gives some room so the menu shadow doesn't get clipped if near the edge of the viewport.
+            padding: 8
+          }
+        }],
+        placement: align === "left" ? "bottom-start" : "bottom-end"
+      }),
+      popperStyles = _f.styles,
+      attributes = _f.attributes;
     // This callback handler will not run when autoHide === "off"
     var handleDocumentClickForAutoHide = useCallback(function (e) {
-        if (popperElement &&
-            e.target instanceof Node &&
-            !popperElement.contains(e.target) &&
-            referenceElement !== e.target &&
-            !(referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.contains(e.target))) {
-            hideMenuDropdown();
-        }
+      if (popperElement && e.target instanceof Node && !popperElement.contains(e.target) && referenceElement !== e.target && !(referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.contains(e.target))) {
+        hideMenuDropdown();
+      }
     }, [popperElement, referenceElement, hideMenuDropdown]);
     var handleDocumentResize = useCallback(function () {
-        hideMenuDropdown();
+      hideMenuDropdown();
     }, [hideMenuDropdown]);
     var handleRootClick = function () {
-        if (autoHide === "on") {
-            // ie. is not equal to "off" | "outside-click-only"
-            hideMenuDropdown();
-        }
+      if (autoHide === "on") {
+        // ie. is not equal to "off" | "outside-click-only"
+        hideMenuDropdown();
+      }
     };
     useEffect(function () {
-        window.addEventListener("resize", handleDocumentResize, false);
-        return function () {
-            window.removeEventListener("resize", handleDocumentResize, false);
-        };
+      window.addEventListener("resize", handleDocumentResize, false);
+      return function () {
+        window.removeEventListener("resize", handleDocumentResize, false);
+      };
     }, [handleDocumentResize]);
     useEffect(function () {
+      if (autoHide !== "off") {
+        document.addEventListener("click", handleDocumentClickForAutoHide, true);
+      }
+      return function () {
         if (autoHide !== "off") {
-            document.addEventListener("click", handleDocumentClickForAutoHide, true);
+          document.removeEventListener("click", handleDocumentClickForAutoHide, true);
         }
-        return function () {
-            if (autoHide !== "off") {
-                document.removeEventListener("click", handleDocumentClickForAutoHide, true);
-            }
-        };
+      };
     }, [autoHide, handleDocumentClickForAutoHide]);
     return (
-    // Disabling these because we don't want this to be keyboard focusable.
-    // Esc keypress should be used instead for the same behaviour (hasn't been implemented here yet)
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    React.createElement("div", __assign({ id: id, ref: setPopperElement }, attributes.popper, { style: popperStyles.popper, className: classnames(styles.menuContainer, width == "default" && styles.defaultWidth), onClick: handleRootClick }), children));
-};
-MenuDropdown.displayName = "MenuDropdown";
-
+      /*#__PURE__*/
+      // Disabling these because we don't want this to be keyboard focusable.
+      // Esc keypress should be used instead for the same behaviour (hasn't been implemented here yet)
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+      React.createElement("div", __assign({
+        id: id,
+        ref: setPopperElement
+      }, attributes.popper, {
+        style: popperStyles.popper,
+        className: classnames(styles.menuContainer, width == "default" && styles.defaultWidth),
+        onClick: handleRootClick
+      }), children)
+    );
+  };
+  MenuDropdown.displayName = "MenuDropdown";
+  return MenuDropdown;
+}();
 export { MenuDropdown };

package/dist/esm/Menu/subcomponents/MenuDropdown/MenuDropdown.module.scss.mjs

@@ -1,3 +1,5 @@
-var styles = {"menuContainer":"MenuDropdown-module_menuContainer__kRPv-","defaultWidth":"MenuDropdown-module_defaultWidth__-k0La"};
-
+var styles = {
+  "menuContainer": "MenuDropdown-module_menuContainer__kRPv-",
+  "defaultWidth": "MenuDropdown-module_defaultWidth__-k0La"
+};
 export { styles as default };

package/dist/esm/Menu/subcomponents/MenuHeading/MenuHeading.mjs

@@ -3,11 +3,19 @@ import React from 'react';
 import classnames from 'classnames';
 import { Heading } from '../../../Heading/Heading.mjs';
 import styles from './MenuHeading.module.scss.mjs';
-
-var MenuHeading = function (_a) {
-    var id = _a.id, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["id", "classNameOverride"]);
-    return (React.createElement(Heading, __assign({ id: id, variant: "heading-6", tag: "span", classNameOverride: classnames(styles.heading, classNameOverride) }, restProps)));
-};
-MenuHeading.displayName = "MenuHeading";
-
+const MenuHeading = /*#__PURE__*/function () {
+  const MenuHeading = function (_a) {
+    var id = _a.id,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["id", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement(Heading, __assign({
+      id: id,
+      variant: "heading-6",
+      tag: "span",
+      classNameOverride: classnames(styles.heading, classNameOverride)
+    }, restProps));
+  };
+  MenuHeading.displayName = "MenuHeading";
+  return MenuHeading;
+}();
 export { MenuHeading };

package/dist/esm/Menu/subcomponents/MenuHeading/MenuHeading.module.scss.mjs

@@ -1,3 +1,4 @@
-var styles = {"heading":"MenuHeading-module_heading__a9BY8"};
-
+var styles = {
+  "heading": "MenuHeading-module_heading__a9BY8"
+};
 export { styles as default };

package/dist/esm/Menu/subcomponents/MenuItem/MenuItem.mjs

@@ -1,29 +1,59 @@
 import React from 'react';
 import classnames from 'classnames';
 import styles from './MenuItem.module.scss.mjs';
-
-var MenuItem = function (_a) {
-    var label = _a.label, icon = _a.icon, destructive = _a.destructive, disabled = _a.disabled, onClick = _a.onClick, href = _a.href, target = _a.target, isActive = _a.isActive, dataTestId = _a["data-testid"], id = _a.id;
-    var wrappedLabel = React.createElement("span", { className: styles.menuItem__Label }, label);
-    var iconNode = icon && React.createElement("span", { className: styles.menuItem__Icon }, icon);
+const MenuItem = /*#__PURE__*/function () {
+  const MenuItem = function (_a) {
+    var label = _a.label,
+      icon = _a.icon,
+      destructive = _a.destructive,
+      disabled = _a.disabled,
+      onClick = _a.onClick,
+      href = _a.href,
+      target = _a.target,
+      isActive = _a.isActive,
+      dataTestId = _a["data-testid"],
+      id = _a.id;
+    var wrappedLabel = /*#__PURE__*/React.createElement("span", {
+      className: styles.menuItem__Label
+    }, label);
+    var iconNode = icon && /*#__PURE__*/React.createElement("span", {
+      className: styles.menuItem__Icon
+    }, icon);
     var className = classnames(styles.menuItem, destructive && styles["menuItem--destructive"], disabled && styles["menuItem--disabled"], isActive && styles["menuItem--active"]);
     if (disabled) {
-        return (React.createElement("li", { className: styles.menuListItem },
-            React.createElement("button", { id: id, type: "button", disabled: true, className: className, "data-testid": dataTestId },
-                iconNode,
-                wrappedLabel)));
+      return /*#__PURE__*/React.createElement("li", {
+        className: styles.menuListItem
+      }, /*#__PURE__*/React.createElement("button", {
+        id: id,
+        type: "button",
+        disabled: true,
+        className: className,
+        "data-testid": dataTestId
+      }, iconNode, wrappedLabel));
     }
     if (href) {
-        return (React.createElement("li", { className: styles.menuListItem },
-            React.createElement("a", { id: id, href: href, className: className, target: target, "aria-current": isActive ? "page" : undefined, "data-testid": dataTestId },
-                iconNode,
-                wrappedLabel)));
+      return /*#__PURE__*/React.createElement("li", {
+        className: styles.menuListItem
+      }, /*#__PURE__*/React.createElement("a", {
+        id: id,
+        href: href,
+        className: className,
+        target: target,
+        "aria-current": isActive ? "page" : undefined,
+        "data-testid": dataTestId
+      }, iconNode, wrappedLabel));
     }
-    return (React.createElement("li", { className: styles.menuListItem },
-        React.createElement("button", { id: id, type: "button", onClick: onClick, className: className, "data-testid": dataTestId },
-            iconNode,
-            wrappedLabel)));
-};
-MenuItem.displayName = "MenuItem";
-
+    return /*#__PURE__*/React.createElement("li", {
+      className: styles.menuListItem
+    }, /*#__PURE__*/React.createElement("button", {
+      id: id,
+      type: "button",
+      onClick: onClick,
+      className: className,
+      "data-testid": dataTestId
+    }, iconNode, wrappedLabel));
+  };
+  MenuItem.displayName = "MenuItem";
+  return MenuItem;
+}();
 export { MenuItem };

package/dist/esm/Menu/subcomponents/MenuItem/MenuItem.module.scss.mjs

@@ -1,3 +1,10 @@
-var styles = {"menuListItem":"MenuItem-module_menuListItem__TlgwJ","menuItem":"MenuItem-module_menuItem__sVlLA","menuItem--disabled":"MenuItem-module_menuItem--disabled__hPAaZ","menuItem__Icon":"MenuItem-module_menuItem__Icon__MwIT9","menuItem--destructive":"MenuItem-module_menuItem--destructive__PRybF","menuItem--active":"MenuItem-module_menuItem--active__XRziT","menuItem__Label":"MenuItem-module_menuItem__Label__gXz-G"};
-
+var styles = {
+  "menuListItem": "MenuItem-module_menuListItem__TlgwJ",
+  "menuItem": "MenuItem-module_menuItem__sVlLA",
+  "menuItem--disabled": "MenuItem-module_menuItem--disabled__hPAaZ",
+  "menuItem__Icon": "MenuItem-module_menuItem__Icon__MwIT9",
+  "menuItem--destructive": "MenuItem-module_menuItem--destructive__PRybF",
+  "menuItem--active": "MenuItem-module_menuItem--active__XRziT",
+  "menuItem__Label": "MenuItem-module_menuItem__Label__gXz-G"
+};
 export { styles as default };

package/dist/esm/Menu/subcomponents/MenuList/MenuList.mjs

@@ -1,16 +1,22 @@
 import { __rest, __assign } from 'tslib';
 import React, { useId, cloneElement } from 'react';
 import styles from './MenuList.module.scss.mjs';
-
-var MenuList = function (props) {
+const MenuList = /*#__PURE__*/function () {
+  const MenuList = function (props) {
     var _a;
-    var heading = props.heading, children = props.children, restProps = __rest(props, ["heading", "children"]);
+    var heading = props.heading,
+      children = props.children,
+      restProps = __rest(props, ["heading", "children"]);
     var reactId = useId();
     var listHeadingID = (_a = heading === null || heading === void 0 ? void 0 : heading.props.id) !== null && _a !== void 0 ? _a : reactId;
-    return (React.createElement(React.Fragment, null,
-        heading && cloneElement(heading, { id: listHeadingID }),
-        React.createElement("ul", __assign({ className: styles.menuSection, "aria-labelledby": heading ? listHeadingID : undefined }, restProps), children)));
-};
-MenuList.displayName = "MenuList";
-
+    return /*#__PURE__*/React.createElement(React.Fragment, null, heading && /*#__PURE__*/cloneElement(heading, {
+      id: listHeadingID
+    }), /*#__PURE__*/React.createElement("ul", __assign({
+      className: styles.menuSection,
+      "aria-labelledby": heading ? listHeadingID : undefined
+    }, restProps), children));
+  };
+  MenuList.displayName = "MenuList";
+  return MenuList;
+}();
 export { MenuList };

package/dist/esm/Menu/subcomponents/MenuList/MenuList.module.scss.mjs

@@ -1,3 +1,4 @@
-var styles = {"menuSection":"MenuList-module_menuSection__Wbgbr"};
-
+var styles = {
+  "menuSection": "MenuList-module_menuSection__Wbgbr"
+};
 export { styles as default };