@easypost/easy-ui 1.0.0-alpha.12 → 1.0.0-alpha.120

package/__chunks__/Menu-Ci1FGh8B.mjs

@@ -0,0 +1,553 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default, { useRef, createContext, useContext, useCallback, useMemo } from "react";
+import { o as omit } from "./omit-CYoLXTjq.mjs";
+import { C as Checkbox } from "./Checkbox-DcaO0fC3.mjs";
+import { T as Text } from "./Text-D6oT5WJQ.mjs";
+import { i as isSelectAllSelected, S as SELECT_ALL_KEY, d as isSelectAllIndeterminate, D as DEFAULT_MAX_ITEMS_UNTIL_SCROLL, b as DEFAULT_PLACEMENT, a as DEFAULT_WIDTH, u as useSelectionCapture, O as OVERLAY_OFFSET, e as getMenuPopoverMaxHeight, c as OVERLAY_PADDING_FROM_CONTAINER, f as filterSelectedKeys, g as getUnmergedPopoverStyles } from "./utilities-CBYsZn-t.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, b as $bdb11010cef70236$export$b4cc09c592e8fdb8, c as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-COnPag8r.mjs";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.mjs";
+import { l as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, g as $507fabe10e71c6fb$export$b9b3dfddab17db27, m as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18, n as $ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f } from "./useFocusVisible-DDvp2PwR.mjs";
+import { $ as $982254629710d113$export$b95089534ab7c1fd, a as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "./useSelectableList-CQpiui2v.mjs";
+import { $ as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useFocus-u61kyYs8.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-FWU5y5-k.mjs";
+import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "./useFocusable-BDOoYzWB.mjs";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Cw67P1FM.mjs";
+import { $ as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "./useSelectableItem-BP2rZ6Gy.mjs";
+import { $ as $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 } from "./Item-FD89BR0i.mjs";
+import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-DWwsNxpa.mjs";
+import { useScrollbar } from "../utilities/useScrollbar.mjs";
+import { $ as $f4b273590fab9f93$export$52210f68a14655d0, a as $9fc4852771d079eb$export$6e2c8f0811a474ce, u as useTriggerWidth } from "./useTriggerWidth-CBghrvjy.mjs";
+import { $ as $f2f8a6077418541e$export$542a6fd13ac93354, a as $86ea4cb521eb2e37$export$2317d149ed6f78c4 } from "./usePopover-BTGHi16_.mjs";
+import { d as $337b884510726a0d$export$c6fdb837b070b4ff } from "./Overlay-Dkjxuk6V.mjs";
+import { $ as $875d6693e12af071$export$728d6ba534403756 } from "./useTreeState-B9z3iENl.mjs";
+import { $ as $a28c903ee9ad8dc5$export$79fefeb1c2091ac3 } from "./useMenuTriggerState-CnbwSNoa.mjs";
+import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "./useMenuTrigger-e_p0x3OT.mjs";
+const $fc79756100351201$export$6f49b4016bfc8d56 = /* @__PURE__ */ new WeakMap();
+function $d5336fe17ce95402$export$38eaa17faae8f579(props, state, ref) {
+  let _a = props, { shouldFocusWrap = true, onKeyDown, onKeyUp } = _a, otherProps = __objRest(_a, ["shouldFocusWrap", "onKeyDown", "onKeyUp"]);
+  if (!props["aria-label"] && !props["aria-labelledby"] && process.env.NODE_ENV !== "production") console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
+  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let { listProps } = $982254629710d113$export$b95089534ab7c1fd(__spreadProps(__spreadValues({}, otherProps), {
+    ref,
+    selectionManager: state.selectionManager,
+    collection: state.collection,
+    disabledKeys: state.disabledKeys,
+    shouldFocusWrap,
+    linkBehavior: "override"
+  }));
+  $fc79756100351201$export$6f49b4016bfc8d56.set(state, {
+    onClose: props.onClose,
+    onAction: props.onAction,
+    shouldUseVirtualFocus: props.shouldUseVirtualFocus
+  });
+  return {
+    menuProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, {
+      onKeyDown,
+      onKeyUp
+    }, __spreadProps(__spreadValues({
+      role: "menu"
+    }, listProps), {
+      onKeyDown: (e) => {
+        var _listProps_onKeyDown;
+        if (e.key !== "Escape" || props.shouldUseVirtualFocus) (_listProps_onKeyDown = listProps.onKeyDown) === null || _listProps_onKeyDown === void 0 ? void 0 : _listProps_onKeyDown.call(listProps, e);
+      }
+    }))
+  };
+}
+function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
+  let { id, key, closeOnSelect, isVirtualized, "aria-haspopup": hasPopup, onPressStart, onPressUp: pressUpProp, onPress, onPressChange: pressChangeProp, onPressEnd, onClick: onClickProp, onHoverStart: hoverStartProp, onHoverChange, onHoverEnd, onKeyDown, onKeyUp, onFocus, onFocusChange, onBlur, selectionManager = state.selectionManager } = props;
+  let isTrigger = !!hasPopup;
+  let isTriggerExpanded = isTrigger && props["aria-expanded"] === "true";
+  var _props_isDisabled;
+  let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !== void 0 ? _props_isDisabled : selectionManager.isDisabled(key);
+  var _props_isSelected;
+  let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !== void 0 ? _props_isSelected : selectionManager.isSelected(key);
+  let data = $fc79756100351201$export$6f49b4016bfc8d56.get(state);
+  let item2 = state.collection.getItem(key);
+  let onClose = props.onClose || data.onClose;
+  let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
+  let performAction = () => {
+    var _item_props;
+    if (isTrigger) return;
+    if (item2 === null || item2 === void 0 ? void 0 : (_item_props = item2.props) === null || _item_props === void 0 ? void 0 : _item_props.onAction) item2.props.onAction();
+    else if (props.onAction) props.onAction(key);
+    if (data.onAction) {
+      let onAction = data.onAction;
+      onAction(key);
+    }
+  };
+  let role = "menuitem";
+  if (!isTrigger) {
+    if (selectionManager.selectionMode === "single") role = "menuitemradio";
+    else if (selectionManager.selectionMode === "multiple") role = "menuitemcheckbox";
+  }
+  let labelId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
+  let descriptionId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
+  let keyboardId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
+  let ariaProps = {
+    id,
+    "aria-disabled": isDisabled || void 0,
+    role,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": labelId,
+    "aria-describedby": [
+      descriptionId,
+      keyboardId
+    ].filter(Boolean).join(" ") || void 0,
+    "aria-controls": props["aria-controls"],
+    "aria-haspopup": hasPopup,
+    "aria-expanded": props["aria-expanded"]
+  };
+  if (selectionManager.selectionMode !== "none" && !isTrigger) ariaProps["aria-checked"] = isSelected;
+  if (isVirtualized) {
+    ariaProps["aria-posinset"] = item2 === null || item2 === void 0 ? void 0 : item2.index;
+    ariaProps["aria-setsize"] = $453cc9f0df89c0a5$export$77d5aafae4e095b2(state.collection);
+  }
+  let isPressedRef = useRef(false);
+  let onPressChange = (isPressed2) => {
+    pressChangeProp === null || pressChangeProp === void 0 ? void 0 : pressChangeProp(isPressed2);
+    isPressedRef.current = isPressed2;
+  };
+  let interaction = useRef(null);
+  let onPressUp = (e) => {
+    if (e.pointerType !== "keyboard") interaction.current = {
+      pointerType: e.pointerType
+    };
+    if (e.pointerType === "mouse") {
+      if (!isPressedRef.current) e.target.click();
+    }
+    pressUpProp === null || pressUpProp === void 0 ? void 0 : pressUpProp(e);
+  };
+  let onClick = (e) => {
+    var _interaction_current, _interaction_current1;
+    onClickProp === null || onClickProp === void 0 ? void 0 : onClickProp(e);
+    performAction();
+    $ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f(e, router, item2.props.href, item2 === null || item2 === void 0 ? void 0 : item2.props.routerOptions);
+    let shouldClose = ((_interaction_current = interaction.current) === null || _interaction_current === void 0 ? void 0 : _interaction_current.pointerType) === "keyboard" ? ((_interaction_current1 = interaction.current) === null || _interaction_current1 === void 0 ? void 0 : _interaction_current1.key) === "Enter" || selectionManager.selectionMode === "none" || selectionManager.isLink(key) : selectionManager.selectionMode !== "multiple" || selectionManager.isLink(key);
+    shouldClose = closeOnSelect !== null && closeOnSelect !== void 0 ? closeOnSelect : shouldClose;
+    if (onClose && !isTrigger && shouldClose) onClose();
+    interaction.current = null;
+  };
+  let { itemProps, isFocused } = $880e95eb8b93ba9a$export$ecf600387e221c37({
+    id,
+    selectionManager,
+    key,
+    ref,
+    shouldSelectOnPressUp: true,
+    allowsDifferentPressOrigin: true,
+    // Disable all handling of links in useSelectable item
+    // because we handle it ourselves. The behavior of menus
+    // is slightly different from other collections because
+    // actions are performed on key down rather than key up.
+    linkBehavior: "none",
+    shouldUseVirtualFocus: data.shouldUseVirtualFocus
+  });
+  let { pressProps, isPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
+    onPressStart,
+    onPress,
+    onPressUp,
+    onPressChange,
+    onPressEnd,
+    isDisabled
+  });
+  let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
+    isDisabled,
+    onHoverStart(e) {
+      if (!$507fabe10e71c6fb$export$b9b3dfddab17db27() && !(isTriggerExpanded && hasPopup)) {
+        selectionManager.setFocused(true);
+        selectionManager.setFocusedKey(key);
+      }
+      hoverStartProp === null || hoverStartProp === void 0 ? void 0 : hoverStartProp(e);
+    },
+    onHoverChange,
+    onHoverEnd
+  });
+  let { keyboardProps } = $46d819fcbaf35654$export$8f71654801c2f7cd({
+    onKeyDown: (e) => {
+      if (e.repeat) {
+        e.continuePropagation();
+        return;
+      }
+      switch (e.key) {
+        case " ":
+          interaction.current = {
+            pointerType: "keyboard",
+            key: " "
+          };
+          e.target.click();
+          break;
+        case "Enter":
+          interaction.current = {
+            pointerType: "keyboard",
+            key: "Enter"
+          };
+          if (e.target.tagName !== "A") e.target.click();
+          break;
+        default:
+          if (!isTrigger) e.continuePropagation();
+          onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+          break;
+      }
+    },
+    onKeyUp
+  });
+  let { focusProps } = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6({
+    onBlur,
+    onFocus,
+    onFocusChange
+  });
+  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(item2 === null || item2 === void 0 ? void 0 : item2.props);
+  delete domProps.id;
+  let linkProps = $ea8dcbcb9ea1b556$export$7e924b3091a3bd18(item2 === null || item2 === void 0 ? void 0 : item2.props);
+  return {
+    menuItemProps: __spreadProps(__spreadValues(__spreadValues({}, ariaProps), $3ef42575df84b30b$export$9d1611c77c2fe928(
+      domProps,
+      linkProps,
+      isTrigger ? {
+        onFocus: itemProps.onFocus,
+        "data-collection": itemProps["data-collection"],
+        "data-key": itemProps["data-key"]
+      } : itemProps,
+      pressProps,
+      hoverProps,
+      keyboardProps,
+      focusProps,
+      // Prevent DOM focus from moving on mouse down when using virtual focus or this is a submenu/subdialog trigger.
+      data.shouldUseVirtualFocus || isTrigger ? {
+        onMouseDown: (e) => e.preventDefault()
+      } : void 0,
+      isDisabled ? void 0 : {
+        onClick
+      }
+    )), {
+      // If a submenu is expanded, set the tabIndex to -1 so that shift tabbing goes out of the menu instead of the parent menu item.
+      tabIndex: itemProps.tabIndex != null && isTriggerExpanded && !data.shouldUseVirtualFocus ? -1 : itemProps.tabIndex
+    }),
+    labelProps: {
+      id: labelId
+    },
+    descriptionProps: {
+      id: descriptionId
+    },
+    keyboardShortcutProps: {
+      id: keyboardId
+    },
+    isFocused,
+    isFocusVisible: isFocused && selectionManager.isFocused && $507fabe10e71c6fb$export$b9b3dfddab17db27() && !isTriggerExpanded,
+    isSelected,
+    isPressed,
+    isDisabled
+  };
+}
+function $3e5eb2498db5b506$export$73f7a44322579622(props) {
+  let { heading, "aria-label": ariaLabel } = props;
+  let headingId = $bdb11010cef70236$export$f680877a34711e37();
+  return {
+    itemProps: {
+      role: "presentation"
+    },
+    headingProps: heading ? {
+      // Techincally, menus cannot contain headings according to ARIA.
+      // We hide the heading from assistive technology, using role="presentation",
+      // and only use it as a label for the nested group.
+      id: headingId,
+      role: "presentation"
+    } : {},
+    groupProps: {
+      role: "group",
+      "aria-label": ariaLabel,
+      "aria-labelledby": heading ? headingId : void 0
+    }
+  };
+}
+const InternalMenuContext = createContext(null);
+function useInternalMenuContext() {
+  const menuContext = useContext(InternalMenuContext);
+  if (!menuContext) {
+    throw new Error("InternalMenuContext must be used inside a <Menu />");
+  }
+  return menuContext;
+}
+const underlay = "_underlay_679vv_4";
+const root = "_root_679vv_9";
+const menu = "_menu_679vv_73";
+const menuList = "_menuList_679vv_78";
+const sectionList = "_sectionList_679vv_79";
+const sectionTitle = "_sectionTitle_679vv_85";
+const itemContent = "_itemContent_679vv_92";
+const separator = "_separator_679vv_93";
+const item = "_item_679vv_92";
+const styles = {
+  underlay,
+  root,
+  menu,
+  menuList,
+  sectionList,
+  sectionTitle,
+  itemContent,
+  separator,
+  item
+};
+function MenuItem(_props) {
+  return null;
+}
+Object.assign(MenuItem, $c1d7fb2ec91bae71$export$6d08773d2e66f8f2);
+function MenuItemContent({ item: item2, state }) {
+  const ref = React__default.useRef(null);
+  const { selectionManager: { selectionMode } } = state;
+  const { closeOnSelect, href } = item2.props;
+  const { menuItemProps, isFocused, isSelected, isDisabled } = $a2e5df62f93c7633$export$9d32628fc2aea7da(__spreadProps(__spreadValues({}, item2), {
+    closeOnSelect
+  }), state, ref);
+  const MenuItemContainer = href ? LinkMenuItemContainer : StandardMenuItemContainer;
+  const props = $3ef42575df84b30b$export$9d1611c77c2fe928(menuItemProps, href ? omit(item2.props, ["aria-label", "as", "children", "closeOnSelect"]) : item2.key === SELECT_ALL_KEY ? {
+    "aria-checked": isSelectAllSelected(state)
+  } : {});
+  return jsx(MenuItemContainer, __spreadProps(__spreadValues({}, props), {
+    itemRef: ref,
+    className: styles.item,
+    "data-is-disabled": isDisabled,
+    "data-is-focused": isFocused,
+    "data-is-selected": item2.key === SELECT_ALL_KEY ? isSelectAllSelected(state) : isSelected,
+    children: jsx("div", {
+      className: styles.itemContent,
+      children: selectionMode !== "multiple" ? jsx(Text, {
+        variant: "body1",
+        truncate: true,
+        children: item2.rendered
+      }) : jsx(Checkbox, {
+        isDisabled,
+        isIndeterminate: item2.key === SELECT_ALL_KEY ? isSelectAllIndeterminate(state) : void 0,
+        isSelected: item2.key === SELECT_ALL_KEY ? isSelectAllSelected(state) : isSelected,
+        children: item2.rendered
+      })
+    })
+  }));
+}
+function StandardMenuItemContainer(_a) {
+  var _b = _a, { itemRef } = _b, props = __objRest(_b, ["itemRef"]);
+  return jsx("li", __spreadValues({
+    ref: itemRef
+  }, props));
+}
+function LinkMenuItemContainer(_c) {
+  var _d = _c, { itemRef, hrefComponent: Component = "a" } = _d, props = __objRest(_d, ["itemRef", "hrefComponent"]);
+  return jsx("li", {
+    role: "none",
+    children: jsx(Component, __spreadValues({
+      ref: itemRef
+    }, props))
+  });
+}
+var noop_1;
+var hasRequiredNoop;
+function requireNoop() {
+  if (hasRequiredNoop) return noop_1;
+  hasRequiredNoop = 1;
+  function noop2() {
+  }
+  noop_1 = noop2;
+  return noop_1;
+}
+var noopExports = requireNoop();
+const noop = /* @__PURE__ */ getDefaultExportFromCjs(noopExports);
+function MenuSection(_props) {
+  return null;
+}
+Object.assign(MenuSection, $9fc4852771d079eb$export$6e2c8f0811a474ce);
+function MenuSectionContent({ section, state }) {
+  const { itemProps, headingProps, groupProps } = $3e5eb2498db5b506$export$73f7a44322579622({
+    heading: section.rendered,
+    "aria-label": section["aria-label"]
+  });
+  const { separatorProps } = $f4b273590fab9f93$export$52210f68a14655d0({
+    elementType: "li"
+  });
+  const isNotFirstOrLast = section.key !== state.collection.getFirstKey() && section.nextKey !== state.collection.getLastKey();
+  const hasContent = section.hasChildNodes || section.rendered;
+  return jsxs(Fragment, {
+    children: [isNotFirstOrLast && jsx("li", __spreadProps(__spreadValues({}, separatorProps), {
+      className: styles.separator
+    })), hasContent && jsx("li", __spreadProps(__spreadValues({}, itemProps), {
+      children: section.hasChildNodes && jsxs(Fragment, {
+        children: [section.rendered && jsx("span", __spreadProps(__spreadValues({}, headingProps), {
+          className: styles.sectionTitle,
+          children: jsx(Text, {
+            variant: "subtitle1",
+            color: "primary.900",
+            children: section.rendered
+          })
+        })), jsx("ul", __spreadProps(__spreadValues({}, groupProps), {
+          className: styles.sectionList,
+          children: [...section.childNodes].map((item2) => {
+            return jsx(MenuItemContent, {
+              item: item2,
+              state
+            }, item2.key);
+          })
+        }))]
+      })
+    }))]
+  });
+}
+function MenuOverlay(props) {
+  const { menuTriggerState, triggerWidth } = useInternalMenuContext();
+  if (!menuTriggerState.isOpen || triggerWidth === null) {
+    return null;
+  }
+  return jsx(MenuOverlayContent, __spreadValues({}, props));
+}
+function MenuOverlayContent(props) {
+  const { children, defaultSelectedKeys, disabledKeys, maxItemsUntilScroll = DEFAULT_MAX_ITEMS_UNTIL_SCROLL, onAction = noop, onClose, placement = DEFAULT_PLACEMENT, width = DEFAULT_WIDTH, selectionMode, onSelectionChange = noop, selectedKeys } = props;
+  const popoverRef = React__default.useRef(null);
+  const menuRef = React__default.useRef(null);
+  const { isSelectionPending, markSelectionPending, markSelectionStale } = useSelectionCapture();
+  const { menuTriggerState, triggerRef, triggerWidth, menuPropsFromTrigger } = useInternalMenuContext();
+  const { popoverProps, underlayProps } = $f2f8a6077418541e$export$542a6fd13ac93354({
+    containerPadding: OVERLAY_PADDING_FROM_CONTAINER,
+    maxHeight: getMenuPopoverMaxHeight({
+      maxItemsUntilScroll
+    }),
+    offset: OVERLAY_OFFSET,
+    placement,
+    popoverRef,
+    scrollRef: menuRef,
+    triggerRef
+  }, menuTriggerState);
+  const handleSelectionChange = useCallback((keys) => {
+    if (!isSelectionPending()) {
+      return;
+    }
+    onSelectionChange(keys === "all" ? keys : filterSelectedKeys(keys));
+    markSelectionStale();
+  }, [isSelectionPending, markSelectionStale, onSelectionChange]);
+  const menuTreeState = $875d6693e12af071$export$728d6ba534403756({
+    children,
+    defaultSelectedKeys,
+    disabledKeys,
+    selectionMode,
+    selectedKeys,
+    onSelectionChange: handleSelectionChange
+  });
+  const handleAction = useCallback((key) => {
+    markSelectionPending();
+    if (key === SELECT_ALL_KEY && isSelectAllSelected(menuTreeState)) {
+      menuTreeState.selectionManager.clearSelection();
+    } else if (key === SELECT_ALL_KEY) {
+      menuTreeState.selectionManager.selectAll();
+    } else {
+      menuTreeState.selectionManager.toggleSelection(key);
+    }
+    onAction(key);
+  }, [markSelectionPending, menuTreeState, onAction]);
+  const { menuProps } = $d5336fe17ce95402$export$38eaa17faae8f579($3ef42575df84b30b$export$9d1611c77c2fe928({
+    disabledKeys,
+    onAction: handleAction,
+    onClose
+  }, menuPropsFromTrigger), menuTreeState, menuRef);
+  useScrollbar(menuRef, "ezui-os-theme-overlay");
+  const style = __spreadValues(__spreadValues({}, popoverProps.style), getUnmergedPopoverStyles(width, triggerWidth));
+  return jsxs($337b884510726a0d$export$c6fdb837b070b4ff, {
+    children: [jsx("div", __spreadProps(__spreadValues({}, underlayProps), {
+      className: styles.underlay
+    })), jsxs("div", __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(popoverProps, {
+      style
+    })), {
+      ref: popoverRef,
+      className: styles.root,
+      children: [jsx($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+        onDismiss: menuTriggerState.close
+      }), jsx("div", __spreadProps(__spreadValues({}, menuProps), {
+        ref: menuRef,
+        className: styles.menu,
+        "data-width": width,
+        "data-max-items-until-scroll": maxItemsUntilScroll,
+        "data-overlayscrollbars-initialize": true,
+        children: jsx("ul", {
+          className: styles.menuList,
+          children: [...menuTreeState.collection].map((item2) => {
+            return item2.type === "section" ? jsx(MenuSectionContent, {
+              section: item2,
+              state: menuTreeState
+            }, item2.key) : jsx(MenuItemContent, {
+              item: item2,
+              state: menuTreeState
+            }, item2.key);
+          })
+        })
+      })), jsx($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+        onDismiss: menuTriggerState.close
+      })]
+    }))]
+  });
+}
+function MenuTrigger(props) {
+  const { children } = props;
+  const { triggerRef, menuTriggerProps } = useInternalMenuContext();
+  const clonedProps = $3ef42575df84b30b$export$9d1611c77c2fe928(menuTriggerProps, children.props);
+  return React__default.cloneElement(children, __spreadProps(__spreadValues({}, clonedProps), {
+    ref: triggerRef
+  }));
+}
+function Menu(props) {
+  const { children } = props;
+  const triggerRef = React__default.useRef(null);
+  const menuTriggerState = $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props);
+  const { menuTriggerProps, menuProps: menuPropsFromTrigger } = $168583247155ddda$export$dc9c12ed27dd1b49(__spreadProps(__spreadValues({}, props), {
+    type: "menu"
+  }), menuTriggerState, triggerRef);
+  const triggerWidth = useTriggerWidth(triggerRef);
+  const context = useMemo(() => {
+    return {
+      menuPropsFromTrigger,
+      menuTriggerProps,
+      menuTriggerState,
+      triggerRef,
+      triggerWidth
+    };
+  }, [triggerWidth, menuTriggerProps, menuPropsFromTrigger, menuTriggerState]);
+  return jsx(InternalMenuContext.Provider, {
+    value: context,
+    children
+  });
+}
+Menu.Trigger = MenuTrigger;
+Menu.Overlay = MenuOverlay;
+Menu.Section = MenuSection;
+Menu.Item = MenuItem;
+export {
+  Menu as M
+};