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

package/__chunks__/Menu-MGDv1tob.js

@@ -0,0 +1,552 @@
+"use strict";
+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;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const omit = require("./omit-CC3uE8z5.js");
+const Checkbox = require("./Checkbox-B_-6lfKk.js");
+const Text = require("./Text-DkzMEqky.js");
+const utilities = require("./utilities-Q88aR_Y9.js");
+const mergeProps = require("./mergeProps-DLPcevok.js");
+const filterDOMProps = require("./filterDOMProps-p6wKN-SS.js");
+const useFocusVisible = require("./useFocusVisible-BNcpO5Sv.js");
+const useSelectableList = require("./useSelectableList-DeSKmxTV.js");
+const useFocus = require("./useFocus-D_NKNXdi.js");
+const useHover = require("./useHover-Ck1otl-j.js");
+const useFocusable = require("./useFocusable-fxgaZN7X.js");
+const usePress = require("./usePress-B5G5CgVn.js");
+const useSelectableItem = require("./useSelectableItem-Dtmy73y6.js");
+const Item = require("./Item-h_oPjYVR.js");
+const _commonjsHelpers = require("./_commonjsHelpers-Bc2YnDe1.js");
+const utilities_useScrollbar = require("../utilities/useScrollbar.js");
+const useTriggerWidth = require("./useTriggerWidth-NhYqZmlX.js");
+const usePopover = require("./usePopover-CR0xi5y-.js");
+const Overlay = require("./Overlay-BNP_t3v4.js");
+const useTreeState = require("./useTreeState-Cb1U-iBl.js");
+const useMenuTriggerState = require("./useMenuTriggerState-DMyxc9hK.js");
+const useMenuTrigger = require("./useMenuTrigger-DQl6sBWY.js");
+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 = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let { listProps } = useSelectableList.$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: mergeProps.$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 = useFocusVisible.$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 = mergeProps.$bdb11010cef70236$export$b4cc09c592e8fdb8();
+  let descriptionId = mergeProps.$bdb11010cef70236$export$b4cc09c592e8fdb8();
+  let keyboardId = mergeProps.$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"] = useSelectableList.$453cc9f0df89c0a5$export$77d5aafae4e095b2(state.collection);
+  }
+  let isPressedRef = React.useRef(false);
+  let onPressChange = (isPressed2) => {
+    pressChangeProp === null || pressChangeProp === void 0 ? void 0 : pressChangeProp(isPressed2);
+    isPressedRef.current = isPressed2;
+  };
+  let interaction = React.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();
+    useFocusVisible.$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 } = useSelectableItem.$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 } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21({
+    onPressStart,
+    onPress,
+    onPressUp,
+    onPressChange,
+    onPressEnd,
+    isDisabled
+  });
+  let { hoverProps } = useHover.$6179b936705e76d3$export$ae780daf29e6d456({
+    isDisabled,
+    onHoverStart(e) {
+      if (!useFocusVisible.$507fabe10e71c6fb$export$b9b3dfddab17db27() && !(isTriggerExpanded && hasPopup)) {
+        selectionManager.setFocused(true);
+        selectionManager.setFocusedKey(key);
+      }
+      hoverStartProp === null || hoverStartProp === void 0 ? void 0 : hoverStartProp(e);
+    },
+    onHoverChange,
+    onHoverEnd
+  });
+  let { keyboardProps } = useFocusable.$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 } = useFocus.$a1ea59d68270f0dd$export$f8168d8dd8fd66e6({
+    onBlur,
+    onFocus,
+    onFocusChange
+  });
+  let domProps = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(item2 === null || item2 === void 0 ? void 0 : item2.props);
+  delete domProps.id;
+  let linkProps = useFocusVisible.$ea8dcbcb9ea1b556$export$7e924b3091a3bd18(item2 === null || item2 === void 0 ? void 0 : item2.props);
+  return {
+    menuItemProps: __spreadProps(__spreadValues(__spreadValues({}, ariaProps), mergeProps.$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 && useFocusVisible.$507fabe10e71c6fb$export$b9b3dfddab17db27() && !isTriggerExpanded,
+    isSelected,
+    isPressed,
+    isDisabled
+  };
+}
+function $3e5eb2498db5b506$export$73f7a44322579622(props) {
+  let { heading, "aria-label": ariaLabel } = props;
+  let headingId = mergeProps.$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 = React.createContext(null);
+function useInternalMenuContext() {
+  const menuContext = React.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, Item.$c1d7fb2ec91bae71$export$6d08773d2e66f8f2);
+function MenuItemContent({ item: item2, state }) {
+  const ref = React.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 = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(menuItemProps, href ? omit.omit(item2.props, ["aria-label", "as", "children", "closeOnSelect"]) : item2.key === utilities.SELECT_ALL_KEY ? {
+    "aria-checked": utilities.isSelectAllSelected(state)
+  } : {});
+  return jsxRuntime.jsx(MenuItemContainer, __spreadProps(__spreadValues({}, props), {
+    itemRef: ref,
+    className: styles.item,
+    "data-is-disabled": isDisabled,
+    "data-is-focused": isFocused,
+    "data-is-selected": item2.key === utilities.SELECT_ALL_KEY ? utilities.isSelectAllSelected(state) : isSelected,
+    children: jsxRuntime.jsx("div", {
+      className: styles.itemContent,
+      children: selectionMode !== "multiple" ? jsxRuntime.jsx(Text.Text, {
+        variant: "body1",
+        truncate: true,
+        children: item2.rendered
+      }) : jsxRuntime.jsx(Checkbox.Checkbox, {
+        isDisabled,
+        isIndeterminate: item2.key === utilities.SELECT_ALL_KEY ? utilities.isSelectAllIndeterminate(state) : void 0,
+        isSelected: item2.key === utilities.SELECT_ALL_KEY ? utilities.isSelectAllSelected(state) : isSelected,
+        children: item2.rendered
+      })
+    })
+  }));
+}
+function StandardMenuItemContainer(_a) {
+  var _b = _a, { itemRef } = _b, props = __objRest(_b, ["itemRef"]);
+  return jsxRuntime.jsx("li", __spreadValues({
+    ref: itemRef
+  }, props));
+}
+function LinkMenuItemContainer(_c) {
+  var _d = _c, { itemRef, hrefComponent: Component = "a" } = _d, props = __objRest(_d, ["itemRef", "hrefComponent"]);
+  return jsxRuntime.jsx("li", {
+    role: "none",
+    children: jsxRuntime.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__ */ _commonjsHelpers.getDefaultExportFromCjs(noopExports);
+function MenuSection(_props) {
+  return null;
+}
+Object.assign(MenuSection, useTriggerWidth.$9fc4852771d079eb$export$6e2c8f0811a474ce);
+function MenuSectionContent({ section, state }) {
+  const { itemProps, headingProps, groupProps } = $3e5eb2498db5b506$export$73f7a44322579622({
+    heading: section.rendered,
+    "aria-label": section["aria-label"]
+  });
+  const { separatorProps } = useTriggerWidth.$f4b273590fab9f93$export$52210f68a14655d0({
+    elementType: "li"
+  });
+  const isNotFirstOrLast = section.key !== state.collection.getFirstKey() && section.nextKey !== state.collection.getLastKey();
+  const hasContent = section.hasChildNodes || section.rendered;
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [isNotFirstOrLast && jsxRuntime.jsx("li", __spreadProps(__spreadValues({}, separatorProps), {
+      className: styles.separator
+    })), hasContent && jsxRuntime.jsx("li", __spreadProps(__spreadValues({}, itemProps), {
+      children: section.hasChildNodes && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [section.rendered && jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, headingProps), {
+          className: styles.sectionTitle,
+          children: jsxRuntime.jsx(Text.Text, {
+            variant: "subtitle1",
+            color: "primary.900",
+            children: section.rendered
+          })
+        })), jsxRuntime.jsx("ul", __spreadProps(__spreadValues({}, groupProps), {
+          className: styles.sectionList,
+          children: [...section.childNodes].map((item2) => {
+            return jsxRuntime.jsx(MenuItemContent, {
+              item: item2,
+              state
+            }, item2.key);
+          })
+        }))]
+      })
+    }))]
+  });
+}
+function MenuOverlay(props) {
+  const { menuTriggerState, triggerWidth } = useInternalMenuContext();
+  if (!menuTriggerState.isOpen || triggerWidth === null) {
+    return null;
+  }
+  return jsxRuntime.jsx(MenuOverlayContent, __spreadValues({}, props));
+}
+function MenuOverlayContent(props) {
+  const { children, defaultSelectedKeys, disabledKeys, maxItemsUntilScroll = utilities.DEFAULT_MAX_ITEMS_UNTIL_SCROLL, onAction = noop, onClose, placement = utilities.DEFAULT_PLACEMENT, width = utilities.DEFAULT_WIDTH, selectionMode, onSelectionChange = noop, selectedKeys } = props;
+  const popoverRef = React.useRef(null);
+  const menuRef = React.useRef(null);
+  const { isSelectionPending, markSelectionPending, markSelectionStale } = utilities.useSelectionCapture();
+  const { menuTriggerState, triggerRef, triggerWidth, menuPropsFromTrigger } = useInternalMenuContext();
+  const { popoverProps, underlayProps } = usePopover.$f2f8a6077418541e$export$542a6fd13ac93354({
+    containerPadding: utilities.OVERLAY_PADDING_FROM_CONTAINER,
+    maxHeight: utilities.getMenuPopoverMaxHeight({
+      maxItemsUntilScroll
+    }),
+    offset: utilities.OVERLAY_OFFSET,
+    placement,
+    popoverRef,
+    scrollRef: menuRef,
+    triggerRef
+  }, menuTriggerState);
+  const handleSelectionChange = React.useCallback((keys) => {
+    if (!isSelectionPending()) {
+      return;
+    }
+    onSelectionChange(keys === "all" ? keys : utilities.filterSelectedKeys(keys));
+    markSelectionStale();
+  }, [isSelectionPending, markSelectionStale, onSelectionChange]);
+  const menuTreeState = useTreeState.$875d6693e12af071$export$728d6ba534403756({
+    children,
+    defaultSelectedKeys,
+    disabledKeys,
+    selectionMode,
+    selectedKeys,
+    onSelectionChange: handleSelectionChange
+  });
+  const handleAction = React.useCallback((key) => {
+    markSelectionPending();
+    if (key === utilities.SELECT_ALL_KEY && utilities.isSelectAllSelected(menuTreeState)) {
+      menuTreeState.selectionManager.clearSelection();
+    } else if (key === utilities.SELECT_ALL_KEY) {
+      menuTreeState.selectionManager.selectAll();
+    } else {
+      menuTreeState.selectionManager.toggleSelection(key);
+    }
+    onAction(key);
+  }, [markSelectionPending, menuTreeState, onAction]);
+  const { menuProps } = $d5336fe17ce95402$export$38eaa17faae8f579(mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928({
+    disabledKeys,
+    onAction: handleAction,
+    onClose
+  }, menuPropsFromTrigger), menuTreeState, menuRef);
+  utilities_useScrollbar.useScrollbar(menuRef, "ezui-os-theme-overlay");
+  const style = __spreadValues(__spreadValues({}, popoverProps.style), utilities.getUnmergedPopoverStyles(width, triggerWidth));
+  return jsxRuntime.jsxs(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, {
+    children: [jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, underlayProps), {
+      className: styles.underlay
+    })), jsxRuntime.jsxs("div", __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(popoverProps, {
+      style
+    })), {
+      ref: popoverRef,
+      className: styles.root,
+      children: [jsxRuntime.jsx(usePopover.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+        onDismiss: menuTriggerState.close
+      }), jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, menuProps), {
+        ref: menuRef,
+        className: styles.menu,
+        "data-width": width,
+        "data-max-items-until-scroll": maxItemsUntilScroll,
+        "data-overlayscrollbars-initialize": true,
+        children: jsxRuntime.jsx("ul", {
+          className: styles.menuList,
+          children: [...menuTreeState.collection].map((item2) => {
+            return item2.type === "section" ? jsxRuntime.jsx(MenuSectionContent, {
+              section: item2,
+              state: menuTreeState
+            }, item2.key) : jsxRuntime.jsx(MenuItemContent, {
+              item: item2,
+              state: menuTreeState
+            }, item2.key);
+          })
+        })
+      })), jsxRuntime.jsx(usePopover.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+        onDismiss: menuTriggerState.close
+      })]
+    }))]
+  });
+}
+function MenuTrigger(props) {
+  const { children } = props;
+  const { triggerRef, menuTriggerProps } = useInternalMenuContext();
+  const clonedProps = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(menuTriggerProps, children.props);
+  return React.cloneElement(children, __spreadProps(__spreadValues({}, clonedProps), {
+    ref: triggerRef
+  }));
+}
+function Menu(props) {
+  const { children } = props;
+  const triggerRef = React.useRef(null);
+  const menuTriggerState = useMenuTriggerState.$a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props);
+  const { menuTriggerProps, menuProps: menuPropsFromTrigger } = useMenuTrigger.$168583247155ddda$export$dc9c12ed27dd1b49(__spreadProps(__spreadValues({}, props), {
+    type: "menu"
+  }), menuTriggerState, triggerRef);
+  const triggerWidth = useTriggerWidth.useTriggerWidth(triggerRef);
+  const context = React.useMemo(() => {
+    return {
+      menuPropsFromTrigger,
+      menuTriggerProps,
+      menuTriggerState,
+      triggerRef,
+      triggerWidth
+    };
+  }, [triggerWidth, menuTriggerProps, menuPropsFromTrigger, menuTriggerState]);
+  return jsxRuntime.jsx(InternalMenuContext.Provider, {
+    value: context,
+    children
+  });
+}
+Menu.Trigger = MenuTrigger;
+Menu.Overlay = MenuOverlay;
+Menu.Section = MenuSection;
+Menu.Item = MenuItem;
+exports.Menu = Menu;

package/__chunks__/Menu-OacI_98l.js

@@ -0,0 +1,57 @@
+"use strict";
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+var __defProp = Object.defineProperty;
+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 __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;
+};
+const Menu = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
+  return React__namespace.createElement("svg", __spreadValues({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, React__namespace.createElement("path", {
+    d: "M140-254.62V-300h680v45.38H140Zm0-202.69v-45.38h680v45.38H140ZM140-660v-45.38h680V-660H140Z"
+  }));
+};
+exports.Menu = Menu;

package/__chunks__/Menu-qMqvSorL.mjs

@@ -0,0 +1,41 @@
+import * as React from "react";
+var __defProp = Object.defineProperty;
+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 __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;
+};
+const Menu = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest(_b, ["title", "titleId"]);
+  return React.createElement("svg", __spreadValues({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React.createElement("title", {
+    id: titleId
+  }, title) : null, React.createElement("path", {
+    d: "M140-254.62V-300h680v45.38H140Zm0-202.69v-45.38h680v45.38H140ZM140-660v-45.38h680V-660H140Z"
+  }));
+};
+export {
+  Menu as M
+};