@jobber/components 5.5.1 → 5.5.2

package/dist/{isObjectLike-CW_DRnEi.js → isObjectLike-BQyadTWR.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-D3_rdTUC.js');
+var _commonjsHelpers = require('./_commonjsHelpers-5Yg_AaFG.js');
 
 /**
  * Checks if `value` is the

package/dist/{isObjectLike-DT_zBUyc.js → isObjectLike-qQzmlVQZ.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal } from './_commonjsHelpers-Dc3-3spW.js';
+import { c as commonjsGlobal } from './_commonjsHelpers-ClJtlLsW.js';
 
 /**
  * Checks if `value` is the

package/dist/{isSymbol-Bxc99IFN.js → isSymbol-DgcmsEyS.js}

@@ -1,4 +1,4 @@
-import { _ as _baseGetTag, i as isObjectLike_1 } from './isObjectLike-DT_zBUyc.js';
+import { _ as _baseGetTag, i as isObjectLike_1 } from './isObjectLike-qQzmlVQZ.js';
 
 var baseGetTag = _baseGetTag,
     isObjectLike = isObjectLike_1;

package/dist/{isSymbol-s1HpkF21.js → isSymbol-FxE-Pkr7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var isObjectLike$1 = require('./isObjectLike-CW_DRnEi.js');
+var isObjectLike$1 = require('./isObjectLike-BQyadTWR.js');
 
 var baseGetTag = isObjectLike$1._baseGetTag,
     isObjectLike = isObjectLike$1.isObjectLike_1;

package/dist/{noop-RU2NhEbJ.js → noop-4VWOc3TT.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-D3_rdTUC.js');
+var _commonjsHelpers = require('./_commonjsHelpers-5Yg_AaFG.js');
 
 /**
  * This method returns `undefined`.

package/dist/{noop-DEW6Foie.js → noop-AGb46REo.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-Dc3-3spW.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-ClJtlLsW.js';
 
 /**
  * This method returns `undefined`.

package/dist/styles.css

@@ -2106,32 +2106,25 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .dT6M9tp1sZc- {
+  --menu-space: var(--space-small);
+  --menu-offset: var(--space-smallest);
+  display: inline-block;
   position: relative;
 }
 
-._9pvjsJS6vsg- {
-  z-index: 6;
-  z-index: var(--elevation-menu);
-}
-
-.G7Nzd9sctos- {
-  display: none;
-}
-
 .Qmxlsj0D3qM- {
-  --menu-space: var(--space-small);
-  --menu-offset: var(--space-smallest);
+  position: fixed;
+  bottom: 0;
+  left: 0;
   z-index: 6;
   z-index: var(--elevation-menu);
+  width: 100%;
   max-height: 72vh;
   box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
       rgba(0, 0, 0, 0.1),
     0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
   box-shadow: var(--shadow-base);
-  padding: calc(16px / 2);
   padding: var(--menu-space);
-  padding-bottom: calc(env(safe-area-inset-bottom) + (16px / 2));
-  padding-bottom: calc(env(safe-area-inset-bottom) + calc(16px / 2));
   padding-bottom: calc(env(safe-area-inset-bottom) + var(--menu-space));
   border-radius: 8px 8px 0 0;
   border-radius: var(--radius-base) var(--radius-base) 0 0;
@@ -2141,29 +2134,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   background-color: var(--color-surface);
 }
 
-@media (max-width: 489px) {
-
-.Qmxlsj0D3qM- {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    left: 0;
-}
-  }
-
-@media (--small-screens-and-below) {
-
-.Qmxlsj0D3qM- {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    left: 0;
-}
-  }
-
 @media (min-width: 490px) {
 
 .Qmxlsj0D3qM- {
+    position: absolute;
+    left: auto;
     width: calc(16px * 12.5);
     width: calc(var(--base-unit) * 12.5);
     padding: var(--menu-space);
@@ -2178,6 +2153,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 @media (--small-screens-and-up) {
 
 .Qmxlsj0D3qM- {
+    position: absolute;
+    left: auto;
     width: calc(16px * 12.5);
     width: calc(var(--base-unit) * 12.5);
     padding: var(--menu-space);
@@ -2189,6 +2166,72 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
   }
 
+@media (min-width: 490px) {
+
+.QTisUfiHwL4- {
+    bottom: 100%;
+    margin-bottom: var(--menu-offset);
+}
+  }
+
+@media (--small-screens-and-up) {
+
+.QTisUfiHwL4- {
+    bottom: 100%;
+    margin-bottom: var(--menu-offset);
+}
+  }
+
+@media (min-width: 490px) {
+
+.qsch1dlpOHc- {
+    top: 100%;
+    bottom: auto;
+    margin-top: var(--menu-offset);
+}
+  }
+
+@media (--small-screens-and-up) {
+
+.qsch1dlpOHc- {
+    top: 100%;
+    bottom: auto;
+    margin-top: var(--menu-offset);
+}
+  }
+
+@media (min-width: 490px) {
+
+._0xR9-oxWMOU- {
+    right: 0;
+    left: auto;
+}
+  }
+
+@media (--small-screens-and-up) {
+
+._0xR9-oxWMOU- {
+    right: 0;
+    left: auto;
+}
+  }
+
+@media (min-width: 490px) {
+
+.gaZwsdyoG0k- {
+    right: auto;
+    left: 0;
+}
+  }
+
+@media (--small-screens-and-up) {
+
+.gaZwsdyoG0k- {
+    right: auto;
+    left: 0;
+}
+  }
+
 .LaKFjYCLHZc- {
   padding: var(--menu-space) 0;
   border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
@@ -2228,12 +2271,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .ZuceCiefKqw-:hover,
-.ZuceCiefKqw-:focus {
+.ZuceCiefKqw-:focus-visible {
   background-color: hsl(53, 21%, 93%);
   background-color: var(--color-surface--hover);
-}
-
-.ZuceCiefKqw-:focus-visible {
   outline-color: hsl(198, 12%, 57%);
   outline-color: var(--color-focus);
 }

package/dist/{useActiveLayout-DR-6jwbJ.js → useActiveLayout-BEav3x9s.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-CjvzMuxy.js';
-import { u as useDataListContext } from './DataListContext-Dl914A37.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-DqzKbuqP.js';
+import { u as useDataListContext } from './DataListContext-BpuRohw3.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useActiveLayout-DNote99t.js → useActiveLayout-C8gnrKSE.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-C3KrJYUZ.js');
-var DataListContext = require('./DataListContext-CoGZ8aNo.js');
+var useResponsiveSizing = require('./useResponsiveSizing-B_zN2UTX.js');
+var DataListContext = require('./DataListContext-BjB_tt78.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useAssert-CW1y41k8.js → useAssert-BOfGBwfj.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-D3_rdTUC.js');
-var _polyfillNode_process = require('./_polyfill-node.process-D9b6MxXY.js');
+var _commonjsHelpers = require('./_commonjsHelpers-5Yg_AaFG.js');
+var _polyfillNode_process = require('./_polyfill-node.process-CqlHmauv.js');
 
 var useAssert$1 = {};
 

package/dist/{useAssert-DTBM7sxn.js → useAssert-Cu2F_6pj.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-Dc3-3spW.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-MT5R5NQG.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-ClJtlLsW.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-CwfHOFVJ.js';
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-DyCvMlaR.js → useBatchSelect-k5ksjgIe.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var DataListContext = require('./DataListContext-CoGZ8aNo.js');
+var DataListContext = require('./DataListContext-BjB_tt78.js');
 
 function useBatchSelect() {
     const { selected, onSelect, onSelectAll } = DataListContext.useDataListContext();

package/dist/{useBatchSelect-CYyTFRVS.js → useBatchSelect-x06y6ARV.js}

@@ -1,4 +1,4 @@
-import { u as useDataListContext } from './DataListContext-Dl914A37.js';
+import { u as useDataListContext } from './DataListContext-BpuRohw3.js';
 
 function useBatchSelect() {
     const { selected, onSelect, onSelectAll } = useDataListContext();

package/dist/{useIsMounted-ZAnPcQc4.js → useIsMounted-CmDOtUAf.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-CEyIDtJX.js';
+import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-CRX3bAXG.js';
 
 var useIsMounted$1 = {};
 

package/dist/{useIsMounted-xzGm1NZg.js → useIsMounted-zG1gLB7r.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-Dacq6-lv.js');
+var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-DMKM7hqj.js');
 
 var useIsMounted$1 = {};
 

package/dist/{useResizeObserver-CA48jTFi.js → useResizeObserver-GTw-BHxK.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-D3_rdTUC.js');
+var _commonjsHelpers = require('./_commonjsHelpers-5Yg_AaFG.js');
 var React = require('react');
-var debounce$1 = require('./debounce-CNL4zbqE.js');
-var isObjectLike = require('./isObjectLike-CW_DRnEi.js');
+var debounce$1 = require('./debounce-Bvx-zyuz.js');
+var isObjectLike = require('./isObjectLike-BQyadTWR.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-Dyf7VAV7.js → useResizeObserver-p7brsmoc.js}

@@ -1,7 +1,7 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-Dc3-3spW.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-ClJtlLsW.js';
 import React from 'react';
-import { a as debounce_1 } from './debounce-CymPd8Xi.js';
-import { b as isObject_1 } from './isObjectLike-DT_zBUyc.js';
+import { a as debounce_1 } from './debounce-7TT4CyAW.js';
+import { b as isObject_1 } from './isObjectLike-qQzmlVQZ.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-C3KrJYUZ.js → useResponsiveSizing-B_zN2UTX.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var DataList_const = require('./DataList.const-BELw1uNe.js');
+var DataList_const = require('./DataList.const-kP-zS7lg.js');
 
 const mediaQueryStore = {
     subscribe(onChange, query) {

package/dist/{useResponsiveSizing-CjvzMuxy.js → useResponsiveSizing-DqzKbuqP.js}

@@ -1,5 +1,5 @@
 import { useCallback, useSyncExternalStore } from 'react';
-import { e as BREAKPOINT_SIZES } from './DataList.const-B60lU-fI.js';
+import { e as BREAKPOINT_SIZES } from './DataList.const-BANNJQHm.js';
 
 const mediaQueryStore = {
     subscribe(onChange, query) {

package/dist/{useScrollToActive-Bh6wQt8D.js → useScrollToActive-BT5lWvo7.js}

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-Dc3-3spW.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-DE28DTPz.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-D35ywITA.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-DKfqkmjB.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-dhWRZrAS.js';
-import { i as isSymbol_1 } from './isSymbol-Bxc99IFN.js';
-import { b as isObject_1 } from './isObjectLike-DT_zBUyc.js';
-import { d as debounce } from './debounce-CymPd8Xi.js';
-import { I as Icon } from './Icon-D0yH_5lY.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-ClJtlLsW.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-BLLl3VbF.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-CLpMWZ1x.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-DP7_Zk_E.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-fsdTRDIK.js';
+import { i as isSymbol_1 } from './isSymbol-DgcmsEyS.js';
+import { b as isObject_1 } from './isObjectLike-qQzmlVQZ.js';
+import { d as debounce } from './debounce-7TT4CyAW.js';
+import { I as Icon } from './Icon-DkyzUz1Y.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/dist/{useScrollToActive-ikJk159D.js → useScrollToActive-F1f0o9Ru.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-D3_rdTUC.js');
-var _setToString = require('./_setToString-CBOUBcoX.js');
-var _defineProperty = require('./_defineProperty-D_D4Wss8.js');
-var _baseEach = require('./_baseEach-DZy71Db8.js');
-var _getTag = require('./_getTag-LjApdH8f.js');
-var isSymbol$1 = require('./isSymbol-s1HpkF21.js');
-var isObjectLike = require('./isObjectLike-CW_DRnEi.js');
-var debounce = require('./debounce-CNL4zbqE.js');
-var Icon = require('./Icon-CLKr4n0R.js');
+var _commonjsHelpers = require('./_commonjsHelpers-5Yg_AaFG.js');
+var _setToString = require('./_setToString-BsEsE1tE.js');
+var _defineProperty = require('./_defineProperty-nRbY1_db.js');
+var _baseEach = require('./_baseEach-DsR3YOzX.js');
+var _getTag = require('./_getTag-BXKVUshI.js');
+var isSymbol$1 = require('./isSymbol-FxE-Pkr7.js');
+var isObjectLike = require('./isObjectLike-BQyadTWR.js');
+var debounce = require('./debounce-Bvx-zyuz.js');
+var Icon = require('./Icon-BwbU3Xex.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.5.1",
+  "version": "5.5.2",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -404,7 +404,7 @@
   "dependencies": {
     "@jobber/design": "^0.59.0",
     "@jobber/formatters": "^0.3.0",
-    "@jobber/hooks": "^2.9.6",
+    "@jobber/hooks": "^2.9.7",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
@@ -482,5 +482,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "e3217f5c9dbb5674382acfb3d56d36f3761ef221"
+  "gitHead": "b10e7ce1c463c1ecde128866ea95ba9fc2b9aaee"
 }

package/dist/FormField/hooks/useActiveElement.d.ts

@@ -1 +0,0 @@
-export declare function useActiveElement(): Element | null;

package/dist/Menu-A8On__g6.js

@@ -1,167 +0,0 @@
-import React, { useState, useRef, useId } from 'react';
-import classnames from 'classnames';
-import { AnimatePresence, motion } from 'framer-motion';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-9WF5apBQ.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-By5tjuFt.js';
-import { usePopper } from 'react-popper';
-import { u as useIsMounted_2 } from './useIsMounted-ZAnPcQc4.js';
-import ReactDOM from 'react-dom';
-import { u as useFocusTrap_2 } from './useFocusTrap-98OGG7dK.js';
-import { B as Button } from './Button-CGvE7nWD.js';
-import { T as Typography } from './Typography-Cnph9xFD.js';
-import { I as Icon } from './Icon-D0yH_5lY.js';
-import { f as formFieldFocusAttribute } from './useFormFieldFocus-BGWiRNbx.js';
-
-var useWindowDimensions$1 = {};
-
-Object.defineProperty(useWindowDimensions$1, "__esModule", { value: true });
-var useWindowDimensions_2 = useWindowDimensions$1.useWindowDimensions = void 0;
-const react_1 = React;
-function getWindowDimensions() {
-    if (!(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)) {
-        return {
-            width: 0,
-            height: 0,
-        };
-    }
-    const { innerWidth: width, innerHeight: height } = window;
-    return {
-        width,
-        height,
-    };
-}
-function useWindowDimensions() {
-    const [windowDimensions, setWindowDimensions] = (0, react_1.useState)(getWindowDimensions());
-    (0, react_1.useEffect)(() => {
-        function handleResize() {
-            setWindowDimensions(getWindowDimensions());
-        }
-        window === null || window === void 0 ? void 0 : window.addEventListener("resize", handleResize);
-        return () => window === null || window === void 0 ? void 0 : window.removeEventListener("resize", handleResize);
-    }, []);
-    return windowDimensions;
-}
-useWindowDimensions_2 = useWindowDimensions$1.useWindowDimensions = useWindowDimensions;
-
-var styles = {"wrapper":"dT6M9tp1sZc-","popperContainer":"_9pvjsJS6vsg-","shadowRef":"G7Nzd9sctos-","menu":"Qmxlsj0D3qM-","section":"LaKFjYCLHZc-","sectionHeader":"_7HB7dWnqCi0-","action":"ZuceCiefKqw-","overlay":"eKnUAucwwWU-","fullWidth":"oaxefr58z-E-","screenReaderOnly":"vz9opIdwHFg-"};
-
-const SMALL_SCREEN_BREAKPOINT = 489;
-const MENU_OFFSET = 6;
-const variation = {
-    overlayStartStop: { opacity: 0 },
-    startOrStop: (placement) => {
-        let y = 10;
-        if (placement === null || placement === void 0 ? void 0 : placement.includes("bottom"))
-            y *= -1;
-        if (window.innerWidth < 640)
-            y = 150;
-        return { opacity: 0, y };
-    },
-    done: { opacity: 1, y: 0 },
-};
-// eslint-disable-next-line max-statements
-function Menu({ activator, items }) {
-    var _a, _b;
-    const [visible, setVisible] = useState(false);
-    const shadowRef = useRef(null);
-    const { width } = useWindowDimensions_2();
-    const buttonID = useId();
-    const menuID = useId();
-    const fullWidth = ((_a = activator === null || activator === void 0 ? void 0 : activator.props) === null || _a === void 0 ? void 0 : _a.fullWidth) || false;
-    const wrapperClasses = classnames(styles.wrapper, {
-        [styles.fullWidth]: fullWidth,
-    });
-    useOnKeyDown_2(handleKeyboardShortcut, ["Escape"]);
-    // useRefocusOnActivator must come before useFocusTrap for them both to work
-    useRefocusOnActivator_2(visible);
-    const menuRef = useFocusTrap_2(visible);
-    const [popperElement, setPopperElement] = useState(null);
-    const { styles: popperStyles, attributes, state, } = usePopper((_b = shadowRef.current) === null || _b === void 0 ? void 0 : _b.nextElementSibling, popperElement, {
-        placement: "bottom-start",
-        modifiers: [
-            {
-                name: "flip",
-                options: {
-                    flipVariations: true,
-                },
-            },
-            {
-                name: "offset",
-                options: {
-                    offset: [0, MENU_OFFSET],
-                },
-            },
-        ],
-    });
-    const positionAttributes = width > SMALL_SCREEN_BREAKPOINT
-        ? Object.assign(Object.assign({}, attributes.popper), { style: popperStyles.popper }) : {};
-    if (!activator) {
-        activator = (React.createElement(Button, { fullWidth: true, label: "More Actions", icon: "more", type: "secondary" }));
-    }
-    return (React.createElement("div", { className: wrapperClasses, onClick: handleParentClick },
-        React.createElement("span", { ref: shadowRef, className: styles.shadowRef }),
-        React.cloneElement(activator, {
-            onClick: toggle(activator.props.onClick),
-            id: buttonID,
-            ariaControls: menuID,
-            ariaExpanded: visible,
-            ariaHaspopup: true,
-        }),
-        React.createElement(MenuPortal, null,
-            React.createElement(AnimatePresence, null, visible && (React.createElement(React.Fragment, null,
-                React.createElement(motion.div, { className: styles.overlay, onClick: toggle(), variants: variation, initial: "overlayStartStop", animate: "done", exit: "overlayStartStop", transition: {
-                        type: "tween",
-                        duration: 0.15,
-                    } }),
-                React.createElement("div", Object.assign({ ref: setPopperElement, className: styles.popperContainer }, positionAttributes, formFieldFocusAttribute), items.length > 0 && (React.createElement(motion.div, { className: styles.menu, role: "menu", "aria-labelledby": buttonID, id: menuID, onClick: hide, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", custom: state === null || state === void 0 ? void 0 : state.placement, ref: menuRef, transition: {
-                        type: "tween",
-                        duration: 0.25,
-                    } }, items.map((item, key) => (React.createElement("div", { key: key, className: styles.section },
-                    item.header && React.createElement(SectionHeader, { text: item.header }),
-                    item.actions.map(action => (React.createElement(Action, Object.assign({ sectionLabel: item.header, key: action.label }, action))))))))))))))));
-    function toggle(callbackPassthrough) {
-        return (event) => {
-            setVisible(!visible);
-            callbackPassthrough && callbackPassthrough(event);
-        };
-    }
-    function hide() {
-        setVisible(false);
-    }
-    function handleKeyboardShortcut(event) {
-        const { key } = event;
-        if (!visible)
-            return;
-        event.preventDefault();
-        event.stopPropagation();
-        key === "Escape" && hide();
-    }
-    function handleParentClick(event) {
-        // Since the menu is being rendered within the same parent as the activator,
-        // we need to stop the click event from bubbling up. If the Menu component
-        // gets added within a parent that has a click handler, any click on the
-        // menu will trigger the parent's click handler.
-        event.stopPropagation();
-    }
-}
-function SectionHeader({ text }) {
-    return (React.createElement("div", { className: styles.sectionHeader, "aria-hidden": true },
-        React.createElement(Typography, { element: "h6", size: "base", textColor: "textSecondary", fontWeight: "regular", textCase: "none" }, text)));
-}
-function Action({ label, sectionLabel, icon, onClick }) {
-    const actionButtonRef = useRef();
-    return (React.createElement("button", { role: "menuitem", type: "button", className: styles.action, key: label, onClick: onClick, ref: actionButtonRef },
-        icon && React.createElement(Icon, { name: icon }),
-        React.createElement(Typography, { element: "span", fontWeight: "semiBold", textColor: "textSecondary" },
-            sectionLabel && (React.createElement("span", { className: styles.screenReaderOnly }, sectionLabel)),
-            label)));
-}
-function MenuPortal({ children }) {
-    const mounted = useIsMounted_2();
-    if (!(mounted === null || mounted === void 0 ? void 0 : mounted.current)) {
-        return null;
-    }
-    return ReactDOM.createPortal(children, document.body);
-}
-
-export { Menu as M };