@tamagui/create-menu 2.7.7 → 3.0.0-beta.643.1

package/dist/jsx/createNativeMenu/createNativeMenu.mjs

@@ -1,372 +1,351 @@
-import { getNativeMenuAdapter, NativeMenuContext, unstable_claimExternalPressOwnership, unstable_releaseExternalPressOwnership } from "@tamagui/native";
-import { isWeb, withStaticProperties, isIos } from "@tamagui/web";
+import { NativeMenuContext, getNativeMenuAdapter, unstable_claimExternalPressOwnership, unstable_releaseExternalPressOwnership } from "@tamagui/native";
+import { isIos, isWeb, withStaticProperties } from "@tamagui/web";
 import React from "react";
 import { Fragment, jsx } from "react/jsx-runtime";
-const MAPPED_TYPES = ["SubContent", "SubTrigger", "Content", "Sub", "Group", "Item", "ItemTitle", "ItemSubtitle", "ItemIcon", "ItemImage", "ItemIndicator", "Label", "Separator", "CheckboxItem", "Preview", "Auxiliary"];
-const CONTAINER_TYPES = ["SubContent", "SubTrigger", "Content", "Sub", "Group", "Item"];
+
+const MAPPED_TYPES = [
+	"SubContent",
+	"SubTrigger",
+	"Content",
+	"Sub",
+	"Group",
+	"Item",
+	"ItemTitle",
+	"ItemSubtitle",
+	"ItemIcon",
+	"ItemImage",
+	"ItemIndicator",
+	"Label",
+	"Separator",
+	"CheckboxItem",
+	"Preview",
+	"Auxiliary"
+];
+const CONTAINER_TYPES = [
+	"SubContent",
+	"SubTrigger",
+	"Content",
+	"Sub",
+	"Group",
+	"Item"
+];
 function getComponentType(displayName) {
-  for (const type of MAPPED_TYPES) {
-    if (displayName === type || displayName === `Menu${type}` || displayName === `ContextMenu${type}` || displayName.includes(`(${type})`)) {
-      return type;
-    }
-  }
-  return null;
+	for (const type of MAPPED_TYPES) {
+		if (displayName === type || displayName === `Menu${type}` || displayName === `ContextMenu${type}` || displayName.includes(`(${type})`)) {
+			return type;
+		}
+	}
+	return null;
 }
 function isItemLike(props, displayName) {
-  if (getComponentType(displayName)) return false;
-  return "onSelect" in props || "textValue" in props;
+	if (getComponentType(displayName)) return false;
+	return "onSelect" in props || "textValue" in props;
 }
 function isPortalLike(displayName) {
-  return displayName === "Portal" || displayName.includes("Portal");
+	return displayName === "Portal" || displayName.includes("Portal");
 }
 function isTriggerLike(displayName) {
-  return displayName === "Trigger" || displayName.includes("(Trigger)");
+	return displayName === "Trigger" || displayName.includes("(Trigger)");
 }
 function composeHandlers(first, second) {
-  return (...args) => {
-    first?.(...args);
-    second?.(...args);
-  };
+	return (...args) => {
+		first?.(...args);
+		second?.(...args);
+	};
 }
 function getTriggerDebugName(menuType, props) {
-  const childProps = React.isValidElement(props.children) && props.children.props ? props.children.props : null;
-  const prefix = menuType === "ContextMenu" ? "ContextMenuTrigger" : "MenuTrigger";
-  const detail = childProps?.testID ?? childProps?.accessibilityLabel ?? (typeof props.textValue === "string" ? props.textValue : null);
-  return [prefix, detail].filter(Boolean).join(":") || prefix;
+	const childProps = React.isValidElement(props.children) && props.children.props ? props.children.props : null;
+	const prefix = menuType === "ContextMenu" ? "ContextMenuTrigger" : "MenuTrigger";
+	const detail = childProps?.testID ?? childProps?.accessibilityLabel ?? (typeof props.textValue === "string" ? props.textValue : null);
+	return [prefix, detail].filter(Boolean).join(":") || prefix;
 }
-const emptyStub = () => null;
+const emptyStub = (() => null);
 function createWebStubs() {
-  return {
-    Menu: withStaticProperties(emptyStub, {
-      Trigger: emptyStub,
-      Content: emptyStub,
-      Item: emptyStub,
-      ItemTitle: emptyStub,
-      ItemSubtitle: emptyStub,
-      SubTrigger: emptyStub,
-      Group: emptyStub,
-      ItemIcon: emptyStub,
-      Separator: emptyStub,
-      CheckboxItem: emptyStub,
-      ItemIndicator: emptyStub,
-      ItemImage: emptyStub,
-      Label: emptyStub,
-      Arrow: emptyStub,
-      Sub: emptyStub,
-      SubContent: emptyStub,
-      Preview: emptyStub,
-      Portal: emptyStub,
-      RadioGroup: emptyStub,
-      RadioItem: emptyStub,
-      Auxiliary: emptyStub
-    })
-  };
+	return { Menu: withStaticProperties(emptyStub, {
+		Trigger: emptyStub,
+		Content: emptyStub,
+		Item: emptyStub,
+		ItemTitle: emptyStub,
+		ItemSubtitle: emptyStub,
+		SubTrigger: emptyStub,
+		Group: emptyStub,
+		ItemIcon: emptyStub,
+		Separator: emptyStub,
+		CheckboxItem: emptyStub,
+		ItemIndicator: emptyStub,
+		ItemImage: emptyStub,
+		Label: emptyStub,
+		Arrow: emptyStub,
+		Sub: emptyStub,
+		SubContent: emptyStub,
+		Preview: emptyStub,
+		Portal: emptyStub,
+		RadioGroup: emptyStub,
+		RadioItem: emptyStub,
+		Auxiliary: emptyStub
+	}) };
 }
-const createNativeMenu = MenuType => {
-  if (isWeb) {
-    return createWebStubs();
-  }
-  const isContextMenu = MenuType === "ContextMenu";
-  const isAndroid = !isIos && !isWeb;
-  let resolved = null;
-  let warned = false;
-  function resolve() {
-    if (resolved) return resolved;
-    const adapter = getNativeMenuAdapter();
-    if (!adapter) {
-      if (!warned) {
-        warned = true;
-        console.warn(`Warning: Register a native menu adapter before rendering Tamagui native menus`);
-      }
-      return null;
-    }
-    const menu = isContextMenu ? adapter.ContextMenu : adapter.Menu;
-    resolved = {
-      menu,
-      componentMap: {
-        SubContent: menu.SubContent,
-        SubTrigger: menu.SubTrigger,
-        Content: menu.Content,
-        Sub: menu.Sub,
-        Group: menu.Group,
-        Item: menu.Item,
-        ItemTitle: menu.ItemTitle,
-        ItemSubtitle: menu.ItemSubtitle,
-        ItemIcon: menu.ItemIcon,
-        ItemImage: menu.ItemImage,
-        ItemIndicator: menu.ItemIndicator,
-        Label: menu.Label,
-        Separator: menu.Separator,
-        CheckboxItem: menu.CheckboxItem,
-        Preview: menu.Preview,
-        Auxiliary: menu.Auxiliary
-      }
-    };
-    return resolved;
-  }
-  function transformChildren(menu, map, children, shouldReverseOnIos = false, triggerBoundaryHandlers, radioContext) {
-    const result = [];
-    React.Children.forEach(children, child => {
-      if (!React.isValidElement(child)) {
-        result.push(child);
-        return;
-      }
-      const displayName = child.type?.displayName || "";
-      const props = child.props;
-      if (isPortalLike(displayName)) {
-        const inner = transformChildren(menu, map, props.children, false, triggerBoundaryHandlers, radioContext);
-        React.Children.forEach(inner, c => result.push(c));
-        return;
-      }
-      if (displayName.includes("ScrollView")) {
-        const inner = transformChildren(menu, map, props.children, false, triggerBoundaryHandlers, radioContext);
-        React.Children.forEach(inner, c => result.push(c));
-        return;
-      }
-      if (isTriggerLike(displayName)) {
-        const debugName = getTriggerDebugName(MenuType, props);
-        const claim = () => triggerBoundaryHandlers?.claim(debugName);
-        const release = () => triggerBoundaryHandlers?.release(debugName);
-        const {
-          children: triggerChildren,
-          ...triggerProps
-        } = props;
-        result.push(React.createElement(menu.Trigger, {
-          ...triggerProps,
-          key: child.key,
-          onTouchStart: composeHandlers(claim, props.onTouchStart),
-          onTouchEnd: composeHandlers(props.onTouchEnd, release),
-          onTouchCancel: composeHandlers(props.onTouchCancel, release),
-          onResponderGrant: composeHandlers(claim, props.onResponderGrant),
-          onResponderRelease: composeHandlers(props.onResponderRelease, release),
-          onResponderTerminate: composeHandlers(props.onResponderTerminate, release),
-          onPressIn: composeHandlers(claim, props.onPressIn),
-          onPressOut: composeHandlers(props.onPressOut, release)
-        }, triggerChildren));
-        return;
-      }
-      if (displayName.includes("RadioGroup")) {
-        const {
-          value: rgValue,
-          onValueChange: rgOnValueChange,
-          children: rgChildren,
-          ...rest
-        } = props;
-        result.push(React.createElement(menu.Group, {
-          ...rest,
-          key: child.key
-        }, transformChildren(menu, map, rgChildren, false, triggerBoundaryHandlers, {
-          value: rgValue,
-          onValueChange: rgOnValueChange
-        })));
-        return;
-      }
-      if (displayName.includes("RadioItem") && radioContext) {
-        const {
-          value: itemValue,
-          children: rChildren,
-          ...rest
-        } = props;
-        const cleanChildren = React.Children.map(rChildren, c => {
-          if (!React.isValidElement(c)) return c;
-          const dn = c.type?.displayName || "";
-          if (dn.includes("ItemIndicator")) return null;
-          return c;
-        });
-        result.push(React.createElement(menu.CheckboxItem, {
-          ...rest,
-          key: child.key,
-          value: itemValue === radioContext.value ? "on" : "off",
-          onValueChange: () => radioContext.onValueChange?.(itemValue)
-        }, transformChildren(menu, map, cleanChildren, false, triggerBoundaryHandlers, radioContext)));
-        return;
-      }
-      const componentType = getComponentType(displayName);
-      if (componentType === "CheckboxItem") {
-        const {
-          checked,
-          onCheckedChange,
-          value,
-          onValueChange,
-          children: cbChildren,
-          ...rest
-        } = props;
-        const finalValue = value ?? (checked ? "on" : "off");
-        const finalOnValueChange = onValueChange ?? (onCheckedChange && (v => onCheckedChange(v === "on")));
-        const cleanChildren = React.Children.map(cbChildren, c => {
-          if (!React.isValidElement(c)) return c;
-          const dn = c.type?.displayName || "";
-          if (dn.includes("ItemIndicator")) return null;
-          return c;
-        });
-        result.push(React.createElement(menu.CheckboxItem, {
-          ...rest,
-          key: child.key,
-          value: finalValue,
-          onValueChange: finalOnValueChange
-        }, transformChildren(menu, map, cleanChildren, false, triggerBoundaryHandlers, radioContext)));
-        return;
-      }
-      if (componentType) {
-        const {
-          children: childChildren,
-          ...restProps
-        } = props;
-        const AdapterComponent = map[componentType];
-        const isContainer = CONTAINER_TYPES.includes(componentType);
-        const shouldReverse = componentType === "Content" || componentType === "SubContent";
-        result.push(React.createElement(AdapterComponent, {
-          ...restProps,
-          key: child.key
-        }, isContainer ? transformChildren(menu, map, childChildren, shouldReverse, triggerBoundaryHandlers, radioContext) : childChildren));
-        return;
-      }
-      if (isItemLike(props, displayName)) {
-        const {
-          children: itemChildren,
-          ...itemProps
-        } = props;
-        result.push(React.createElement(menu.Item, {
-          ...itemProps,
-          key: child.key
-        }, transformChildren(menu, map, itemChildren, false, triggerBoundaryHandlers, radioContext)));
-        return;
-      }
-      result.push(child);
-    });
-    if (isIos && shouldReverseOnIos && !isContextMenu) {
-      result.reverse();
-    }
-    return result;
-  }
-  function lazyAdapter(name, displayName) {
-    const Comp = props => {
-      const z = resolve();
-      if (!z) return null;
-      return React.createElement(z.menu[name], props);
-    };
-    Comp.displayName = displayName || name;
-    return Comp;
-  }
-  const Trigger = lazyAdapter("Trigger");
-  const Content = lazyAdapter("Content");
-  const Item = lazyAdapter("Item");
-  const ItemTitle = lazyAdapter("ItemTitle");
-  const ItemSubtitle = lazyAdapter("ItemSubtitle");
-  const ItemIcon = lazyAdapter("ItemIcon");
-  const ItemImage = lazyAdapter("ItemImage");
-  const ItemIndicator = lazyAdapter("ItemIndicator");
-  const Group = lazyAdapter("Group");
-  const Label = lazyAdapter("Label");
-  const Separator = lazyAdapter("Separator");
-  const Sub = lazyAdapter("Sub");
-  const SubTrigger = lazyAdapter("SubTrigger");
-  const SubContent = lazyAdapter("SubContent");
-  const Portal = ({
-    children
-  }) => /* @__PURE__ */jsx(Fragment, {
-    children
-  });
-  Portal.displayName = "Portal";
-  const Arrow = () => null;
-  Arrow.displayName = "Arrow";
-  const RadioGroup = ({
-    children
-  }) => /* @__PURE__ */jsx(Fragment, {
-    children
-  });
-  RadioGroup.displayName = `${MenuType}RadioGroup`;
-  const RadioItem = ({
-    children
-  }) => /* @__PURE__ */jsx(Fragment, {
-    children
-  });
-  RadioItem.displayName = `${MenuType}RadioItem`;
-  const CheckboxItem = () => null;
-  CheckboxItem.displayName = "CheckboxItem";
-  const Preview = isContextMenu ? lazyAdapter("Preview", `${MenuType}Preview`) : () => null;
-  Preview.displayName = `${MenuType}Preview`;
-  const Auxiliary = isContextMenu ? lazyAdapter("Auxiliary", `${MenuType}Auxiliary`) : () => null;
-  Auxiliary.displayName = `${MenuType}Auxiliary`;
-  const Menu = ({
-    children,
-    onOpenChange,
-    onOpenWillChange
-  }) => {
-    const triggerOwnerRef = React.useRef(null);
-    const claimTriggerBoundary = React.useCallback(debugName => {
-      if (triggerOwnerRef.current) {
-        unstable_releaseExternalPressOwnership(triggerOwnerRef.current, debugName);
-      }
-      triggerOwnerRef.current = unstable_claimExternalPressOwnership(debugName);
-    }, []);
-    const releaseTriggerBoundary = React.useCallback(debugName => {
-      if (!triggerOwnerRef.current) return;
-      unstable_releaseExternalPressOwnership(triggerOwnerRef.current, debugName);
-      triggerOwnerRef.current = null;
-    }, []);
-    React.useEffect(() => releaseTriggerBoundary, [releaseTriggerBoundary]);
-    const z = resolve();
-    if (!z) return null;
-    const handleOpenChange = React.useCallback(isOpen => {
-      if (!isOpen) {
-        releaseTriggerBoundary();
-      }
-      onOpenChange?.(isOpen);
-    }, [onOpenChange, releaseTriggerBoundary]);
-    const handleOpenWillChange = React.useCallback(willOpen => {
-      if (!willOpen) {
-        releaseTriggerBoundary();
-      }
-      onOpenWillChange?.(willOpen);
-    }, [onOpenWillChange, releaseTriggerBoundary]);
-    const rootProps = {
-      onOpenChange: handleOpenChange
-    };
-    if (isContextMenu && onOpenWillChange) {
-      rootProps.onOpenWillChange = handleOpenWillChange;
-    }
-    const content = /* @__PURE__ */jsx(z.menu.Root, {
-      ...rootProps,
-      children: transformChildren(z.menu, z.componentMap, children, false, {
-        claim: claimTriggerBoundary,
-        release: releaseTriggerBoundary
-      })
-    });
-    if (isAndroid) {
-      return /* @__PURE__ */jsx(NativeMenuContext.Provider, {
-        value: true,
-        children: content
-      });
-    }
-    return content;
-  };
-  Menu.displayName = MenuType;
-  return {
-    Menu: withStaticProperties(Menu, {
-      Trigger,
-      Content,
-      Item,
-      ItemTitle,
-      ItemSubtitle,
-      ItemIcon,
-      ItemImage,
-      ItemIndicator,
-      Group,
-      Label,
-      Separator,
-      Sub,
-      SubTrigger,
-      SubContent,
-      CheckboxItem,
-      Portal,
-      RadioGroup,
-      RadioItem,
-      Arrow,
-      Preview,
-      Auxiliary
-    })
-  };
+const createNativeMenu = (MenuType) => {
+	if (isWeb) {
+		return createWebStubs();
+	}
+	const isContextMenu = MenuType === "ContextMenu";
+	const isAndroid = !isIos && !isWeb;
+	let resolved = null;
+	let warned = false;
+	function resolve() {
+		if (resolved) return resolved;
+		const adapter = getNativeMenuAdapter();
+		if (!adapter) {
+			if (!warned) {
+				warned = true;
+				console.warn(`Warning: Register a native menu adapter before rendering Tamagui native menus`);
+			}
+			return null;
+		}
+		const menu = isContextMenu ? adapter.ContextMenu : adapter.Menu;
+		resolved = {
+			menu,
+			componentMap: {
+				SubContent: menu.SubContent,
+				SubTrigger: menu.SubTrigger,
+				Content: menu.Content,
+				Sub: menu.Sub,
+				Group: menu.Group,
+				Item: menu.Item,
+				ItemTitle: menu.ItemTitle,
+				ItemSubtitle: menu.ItemSubtitle,
+				ItemIcon: menu.ItemIcon,
+				ItemImage: menu.ItemImage,
+				ItemIndicator: menu.ItemIndicator,
+				Label: menu.Label,
+				Separator: menu.Separator,
+				CheckboxItem: menu.CheckboxItem,
+				Preview: menu.Preview,
+				Auxiliary: menu.Auxiliary
+			}
+		};
+		return resolved;
+	}
+	function transformChildren(menu, map, children, shouldReverseOnIos = false, triggerBoundaryHandlers, radioContext) {
+		const result = [];
+		React.Children.forEach(children, (child) => {
+			if (!React.isValidElement(child)) {
+				result.push(child);
+				return;
+			}
+			const displayName = child.type?.displayName || "";
+			const props = child.props;
+			if (isPortalLike(displayName)) {
+				const inner = transformChildren(menu, map, props.children, false, triggerBoundaryHandlers, radioContext);
+				React.Children.forEach(inner, (c) => result.push(c));
+				return;
+			}
+			if (displayName.includes("ScrollView")) {
+				const inner = transformChildren(menu, map, props.children, false, triggerBoundaryHandlers, radioContext);
+				React.Children.forEach(inner, (c) => result.push(c));
+				return;
+			}
+			if (isTriggerLike(displayName)) {
+				const debugName = getTriggerDebugName(MenuType, props);
+				const claim = () => triggerBoundaryHandlers?.claim(debugName);
+				const release = () => triggerBoundaryHandlers?.release(debugName);
+				const { children: triggerChildren, ...triggerProps } = props;
+				result.push(React.createElement(menu.Trigger, {
+					...triggerProps,
+					key: child.key,
+					onTouchStart: composeHandlers(claim, props.onTouchStart),
+					onTouchEnd: composeHandlers(props.onTouchEnd, release),
+					onTouchCancel: composeHandlers(props.onTouchCancel, release),
+					onResponderGrant: composeHandlers(claim, props.onResponderGrant),
+					onResponderRelease: composeHandlers(props.onResponderRelease, release),
+					onResponderTerminate: composeHandlers(props.onResponderTerminate, release),
+					onPressIn: composeHandlers(claim, props.onPressIn),
+					onPressOut: composeHandlers(props.onPressOut, release)
+				}, triggerChildren));
+				return;
+			}
+			if (displayName.includes("RadioGroup")) {
+				const { value: rgValue, onValueChange: rgOnValueChange, children: rgChildren, ...rest } = props;
+				result.push(React.createElement(menu.Group, {
+					...rest,
+					key: child.key
+				}, transformChildren(menu, map, rgChildren, false, triggerBoundaryHandlers, {
+					value: rgValue,
+					onValueChange: rgOnValueChange
+				})));
+				return;
+			}
+			if (displayName.includes("RadioItem") && radioContext) {
+				const { value: itemValue, children: rChildren, ...rest } = props;
+				const cleanChildren = React.Children.map(rChildren, (c) => {
+					if (!React.isValidElement(c)) return c;
+					const dn = c.type?.displayName || "";
+					if (dn.includes("ItemIndicator")) return null;
+					return c;
+				});
+				result.push(React.createElement(menu.CheckboxItem, {
+					...rest,
+					key: child.key,
+					value: itemValue === radioContext.value ? "on" : "off",
+					onValueChange: () => radioContext.onValueChange?.(itemValue)
+				}, transformChildren(menu, map, cleanChildren, false, triggerBoundaryHandlers, radioContext)));
+				return;
+			}
+			const componentType = getComponentType(displayName);
+			if (componentType === "CheckboxItem") {
+				const { checked, onCheckedChange, value, onValueChange, children: cbChildren, ...rest } = props;
+				const finalValue = value ?? (checked ? "on" : "off");
+				const finalOnValueChange = onValueChange ?? (onCheckedChange && ((v) => onCheckedChange(v === "on")));
+				const cleanChildren = React.Children.map(cbChildren, (c) => {
+					if (!React.isValidElement(c)) return c;
+					const dn = c.type?.displayName || "";
+					if (dn.includes("ItemIndicator")) return null;
+					return c;
+				});
+				result.push(React.createElement(menu.CheckboxItem, {
+					...rest,
+					key: child.key,
+					value: finalValue,
+					onValueChange: finalOnValueChange
+				}, transformChildren(menu, map, cleanChildren, false, triggerBoundaryHandlers, radioContext)));
+				return;
+			}
+			if (componentType) {
+				const { children: childChildren, ...restProps } = props;
+				const AdapterComponent = map[componentType];
+				const isContainer = CONTAINER_TYPES.includes(componentType);
+				const shouldReverse = componentType === "Content" || componentType === "SubContent";
+				result.push(React.createElement(AdapterComponent, {
+					...restProps,
+					key: child.key
+				}, isContainer ? transformChildren(menu, map, childChildren, shouldReverse, triggerBoundaryHandlers, radioContext) : childChildren));
+				return;
+			}
+			if (isItemLike(props, displayName)) {
+				const { children: itemChildren, ...itemProps } = props;
+				result.push(React.createElement(menu.Item, {
+					...itemProps,
+					key: child.key
+				}, transformChildren(menu, map, itemChildren, false, triggerBoundaryHandlers, radioContext)));
+				return;
+			}
+			result.push(child);
+		});
+		if (isIos && shouldReverseOnIos && !isContextMenu) {
+			result.reverse();
+		}
+		return result;
+	}
+	function lazyAdapter(name, displayName) {
+		const Comp = (props) => {
+			const z = resolve();
+			if (!z) return null;
+			return React.createElement(z.menu[name], props);
+		};
+		Comp.displayName = displayName || name;
+		return Comp;
+	}
+	const Trigger = lazyAdapter("Trigger");
+	const Content = lazyAdapter("Content");
+	const Item = lazyAdapter("Item");
+	const ItemTitle = lazyAdapter("ItemTitle");
+	const ItemSubtitle = lazyAdapter("ItemSubtitle");
+	const ItemIcon = lazyAdapter("ItemIcon");
+	const ItemImage = lazyAdapter("ItemImage");
+	const ItemIndicator = lazyAdapter("ItemIndicator");
+	const Group = lazyAdapter("Group");
+	const Label = lazyAdapter("Label");
+	const Separator = lazyAdapter("Separator");
+	const Sub = lazyAdapter("Sub");
+	const SubTrigger = lazyAdapter("SubTrigger");
+	const SubContent = lazyAdapter("SubContent");
+	const Portal = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
+	Portal.displayName = "Portal";
+	const Arrow = () => null;
+	Arrow.displayName = "Arrow";
+	const RadioGroup = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
+	RadioGroup.displayName = `${MenuType}RadioGroup`;
+	const RadioItem = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
+	RadioItem.displayName = `${MenuType}RadioItem`;
+	const CheckboxItem = () => null;
+	CheckboxItem.displayName = "CheckboxItem";
+	const Preview = isContextMenu ? lazyAdapter("Preview", `${MenuType}Preview`) : () => null;
+	Preview.displayName = `${MenuType}Preview`;
+	const Auxiliary = isContextMenu ? lazyAdapter("Auxiliary", `${MenuType}Auxiliary`) : () => null;
+	Auxiliary.displayName = `${MenuType}Auxiliary`;
+	const Menu = ({ children, onOpenChange, onOpenWillChange }) => {
+		const triggerOwnerRef = React.useRef(null);
+		const claimTriggerBoundary = React.useCallback((debugName) => {
+			if (triggerOwnerRef.current) {
+				unstable_releaseExternalPressOwnership(triggerOwnerRef.current, debugName);
+			}
+			triggerOwnerRef.current = unstable_claimExternalPressOwnership(debugName);
+		}, []);
+		const releaseTriggerBoundary = React.useCallback((debugName) => {
+			if (!triggerOwnerRef.current) return;
+			unstable_releaseExternalPressOwnership(triggerOwnerRef.current, debugName);
+			triggerOwnerRef.current = null;
+		}, []);
+		React.useEffect(() => releaseTriggerBoundary, [releaseTriggerBoundary]);
+		const z = resolve();
+		if (!z) return null;
+		const handleOpenChange = React.useCallback((isOpen) => {
+			if (!isOpen) {
+				releaseTriggerBoundary();
+			}
+			onOpenChange?.(isOpen);
+		}, [onOpenChange, releaseTriggerBoundary]);
+		const handleOpenWillChange = React.useCallback((willOpen) => {
+			if (!willOpen) {
+				releaseTriggerBoundary();
+			}
+			onOpenWillChange?.(willOpen);
+		}, [onOpenWillChange, releaseTriggerBoundary]);
+		const rootProps = { onOpenChange: handleOpenChange };
+		if (isContextMenu && onOpenWillChange) {
+			rootProps.onOpenWillChange = handleOpenWillChange;
+		}
+		const content = /* @__PURE__ */ jsx(z.menu.Root, {
+			...rootProps,
+			children: transformChildren(z.menu, z.componentMap, children, false, {
+				claim: claimTriggerBoundary,
+				release: releaseTriggerBoundary
+			})
+		});
+		if (isAndroid) {
+			return /* @__PURE__ */ jsx(NativeMenuContext.Provider, {
+				value: true,
+				children: content
+			});
+		}
+		return content;
+	};
+	Menu.displayName = MenuType;
+	return { Menu: withStaticProperties(Menu, {
+		Trigger,
+		Content,
+		Item,
+		ItemTitle,
+		ItemSubtitle,
+		ItemIcon,
+		ItemImage,
+		ItemIndicator,
+		Group,
+		Label,
+		Separator,
+		Sub,
+		SubTrigger,
+		SubContent,
+		CheckboxItem,
+		Portal,
+		RadioGroup,
+		RadioItem,
+		Arrow,
+		Preview,
+		Auxiliary
+	}) };
 };
+
 export { createNativeMenu };
 //# sourceMappingURL=createNativeMenu.mjs.map