@tamagui/menu 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/createNonNativeMenu.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,39 +8,33 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var createNonNativeMenu_exports = {};
 __export(createNonNativeMenu_exports, {
-  DROPDOWN_MENU_CONTEXT: () => DROPDOWN_MENU_CONTEXT,
-  createNonNativeMenu: () => createNonNativeMenu
+	DROPDOWN_MENU_CONTEXT: () => DROPDOWN_MENU_CONTEXT,
+	createNonNativeMenu: () => createNonNativeMenu
 });
 module.exports = __toCommonJS(createNonNativeMenu_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
 var import_create_menu = require("@tamagui/create-menu");
 var import_popper = require("@tamagui/popper");
 var import_scroll_view = require("@tamagui/scroll-view");
@@ -48,372 +43,335 @@ var import_web = require("@tamagui/web");
 var React = __toESM(require("react"), 1);
 var import_react = require("react");
 function _instanceof(left, right) {
-  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-    return !!right[Symbol.hasInstance](left);
-  } else {
-    return left instanceof right;
-  }
+	if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+		return !!right[Symbol.hasInstance](left);
+	} else {
+		return left instanceof right;
+	}
 }
 var DROPDOWN_MENU_CONTEXT = "MenuContext";
 function useMenuTriggerSetup(open) {
-  var triggerStateSettersRef = React.useRef(/* @__PURE__ */new Map());
-  var activeTriggerIdRef = React.useRef(null);
-  var setActiveTrigger = (0, import_web.useEvent)(function (id) {
-    var prevId = activeTriggerIdRef.current;
-    if (prevId === id) return;
-    if (prevId) {
-      var _triggerStateSettersRef_current_get;
-      (_triggerStateSettersRef_current_get = triggerStateSettersRef.current.get(prevId)) === null || _triggerStateSettersRef_current_get === void 0 ? void 0 : _triggerStateSettersRef_current_get(false);
-    }
-    activeTriggerIdRef.current = id;
-    if (id && open) {
-      var _triggerStateSettersRef_current_get1;
-      (_triggerStateSettersRef_current_get1 = triggerStateSettersRef.current.get(id)) === null || _triggerStateSettersRef_current_get1 === void 0 ? void 0 : _triggerStateSettersRef_current_get1(true);
-    }
-  });
-  var registerTrigger = (0, import_web.useEvent)(function (id, setOpenState) {
-    triggerStateSettersRef.current.set(id, setOpenState);
-    setOpenState(activeTriggerIdRef.current === id && open);
-  });
-  var unregisterTrigger = (0, import_web.useEvent)(function (id) {
-    triggerStateSettersRef.current.delete(id);
-    if (activeTriggerIdRef.current === id) {
-      activeTriggerIdRef.current = null;
-    }
-  });
-  React.useEffect(function () {
-    if (!open) {
-      setActiveTrigger(null);
-      return;
-    }
-    var activeId = activeTriggerIdRef.current;
-    if (activeId) {
-      var _triggerStateSettersRef_current_get;
-      (_triggerStateSettersRef_current_get = triggerStateSettersRef.current.get(activeId)) === null || _triggerStateSettersRef_current_get === void 0 ? void 0 : _triggerStateSettersRef_current_get(true);
-    }
-  }, [open, setActiveTrigger]);
-  return {
-    setActiveTrigger,
-    registerTrigger,
-    unregisterTrigger
-  };
+	var triggerStateSettersRef = React.useRef(/* @__PURE__ */ new Map());
+	var activeTriggerIdRef = React.useRef(null);
+	var setActiveTrigger = (0, import_web.useEvent)(function(id) {
+		var prevId = activeTriggerIdRef.current;
+		if (prevId === id) return;
+		if (prevId) {
+			var _triggerStateSettersRef_current_get;
+			(_triggerStateSettersRef_current_get = triggerStateSettersRef.current.get(prevId)) === null || _triggerStateSettersRef_current_get === void 0 ? void 0 : _triggerStateSettersRef_current_get(false);
+		}
+		activeTriggerIdRef.current = id;
+		if (id && open) {
+			var _triggerStateSettersRef_current_get1;
+			(_triggerStateSettersRef_current_get1 = triggerStateSettersRef.current.get(id)) === null || _triggerStateSettersRef_current_get1 === void 0 ? void 0 : _triggerStateSettersRef_current_get1(true);
+		}
+	});
+	var registerTrigger = (0, import_web.useEvent)(function(id, setOpenState) {
+		triggerStateSettersRef.current.set(id, setOpenState);
+		setOpenState(activeTriggerIdRef.current === id && open);
+	});
+	var unregisterTrigger = (0, import_web.useEvent)(function(id) {
+		triggerStateSettersRef.current.delete(id);
+		if (activeTriggerIdRef.current === id) {
+			activeTriggerIdRef.current = null;
+		}
+	});
+	React.useEffect(function() {
+		if (!open) {
+			setActiveTrigger(null);
+			return;
+		}
+		var activeId = activeTriggerIdRef.current;
+		if (activeId) {
+			var _triggerStateSettersRef_current_get;
+			(_triggerStateSettersRef_current_get = triggerStateSettersRef.current.get(activeId)) === null || _triggerStateSettersRef_current_get === void 0 ? void 0 : _triggerStateSettersRef_current_get(true);
+		}
+	}, [open, setActiveTrigger]);
+	return {
+		setActiveTrigger,
+		registerTrigger,
+		unregisterTrigger
+	};
 }
-function createNonNativeMenu(params) {
-  var {
-    Menu
-  } = (0, import_create_menu.createBaseMenu)(params);
-  var DROPDOWN_MENU_NAME = "Menu";
-  var {
-    Provider: MenuProvider,
-    useStyledContext: useMenuContext
-  } = (0, import_web.createStyledContext)();
-  var MenuComp = function (props) {
-    var {
-      scope,
-      children,
-      dir,
-      open: openProp,
-      defaultOpen,
-      onOpenChange,
-      modal = true,
-      ...rest
-    } = props;
-    var triggerRef = React.useRef(null);
-    var [open = false, setOpen] = (0, import_use_controllable_state.useControllableState)({
-      prop: openProp,
-      defaultProp: defaultOpen,
-      onChange: onOpenChange
-    });
-    var openRef = React.useRef(open);
-    openRef.current = open;
-    var {
-      setActiveTrigger,
-      registerTrigger,
-      unregisterTrigger
-    } = useMenuTriggerSetup(open);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(MenuProvider, {
-      scope,
-      triggerId: (0, import_react.useId)(),
-      triggerRef,
-      contentId: (0, import_react.useId)(),
-      openRef,
-      onOpenChange: React.useCallback(function (nextOpen) {
-        return setOpen(nextOpen);
-      }, [setOpen]),
-      onOpenToggle: React.useCallback(function () {
-        return setOpen(function (prevOpen) {
-          return !prevOpen;
-        });
-      }, [setOpen]),
-      modal,
-      setActiveTrigger,
-      registerTrigger,
-      unregisterTrigger,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Menu, {
-        scope: scope || DROPDOWN_MENU_CONTEXT,
-        open,
-        onOpenChange: setOpen,
-        dir,
-        modal,
-        ...rest,
-        children
-      })
-    });
-  };
-  MenuComp.displayName = DROPDOWN_MENU_NAME;
-  var TRIGGER_NAME = "MenuTrigger";
-  var MenuTriggerFrame = Menu.Anchor;
-  var MenuTrigger = import_web.View.styleable(function (props, forwardedRef) {
-    var {
-      scope,
-      asChild,
-      children,
-      disabled = false,
-      onKeydown,
-      ...triggerProps
-    } = props;
-    var context = useMenuContext(scope);
-    var popperCtx = (0, import_popper.usePopperContextSlow)(scope || DROPDOWN_MENU_CONTEXT);
-    var Comp = asChild ? import_web.Slot : import_web.View;
-    var isTouchDevice = (0, import_web.useIsTouchDevice)();
-    var triggerElRef = React.useRef(null);
-    var triggerId = React.useId();
-    var [triggerOpen, setTriggerOpen] = React.useState(false);
-    var {
-      registerTrigger,
-      unregisterTrigger
-    } = context;
-    React.useEffect(function () {
-      registerTrigger(triggerId, setTriggerOpen);
-      return function () {
-        return unregisterTrigger(triggerId);
-      };
-    }, [registerTrigger, unregisterTrigger, triggerId]);
-    var activateSelf = React.useCallback(function () {
-      context.setActiveTrigger(triggerId);
-      var el = triggerElRef.current;
-      if (el) {
-        context.triggerRef.current = el;
-        if (_instanceof(el, HTMLElement)) {
-          var _popperCtx_refs;
-          (_popperCtx_refs = popperCtx.refs) === null || _popperCtx_refs === void 0 ? void 0 : _popperCtx_refs.setReference(el);
-          requestAnimationFrame(function () {
-            var _popperCtx_update;
-            return (_popperCtx_update = popperCtx.update) === null || _popperCtx_update === void 0 ? void 0 : _popperCtx_update.call(popperCtx);
-          });
-        }
-      }
-    }, [context, triggerId, popperCtx]);
-    var pressEvent = import_web.isWeb ? isTouchDevice ? "onClick" : "onPointerDown" : "onPress";
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(MenuTriggerFrame, {
-      asChild: true,
-      componentName: TRIGGER_NAME,
-      scope: scope || DROPDOWN_MENU_CONTEXT,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Comp, {
-        role: "button",
-        id: context.triggerId,
-        "aria-haspopup": "menu",
-        "aria-expanded": triggerOpen,
-        "aria-controls": triggerOpen ? context.contentId : void 0,
-        "data-state": triggerOpen ? "open" : "closed",
-        "data-disabled": disabled ? "" : void 0,
-        "aria-disabled": disabled || void 0,
-        ref: (0, import_web.composeRefs)(forwardedRef, context.triggerRef, triggerElRef),
-        [pressEvent]: (0, import_web.composeEventHandlers)(
-        //@ts-ignore
-        props[pressEvent], function (event) {
-          if (!disabled) {
-            if (import_web.isWeb && _instanceof(event, PointerEvent) && event.button !== 0 && event.ctrlKey === true) return;
-            if (context.openRef.current) {
-              context.setActiveTrigger(null);
-            } else {
-              activateSelf();
-            }
-            context.onOpenToggle();
-            if (!context.openRef.current) event.preventDefault();
-          }
-        }),
-        ...(import_web.isWeb && {
-          onKeyDown: (0, import_web.composeEventHandlers)(onKeydown, function (event) {
-            if (disabled) return;
-            if (["Enter", " "].includes(event.key)) {
-              if (context.openRef.current) {
-                context.setActiveTrigger(null);
-              } else {
-                activateSelf();
-              }
-              context.onOpenToggle();
-            }
-            if (event.key === "ArrowDown") {
-              activateSelf();
-              context.onOpenChange(true);
-            }
-            if (["Enter", " ", "ArrowDown"].includes(event.key)) event.preventDefault();
-          })
-        }),
-        ...triggerProps,
-        children
-      })
-    });
-  });
-  MenuTrigger.displayName = TRIGGER_NAME;
-  var PORTAL_NAME = "MenuPortal";
-  var MenuPortal = function (props) {
-    var {
-      scope,
-      children,
-      ...portalProps
-    } = props;
-    var context = import_web.isAndroid ? useMenuContext(scope) : null;
-    var content = import_web.isAndroid ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(MenuProvider, {
-      ...context,
-      children
-    }) : children;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Menu.Portal, {
-      scope: scope || DROPDOWN_MENU_CONTEXT,
-      ...portalProps,
-      children: content
-    });
-  };
-  MenuPortal.displayName = PORTAL_NAME;
-  var CONTENT_NAME = "MenuContent";
-  var MenuContent = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-    var {
-      scope,
-      ...contentProps
-    } = props;
-    var context = useMenuContext(scope);
-    var hasInteractedOutsideRef = React.useRef(false);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Menu.Content, {
-      id: context.contentId,
-      "aria-labelledby": context.triggerId,
-      scope: scope || DROPDOWN_MENU_CONTEXT,
-      ...contentProps,
-      ref: forwardedRef,
-      onCloseAutoFocus: (0, import_web.composeEventHandlers)(props.onCloseAutoFocus, function (event) {
-        if (!hasInteractedOutsideRef.current) {
-          requestAnimationFrame(function () {
-            var activeEl = document.activeElement;
-            if (!activeEl || activeEl === document.body) {
-              var _context_triggerRef_current;
-              (_context_triggerRef_current = context.triggerRef.current) === null || _context_triggerRef_current === void 0 ? void 0 : _context_triggerRef_current.focus();
-            }
-          });
-        }
-        hasInteractedOutsideRef.current = false;
-        event.preventDefault();
-      }),
-      onInteractOutside: (0, import_web.composeEventHandlers)(props.onInteractOutside, function (event) {
-        var originalEvent = event.detail.originalEvent;
-        var ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
-        var isRightClick = originalEvent.button === 2 || ctrlLeftClick;
-        if (!context.modal || isRightClick) hasInteractedOutsideRef.current = true;
-      }),
-      style: import_web.isWeb ? {
-        ...props.style,
-        ...{
-          "--tamagui-menu-content-transform-origin": "var(--tamagui-popper-transform-origin)",
-          "--tamagui-menu-content-available-width": "var(--tamagui-popper-available-width)",
-          "--tamagui-menu-content-available-height": "var(--tamagui-popper-available-height)",
-          "--tamagui-menu-trigger-width": "var(--tamagui-popper-anchor-width)",
-          "--tamagui-menu-trigger-height": "var(--tamagui-popper-anchor-height)"
-        }
-      } : props.style
-    });
-  });
-  MenuContent.displayName = CONTENT_NAME;
-  var DROPDOWN_MENU_SUB_NAME = "MenuSub";
-  var MenuSub = function (props) {
-    var {
-      scope,
-      children,
-      open: openProp,
-      onOpenChange,
-      defaultOpen,
-      ...rest
-    } = props;
-    var [open = false, setOpen] = (0, import_use_controllable_state.useControllableState)({
-      prop: openProp,
-      defaultProp: defaultOpen,
-      onChange: onOpenChange
-    });
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Menu.Sub, {
-      scope: scope || DROPDOWN_MENU_CONTEXT,
-      open,
-      onOpenChange: setOpen,
-      ...rest,
-      children
-    });
-  };
-  MenuSub.displayName = DROPDOWN_MENU_SUB_NAME;
-  var SUB_CONTENT_NAME = "MenuSubContent";
-  var MenuSubContent = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-    var {
-      scope,
-      ...subContentProps
-    } = props;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Menu.SubContent, {
-      scope: scope || DROPDOWN_MENU_CONTEXT,
-      ...subContentProps,
-      ref: forwardedRef,
-      style: import_web.isWeb ? {
-        ...props.style,
-        ...{
-          "--tamagui-menu-content-transform-origin": "var(--tamagui-popper-transform-origin)",
-          "--tamagui-menu-content-available-width": "var(--tamagui-popper-available-width)",
-          "--tamagui-menu-content-available-height": "var(--tamagui-popper-available-height)",
-          "--tamagui-menu-trigger-width": "var(--tamagui-popper-anchor-width)",
-          "--tamagui-menu-trigger-height": "var(--tamagui-popper-anchor-height)"
-        }
-      } : null
-    });
-  });
-  MenuSubContent.displayName = SUB_CONTENT_NAME;
-  var MenuScrollView = (0, import_web.styled)(import_scroll_view.ScrollView, {
-    flexShrink: 1,
-    alignSelf: "stretch",
-    showsHorizontalScrollIndicator: false,
-    showsVerticalScrollIndicator: false,
-    "$platform-web": {
-      maxHeight: "var(--tamagui-menu-content-available-height)"
-    }
-  });
-  var Group = Menu.Group;
-  var Label = Menu.Label;
-  var Item = Menu.Item;
-  var CheckboxItem = Menu.CheckboxItem;
-  var RadioGroup = Menu.RadioGroup;
-  var RadioItem = Menu.RadioItem;
-  var ItemIndicator = Menu.ItemIndicator;
-  var Separator = Menu.Separator;
-  var Arrow = Menu.Arrow;
-  var SubTrigger = Menu.SubTrigger;
-  var ItemTitle = Menu.ItemTitle;
-  var ItemSubtitle = Menu.ItemSubtitle;
-  var ItemImage = Menu.ItemImage;
-  var ItemIcon = Menu.ItemIcon;
-  return (0, import_web.withStaticProperties)(MenuComp, {
-    Root: MenuComp,
-    Trigger: MenuTrigger,
-    Portal: MenuPortal,
-    Content: MenuContent,
-    Group,
-    Label,
-    Item,
-    CheckboxItem,
-    RadioGroup,
-    RadioItem,
-    ItemIndicator,
-    Separator,
-    Arrow,
-    Sub: MenuSub,
-    SubTrigger,
-    SubContent: MenuSubContent,
-    ItemTitle,
-    ItemSubtitle,
-    ItemImage,
-    ItemIcon,
-    ScrollView: MenuScrollView
-  });
+function createNonNativeMenu() {
+	var { Menu } = (0, import_create_menu.createBaseMenu)();
+	var DROPDOWN_MENU_NAME = "Menu";
+	var { Provider: MenuProvider, useStyledContext: useMenuContext } = (0, import_web.createStyledContext)();
+	var MenuComp = function(props) {
+		var { scope, children, dir, open: openProp, defaultOpen, onOpenChange, modal = true, ...rest } = props;
+		var triggerRef = React.useRef(null);
+		var [open = false, setOpen] = (0, import_use_controllable_state.useControllableState)({
+			prop: openProp,
+			defaultProp: defaultOpen,
+			onChange: onOpenChange
+		});
+		var openRef = React.useRef(open);
+		openRef.current = open;
+		var { setActiveTrigger, registerTrigger, unregisterTrigger } = useMenuTriggerSetup(open);
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuProvider, {
+			scope,
+			triggerId: (0, import_react.useId)(),
+			triggerRef,
+			contentId: (0, import_react.useId)(),
+			openRef,
+			onOpenChange: React.useCallback(function(nextOpen) {
+				return setOpen(nextOpen);
+			}, [setOpen]),
+			onOpenToggle: React.useCallback(function() {
+				return setOpen(function(prevOpen) {
+					return !prevOpen;
+				});
+			}, [setOpen]),
+			modal,
+			setActiveTrigger,
+			registerTrigger,
+			unregisterTrigger,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, {
+				scope: scope || DROPDOWN_MENU_CONTEXT,
+				open,
+				onOpenChange: setOpen,
+				dir,
+				modal,
+				...rest,
+				children
+			})
+		});
+	};
+	MenuComp.displayName = DROPDOWN_MENU_NAME;
+	var TRIGGER_NAME = "MenuTrigger";
+	var MenuTriggerFrame = Menu.Anchor;
+	var MenuTrigger = (0, import_core.createStyledHOC)(import_web.View, function(props, forwardedRef) {
+		var { scope, asChild, children, disabled = false, onKeydown, onKeyDown = onKeydown, ...triggerProps } = props;
+		var context = useMenuContext(scope);
+		var popperCtx = (0, import_popper.usePopperContextSlow)(scope || DROPDOWN_MENU_CONTEXT);
+		var Comp = asChild ? import_web.Slot : import_web.View;
+		var isTouchDevice = (0, import_web.useIsTouchDevice)();
+		var triggerElRef = React.useRef(null);
+		var triggerId = React.useId();
+		var [triggerOpen, setTriggerOpen] = React.useState(false);
+		var { registerTrigger, unregisterTrigger } = context;
+		React.useEffect(function() {
+			registerTrigger(triggerId, setTriggerOpen);
+			return function() {
+				return unregisterTrigger(triggerId);
+			};
+		}, [
+			registerTrigger,
+			unregisterTrigger,
+			triggerId
+		]);
+		var activateSelf = React.useCallback(function() {
+			context.setActiveTrigger(triggerId);
+			var el = triggerElRef.current;
+			if (el) {
+				context.triggerRef.current = el;
+				if (_instanceof(el, HTMLElement)) {
+					var _popperCtx_refs;
+					(_popperCtx_refs = popperCtx.refs) === null || _popperCtx_refs === void 0 ? void 0 : _popperCtx_refs.setReference(el);
+					requestAnimationFrame(function() {
+						var _popperCtx_update;
+						return (_popperCtx_update = popperCtx.update) === null || _popperCtx_update === void 0 ? void 0 : _popperCtx_update.call(popperCtx);
+					});
+				}
+			}
+		}, [
+			context,
+			triggerId,
+			popperCtx
+		]);
+		var pressEvent = import_web.isWeb ? isTouchDevice ? "onClick" : "onPointerDown" : "onPress";
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuTriggerFrame, {
+			asChild: true,
+			className: `is_${TRIGGER_NAME}`,
+			scope: scope || DROPDOWN_MENU_CONTEXT,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, {
+				role: "button",
+				id: context.triggerId,
+				"aria-haspopup": "menu",
+				"aria-expanded": triggerOpen,
+				"aria-controls": triggerOpen ? context.contentId : void 0,
+				"data-state": triggerOpen ? "open" : "closed",
+				"data-disabled": disabled ? "" : void 0,
+				"aria-disabled": disabled || void 0,
+				ref: (0, import_web.composeRefs)(forwardedRef, context.triggerRef, triggerElRef),
+				...triggerProps,
+				[pressEvent]: (0, import_web.composeEventHandlers)(props[pressEvent], function(event) {
+					if (!disabled) {
+						if (import_web.isWeb && _instanceof(event, PointerEvent) && event.button !== 0 && event.ctrlKey === true) return;
+						if (context.openRef.current) {
+							context.setActiveTrigger(null);
+						} else {
+							activateSelf();
+						}
+						context.onOpenToggle();
+						if (!context.openRef.current) event.preventDefault();
+					}
+				}),
+				...import_web.isWeb && { onKeyDown: (0, import_web.composeEventHandlers)(onKeyDown, function(event) {
+					if (disabled) return;
+					if (["Enter", " "].includes(event.key)) {
+						if (context.openRef.current) {
+							context.setActiveTrigger(null);
+						} else {
+							activateSelf();
+						}
+						context.onOpenToggle();
+					}
+					if (event.key === "ArrowDown") {
+						activateSelf();
+						context.onOpenChange(true);
+					}
+					if ([
+						"Enter",
+						" ",
+						"ArrowDown"
+					].includes(event.key)) event.preventDefault();
+				}) },
+				children
+			})
+		});
+	});
+	MenuTrigger.displayName = TRIGGER_NAME;
+	var PORTAL_NAME = "MenuPortal";
+	var MenuPortal = function(props) {
+		var { scope, children, ...portalProps } = props;
+		var context = import_web.isAndroid ? useMenuContext(scope) : null;
+		var content = import_web.isAndroid ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuProvider, {
+			...context,
+			children
+		}) : children;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu.Portal, {
+			scope: scope || DROPDOWN_MENU_CONTEXT,
+			...portalProps,
+			children: content
+		});
+	};
+	MenuPortal.displayName = PORTAL_NAME;
+	var CONTENT_NAME = "MenuContent";
+	var MenuContent = (0, import_core.createStyledHOC)(Menu.Content, function(props, forwardedRef) {
+		var { scope, ...contentProps } = props;
+		var context = useMenuContext(scope);
+		var hasInteractedOutsideRef = React.useRef(false);
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu.Content, {
+			id: context.contentId,
+			"aria-labelledby": context.triggerId,
+			scope: scope || DROPDOWN_MENU_CONTEXT,
+			...contentProps,
+			ref: forwardedRef,
+			onCloseAutoFocus: (0, import_web.composeEventHandlers)(props.onCloseAutoFocus, function(event) {
+				if (!hasInteractedOutsideRef.current) {
+					requestAnimationFrame(function() {
+						var activeEl = document.activeElement;
+						if (!activeEl || activeEl === document.body) {
+							var _context_triggerRef_current;
+							(_context_triggerRef_current = context.triggerRef.current) === null || _context_triggerRef_current === void 0 ? void 0 : _context_triggerRef_current.focus();
+						}
+					});
+				}
+				hasInteractedOutsideRef.current = false;
+				event.cancel();
+			}),
+			onInteractOutside: (0, import_web.composeEventHandlers)(props.onInteractOutside, function(event) {
+				if (event.interaction !== "pointer" || !event.event) return;
+				var originalEvent = event.event;
+				var ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+				var isRightClick = originalEvent.button === 2 || ctrlLeftClick;
+				if (!context.modal || isRightClick) hasInteractedOutsideRef.current = true;
+			}),
+			style: import_web.isWeb ? {
+				...props.style,
+				...{
+					"--tamagui-menu-content-transform-origin": "var(--tamagui-popper-transform-origin)",
+					"--tamagui-menu-content-available-width": "var(--tamagui-popper-available-width)",
+					"--tamagui-menu-content-available-height": "var(--tamagui-popper-available-height)",
+					"--tamagui-menu-trigger-width": "var(--tamagui-popper-anchor-width)",
+					"--tamagui-menu-trigger-height": "var(--tamagui-popper-anchor-height)"
+				}
+			} : props.style
+		});
+	});
+	MenuContent.displayName = CONTENT_NAME;
+	var DROPDOWN_MENU_SUB_NAME = "MenuSub";
+	var MenuSub = function(props) {
+		var { scope, children, open: openProp, onOpenChange, defaultOpen, ...rest } = props;
+		var [open = false, setOpen] = (0, import_use_controllable_state.useControllableState)({
+			prop: openProp,
+			defaultProp: defaultOpen,
+			onChange: onOpenChange
+		});
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu.Sub, {
+			scope: scope || DROPDOWN_MENU_CONTEXT,
+			open,
+			onOpenChange: setOpen,
+			...rest,
+			children
+		});
+	};
+	MenuSub.displayName = DROPDOWN_MENU_SUB_NAME;
+	var SUB_CONTENT_NAME = "MenuSubContent";
+	var MenuSubContent = (0, import_core.createStyledHOC)(Menu.SubContent, function(props, forwardedRef) {
+		var { scope, ...subContentProps } = props;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu.SubContent, {
+			scope: scope || DROPDOWN_MENU_CONTEXT,
+			...subContentProps,
+			ref: forwardedRef,
+			style: import_web.isWeb ? {
+				...props.style,
+				...{
+					"--tamagui-menu-content-transform-origin": "var(--tamagui-popper-transform-origin)",
+					"--tamagui-menu-content-available-width": "var(--tamagui-popper-available-width)",
+					"--tamagui-menu-content-available-height": "var(--tamagui-popper-available-height)",
+					"--tamagui-menu-trigger-width": "var(--tamagui-popper-anchor-width)",
+					"--tamagui-menu-trigger-height": "var(--tamagui-popper-anchor-height)"
+				}
+			} : null
+		});
+	});
+	MenuSubContent.displayName = SUB_CONTENT_NAME;
+	var MenuScrollView = (0, import_web.styled)(import_scroll_view.ScrollView, {
+		flexShrink: 1,
+		alignSelf: "stretch",
+		maxHeight: "web:var(--tamagui-menu-content-available-height)",
+		showsHorizontalScrollIndicator: false,
+		showsVerticalScrollIndicator: false
+	});
+	var Group = Menu.Group;
+	var Label = Menu.Label;
+	var Item = Menu.Item;
+	var CheckboxItem = Menu.CheckboxItem;
+	var RadioGroup = Menu.RadioGroup;
+	var RadioItem = Menu.RadioItem;
+	var ItemIndicator = Menu.ItemIndicator;
+	var Separator = Menu.Separator;
+	var Arrow = Menu.Arrow;
+	var SubTrigger = Menu.SubTrigger;
+	var ItemTitle = Menu.ItemTitle;
+	var ItemSubtitle = Menu.ItemSubtitle;
+	var ItemImage = Menu.ItemImage;
+	var ItemIcon = Menu.ItemIcon;
+	return (0, import_web.withStaticProperties)(MenuComp, {
+		Root: MenuComp,
+		Trigger: MenuTrigger,
+		Portal: MenuPortal,
+		Content: MenuContent,
+		Group,
+		Label,
+		Item,
+		CheckboxItem,
+		RadioGroup,
+		RadioItem,
+		ItemIndicator,
+		Separator,
+		Arrow,
+		Sub: MenuSub,
+		SubTrigger,
+		SubContent: MenuSubContent,
+		ItemTitle,
+		ItemSubtitle,
+		ItemImage,
+		ItemIcon,
+		ScrollView: MenuScrollView
+	});
 }
+
 //# sourceMappingURL=createNonNativeMenu.native.js.map