@easypost/easy-ui 1.0.0-alpha.6 → 1.0.0-alpha.60

package/__chunks__/Menu-BELtbX2b.mjs

@@ -0,0 +1,531 @@
+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 React__default, { useState, createContext, useContext, useCallback, useMemo } from "react";
+import { o as omit } from "./omit-B_jU3Uog.mjs";
+import { C as Checkbox } from "./Checkbox-BRrfKcFE.mjs";
+import { T as Text } from "./Text-D8wg72pq.mjs";
+import { $ as $453cc9f0df89c0a5$export$77d5aafae4e095b2, S as SELECT_ALL_KEY, j as isSelectAllSelected, k as isSelectAllIndeterminate, b as $9fc4852771d079eb$export$6e2c8f0811a474ce, c as $f4b273590fab9f93$export$52210f68a14655d0, l as useSelectionCapture, d as $f2f8a6077418541e$export$542a6fd13ac93354, m as filterSelectedKeys, g as getUnmergedPopoverStyles, e as $86ea4cb521eb2e37$export$2317d149ed6f78c4, f as DEFAULT_MAX_ITEMS_UNTIL_SCROLL, i as DEFAULT_PLACEMENT, D as DEFAULT_WIDTH, O as OVERLAY_PADDING_FROM_CONTAINER, I as ITEM_HEIGHT, Y as Y_PADDING_INSIDE_OVERLAY, h as OVERLAY_OFFSET, a as $168583247155ddda$export$dc9c12ed27dd1b49, u as useTriggerWidth } from "./useTriggerWidth-DEToHKD3.mjs";
+import { $ as $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 } from "./Item-BhrTPNN2.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$b4cc09c592e8fdb8, d as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-T961Q1yJ.mjs";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
+import { $ as $982254629710d113$export$b95089534ab7c1fd } from "./useSelectableList-D0uxeze4.mjs";
+import { a as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, b as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "./usePress-lFMUra6S.mjs";
+import { $ as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useFocus-DDj4i8Xy.mjs";
+import { b as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useFocusVisible-CXSIZSY_.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BOYR4wqI.mjs";
+import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "./useFocusable-DD5dAIXt.mjs";
+import { a as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "./useSelectableItem-BdD2_J2D.mjs";
+import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-DWwsNxpa.mjs";
+import { useScrollbar } from "../utilities/useScrollbar.mjs";
+import { b as $fc909762b330b746$export$61c6a8c84e605fb6, c as $337b884510726a0d$export$c6fdb837b070b4ff } from "./Overlay-CuhLUuXt.mjs";
+import { $ as $875d6693e12af071$export$728d6ba534403756 } from "./useTreeState-BZxhJy4m.mjs";
+function $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props) {
+  let overlayTriggerState = $fc909762b330b746$export$61c6a8c84e605fb6(props);
+  let [focusStrategy, setFocusStrategy] = useState(null);
+  let [expandedKeysStack, setExpandedKeysStack] = useState([]);
+  let closeAll = () => {
+    setExpandedKeysStack([]);
+    overlayTriggerState.close();
+  };
+  let openSubmenu = (triggerKey, level) => {
+    setExpandedKeysStack((oldStack) => {
+      if (level > oldStack.length) return oldStack;
+      return [
+        ...oldStack.slice(0, level),
+        triggerKey
+      ];
+    });
+  };
+  let closeSubmenu = (triggerKey, level) => {
+    setExpandedKeysStack((oldStack) => {
+      let key = oldStack[level];
+      if (key === triggerKey) return oldStack.slice(0, level);
+      else return oldStack;
+    });
+  };
+  return __spreadProps(__spreadValues({
+    focusStrategy
+  }, overlayTriggerState), {
+    open(focusStrategy2 = null) {
+      setFocusStrategy(focusStrategy2);
+      overlayTriggerState.open();
+    },
+    toggle(focusStrategy2 = null) {
+      setFocusStrategy(focusStrategy2);
+      overlayTriggerState.toggle();
+    },
+    close() {
+      closeAll();
+    },
+    expandedKeysStack,
+    openSubmenu,
+    closeSubmenu
+  });
+}
+const $d5336fe17ce95402$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"]) 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"
+  }));
+  $d5336fe17ce95402$export$6f49b4016bfc8d56.set(state, {
+    onClose: props.onClose,
+    onAction: props.onAction
+  });
+  return {
+    menuProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, {
+      onKeyDown,
+      onKeyUp
+    }, __spreadProps(__spreadValues({
+      role: "menu"
+    }, listProps), {
+      onKeyDown: (e) => {
+        var _listProps_onKeyDown;
+        if (e.key !== "Escape") (_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: pressStartProp, onPressUp: pressUpProp, onPress, onPressChange, onPressEnd, 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 = $d5336fe17ce95402$export$6f49b4016bfc8d56.get(state);
+  let item2 = state.collection.getItem(key);
+  let onClose = props.onClose || data.onClose;
+  let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
+  let performAction = (e) => {
+    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);
+    }
+    if (e.target instanceof HTMLAnchorElement && item2) router.open(e.target, e, item2.props.href, item2.props.routerOptions);
+  };
+  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 onPressStart = (e) => {
+    if (e.pointerType === "keyboard") performAction(e);
+    pressStartProp === null || pressStartProp === void 0 ? void 0 : pressStartProp(e);
+  };
+  let onPressUp = (e) => {
+    if (e.pointerType !== "keyboard") {
+      performAction(e);
+      if (!isTrigger && onClose && (closeOnSelect !== null && closeOnSelect !== void 0 ? closeOnSelect : selectionManager.selectionMode !== "multiple" || selectionManager.isLink(key))) onClose();
+    }
+    pressUpProp === null || pressUpProp === void 0 ? void 0 : pressUpProp(e);
+  };
+  let { itemProps, isFocused } = $880e95eb8b93ba9a$export$ecf600387e221c37({
+    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"
+  });
+  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 === "dialog")) {
+        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 " ":
+          if (!isDisabled && selectionManager.selectionMode === "none" && !isTrigger && closeOnSelect !== false && onClose) onClose();
+          break;
+        case "Enter":
+          if (!isDisabled && closeOnSelect !== false && !isTrigger && onClose) onClose();
+          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-key": itemProps["data-key"]
+    } : itemProps, pressProps, hoverProps, keyboardProps, focusProps)), {
+      // 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 ? -1 : itemProps.tabIndex
+    }),
+    labelProps: {
+      id: labelId
+    },
+    descriptionProps: {
+      id: descriptionId
+    },
+    keyboardShortcutProps: {
+      id: keyboardId
+    },
+    isFocused,
+    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_1v50t_5";
+const root = "_root_1v50t_10";
+const menu = "_menu_1v50t_74";
+const menuList = "_menuList_1v50t_79";
+const sectionList = "_sectionList_1v50t_80";
+const sectionTitle = "_sectionTitle_1v50t_86";
+const itemContent = "_itemContent_1v50t_93";
+const separator = "_separator_1v50t_94";
+const item = "_item_1v50t_93";
+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 React__default.createElement(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
+  }), React__default.createElement("div", {
+    className: styles.itemContent
+  }, selectionMode !== "multiple" ? React__default.createElement(Text, {
+    variant: "body1",
+    truncate: true
+  }, item2.rendered) : React__default.createElement(Checkbox, {
+    isDisabled,
+    isIndeterminate: item2.key === SELECT_ALL_KEY ? isSelectAllIndeterminate(state) : void 0,
+    isSelected: item2.key === SELECT_ALL_KEY ? isSelectAllSelected(state) : isSelected
+  }, item2.rendered)));
+}
+function StandardMenuItemContainer(_a) {
+  var _b = _a, { itemRef } = _b, props = __objRest(_b, ["itemRef"]);
+  return React__default.createElement("li", __spreadValues({
+    ref: itemRef
+  }, props));
+}
+function LinkMenuItemContainer(_c) {
+  var _d = _c, { itemRef, hrefComponent: Component = "a" } = _d, props = __objRest(_d, ["itemRef", "hrefComponent"]);
+  return React__default.createElement("li", {
+    role: "none"
+  }, React__default.createElement(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 React__default.createElement(React__default.Fragment, null, isNotFirstOrLast && React__default.createElement("li", __spreadProps(__spreadValues({}, separatorProps), {
+    className: styles.separator
+  })), hasContent && React__default.createElement("li", __spreadValues({}, itemProps), section.hasChildNodes && React__default.createElement(React__default.Fragment, null, section.rendered && React__default.createElement("span", __spreadProps(__spreadValues({}, headingProps), {
+    className: styles.sectionTitle
+  }), React__default.createElement(Text, {
+    variant: "subtitle1",
+    color: "primary.900"
+  }, section.rendered)), React__default.createElement("ul", __spreadProps(__spreadValues({}, groupProps), {
+    className: styles.sectionList
+  }), [...section.childNodes].map((item2) => {
+    return React__default.createElement(MenuItemContent, {
+      key: item2.key,
+      item: item2,
+      state
+    });
+  })))));
+}
+function MenuOverlay(props) {
+  const { menuTriggerState, triggerWidth } = useInternalMenuContext();
+  if (!menuTriggerState.isOpen || triggerWidth === null) {
+    return null;
+  }
+  return React__default.createElement(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: ITEM_HEIGHT * maxItemsUntilScroll + Y_PADDING_INSIDE_OVERLAY * 2 + 2,
+    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 React__default.createElement($337b884510726a0d$export$c6fdb837b070b4ff, null, React__default.createElement("div", __spreadProps(__spreadValues({}, underlayProps), {
+    className: styles.underlay
+  })), React__default.createElement("div", __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(popoverProps, {
+    style
+  })), {
+    ref: popoverRef,
+    className: styles.root
+  }), React__default.createElement($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+    onDismiss: menuTriggerState.close
+  }), React__default.createElement("div", __spreadProps(__spreadValues({}, menuProps), {
+    ref: menuRef,
+    className: styles.menu,
+    "data-width": width,
+    "data-max-items-until-scroll": maxItemsUntilScroll,
+    "data-overlayscrollbars-initialize": true
+  }), React__default.createElement("ul", {
+    className: styles.menuList
+  }, [...menuTreeState.collection].map((item2) => {
+    return item2.type === "section" ? React__default.createElement(MenuSectionContent, {
+      key: item2.key,
+      section: item2,
+      state: menuTreeState
+    }) : React__default.createElement(MenuItemContent, {
+      key: item2.key,
+      item: item2,
+      state: menuTreeState
+    });
+  }))), React__default.createElement($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 React__default.createElement(InternalMenuContext.Provider, {
+    value: context
+  }, children);
+}
+Menu.Trigger = MenuTrigger;
+Menu.Overlay = MenuOverlay;
+Menu.Section = MenuSection;
+Menu.Item = MenuItem;
+export {
+  Menu as M
+};