@easypost/easy-ui 1.0.0-alpha.9 → 1.0.0-alpha.91

package/__chunks__/Menu-DVei3CtR.mjs

@@ -0,0 +1,520 @@
+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, { createContext, useContext, useCallback, useMemo } from "react";
+import { o as omit } from "./omit-CYoLXTjq.mjs";
+import { C as Checkbox } from "./Checkbox-WhepkGg3.mjs";
+import { T as Text } from "./Text-BWjD7__Y.mjs";
+import { i as isSelectAllSelected, S as SELECT_ALL_KEY, e as isSelectAllIndeterminate, D as DEFAULT_MAX_ITEMS_UNTIL_SCROLL, c as DEFAULT_PLACEMENT, b as DEFAULT_WIDTH, u as useSelectionCapture, $ as $f2f8a6077418541e$export$542a6fd13ac93354, O as OVERLAY_OFFSET, f as getMenuPopoverMaxHeight, d as OVERLAY_PADDING_FROM_CONTAINER, h as filterSelectedKeys, g as getUnmergedPopoverStyles, a as $86ea4cb521eb2e37$export$2317d149ed6f78c4 } from "./utilities-DUnS31dY.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, b as $bdb11010cef70236$export$b4cc09c592e8fdb8, c as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-CORsYhTp.mjs";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
+import { a as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, b as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "./usePress-tJX1Ngpm.mjs";
+import { $ as $982254629710d113$export$b95089534ab7c1fd, a as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "./useSelectableList-By73z8mx.mjs";
+import { $ as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useFocus-QhB_LR_6.mjs";
+import { f as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useFocusVisible-S02S36Aj.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-Djd8mM67.mjs";
+import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "./useFocusable-YWcLWvwY.mjs";
+import { $ as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "./useSelectableItem-DeMnuLRU.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-74VNM0k9.mjs";
+import { d as $337b884510726a0d$export$c6fdb837b070b4ff } from "./Overlay-aI53DFC4.mjs";
+import { $ as $875d6693e12af071$export$728d6ba534403756 } from "./useTreeState-DdjTMMtR.mjs";
+import { $ as $a28c903ee9ad8dc5$export$79fefeb1c2091ac3 } from "./useMenuTriggerState-4geEb8Fl.mjs";
+import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "./useMenuTrigger-C91gC8Fc.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: pressStartProp, onPressUp: pressUpProp, onPress: pressProp, 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 = $fc79756100351201$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 maybeClose = () => {
+    if (!isTrigger && onClose && (closeOnSelect !== null && closeOnSelect !== void 0 ? closeOnSelect : selectionManager.selectionMode !== "multiple" || selectionManager.isLink(key))) onClose();
+  };
+  let onPressUp = (e) => {
+    if (e.pointerType === "mouse") {
+      performAction(e);
+      maybeClose();
+    }
+    pressUpProp === null || pressUpProp === void 0 ? void 0 : pressUpProp(e);
+  };
+  let onPress = (e) => {
+    if (e.pointerType !== "keyboard" && e.pointerType !== "mouse") {
+      performAction(e);
+      maybeClose();
+    }
+    pressProp === null || pressProp === void 0 ? void 0 : pressProp(e);
+  };
+  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 " ":
+          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-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
+    )), {
+      // 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 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: 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 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
+};

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
+};