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

package/dist/esm/createNativeMenu/createNativeMenu.native.js

@@ -1,436 +1,411 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { getNativeMenuAdapter, NativeMenuContext, unstable_claimExternalPressOwnership, unstable_releaseExternalPressOwnership } from "@tamagui/native";
-import { isWeb, withStaticProperties, isIos } from "@tamagui/web";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { NativeMenuContext, getNativeMenuAdapter, unstable_claimExternalPressOwnership, unstable_releaseExternalPressOwnership } from "@tamagui/native";
+import { isIos, isWeb, withStaticProperties } from "@tamagui/web";
 import React from "react";
-var MAPPED_TYPES = ["SubContent", "SubTrigger", "Content", "Sub", "Group", "Item", "ItemTitle", "ItemSubtitle", "ItemIcon", "ItemImage", "ItemIndicator", "Label", "Separator", "CheckboxItem", "Preview", "Auxiliary"];
-var CONTAINER_TYPES = ["SubContent", "SubTrigger", "Content", "Sub", "Group", "Item"];
+
+var MAPPED_TYPES = [
+	"SubContent",
+	"SubTrigger",
+	"Content",
+	"Sub",
+	"Group",
+	"Item",
+	"ItemTitle",
+	"ItemSubtitle",
+	"ItemIcon",
+	"ItemImage",
+	"ItemIndicator",
+	"Label",
+	"Separator",
+	"CheckboxItem",
+	"Preview",
+	"Auxiliary"
+];
+var CONTAINER_TYPES = [
+	"SubContent",
+	"SubTrigger",
+	"Content",
+	"Sub",
+	"Group",
+	"Item"
+];
 function getComponentType(displayName) {
-  var _iteratorNormalCompletion = true,
-    _didIteratorError = false,
-    _iteratorError = void 0;
-  try {
-    for (var _iterator = MAPPED_TYPES[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-      var type = _step.value;
-      if (displayName === type || displayName === `Menu${type}` || displayName === `ContextMenu${type}` || displayName.includes(`(${type})`)) {
-        return type;
-      }
-    }
-  } catch (err) {
-    _didIteratorError = true;
-    _iteratorError = err;
-  } finally {
-    try {
-      if (!_iteratorNormalCompletion && _iterator.return != null) {
-        _iterator.return();
-      }
-    } finally {
-      if (_didIteratorError) {
-        throw _iteratorError;
-      }
-    }
-  }
-  return null;
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = MAPPED_TYPES[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var type = _step.value;
+			if (displayName === type || displayName === `Menu${type}` || displayName === `ContextMenu${type}` || displayName.includes(`(${type})`)) {
+				return type;
+			}
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	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 function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    first === null || first === void 0 ? void 0 : first(...args);
-    second === null || second === void 0 ? void 0 : second(...args);
-  };
+	return function() {
+		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+			args[_key] = arguments[_key];
+		}
+		first === null || first === void 0 ? void 0 : first(...args);
+		second === null || second === void 0 ? void 0 : second(...args);
+	};
 }
 function getTriggerDebugName(menuType, props) {
-  var childProps = /* @__PURE__ */React.isValidElement(props.children) && props.children.props ? props.children.props : null;
-  var prefix = menuType === "ContextMenu" ? "ContextMenuTrigger" : "MenuTrigger";
-  var _childProps_testID, _ref;
-  var detail = (_ref = (_childProps_testID = childProps === null || childProps === void 0 ? void 0 : childProps.testID) !== null && _childProps_testID !== void 0 ? _childProps_testID : childProps === null || childProps === void 0 ? void 0 : childProps.accessibilityLabel) !== null && _ref !== void 0 ? _ref : typeof props.textValue === "string" ? props.textValue : null;
-  return [prefix, detail].filter(Boolean).join(":") || prefix;
+	var childProps = /* @__PURE__ */ React.isValidElement(props.children) && props.children.props ? props.children.props : null;
+	var prefix = menuType === "ContextMenu" ? "ContextMenuTrigger" : "MenuTrigger";
+	var _childProps_testID, _ref;
+	var detail = (_ref = (_childProps_testID = childProps === null || childProps === void 0 ? void 0 : childProps.testID) !== null && _childProps_testID !== void 0 ? _childProps_testID : childProps === null || childProps === void 0 ? void 0 : childProps.accessibilityLabel) !== null && _ref !== void 0 ? _ref : typeof props.textValue === "string" ? props.textValue : null;
+	return [prefix, detail].filter(Boolean).join(":") || prefix;
 }
-var emptyStub = function () {
-  return null;
+var emptyStub = function() {
+	return 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
+	}) };
 }
-var createNativeMenu = function (MenuType) {
-  if (isWeb) {
-    return createWebStubs();
-  }
-  var isContextMenu = MenuType === "ContextMenu";
-  var isAndroid = !isIos && !isWeb;
-  var resolved = null;
-  var warned = false;
-  function resolve() {
-    if (resolved) return resolved;
-    var adapter = getNativeMenuAdapter();
-    if (!adapter) {
-      if (!warned) {
-        warned = true;
-        console.warn(`Warning: Register a native menu adapter before rendering Tamagui native menus`);
-      }
-      return null;
-    }
-    var 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) {
-    var shouldReverseOnIos = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false,
-      triggerBoundaryHandlers = arguments.length > 4 ? arguments[4] : void 0,
-      radioContext = arguments.length > 5 ? arguments[5] : void 0;
-    var result = [];
-    React.Children.forEach(children, function (child) {
-      var _child_type;
-      if (! /* @__PURE__ */React.isValidElement(child)) {
-        result.push(child);
-        return;
-      }
-      var displayName = ((_child_type = child.type) === null || _child_type === void 0 ? void 0 : _child_type.displayName) || "";
-      var props = child.props;
-      if (isPortalLike(displayName)) {
-        var inner = transformChildren(menu, map, props.children, false, triggerBoundaryHandlers, radioContext);
-        React.Children.forEach(inner, function (c) {
-          return result.push(c);
-        });
-        return;
-      }
-      if (displayName.includes("ScrollView")) {
-        var inner1 = transformChildren(menu, map, props.children, false, triggerBoundaryHandlers, radioContext);
-        React.Children.forEach(inner1, function (c) {
-          return result.push(c);
-        });
-        return;
-      }
-      if (isTriggerLike(displayName)) {
-        var debugName = getTriggerDebugName(MenuType, props);
-        var claim = function () {
-          return triggerBoundaryHandlers === null || triggerBoundaryHandlers === void 0 ? void 0 : triggerBoundaryHandlers.claim(debugName);
-        };
-        var release = function () {
-          return triggerBoundaryHandlers === null || triggerBoundaryHandlers === void 0 ? void 0 : triggerBoundaryHandlers.release(debugName);
-        };
-        var {
-          children: triggerChildren,
-          ...triggerProps
-        } = props;
-        result.push(/* @__PURE__ */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")) {
-        var {
-          value: rgValue,
-          onValueChange: rgOnValueChange,
-          children: rgChildren,
-          ...rest
-        } = props;
-        result.push(/* @__PURE__ */React.createElement(menu.Group, {
-          ...rest,
-          key: child.key
-        }, transformChildren(menu, map, rgChildren, false, triggerBoundaryHandlers, {
-          value: rgValue,
-          onValueChange: rgOnValueChange
-        })));
-        return;
-      }
-      if (displayName.includes("RadioItem") && radioContext) {
-        var {
-          value: itemValue,
-          children: rChildren,
-          ...rest1
-        } = props;
-        var cleanChildren = React.Children.map(rChildren, function (c) {
-          var _c_type;
-          if (! /* @__PURE__ */React.isValidElement(c)) return c;
-          var dn = ((_c_type = c.type) === null || _c_type === void 0 ? void 0 : _c_type.displayName) || "";
-          if (dn.includes("ItemIndicator")) return null;
-          return c;
-        });
-        result.push(/* @__PURE__ */React.createElement(menu.CheckboxItem, {
-          ...rest1,
-          key: child.key,
-          value: itemValue === radioContext.value ? "on" : "off",
-          onValueChange: function () {
-            var _radioContext_onValueChange;
-            return (_radioContext_onValueChange = radioContext.onValueChange) === null || _radioContext_onValueChange === void 0 ? void 0 : _radioContext_onValueChange.call(radioContext, itemValue);
-          }
-        }, transformChildren(menu, map, cleanChildren, false, triggerBoundaryHandlers, radioContext)));
-        return;
-      }
-      var componentType = getComponentType(displayName);
-      if (componentType === "CheckboxItem") {
-        var {
-          checked,
-          onCheckedChange,
-          value,
-          onValueChange,
-          children: cbChildren,
-          ...rest2
-        } = props;
-        var finalValue = value !== null && value !== void 0 ? value : checked ? "on" : "off";
-        var finalOnValueChange = onValueChange !== null && onValueChange !== void 0 ? onValueChange : onCheckedChange && function (v) {
-          return onCheckedChange(v === "on");
-        };
-        var cleanChildren1 = React.Children.map(cbChildren, function (c) {
-          var _c_type;
-          if (! /* @__PURE__ */React.isValidElement(c)) return c;
-          var dn = ((_c_type = c.type) === null || _c_type === void 0 ? void 0 : _c_type.displayName) || "";
-          if (dn.includes("ItemIndicator")) return null;
-          return c;
-        });
-        result.push(/* @__PURE__ */React.createElement(menu.CheckboxItem, {
-          ...rest2,
-          key: child.key,
-          value: finalValue,
-          onValueChange: finalOnValueChange
-        }, transformChildren(menu, map, cleanChildren1, false, triggerBoundaryHandlers, radioContext)));
-        return;
-      }
-      if (componentType) {
-        var {
-          children: childChildren,
-          ...restProps
-        } = props;
-        var AdapterComponent = map[componentType];
-        var isContainer = CONTAINER_TYPES.includes(componentType);
-        var shouldReverse = componentType === "Content" || componentType === "SubContent";
-        result.push(/* @__PURE__ */React.createElement(AdapterComponent, {
-          ...restProps,
-          key: child.key
-        }, isContainer ? transformChildren(menu, map, childChildren, shouldReverse, triggerBoundaryHandlers, radioContext) : childChildren));
-        return;
-      }
-      if (isItemLike(props, displayName)) {
-        var {
-          children: itemChildren,
-          ...itemProps
-        } = props;
-        result.push(/* @__PURE__ */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) {
-    var Comp = function (props) {
-      var z = resolve();
-      if (!z) return null;
-      return /* @__PURE__ */React.createElement(z.menu[name], props);
-    };
-    Comp.displayName = displayName || name;
-    return Comp;
-  }
-  var Trigger = lazyAdapter("Trigger");
-  var Content = lazyAdapter("Content");
-  var Item = lazyAdapter("Item");
-  var ItemTitle = lazyAdapter("ItemTitle");
-  var ItemSubtitle = lazyAdapter("ItemSubtitle");
-  var ItemIcon = lazyAdapter("ItemIcon");
-  var ItemImage = lazyAdapter("ItemImage");
-  var ItemIndicator = lazyAdapter("ItemIndicator");
-  var Group = lazyAdapter("Group");
-  var Label = lazyAdapter("Label");
-  var Separator = lazyAdapter("Separator");
-  var Sub = lazyAdapter("Sub");
-  var SubTrigger = lazyAdapter("SubTrigger");
-  var SubContent = lazyAdapter("SubContent");
-  var Portal = function (param) {
-    var {
-      children
-    } = param;
-    return /* @__PURE__ */_jsx(_Fragment, {
-      children
-    });
-  };
-  Portal.displayName = "Portal";
-  var Arrow = function () {
-    return null;
-  };
-  Arrow.displayName = "Arrow";
-  var RadioGroup = function (param) {
-    var {
-      children
-    } = param;
-    return /* @__PURE__ */_jsx(_Fragment, {
-      children
-    });
-  };
-  RadioGroup.displayName = `${MenuType}RadioGroup`;
-  var RadioItem = function (param) {
-    var {
-      children
-    } = param;
-    return /* @__PURE__ */_jsx(_Fragment, {
-      children
-    });
-  };
-  RadioItem.displayName = `${MenuType}RadioItem`;
-  var CheckboxItem = function () {
-    return null;
-  };
-  CheckboxItem.displayName = "CheckboxItem";
-  var Preview = isContextMenu ? lazyAdapter("Preview", `${MenuType}Preview`) : function () {
-    return null;
-  };
-  Preview.displayName = `${MenuType}Preview`;
-  var Auxiliary = isContextMenu ? lazyAdapter("Auxiliary", `${MenuType}Auxiliary`) : function () {
-    return null;
-  };
-  Auxiliary.displayName = `${MenuType}Auxiliary`;
-  var Menu = function (param) {
-    var {
-      children,
-      onOpenChange,
-      onOpenWillChange
-    } = param;
-    var triggerOwnerRef = React.useRef(null);
-    var claimTriggerBoundary = React.useCallback(function (debugName) {
-      if (triggerOwnerRef.current) {
-        unstable_releaseExternalPressOwnership(triggerOwnerRef.current, debugName);
-      }
-      triggerOwnerRef.current = unstable_claimExternalPressOwnership(debugName);
-    }, []);
-    var releaseTriggerBoundary = React.useCallback(function (debugName) {
-      if (!triggerOwnerRef.current) return;
-      unstable_releaseExternalPressOwnership(triggerOwnerRef.current, debugName);
-      triggerOwnerRef.current = null;
-    }, []);
-    React.useEffect(function () {
-      return releaseTriggerBoundary;
-    }, [releaseTriggerBoundary]);
-    var z = resolve();
-    if (!z) return null;
-    var handleOpenChange = React.useCallback(function (isOpen) {
-      if (!isOpen) {
-        releaseTriggerBoundary();
-      }
-      onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(isOpen);
-    }, [onOpenChange, releaseTriggerBoundary]);
-    var handleOpenWillChange = React.useCallback(function (willOpen) {
-      if (!willOpen) {
-        releaseTriggerBoundary();
-      }
-      onOpenWillChange === null || onOpenWillChange === void 0 ? void 0 : onOpenWillChange(willOpen);
-    }, [onOpenWillChange, releaseTriggerBoundary]);
-    var rootProps = {
-      onOpenChange: handleOpenChange
-    };
-    if (isContextMenu && onOpenWillChange) {
-      rootProps.onOpenWillChange = handleOpenWillChange;
-    }
-    var 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
-    })
-  };
+var createNativeMenu = function(MenuType) {
+	if (isWeb) {
+		return createWebStubs();
+	}
+	var isContextMenu = MenuType === "ContextMenu";
+	var isAndroid = !isIos && !isWeb;
+	var resolved = null;
+	var warned = false;
+	function resolve() {
+		if (resolved) return resolved;
+		var adapter = getNativeMenuAdapter();
+		if (!adapter) {
+			if (!warned) {
+				warned = true;
+				console.warn(`Warning: Register a native menu adapter before rendering Tamagui native menus`);
+			}
+			return null;
+		}
+		var 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) {
+		var shouldReverseOnIos = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false, triggerBoundaryHandlers = arguments.length > 4 ? arguments[4] : void 0, radioContext = arguments.length > 5 ? arguments[5] : void 0;
+		var result = [];
+		React.Children.forEach(children, function(child) {
+			var _child_type;
+			if (!/* @__PURE__ */ React.isValidElement(child)) {
+				result.push(child);
+				return;
+			}
+			var displayName = ((_child_type = child.type) === null || _child_type === void 0 ? void 0 : _child_type.displayName) || "";
+			var props = child.props;
+			if (isPortalLike(displayName)) {
+				var inner = transformChildren(menu, map, props.children, false, triggerBoundaryHandlers, radioContext);
+				React.Children.forEach(inner, function(c) {
+					return result.push(c);
+				});
+				return;
+			}
+			if (displayName.includes("ScrollView")) {
+				var inner1 = transformChildren(menu, map, props.children, false, triggerBoundaryHandlers, radioContext);
+				React.Children.forEach(inner1, function(c) {
+					return result.push(c);
+				});
+				return;
+			}
+			if (isTriggerLike(displayName)) {
+				var debugName = getTriggerDebugName(MenuType, props);
+				var claim = function() {
+					return triggerBoundaryHandlers === null || triggerBoundaryHandlers === void 0 ? void 0 : triggerBoundaryHandlers.claim(debugName);
+				};
+				var release = function() {
+					return triggerBoundaryHandlers === null || triggerBoundaryHandlers === void 0 ? void 0 : triggerBoundaryHandlers.release(debugName);
+				};
+				var { children: triggerChildren, ...triggerProps } = props;
+				result.push(/* @__PURE__ */ 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")) {
+				var { value: rgValue, onValueChange: rgOnValueChange, children: rgChildren, ...rest } = props;
+				result.push(/* @__PURE__ */ React.createElement(menu.Group, {
+					...rest,
+					key: child.key
+				}, transformChildren(menu, map, rgChildren, false, triggerBoundaryHandlers, {
+					value: rgValue,
+					onValueChange: rgOnValueChange
+				})));
+				return;
+			}
+			if (displayName.includes("RadioItem") && radioContext) {
+				var { value: itemValue, children: rChildren, ...rest1 } = props;
+				var cleanChildren = React.Children.map(rChildren, function(c) {
+					var _c_type;
+					if (!/* @__PURE__ */ React.isValidElement(c)) return c;
+					var dn = ((_c_type = c.type) === null || _c_type === void 0 ? void 0 : _c_type.displayName) || "";
+					if (dn.includes("ItemIndicator")) return null;
+					return c;
+				});
+				result.push(/* @__PURE__ */ React.createElement(menu.CheckboxItem, {
+					...rest1,
+					key: child.key,
+					value: itemValue === radioContext.value ? "on" : "off",
+					onValueChange: function() {
+						var _radioContext_onValueChange;
+						return (_radioContext_onValueChange = radioContext.onValueChange) === null || _radioContext_onValueChange === void 0 ? void 0 : _radioContext_onValueChange.call(radioContext, itemValue);
+					}
+				}, transformChildren(menu, map, cleanChildren, false, triggerBoundaryHandlers, radioContext)));
+				return;
+			}
+			var componentType = getComponentType(displayName);
+			if (componentType === "CheckboxItem") {
+				var { checked, onCheckedChange, value, onValueChange, children: cbChildren, ...rest2 } = props;
+				var finalValue = value !== null && value !== void 0 ? value : checked ? "on" : "off";
+				var finalOnValueChange = onValueChange !== null && onValueChange !== void 0 ? onValueChange : onCheckedChange && function(v) {
+					return onCheckedChange(v === "on");
+				};
+				var cleanChildren1 = React.Children.map(cbChildren, function(c) {
+					var _c_type;
+					if (!/* @__PURE__ */ React.isValidElement(c)) return c;
+					var dn = ((_c_type = c.type) === null || _c_type === void 0 ? void 0 : _c_type.displayName) || "";
+					if (dn.includes("ItemIndicator")) return null;
+					return c;
+				});
+				result.push(/* @__PURE__ */ React.createElement(menu.CheckboxItem, {
+					...rest2,
+					key: child.key,
+					value: finalValue,
+					onValueChange: finalOnValueChange
+				}, transformChildren(menu, map, cleanChildren1, false, triggerBoundaryHandlers, radioContext)));
+				return;
+			}
+			if (componentType) {
+				var { children: childChildren, ...restProps } = props;
+				var AdapterComponent = map[componentType];
+				var isContainer = CONTAINER_TYPES.includes(componentType);
+				var shouldReverse = componentType === "Content" || componentType === "SubContent";
+				result.push(/* @__PURE__ */ React.createElement(AdapterComponent, {
+					...restProps,
+					key: child.key
+				}, isContainer ? transformChildren(menu, map, childChildren, shouldReverse, triggerBoundaryHandlers, radioContext) : childChildren));
+				return;
+			}
+			if (isItemLike(props, displayName)) {
+				var { children: itemChildren, ...itemProps } = props;
+				result.push(/* @__PURE__ */ 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) {
+		var Comp = function(props) {
+			var z = resolve();
+			if (!z) return null;
+			return /* @__PURE__ */ React.createElement(z.menu[name], props);
+		};
+		Comp.displayName = displayName || name;
+		return Comp;
+	}
+	var Trigger = lazyAdapter("Trigger");
+	var Content = lazyAdapter("Content");
+	var Item = lazyAdapter("Item");
+	var ItemTitle = lazyAdapter("ItemTitle");
+	var ItemSubtitle = lazyAdapter("ItemSubtitle");
+	var ItemIcon = lazyAdapter("ItemIcon");
+	var ItemImage = lazyAdapter("ItemImage");
+	var ItemIndicator = lazyAdapter("ItemIndicator");
+	var Group = lazyAdapter("Group");
+	var Label = lazyAdapter("Label");
+	var Separator = lazyAdapter("Separator");
+	var Sub = lazyAdapter("Sub");
+	var SubTrigger = lazyAdapter("SubTrigger");
+	var SubContent = lazyAdapter("SubContent");
+	var Portal = function(param) {
+		var { children } = param;
+		return /* @__PURE__ */ jsx(Fragment, { children });
+	};
+	Portal.displayName = "Portal";
+	var Arrow = function() {
+		return null;
+	};
+	Arrow.displayName = "Arrow";
+	var RadioGroup = function(param) {
+		var { children } = param;
+		return /* @__PURE__ */ jsx(Fragment, { children });
+	};
+	RadioGroup.displayName = `${MenuType}RadioGroup`;
+	var RadioItem = function(param) {
+		var { children } = param;
+		return /* @__PURE__ */ jsx(Fragment, { children });
+	};
+	RadioItem.displayName = `${MenuType}RadioItem`;
+	var CheckboxItem = function() {
+		return null;
+	};
+	CheckboxItem.displayName = "CheckboxItem";
+	var Preview = isContextMenu ? lazyAdapter("Preview", `${MenuType}Preview`) : function() {
+		return null;
+	};
+	Preview.displayName = `${MenuType}Preview`;
+	var Auxiliary = isContextMenu ? lazyAdapter("Auxiliary", `${MenuType}Auxiliary`) : function() {
+		return null;
+	};
+	Auxiliary.displayName = `${MenuType}Auxiliary`;
+	var Menu = function(param) {
+		var { children, onOpenChange, onOpenWillChange } = param;
+		var triggerOwnerRef = React.useRef(null);
+		var claimTriggerBoundary = React.useCallback(function(debugName) {
+			if (triggerOwnerRef.current) {
+				unstable_releaseExternalPressOwnership(triggerOwnerRef.current, debugName);
+			}
+			triggerOwnerRef.current = unstable_claimExternalPressOwnership(debugName);
+		}, []);
+		var releaseTriggerBoundary = React.useCallback(function(debugName) {
+			if (!triggerOwnerRef.current) return;
+			unstable_releaseExternalPressOwnership(triggerOwnerRef.current, debugName);
+			triggerOwnerRef.current = null;
+		}, []);
+		React.useEffect(function() {
+			return releaseTriggerBoundary;
+		}, [releaseTriggerBoundary]);
+		var z = resolve();
+		if (!z) return null;
+		var handleOpenChange = React.useCallback(function(isOpen) {
+			if (!isOpen) {
+				releaseTriggerBoundary();
+			}
+			onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(isOpen);
+		}, [onOpenChange, releaseTriggerBoundary]);
+		var handleOpenWillChange = React.useCallback(function(willOpen) {
+			if (!willOpen) {
+				releaseTriggerBoundary();
+			}
+			onOpenWillChange === null || onOpenWillChange === void 0 ? void 0 : onOpenWillChange(willOpen);
+		}, [onOpenWillChange, releaseTriggerBoundary]);
+		var rootProps = { onOpenChange: handleOpenChange };
+		if (isContextMenu && onOpenWillChange) {
+			rootProps.onOpenWillChange = handleOpenWillChange;
+		}
+		var 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.native.js.map