@tamagui/menu 3.0.0-beta.924.1 → 3.0.0

package/dist/cjs/Menu.cjs

@@ -145,6 +145,7 @@ function createMenu() {
 	const ScrollView = import_web.isWeb ? NonNativeMenu.ScrollView : NativeScrollView;
 	const Menu = (0, import_web.withStaticProperties)(MenuComp, {
 		Trigger,
+		TriggerGroup: NonNativeMenu.TriggerGroup,
 		Portal,
 		Content,
 		Group,

package/dist/cjs/Menu.native.cjs

@@ -156,6 +156,7 @@ function createMenu() {
 	var ScrollView = import_web.isWeb ? NonNativeMenu.ScrollView : NativeScrollView;
 	var Menu = (0, import_web.withStaticProperties)(MenuComp, {
 		Trigger,
+		TriggerGroup: NonNativeMenu.TriggerGroup,
 		Portal,
 		Content,
 		Group,

package/dist/cjs/Menu.native.js

@@ -156,6 +156,7 @@ function createMenu() {
 	var ScrollView = import_web.isWeb ? NonNativeMenu.ScrollView : NativeScrollView;
 	var Menu = (0, import_web.withStaticProperties)(MenuComp, {
 		Trigger,
+		TriggerGroup: NonNativeMenu.TriggerGroup,
 		Portal,
 		Content,
 		Group,

package/dist/cjs/Menu.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.native.js","names":[],"sources":["cjs/Menu.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Menu_exports = {};\n__export(Menu_exports, {\n  createMenu: () => createMenu\n});\nmodule.exports = __toCommonJS(Menu_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_create_menu = require(\"@tamagui/create-menu\");\nvar import_web = require(\"@tamagui/web\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_createNonNativeMenu = require(\"./createNonNativeMenu\");\nfunction createMenu() {\n  var { Menu: NativeMenuRoot } = (0, import_create_menu.createNativeMenu)(\"Menu\");\n  var NonNativeMenu = (0, import_createNonNativeMenu.createNonNativeMenu)();\n  var COMMON_PARAMS = {\n    isRoot: false,\n    scope: import_createNonNativeMenu.DROPDOWN_MENU_CONTEXT\n  };\n  var MenuComp = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Root,\n    NativeComponent: NativeMenuRoot,\n    isRoot: true\n  });\n  var Trigger = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Trigger,\n    NativeComponent: NativeMenuRoot.Trigger\n  });\n  var Portal = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Portal,\n    NativeComponent: import_react.default.Fragment\n  });\n  var Content = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Content,\n    NativeComponent: NativeMenuRoot.Content\n  });\n  var Group = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Group,\n    NativeComponent: NativeMenuRoot.Group\n  });\n  var Label = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Label,\n    NativeComponent: NativeMenuRoot.Label\n  });\n  var Item = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Item,\n    NativeComponent: NativeMenuRoot.Item\n  });\n  var ItemTitle = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.ItemTitle,\n    NativeComponent: NativeMenuRoot.ItemTitle\n  });\n  var ItemSubtitle = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.ItemSubtitle,\n    NativeComponent: NativeMenuRoot.ItemSubtitle\n  });\n  var ItemIcon = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.ItemIcon,\n    NativeComponent: NativeMenuRoot.ItemIcon\n  });\n  var ItemImage = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.ItemImage,\n    NativeComponent: NativeMenuRoot.ItemImage\n  });\n  var CheckboxItem = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.CheckboxItem,\n    NativeComponent: NativeMenuRoot.CheckboxItem\n  });\n  var RadioGroup = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.RadioGroup,\n    NativeComponent: function(param) {\n      var { children } = param;\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n        children\n      });\n    }\n  });\n  var RadioItem = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.RadioItem,\n    NativeComponent: function(param) {\n      var { children } = param;\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n        children\n      });\n    }\n  });\n  var ItemIndicator = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.ItemIndicator,\n    NativeComponent: NativeMenuRoot.ItemIndicator\n  });\n  var Separator = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Separator,\n    NativeComponent: NativeMenuRoot.Separator\n  });\n  var Arrow = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Arrow,\n    NativeComponent: NativeMenuRoot.Arrow\n  });\n  var Sub = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Sub,\n    NativeComponent: NativeMenuRoot.Sub\n  });\n  var SubTrigger = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.SubTrigger,\n    NativeComponent: NativeMenuRoot.SubTrigger\n  });\n  var SubContent = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.SubContent,\n    NativeComponent: NativeMenuRoot.SubContent\n  });\n  var NativeScrollView = function(param) {\n    var { children } = param;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n      children\n    });\n  };\n  NativeScrollView.displayName = \"MenuScrollView\";\n  var ScrollView = import_web.isWeb ? NonNativeMenu.ScrollView : NativeScrollView;\n  var Menu = (0, import_web.withStaticProperties)(MenuComp, {\n    Trigger,\n    Portal,\n    Content,\n    Group,\n    Label,\n    Item,\n    CheckboxItem,\n    RadioGroup,\n    RadioItem,\n    ItemIndicator,\n    Separator,\n    Arrow,\n    Sub,\n    SubTrigger,\n    SubContent,\n    ItemTitle,\n    ItemSubtitle,\n    ItemIcon,\n    ItemImage,\n    ScrollView\n  });\n  return Menu;\n}\n//# sourceMappingURL=Menu.js.map\n"],"mappings":"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"}
+{"version":3,"file":"Menu.native.js","names":[],"sources":["cjs/Menu.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Menu_exports = {};\n__export(Menu_exports, {\n  createMenu: () => createMenu\n});\nmodule.exports = __toCommonJS(Menu_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_create_menu = require(\"@tamagui/create-menu\");\nvar import_web = require(\"@tamagui/web\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_createNonNativeMenu = require(\"./createNonNativeMenu\");\nfunction createMenu() {\n  var { Menu: NativeMenuRoot } = (0, import_create_menu.createNativeMenu)(\"Menu\");\n  var NonNativeMenu = (0, import_createNonNativeMenu.createNonNativeMenu)();\n  var COMMON_PARAMS = {\n    isRoot: false,\n    scope: import_createNonNativeMenu.DROPDOWN_MENU_CONTEXT\n  };\n  var MenuComp = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Root,\n    NativeComponent: NativeMenuRoot,\n    isRoot: true\n  });\n  var Trigger = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Trigger,\n    NativeComponent: NativeMenuRoot.Trigger\n  });\n  var Portal = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Portal,\n    NativeComponent: import_react.default.Fragment\n  });\n  var Content = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Content,\n    NativeComponent: NativeMenuRoot.Content\n  });\n  var Group = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Group,\n    NativeComponent: NativeMenuRoot.Group\n  });\n  var Label = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Label,\n    NativeComponent: NativeMenuRoot.Label\n  });\n  var Item = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Item,\n    NativeComponent: NativeMenuRoot.Item\n  });\n  var ItemTitle = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.ItemTitle,\n    NativeComponent: NativeMenuRoot.ItemTitle\n  });\n  var ItemSubtitle = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.ItemSubtitle,\n    NativeComponent: NativeMenuRoot.ItemSubtitle\n  });\n  var ItemIcon = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.ItemIcon,\n    NativeComponent: NativeMenuRoot.ItemIcon\n  });\n  var ItemImage = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.ItemImage,\n    NativeComponent: NativeMenuRoot.ItemImage\n  });\n  var CheckboxItem = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.CheckboxItem,\n    NativeComponent: NativeMenuRoot.CheckboxItem\n  });\n  var RadioGroup = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.RadioGroup,\n    NativeComponent: function(param) {\n      var { children } = param;\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n        children\n      });\n    }\n  });\n  var RadioItem = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.RadioItem,\n    NativeComponent: function(param) {\n      var { children } = param;\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n        children\n      });\n    }\n  });\n  var ItemIndicator = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.ItemIndicator,\n    NativeComponent: NativeMenuRoot.ItemIndicator\n  });\n  var Separator = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Separator,\n    NativeComponent: NativeMenuRoot.Separator\n  });\n  var Arrow = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Arrow,\n    NativeComponent: NativeMenuRoot.Arrow\n  });\n  var Sub = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.Sub,\n    NativeComponent: NativeMenuRoot.Sub\n  });\n  var SubTrigger = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.SubTrigger,\n    NativeComponent: NativeMenuRoot.SubTrigger\n  });\n  var SubContent = (0, import_create_menu.withNativeMenu)({\n    ...COMMON_PARAMS,\n    Component: NonNativeMenu.SubContent,\n    NativeComponent: NativeMenuRoot.SubContent\n  });\n  var NativeScrollView = function(param) {\n    var { children } = param;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n      children\n    });\n  };\n  NativeScrollView.displayName = \"MenuScrollView\";\n  var ScrollView = import_web.isWeb ? NonNativeMenu.ScrollView : NativeScrollView;\n  var Menu = (0, import_web.withStaticProperties)(MenuComp, {\n    Trigger,\n    TriggerGroup: NonNativeMenu.TriggerGroup,\n    Portal,\n    Content,\n    Group,\n    Label,\n    Item,\n    CheckboxItem,\n    RadioGroup,\n    RadioItem,\n    ItemIndicator,\n    Separator,\n    Arrow,\n    Sub,\n    SubTrigger,\n    SubContent,\n    ItemTitle,\n    ItemSubtitle,\n    ItemIcon,\n    ItemImage,\n    ScrollView\n  });\n  return Menu;\n}\n//# sourceMappingURL=Menu.js.map\n"],"mappings":"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"}

package/dist/cjs/createNonNativeMenu.cjs

@@ -40,9 +40,90 @@ var React = __toESM(require("react"), 1);
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 const DROPDOWN_MENU_CONTEXT = "MenuContext";
+const TriggerGroupContext = React.createContext(null);
+const MenuTriggerGroup = (0, import_core.createStyledHOC)(import_web.View, ({ children, dir = "ltr", ...props }, forwardedRef) => {
+	const entries = React.useRef(/* @__PURE__ */ new Map());
+	const active = React.useRef(null);
+	const [tabStopId, setTabStopId] = React.useState(null);
+	const register = (0, import_web.useEvent)((entry) => {
+		entries.current.set(entry.id, entry);
+		if (!entry.disabled) setTabStopId((id) => id ?? entry.id);
+		return () => {
+			entries.current.delete(entry.id);
+			if (active.current === entry) active.current = null;
+			setTabStopId((id) => id === entry.id ? [...entries.current.values()].find((item) => !item.disabled)?.id ?? null : id);
+		};
+	});
+	const activate = (0, import_web.useEvent)((entry) => {
+		const previous = active.current;
+		active.current = entry;
+		setTabStopId(entry.id);
+		if (previous && previous.openRef !== entry.openRef && previous.openRef.current) {
+			previous.onOpenChange(false);
+		}
+		entry.activate();
+	});
+	const isOpen = (0, import_web.useEvent)(() => Boolean(active.current?.openRef.current));
+	const isActive = (0, import_web.useEvent)((openRef) => active.current?.openRef === openRef);
+	const contains = (0, import_web.useEvent)((target) => [...entries.current.values()].some((entry) => entry.ref.current?.contains(target)));
+	const move = (0, import_web.useEvent)((id, key, open) => {
+		const ordered = [...entries.current.values()].filter((entry) => !entry.disabled).sort((a, b) => {
+			const first = a.ref.current;
+			const second = b.ref.current;
+			return first && second && first.compareDocumentPosition(second) & 2 ? 1 : -1;
+		});
+		const index = ordered.findIndex((entry) => entry.id === id);
+		if (index === -1) return;
+		const step = key === "ArrowRight" === (dir === "ltr") ? 1 : -1;
+		const next = ordered[(index + step + ordered.length) % ordered.length];
+		next.ref.current?.focus?.();
+		if (open) {
+			activate(next);
+			next.onOpenChange(true);
+			requestAnimationFrame(() => next.focusContent());
+		}
+	});
+	const onFocus = (0, import_web.useEvent)((id) => setTabStopId(id));
+	const value = React.useMemo(() => ({
+		dir,
+		tabStopId,
+		register,
+		activate,
+		isOpen,
+		isActive,
+		contains,
+		move,
+		onFocus
+	}), [
+		dir,
+		tabStopId,
+		register,
+		activate,
+		isOpen,
+		isActive,
+		contains,
+		move,
+		onFocus
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriggerGroupContext.Provider, {
+		value,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.View, {
+			flexDirection: "row",
+			role: "menubar",
+			...props,
+			...import_web.isWeb && { dir },
+			ref: forwardedRef,
+			children
+		})
+	});
+});
+MenuTriggerGroup.displayName = "MenuTriggerGroup";
 function useMenuTriggerSetup(open) {
 	const triggerStateSettersRef = React.useRef(/* @__PURE__ */ new Map());
 	const activeTriggerIdRef = React.useRef(null);
+	const triggerGroupsRef = React.useRef(/* @__PURE__ */ new Map());
+	const activeGroupRef = React.useRef(null);
+	const [activeGroup, setActiveGroup] = React.useState(null);
 	const setActiveTrigger = (0, import_web.useEvent)((id) => {
 		const prevId = activeTriggerIdRef.current;
 		if (prevId === id) return;
@@ -50,18 +131,24 @@ function useMenuTriggerSetup(open) {
 			triggerStateSettersRef.current.get(prevId)?.(false);
 		}
 		activeTriggerIdRef.current = id;
+		activeGroupRef.current = id ? triggerGroupsRef.current.get(id) ?? null : null;
+		setActiveGroup(activeGroupRef.current);
 		if (id && open) {
 			triggerStateSettersRef.current.get(id)?.(true);
 		}
 	});
-	const registerTrigger = (0, import_web.useEvent)((id, setOpenState) => {
+	const registerTrigger = (0, import_web.useEvent)((id, setOpenState, group) => {
+		triggerGroupsRef.current.set(id, group);
 		triggerStateSettersRef.current.set(id, setOpenState);
 		setOpenState(activeTriggerIdRef.current === id && open);
 	});
 	const unregisterTrigger = (0, import_web.useEvent)((id) => {
 		triggerStateSettersRef.current.delete(id);
+		triggerGroupsRef.current.delete(id);
 		if (activeTriggerIdRef.current === id) {
 			activeTriggerIdRef.current = null;
+			activeGroupRef.current = null;
+			setActiveGroup(null);
 		}
 	});
 	React.useEffect(() => {
@@ -77,7 +164,10 @@ function useMenuTriggerSetup(open) {
 	return {
 		setActiveTrigger,
 		registerTrigger,
-		unregisterTrigger
+		unregisterTrigger,
+		activeTriggerIdRef,
+		activeGroupRef,
+		activeGroup
 	};
 }
 function createNonNativeMenu() {
@@ -86,6 +176,7 @@ function createNonNativeMenu() {
 	const { Provider: MenuProvider, useStyledContext: useMenuContext } = (0, import_web.createStyledContext)();
 	const MenuComp = (props) => {
 		const { scope, children, dir, open: openProp, defaultOpen, onOpenChange, modal = true, ...rest } = props;
+		const outerGroup = React.useContext(TriggerGroupContext);
 		const triggerRef = React.useRef(null);
 		const [open = false, setOpen] = (0, import_use_controllable_state.useControllableState)({
 			prop: openProp,
@@ -94,7 +185,8 @@ function createNonNativeMenu() {
 		});
 		const openRef = React.useRef(open);
 		openRef.current = open;
-		const { setActiveTrigger, registerTrigger, unregisterTrigger } = useMenuTriggerSetup(open);
+		const { setActiveTrigger, registerTrigger, unregisterTrigger, activeTriggerIdRef, activeGroupRef, activeGroup } = useMenuTriggerSetup(open);
+		const effectiveModal = outerGroup || activeGroup ? false : modal;
 		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuProvider, {
 			scope,
 			triggerId: (0, import_react.useId)(),
@@ -103,16 +195,18 @@ function createNonNativeMenu() {
 			openRef,
 			onOpenChange: React.useCallback((nextOpen) => setOpen(nextOpen), [setOpen]),
 			onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
-			modal,
+			modal: effectiveModal,
 			setActiveTrigger,
 			registerTrigger,
 			unregisterTrigger,
+			activeTriggerIdRef,
+			activeGroupRef,
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, {
 				scope: scope || DROPDOWN_MENU_CONTEXT,
 				open,
 				onOpenChange: setOpen,
-				dir,
-				modal,
+				dir: dir ?? outerGroup?.dir,
+				modal: effectiveModal,
 				...rest,
 				children
 			})
@@ -124,6 +218,7 @@ function createNonNativeMenu() {
 	const MenuTrigger = (0, import_core.createStyledHOC)(import_web.View, (props, forwardedRef) => {
 		const { scope, asChild, children, disabled = false, onKeydown, onKeyDown = onKeydown, ...triggerProps } = props;
 		const context = useMenuContext(scope);
+		const group = React.useContext(TriggerGroupContext);
 		const popperCtx = (0, import_popper.usePopperContextSlow)(scope || DROPDOWN_MENU_CONTEXT);
 		const Comp = asChild ? import_web.Slot : import_web.View;
 		const isTouchDevice = (0, import_web.useIsTouchDevice)();
@@ -132,12 +227,13 @@ function createNonNativeMenu() {
 		const [triggerOpen, setTriggerOpen] = React.useState(false);
 		const { registerTrigger, unregisterTrigger } = context;
 		React.useEffect(() => {
-			registerTrigger(triggerId, setTriggerOpen);
+			registerTrigger(triggerId, setTriggerOpen, group);
 			return () => unregisterTrigger(triggerId);
 		}, [
 			registerTrigger,
 			unregisterTrigger,
-			triggerId
+			triggerId,
+			group?.register
 		]);
 		const activateSelf = React.useCallback(() => {
 			context.setActiveTrigger(triggerId);
@@ -154,13 +250,39 @@ function createNonNativeMenu() {
 			triggerId,
 			popperCtx
 		]);
+		const activate = (0, import_web.useEvent)(activateSelf);
+		const focusContent = (0, import_web.useEvent)(() => {
+			document.getElementById(context.contentId)?.querySelector("[role^=\"menuitem\"]:not([data-disabled])")?.focus();
+		});
+		const entry = React.useRef(null);
+		if (!entry.current) {
+			entry.current = {
+				id: triggerId,
+				ref: triggerElRef,
+				openRef: context.openRef,
+				disabled,
+				activate,
+				focusContent,
+				onOpenChange: context.onOpenChange
+			};
+		}
+		entry.current.disabled = disabled;
+		entry.current.onOpenChange = context.onOpenChange;
+		const registerGroup = group?.register;
+		React.useEffect(() => registerGroup?.(entry.current), [registerGroup]);
+		const openSelf = () => {
+			if (group) group.activate(entry.current);
+			else activateSelf();
+		};
+		const shouldRejectHover = () => disabled || context.openRef.current && context.activeTriggerIdRef.current !== triggerId && !group?.isActive(context.openRef);
 		const 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",
+				role: group ? "menuitem" : "button",
+				tabIndex: group ? group.tabStopId === triggerId ? 0 : -1 : void 0,
 				id: context.triggerId,
 				"aria-haspopup": "menu",
 				"aria-expanded": triggerOpen,
@@ -168,15 +290,38 @@ function createNonNativeMenu() {
 				"data-state": triggerOpen ? "open" : "closed",
 				"data-disabled": disabled ? "" : void 0,
 				"aria-disabled": disabled || void 0,
-				ref: (0, import_web.composeRefs)(forwardedRef, context.triggerRef, triggerElRef),
+				ref: (0, import_web.composeRefs)(forwardedRef, group ? void 0 : context.triggerRef, triggerElRef),
 				...triggerProps,
+				onFocus: (0, import_web.composeEventHandlers)(props.onFocus, () => {
+					if (!disabled) group?.onFocus(triggerId);
+				}),
+				onPointerEnter: (event) => {
+					if (shouldRejectHover()) {
+						event.preventDefault();
+						return;
+					}
+					props.onPointerEnter?.(event);
+				},
+				onMouseEnter: (event) => {
+					if (shouldRejectHover()) {
+						event.preventDefault();
+						return;
+					}
+					(0, import_web.composeEventHandlers)(props.onMouseEnter, () => {
+						if (group?.isOpen() && !triggerOpen) {
+							triggerElRef.current?.focus?.();
+							openSelf();
+							context.onOpenChange(true);
+						}
+					})?.(event);
+				},
 				...{ [pressEvent]: (0, import_web.composeEventHandlers)(props[pressEvent], (event) => {
 					if (!disabled) {
 						if (import_web.isWeb && event instanceof PointerEvent && event.button !== 0 && event.ctrlKey === true) return;
 						if (context.openRef.current) {
 							context.setActiveTrigger(null);
 						} else {
-							activateSelf();
+							openSelf();
 						}
 						context.onOpenToggle();
 						if (!context.openRef.current) event.preventDefault();
@@ -184,16 +329,21 @@ function createNonNativeMenu() {
 				}) },
 				...import_web.isWeb && { onKeyDown: (0, import_web.composeEventHandlers)(onKeyDown, (event) => {
 					if (disabled) return;
+					if (group && ["ArrowLeft", "ArrowRight"].includes(event.key)) {
+						group.move(triggerId, event.key, group.isOpen());
+						event.preventDefault();
+						return;
+					}
 					if (["Enter", " "].includes(event.key)) {
 						if (context.openRef.current) {
 							context.setActiveTrigger(null);
 						} else {
-							activateSelf();
+							openSelf();
 						}
 						context.onOpenToggle();
 					}
 					if (event.key === "ArrowDown") {
-						activateSelf();
+						openSelf();
 						context.onOpenChange(true);
 					}
 					if ([
@@ -233,7 +383,24 @@ function createNonNativeMenu() {
 			scope: scope || DROPDOWN_MENU_CONTEXT,
 			...contentProps,
 			ref: forwardedRef,
+			onKeyDown: (0, import_web.composeEventHandlers)(props.onKeyDown, (event) => {
+				const group = context.activeGroupRef.current;
+				if (!group || !["ArrowLeft", "ArrowRight"].includes(event.key)) return;
+				const target = event.target;
+				if (target.closest("[data-tamagui-menu-content]") !== event.currentTarget) return;
+				if (target.closest("[aria-haspopup=\"menu\"]") && event.key === (group.dir === "rtl" ? "ArrowLeft" : "ArrowRight")) return;
+				const id = context.activeTriggerIdRef.current;
+				if (id) {
+					group.move(id, event.key, true);
+					event.preventDefault();
+				}
+			}),
 			onCloseAutoFocus: (0, import_web.composeEventHandlers)(props.onCloseAutoFocus, (event) => {
+				const group = context.activeGroupRef.current;
+				if (group && !group.isActive(context.openRef)) {
+					event.cancel();
+					return;
+				}
 				if (!hasInteractedOutsideRef.current) {
 					requestAnimationFrame(() => {
 						const activeEl = document.activeElement;
@@ -246,6 +413,10 @@ function createNonNativeMenu() {
 				event.cancel();
 			}),
 			onInteractOutside: (0, import_web.composeEventHandlers)(props.onInteractOutside, (event) => {
+				if (context.activeGroupRef.current?.contains(event.event?.target ?? null)) {
+					event.cancel();
+					return;
+				}
 				if (event.interaction !== "pointer" || !event.event) return;
 				const originalEvent = event.event;
 				const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
@@ -326,6 +497,7 @@ function createNonNativeMenu() {
 	return (0, import_web.withStaticProperties)(MenuComp, {
 		Root: MenuComp,
 		Trigger: MenuTrigger,
+		TriggerGroup: MenuTriggerGroup,
 		Portal: MenuPortal,
 		Content: MenuContent,
 		Group,