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

package/dist/cjs/createNativeMenu/createNativeMenu.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,404 +6,372 @@ 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 createNativeMenu_exports = {};
-__export(createNativeMenu_exports, {
-  createNativeMenu: () => createNativeMenu
-});
+__export(createNativeMenu_exports, { createNativeMenu: () => createNativeMenu });
 module.exports = __toCommonJS(createNativeMenu_exports);
 var import_native = require("@tamagui/native");
 var import_web = require("@tamagui/web");
 var import_react = __toESM(require("react"), 1);
 var import_jsx_runtime = require("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 = import_react.default.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 = import_react.default.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: (0, import_web.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: (0, import_web.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 (import_web.isWeb) {
-    return createWebStubs();
-  }
-  const isContextMenu = MenuType === "ContextMenu";
-  const isAndroid = !import_web.isIos && !import_web.isWeb;
-  let resolved = null;
-  let warned = false;
-  function resolve() {
-    if (resolved) return resolved;
-    const adapter = (0, import_native.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 = [];
-    import_react.default.Children.forEach(children, child => {
-      if (!import_react.default.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);
-        import_react.default.Children.forEach(inner, c => result.push(c));
-        return;
-      }
-      if (displayName.includes("ScrollView")) {
-        const inner = transformChildren(menu, map, props.children, false, triggerBoundaryHandlers, radioContext);
-        import_react.default.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(import_react.default.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(import_react.default.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 = import_react.default.Children.map(rChildren, c => {
-          if (!import_react.default.isValidElement(c)) return c;
-          const dn = c.type?.displayName || "";
-          if (dn.includes("ItemIndicator")) return null;
-          return c;
-        });
-        result.push(import_react.default.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 = import_react.default.Children.map(cbChildren, c => {
-          if (!import_react.default.isValidElement(c)) return c;
-          const dn = c.type?.displayName || "";
-          if (dn.includes("ItemIndicator")) return null;
-          return c;
-        });
-        result.push(import_react.default.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(import_react.default.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(import_react.default.createElement(menu.Item, {
-          ...itemProps,
-          key: child.key
-        }, transformChildren(menu, map, itemChildren, false, triggerBoundaryHandlers, radioContext)));
-        return;
-      }
-      result.push(child);
-    });
-    if (import_web.isIos && shouldReverseOnIos && !isContextMenu) {
-      result.reverse();
-    }
-    return result;
-  }
-  function lazyAdapter(name, displayName) {
-    const Comp = props => {
-      const z = resolve();
-      if (!z) return null;
-      return import_react.default.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__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children
-  });
-  Portal.displayName = "Portal";
-  const Arrow = () => null;
-  Arrow.displayName = "Arrow";
-  const RadioGroup = ({
-    children
-  }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children
-  });
-  RadioGroup.displayName = `${MenuType}RadioGroup`;
-  const RadioItem = ({
-    children
-  }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.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 = import_react.default.useRef(null);
-    const claimTriggerBoundary = import_react.default.useCallback(debugName => {
-      if (triggerOwnerRef.current) {
-        (0, import_native.unstable_releaseExternalPressOwnership)(triggerOwnerRef.current, debugName);
-      }
-      triggerOwnerRef.current = (0, import_native.unstable_claimExternalPressOwnership)(debugName);
-    }, []);
-    const releaseTriggerBoundary = import_react.default.useCallback(debugName => {
-      if (!triggerOwnerRef.current) return;
-      (0, import_native.unstable_releaseExternalPressOwnership)(triggerOwnerRef.current, debugName);
-      triggerOwnerRef.current = null;
-    }, []);
-    import_react.default.useEffect(() => releaseTriggerBoundary, [releaseTriggerBoundary]);
-    const z = resolve();
-    if (!z) return null;
-    const handleOpenChange = import_react.default.useCallback(isOpen => {
-      if (!isOpen) {
-        releaseTriggerBoundary();
-      }
-      onOpenChange?.(isOpen);
-    }, [onOpenChange, releaseTriggerBoundary]);
-    const handleOpenWillChange = import_react.default.useCallback(willOpen => {
-      if (!willOpen) {
-        releaseTriggerBoundary();
-      }
-      onOpenWillChange?.(willOpen);
-    }, [onOpenWillChange, releaseTriggerBoundary]);
-    const rootProps = {
-      onOpenChange: handleOpenChange
-    };
-    if (isContextMenu && onOpenWillChange) {
-      rootProps.onOpenWillChange = handleOpenWillChange;
-    }
-    const content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(z.menu.Root, {
-      ...rootProps,
-      children: transformChildren(z.menu, z.componentMap, children, false, {
-        claim: claimTriggerBoundary,
-        release: releaseTriggerBoundary
-      })
-    });
-    if (isAndroid) {
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_native.NativeMenuContext.Provider, {
-        value: true,
-        children: content
-      });
-    }
-    return content;
-  };
-  Menu.displayName = MenuType;
-  return {
-    Menu: (0, import_web.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 (import_web.isWeb) {
+		return createWebStubs();
+	}
+	const isContextMenu = MenuType === "ContextMenu";
+	const isAndroid = !import_web.isIos && !import_web.isWeb;
+	let resolved = null;
+	let warned = false;
+	function resolve() {
+		if (resolved) return resolved;
+		const adapter = (0, import_native.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 = [];
+		import_react.default.Children.forEach(children, (child) => {
+			if (!import_react.default.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);
+				import_react.default.Children.forEach(inner, (c) => result.push(c));
+				return;
+			}
+			if (displayName.includes("ScrollView")) {
+				const inner = transformChildren(menu, map, props.children, false, triggerBoundaryHandlers, radioContext);
+				import_react.default.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(import_react.default.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(import_react.default.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 = import_react.default.Children.map(rChildren, (c) => {
+					if (!import_react.default.isValidElement(c)) return c;
+					const dn = c.type?.displayName || "";
+					if (dn.includes("ItemIndicator")) return null;
+					return c;
+				});
+				result.push(import_react.default.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 = import_react.default.Children.map(cbChildren, (c) => {
+					if (!import_react.default.isValidElement(c)) return c;
+					const dn = c.type?.displayName || "";
+					if (dn.includes("ItemIndicator")) return null;
+					return c;
+				});
+				result.push(import_react.default.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(import_react.default.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(import_react.default.createElement(menu.Item, {
+					...itemProps,
+					key: child.key
+				}, transformChildren(menu, map, itemChildren, false, triggerBoundaryHandlers, radioContext)));
+				return;
+			}
+			result.push(child);
+		});
+		if (import_web.isIos && shouldReverseOnIos && !isContextMenu) {
+			result.reverse();
+		}
+		return result;
+	}
+	function lazyAdapter(name, displayName) {
+		const Comp = (props) => {
+			const z = resolve();
+			if (!z) return null;
+			return import_react.default.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__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+	Portal.displayName = "Portal";
+	const Arrow = () => null;
+	Arrow.displayName = "Arrow";
+	const RadioGroup = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+	RadioGroup.displayName = `${MenuType}RadioGroup`;
+	const RadioItem = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.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 = import_react.default.useRef(null);
+		const claimTriggerBoundary = import_react.default.useCallback((debugName) => {
+			if (triggerOwnerRef.current) {
+				(0, import_native.unstable_releaseExternalPressOwnership)(triggerOwnerRef.current, debugName);
+			}
+			triggerOwnerRef.current = (0, import_native.unstable_claimExternalPressOwnership)(debugName);
+		}, []);
+		const releaseTriggerBoundary = import_react.default.useCallback((debugName) => {
+			if (!triggerOwnerRef.current) return;
+			(0, import_native.unstable_releaseExternalPressOwnership)(triggerOwnerRef.current, debugName);
+			triggerOwnerRef.current = null;
+		}, []);
+		import_react.default.useEffect(() => releaseTriggerBoundary, [releaseTriggerBoundary]);
+		const z = resolve();
+		if (!z) return null;
+		const handleOpenChange = import_react.default.useCallback((isOpen) => {
+			if (!isOpen) {
+				releaseTriggerBoundary();
+			}
+			onOpenChange?.(isOpen);
+		}, [onOpenChange, releaseTriggerBoundary]);
+		const handleOpenWillChange = import_react.default.useCallback((willOpen) => {
+			if (!willOpen) {
+				releaseTriggerBoundary();
+			}
+			onOpenWillChange?.(willOpen);
+		}, [onOpenWillChange, releaseTriggerBoundary]);
+		const rootProps = { onOpenChange: handleOpenChange };
+		if (isContextMenu && onOpenWillChange) {
+			rootProps.onOpenWillChange = handleOpenWillChange;
+		}
+		const content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(z.menu.Root, {
+			...rootProps,
+			children: transformChildren(z.menu, z.componentMap, children, false, {
+				claim: claimTriggerBoundary,
+				release: releaseTriggerBoundary
+			})
+		});
+		if (isAndroid) {
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.NativeMenuContext.Provider, {
+				value: true,
+				children: content
+			});
+		}
+		return content;
+	};
+	Menu.displayName = MenuType;
+	return { Menu: (0, import_web.withStaticProperties)(Menu, {
+		Trigger,
+		Content,
+		Item,
+		ItemTitle,
+		ItemSubtitle,
+		ItemIcon,
+		ItemImage,
+		ItemIndicator,
+		Group,
+		Label,
+		Separator,
+		Sub,
+		SubTrigger,
+		SubContent,
+		CheckboxItem,
+		Portal,
+		RadioGroup,
+		RadioItem,
+		Arrow,
+		Preview,
+		Auxiliary
+	}) };
+};