@tamagui/native 3.0.0-beta.1161.1 → 3.0.0-beta.1173.1

package/dist/cjs/expoUIMenuView.cjs

@@ -0,0 +1,82 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var expoUIMenuView_exports = {};
+__export(expoUIMenuView_exports, { createExpoUIMenuView: () => createExpoUIMenuView });
+module.exports = __toCommonJS(expoUIMenuView_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function createExpoUIMenuView({ swiftUI, modifiers }) {
+	const { Button, ContextMenu, Host, Menu, RNHostView, Section, Toggle } = swiftUI;
+	function renderAction(action, onPressAction) {
+		if (action.attributes?.hidden) return null;
+		const { subactions, displayInline, state, attributes, image, title } = action;
+		const systemImage = typeof image === "string" ? image : void 0;
+		if (subactions && subactions.length > 0) {
+			const children = subactions.map((sub) => renderAction(sub, onPressAction));
+			if (displayInline) {
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+					title,
+					children
+				}, action.id);
+			}
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, {
+				label: title,
+				systemImage,
+				children
+			}, action.id);
+		}
+		const fire = () => onPressAction?.({ nativeEvent: { event: action.id } });
+		const itemModifiers = attributes?.disabled ? [modifiers.disabled(true)] : void 0;
+		if (state === "on" || state === "off") {
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toggle, {
+				label: title,
+				systemImage,
+				isOn: state === "on",
+				onIsOnChange: fire,
+				modifiers: itemModifiers
+			}, action.id);
+		}
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+			label: title,
+			systemImage,
+			role: attributes?.destructive ? "destructive" : void 0,
+			modifiers: itemModifiers,
+			onPress: fire
+		}, action.id);
+	}
+	return function ExpoUIMenuView({ actions, onPressAction, shouldOpenOnLongPress, title, children }) {
+		const items = actions.map((action) => renderAction(action, onPressAction));
+		const body = title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+			title,
+			children: items
+		}) : items;
+		const trigger = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RNHostView, {
+			matchContents: true,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children })
+		});
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Host, {
+			ignoreSafeArea: "all",
+			children: shouldOpenOnLongPress ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenu, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenu.Trigger, { children: trigger }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenu.Items, { children: body })] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, {
+				label: trigger,
+				children: body
+			})
+		});
+	};
+}

package/dist/cjs/expoUIMenuView.native.cjs

@@ -0,0 +1,100 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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
+	});
+};
+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;
+};
+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 expoUIMenuView_exports = {};
+__export(expoUIMenuView_exports, { createExpoUIMenuView: () => createExpoUIMenuView });
+module.exports = __toCommonJS(expoUIMenuView_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+function createExpoUIMenuView(param) {
+	var { swiftUI, modifiers } = param;
+	var { Button, ContextMenu, Host, Menu, RNHostView, Section, Toggle } = swiftUI;
+	function renderAction(action, onPressAction) {
+		var _action_attributes;
+		if ((_action_attributes = action.attributes) === null || _action_attributes === void 0 ? void 0 : _action_attributes.hidden) return null;
+		var { subactions, displayInline, state, attributes, image, title } = action;
+		var systemImage = typeof image === "string" ? image : void 0;
+		if (subactions && subactions.length > 0) {
+			var children = subactions.map(function(sub) {
+				return renderAction(sub, onPressAction);
+			});
+			if (displayInline) {
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+					title,
+					children
+				}, action.id);
+			}
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, {
+				label: title,
+				systemImage,
+				children
+			}, action.id);
+		}
+		var fire = function() {
+			return onPressAction === null || onPressAction === void 0 ? void 0 : onPressAction({ nativeEvent: { event: action.id } });
+		};
+		var itemModifiers = (attributes === null || attributes === void 0 ? void 0 : attributes.disabled) ? [modifiers.disabled(true)] : void 0;
+		if (state === "on" || state === "off") {
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toggle, {
+				label: title,
+				systemImage,
+				isOn: state === "on",
+				onIsOnChange: fire,
+				modifiers: itemModifiers
+			}, action.id);
+		}
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+			label: title,
+			systemImage,
+			role: (attributes === null || attributes === void 0 ? void 0 : attributes.destructive) ? "destructive" : void 0,
+			modifiers: itemModifiers,
+			onPress: fire
+		}, action.id);
+	}
+	return function ExpoUIMenuView(param2) {
+		var { actions, onPressAction, shouldOpenOnLongPress, title, children } = param2;
+		var items = actions.map(function(action) {
+			return renderAction(action, onPressAction);
+		});
+		var body = title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+			title,
+			children: items
+		}) : items;
+		var trigger = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RNHostView, {
+			matchContents: true,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children })
+		});
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Host, {
+			ignoreSafeArea: "all",
+			children: shouldOpenOnLongPress ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenu, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenu.Trigger, { children: trigger }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenu.Items, { children: body })] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, {
+				label: trigger,
+				children: body
+			})
+		});
+	};
+}

package/dist/cjs/expoUIMenuView.native.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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
+	});
+};
+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;
+};
+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 expoUIMenuView_exports = {};
+__export(expoUIMenuView_exports, { createExpoUIMenuView: () => createExpoUIMenuView });
+module.exports = __toCommonJS(expoUIMenuView_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+function createExpoUIMenuView(param) {
+	var { swiftUI, modifiers } = param;
+	var { Button, ContextMenu, Host, Menu, RNHostView, Section, Toggle } = swiftUI;
+	function renderAction(action, onPressAction) {
+		var _action_attributes;
+		if ((_action_attributes = action.attributes) === null || _action_attributes === void 0 ? void 0 : _action_attributes.hidden) return null;
+		var { subactions, displayInline, state, attributes, image, title } = action;
+		var systemImage = typeof image === "string" ? image : void 0;
+		if (subactions && subactions.length > 0) {
+			var children = subactions.map(function(sub) {
+				return renderAction(sub, onPressAction);
+			});
+			if (displayInline) {
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+					title,
+					children
+				}, action.id);
+			}
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, {
+				label: title,
+				systemImage,
+				children
+			}, action.id);
+		}
+		var fire = function() {
+			return onPressAction === null || onPressAction === void 0 ? void 0 : onPressAction({ nativeEvent: { event: action.id } });
+		};
+		var itemModifiers = (attributes === null || attributes === void 0 ? void 0 : attributes.disabled) ? [modifiers.disabled(true)] : void 0;
+		if (state === "on" || state === "off") {
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toggle, {
+				label: title,
+				systemImage,
+				isOn: state === "on",
+				onIsOnChange: fire,
+				modifiers: itemModifiers
+			}, action.id);
+		}
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+			label: title,
+			systemImage,
+			role: (attributes === null || attributes === void 0 ? void 0 : attributes.destructive) ? "destructive" : void 0,
+			modifiers: itemModifiers,
+			onPress: fire
+		}, action.id);
+	}
+	return function ExpoUIMenuView(param2) {
+		var { actions, onPressAction, shouldOpenOnLongPress, title, children } = param2;
+		var items = actions.map(function(action) {
+			return renderAction(action, onPressAction);
+		});
+		var body = title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+			title,
+			children: items
+		}) : items;
+		var trigger = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RNHostView, {
+			matchContents: true,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children })
+		});
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Host, {
+			ignoreSafeArea: "all",
+			children: shouldOpenOnLongPress ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenu, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenu.Trigger, { children: trigger }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenu.Items, { children: body })] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, {
+				label: trigger,
+				children: body
+			})
+		});
+	};
+}
+
+//# sourceMappingURL=expoUIMenuView.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"expoUIMenuView.native.js","names":[],"sources":["cjs/expoUIMenuView.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 expoUIMenuView_exports = {};\n__export(expoUIMenuView_exports, {\n  createExpoUIMenuView: () => createExpoUIMenuView\n});\nmodule.exports = __toCommonJS(expoUIMenuView_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nfunction createExpoUIMenuView(param) {\n  var { swiftUI, modifiers } = param;\n  var { Button, ContextMenu, Host, Menu, RNHostView, Section, Toggle } = swiftUI;\n  function renderAction(action, onPressAction) {\n    var _action_attributes;\n    if ((_action_attributes = action.attributes) === null || _action_attributes === void 0 ? void 0 : _action_attributes.hidden) return null;\n    var { subactions, displayInline, state, attributes, image, title } = action;\n    var systemImage = typeof image === \"string\" ? image : void 0;\n    if (subactions && subactions.length > 0) {\n      var children = subactions.map(function(sub) {\n        return renderAction(sub, onPressAction);\n      });\n      if (displayInline) {\n        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {\n          title,\n          children\n        }, action.id);\n      }\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, {\n        label: title,\n        systemImage,\n        children\n      }, action.id);\n    }\n    var fire = function() {\n      return onPressAction === null || onPressAction === void 0 ? void 0 : onPressAction({\n        nativeEvent: {\n          event: action.id\n        }\n      });\n    };\n    var itemModifiers = (attributes === null || attributes === void 0 ? void 0 : attributes.disabled) ? [\n      modifiers.disabled(true)\n    ] : void 0;\n    if (state === \"on\" || state === \"off\") {\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toggle, {\n        label: title,\n        systemImage,\n        isOn: state === \"on\",\n        onIsOnChange: fire,\n        modifiers: itemModifiers\n      }, action.id);\n    }\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {\n      label: title,\n      systemImage,\n      role: (attributes === null || attributes === void 0 ? void 0 : attributes.destructive) ? \"destructive\" : void 0,\n      modifiers: itemModifiers,\n      onPress: fire\n    }, action.id);\n  }\n  return function ExpoUIMenuView(param2) {\n    var { actions, onPressAction, shouldOpenOnLongPress, title, children } = param2;\n    var items = actions.map(function(action) {\n      return renderAction(action, onPressAction);\n    });\n    var body = title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {\n      title,\n      children: items\n    }) : items;\n    var trigger = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RNHostView, {\n      matchContents: true,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n        children\n      })\n    });\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Host, {\n      ignoreSafeArea: \"all\",\n      children: shouldOpenOnLongPress ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenu, {\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenu.Trigger, {\n            children: trigger\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenu.Items, {\n            children: body\n          })\n        ]\n      }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, {\n        label: trigger,\n        children: body\n      })\n    });\n  };\n}\n//# sourceMappingURL=expoUIMenuView.js.map\n"],"mappings":";;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKnG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CAAE,OAAO;CAAK,YAAY;AAAK,CAAC,IAAI,QACzG,GACF;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,yBAAyB,CAAC;AAC9B,SAAS,wBAAwB,EAC/B,4BAA4B,qBAC9B,CAAC;AACD,OAAO,UAAU,aAAa,sBAAsB;AACpD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,eAAe,QAAQ,QAAQ,OAAO,GAAG,CAAC;AAC9C,SAAS,qBAAqB,OAAO;CACnC,IAAI,EAAE,SAAS,cAAc;CAC7B,IAAI,EAAE,QAAQ,aAAa,MAAM,MAAM,YAAY,SAAS,WAAW;CACvE,SAAS,aAAa,QAAQ,eAAe;EAC3C,IAAI;EACJ,KAAK,qBAAqB,OAAO,gBAAgB,QAAQ,uBAAuB,KAAK,IAAI,KAAK,IAAI,mBAAmB,QAAQ,OAAO;EACpI,IAAI,EAAE,YAAY,eAAe,OAAO,YAAY,OAAO,UAAU;EACrE,IAAI,cAAc,OAAO,UAAU,WAAW,QAAQ,KAAK;EAC3D,IAAI,cAAc,WAAW,SAAS,GAAG;GACvC,IAAI,WAAW,WAAW,IAAI,SAAS,KAAK;IAC1C,OAAO,aAAa,KAAK,aAAa;GACxC,CAAC;GACD,IAAI,eAAe;IACjB,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,SAAS;KAC1D;KACA;IACF,GAAG,OAAO,EAAE;GACd;GACA,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,MAAM;IACvD,OAAO;IACP;IACA;GACF,GAAG,OAAO,EAAE;EACd;EACA,IAAI,OAAO,WAAW;GACpB,OAAO,kBAAkB,QAAQ,kBAAkB,KAAK,IAAI,KAAK,IAAI,cAAc,EACjF,aAAa,EACX,OAAO,OAAO,GAChB,EACF,CAAC;EACH;EACA,IAAI,iBAAiB,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW,YAAY,CAClG,UAAU,SAAS,IAAI,CACzB,IAAI,KAAK;EACT,IAAI,UAAU,QAAQ,UAAU,OAAO;GACrC,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,QAAQ;IACzD,OAAO;IACP;IACA,MAAM,UAAU;IAChB,cAAc;IACd,WAAW;GACb,GAAG,OAAO,EAAE;EACd;EACA,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,QAAQ;GACzD,OAAO;GACP;GACA,OAAO,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW,eAAe,gBAAgB,KAAK;GAC9G,WAAW;GACX,SAAS;EACX,GAAG,OAAO,EAAE;CACd;CACA,OAAO,SAAS,eAAe,QAAQ;EACrC,IAAI,EAAE,SAAS,eAAe,uBAAuB,OAAO,aAAa;EACzE,IAAI,QAAQ,QAAQ,IAAI,SAAS,QAAQ;GACvC,OAAO,aAAa,QAAQ,aAAa;EAC3C,CAAC;EACD,IAAI,OAAO,QAAwB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,SAAS;GACtE;GACA,UAAU;EACZ,CAAC,IAAI;EACL,IAAI,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY;GACpE,eAAe;GACf,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,mBAAmB,UAAU,EACjF,SACF,CAAC;EACH,CAAC;EACD,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,MAAM;GACvD,gBAAgB;GAChB,UAAU,wBAAwC,iBAAC,GAAG,mBAAmB,KAAI,CAAE,aAAa,EAC1F,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,SAAS,EAC/D,UAAU,QACZ,CAAC,GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,OAAO,EAC7D,UAAU,KACZ,CAAC,CACH,EACF,CAAC,IAAoB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,MAAM;IACrD,OAAO;IACP,UAAU;GACZ,CAAC;EACH,CAAC;CACH;AACF"}

package/dist/cjs/setup-expo-ui-menu.cjs

@@ -1,9 +1,13 @@
 var import_expoUIMenuAdapter = require("./expoUIMenuAdapter.cjs");
+var import_expoUIMenuView = require("./expoUIMenuView.cjs");
 var import_nativeMenuState = require("./nativeMenuState.cjs");
 function setup() {
 	let MenuView;
 	try {
-		MenuView = require("@expo/ui/community/menu").MenuView;
+		MenuView = (0, import_expoUIMenuView.createExpoUIMenuView)({
+			swiftUI: require("@expo/ui/swift-ui"),
+			modifiers: require("@expo/ui/swift-ui/modifiers")
+		});
 	} catch (error) {
 		if (process.env.NODE_ENV === "development") {
 			console.warn("Error setting up Expo UI native menus", error);

package/dist/cjs/setup-expo-ui-menu.native.cjs

@@ -1,11 +1,15 @@
 "use strict";
 
 var import_expoUIMenuAdapter = require("./expoUIMenuAdapter.native.js");
+var import_expoUIMenuView = require("./expoUIMenuView.native.js");
 var import_nativeMenuState = require("./nativeMenuState.native.js");
 function setup() {
 	var MenuView;
 	try {
-		MenuView = require("@expo/ui/community/menu").MenuView;
+		MenuView = (0, import_expoUIMenuView.createExpoUIMenuView)({
+			swiftUI: require("@expo/ui/swift-ui"),
+			modifiers: require("@expo/ui/swift-ui/modifiers")
+		});
 	} catch (error) {
 		if (process.env.NODE_ENV === "development") {
 			console.warn("Error setting up Expo UI native menus", error);

package/dist/cjs/setup-expo-ui-menu.native.js

@@ -1,11 +1,15 @@
 "use strict";
 
 var import_expoUIMenuAdapter = require("./expoUIMenuAdapter.native.js");
+var import_expoUIMenuView = require("./expoUIMenuView.native.js");
 var import_nativeMenuState = require("./nativeMenuState.native.js");
 function setup() {
 	var MenuView;
 	try {
-		MenuView = require("@expo/ui/community/menu").MenuView;
+		MenuView = (0, import_expoUIMenuView.createExpoUIMenuView)({
+			swiftUI: require("@expo/ui/swift-ui"),
+			modifiers: require("@expo/ui/swift-ui/modifiers")
+		});
 	} catch (error) {
 		if (process.env.NODE_ENV === "development") {
 			console.warn("Error setting up Expo UI native menus", error);

package/dist/cjs/setup-expo-ui-menu.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup-expo-ui-menu.native.js","names":[],"sources":["cjs/setup-expo-ui-menu.native.js"],"sourcesContent":["\"use strict\";\nvar import_expoUIMenuAdapter = require(\"./expoUIMenuAdapter\");\nvar import_nativeMenuState = require(\"./nativeMenuState\");\nfunction setup() {\n  var MenuView;\n  try {\n    MenuView = require(\"@expo/ui/community/menu\").MenuView;\n  } catch (error) {\n    if (process.env.NODE_ENV === \"development\") {\n      console.warn(\"Error setting up Expo UI native menus\", error);\n    }\n    return;\n  }\n  (0, import_nativeMenuState.registerNativeMenuAdapter)((0, import_expoUIMenuAdapter.createExpoUIMenuAdapter)({\n    MenuView\n  }));\n}\nsetup();\n//# sourceMappingURL=setup-expo-ui-menu.js.map\n"],"mappings":";;;AACA,IAAI,2BAA2B,QAAQ,+BAAqB;AAC5D,IAAI,yBAAyB,QAAQ,6BAAmB;AACxD,SAAS,QAAQ;CACf,IAAI;CACJ,IAAI;EACF,WAAW,QAAQ,yBAAyB,CAAC,CAAC;CAChD,SAAS,OAAO;EACd,IAAI,QAAQ,IAAI,aAAa,eAAe;GAC1C,QAAQ,KAAK,yCAAyC,KAAK;EAC7D;EACA;CACF;CACA,CAAC,GAAG,uBAAuB,0BAAyB,EAAG,GAAG,yBAAyB,wBAAuB,CAAE,EAC1G,SACF,CAAC,CAAC;AACJ;AACA,MAAM"}
+{"version":3,"file":"setup-expo-ui-menu.native.js","names":[],"sources":["cjs/setup-expo-ui-menu.native.js"],"sourcesContent":["\"use strict\";\nvar import_expoUIMenuAdapter = require(\"./expoUIMenuAdapter\");\nvar import_expoUIMenuView = require(\"./expoUIMenuView\");\nvar import_nativeMenuState = require(\"./nativeMenuState\");\nfunction setup() {\n  var MenuView;\n  try {\n    MenuView = (0, import_expoUIMenuView.createExpoUIMenuView)({\n      swiftUI: require(\"@expo/ui/swift-ui\"),\n      modifiers: require(\"@expo/ui/swift-ui/modifiers\")\n    });\n  } catch (error) {\n    if (process.env.NODE_ENV === \"development\") {\n      console.warn(\"Error setting up Expo UI native menus\", error);\n    }\n    return;\n  }\n  (0, import_nativeMenuState.registerNativeMenuAdapter)((0, import_expoUIMenuAdapter.createExpoUIMenuAdapter)({\n    MenuView\n  }));\n}\nsetup();\n//# sourceMappingURL=setup-expo-ui-menu.js.map\n"],"mappings":";;;AACA,IAAI,2BAA2B,QAAQ,+BAAqB;AAC5D,IAAI,wBAAwB,QAAQ,4BAAkB;AACtD,IAAI,yBAAyB,QAAQ,6BAAmB;AACxD,SAAS,QAAQ;CACf,IAAI;CACJ,IAAI;EACF,YAAY,GAAG,sBAAsB,qBAAoB,CAAE;GACzD,SAAS,QAAQ,mBAAmB;GACpC,WAAW,QAAQ,6BAA6B;EAClD,CAAC;CACH,SAAS,OAAO;EACd,IAAI,QAAQ,IAAI,aAAa,eAAe;GAC1C,QAAQ,KAAK,yCAAyC,KAAK;EAC7D;EACA;CACF;CACA,CAAC,GAAG,uBAAuB,0BAAyB,EAAG,GAAG,yBAAyB,wBAAuB,CAAE,EAC1G,SACF,CAAC,CAAC;AACJ;AACA,MAAM"}

package/dist/esm/expoUIMenuView.mjs

@@ -0,0 +1,63 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+function createExpoUIMenuView({ swiftUI, modifiers }) {
+	const { Button, ContextMenu, Host, Menu, RNHostView, Section, Toggle } = swiftUI;
+	function renderAction(action, onPressAction) {
+		if (action.attributes?.hidden) return null;
+		const { subactions, displayInline, state, attributes, image, title } = action;
+		const systemImage = typeof image === "string" ? image : void 0;
+		if (subactions && subactions.length > 0) {
+			const children = subactions.map((sub) => renderAction(sub, onPressAction));
+			if (displayInline) {
+				return /* @__PURE__ */ jsx(Section, {
+					title,
+					children
+				}, action.id);
+			}
+			return /* @__PURE__ */ jsx(Menu, {
+				label: title,
+				systemImage,
+				children
+			}, action.id);
+		}
+		const fire = () => onPressAction?.({ nativeEvent: { event: action.id } });
+		const itemModifiers = attributes?.disabled ? [modifiers.disabled(true)] : void 0;
+		if (state === "on" || state === "off") {
+			return /* @__PURE__ */ jsx(Toggle, {
+				label: title,
+				systemImage,
+				isOn: state === "on",
+				onIsOnChange: fire,
+				modifiers: itemModifiers
+			}, action.id);
+		}
+		return /* @__PURE__ */ jsx(Button, {
+			label: title,
+			systemImage,
+			role: attributes?.destructive ? "destructive" : void 0,
+			modifiers: itemModifiers,
+			onPress: fire
+		}, action.id);
+	}
+	return function ExpoUIMenuView({ actions, onPressAction, shouldOpenOnLongPress, title, children }) {
+		const items = actions.map((action) => renderAction(action, onPressAction));
+		const body = title ? /* @__PURE__ */ jsx(Section, {
+			title,
+			children: items
+		}) : items;
+		const trigger = /* @__PURE__ */ jsx(RNHostView, {
+			matchContents: true,
+			children: /* @__PURE__ */ jsx(Fragment, { children })
+		});
+		return /* @__PURE__ */ jsx(Host, {
+			ignoreSafeArea: "all",
+			children: shouldOpenOnLongPress ? /* @__PURE__ */ jsxs(ContextMenu, { children: [/* @__PURE__ */ jsx(ContextMenu.Trigger, { children: trigger }), /* @__PURE__ */ jsx(ContextMenu.Items, { children: body })] }) : /* @__PURE__ */ jsx(Menu, {
+				label: trigger,
+				children: body
+			})
+		});
+	};
+}
+
+export { createExpoUIMenuView };
+//# sourceMappingURL=expoUIMenuView.mjs.map

package/dist/esm/expoUIMenuView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"expoUIMenuView.js","names":[],"sources":["esm/expoUIMenuView.js"],"sourcesContent":["import { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nfunction createExpoUIMenuView({\n  swiftUI,\n  modifiers\n}) {\n  const { Button, ContextMenu, Host, Menu, RNHostView, Section, Toggle } = swiftUI;\n  function renderAction(action, onPressAction) {\n    if (action.attributes?.hidden) return null;\n    const { subactions, displayInline, state, attributes, image, title } = action;\n    const systemImage = typeof image === \"string\" ? image : void 0;\n    if (subactions && subactions.length > 0) {\n      const children = subactions.map((sub) => renderAction(sub, onPressAction));\n      if (displayInline) {\n        return /* @__PURE__ */ jsx(Section, { title, children }, action.id);\n      }\n      return /* @__PURE__ */ jsx(Menu, { label: title, systemImage, children }, action.id);\n    }\n    const fire = () => onPressAction?.({ nativeEvent: { event: action.id } });\n    const itemModifiers = attributes?.disabled ? [modifiers.disabled(true)] : void 0;\n    if (state === \"on\" || state === \"off\") {\n      return /* @__PURE__ */ jsx(\n        Toggle,\n        {\n          label: title,\n          systemImage,\n          isOn: state === \"on\",\n          onIsOnChange: fire,\n          modifiers: itemModifiers\n        },\n        action.id\n      );\n    }\n    return /* @__PURE__ */ jsx(\n      Button,\n      {\n        label: title,\n        systemImage,\n        role: attributes?.destructive ? \"destructive\" : void 0,\n        modifiers: itemModifiers,\n        onPress: fire\n      },\n      action.id\n    );\n  }\n  return function ExpoUIMenuView({\n    actions,\n    onPressAction,\n    shouldOpenOnLongPress,\n    title,\n    children\n  }) {\n    const items = actions.map((action) => renderAction(action, onPressAction));\n    const body = title ? /* @__PURE__ */ jsx(Section, { title, children: items }) : items;\n    const trigger = /* @__PURE__ */ jsx(RNHostView, { matchContents: true, children: /* @__PURE__ */ jsx(Fragment, { children }) });\n    return /* @__PURE__ */ jsx(Host, { ignoreSafeArea: \"all\", children: shouldOpenOnLongPress ? /* @__PURE__ */ jsxs(ContextMenu, { children: [\n      /* @__PURE__ */ jsx(ContextMenu.Trigger, { children: trigger }),\n      /* @__PURE__ */ jsx(ContextMenu.Items, { children: body })\n    ] }) : /* @__PURE__ */ jsx(Menu, { label: trigger, children: body }) });\n  };\n}\nexport {\n  createExpoUIMenuView\n};\n//# sourceMappingURL=expoUIMenuView.js.map\n"],"mappings":";;;AACA,SAAS,qBAAqB,EAC5B,SACA,aACC;CACD,MAAM,EAAE,QAAQ,aAAa,MAAM,MAAM,YAAY,SAAS,WAAW;CACzE,SAAS,aAAa,QAAQ,eAAe;EAC3C,IAAI,OAAO,YAAY,QAAQ,OAAO;EACtC,MAAM,EAAE,YAAY,eAAe,OAAO,YAAY,OAAO,UAAU;EACvE,MAAM,cAAc,OAAO,UAAU,WAAW,QAAQ,KAAK;EAC7D,IAAI,cAAc,WAAW,SAAS,GAAG;GACvC,MAAM,WAAW,WAAW,KAAK,QAAQ,aAAa,KAAK,aAAa,CAAC;GACzE,IAAI,eAAe;IACjB,OAAuB,oBAAI,SAAS;KAAE;KAAO;IAAS,GAAG,OAAO,EAAE;GACpE;GACA,OAAuB,oBAAI,MAAM;IAAE,OAAO;IAAO;IAAa;GAAS,GAAG,OAAO,EAAE;EACrF;EACA,MAAM,aAAa,gBAAgB,EAAE,aAAa,EAAE,OAAO,OAAO,GAAG,EAAE,CAAC;EACxE,MAAM,gBAAgB,YAAY,WAAW,CAAC,UAAU,SAAS,IAAI,CAAC,IAAI,KAAK;EAC/E,IAAI,UAAU,QAAQ,UAAU,OAAO;GACrC,OAAuB,oBACrB,QACA;IACE,OAAO;IACP;IACA,MAAM,UAAU;IAChB,cAAc;IACd,WAAW;GACb,GACA,OAAO,EACT;EACF;EACA,OAAuB,oBACrB,QACA;GACE,OAAO;GACP;GACA,MAAM,YAAY,cAAc,gBAAgB,KAAK;GACrD,WAAW;GACX,SAAS;EACX,GACA,OAAO,EACT;CACF;CACA,OAAO,SAAS,eAAe,EAC7B,SACA,eACA,uBACA,OACA,YACC;EACD,MAAM,QAAQ,QAAQ,KAAK,WAAW,aAAa,QAAQ,aAAa,CAAC;EACzE,MAAM,OAAO,QAAwB,oBAAI,SAAS;GAAE;GAAO,UAAU;EAAM,CAAC,IAAI;EAChF,MAAM,UAA0B,oBAAI,YAAY;GAAE,eAAe;GAAM,UAA0B,oBAAI,UAAU,EAAE,SAAS,CAAC;EAAE,CAAC;EAC9H,OAAuB,oBAAI,MAAM;GAAE,gBAAgB;GAAO,UAAU,wBAAwC,qBAAK,aAAa,EAAE,UAAU,CACxH,oBAAI,YAAY,SAAS,EAAE,UAAU,QAAQ,CAAC,GAC9C,oBAAI,YAAY,OAAO,EAAE,UAAU,KAAK,CAAC,CAC3D,EAAE,CAAC,IAAoB,oBAAI,MAAM;IAAE,OAAO;IAAS,UAAU;GAAK,CAAC;EAAE,CAAC;CACxE;AACF"}

package/dist/esm/expoUIMenuView.native.js

@@ -0,0 +1,73 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import "react";
+
+function createExpoUIMenuView(param) {
+	var { swiftUI, modifiers } = param;
+	var { Button, ContextMenu, Host, Menu, RNHostView, Section, Toggle } = swiftUI;
+	function renderAction(action, onPressAction) {
+		var _action_attributes;
+		if ((_action_attributes = action.attributes) === null || _action_attributes === void 0 ? void 0 : _action_attributes.hidden) return null;
+		var { subactions, displayInline, state, attributes, image, title } = action;
+		var systemImage = typeof image === "string" ? image : void 0;
+		if (subactions && subactions.length > 0) {
+			var children = subactions.map(function(sub) {
+				return renderAction(sub, onPressAction);
+			});
+			if (displayInline) {
+				return /* @__PURE__ */ jsx(Section, {
+					title,
+					children
+				}, action.id);
+			}
+			return /* @__PURE__ */ jsx(Menu, {
+				label: title,
+				systemImage,
+				children
+			}, action.id);
+		}
+		var fire = function() {
+			return onPressAction === null || onPressAction === void 0 ? void 0 : onPressAction({ nativeEvent: { event: action.id } });
+		};
+		var itemModifiers = (attributes === null || attributes === void 0 ? void 0 : attributes.disabled) ? [modifiers.disabled(true)] : void 0;
+		if (state === "on" || state === "off") {
+			return /* @__PURE__ */ jsx(Toggle, {
+				label: title,
+				systemImage,
+				isOn: state === "on",
+				onIsOnChange: fire,
+				modifiers: itemModifiers
+			}, action.id);
+		}
+		return /* @__PURE__ */ jsx(Button, {
+			label: title,
+			systemImage,
+			role: (attributes === null || attributes === void 0 ? void 0 : attributes.destructive) ? "destructive" : void 0,
+			modifiers: itemModifiers,
+			onPress: fire
+		}, action.id);
+	}
+	return function ExpoUIMenuView(param2) {
+		var { actions, onPressAction, shouldOpenOnLongPress, title, children } = param2;
+		var items = actions.map(function(action) {
+			return renderAction(action, onPressAction);
+		});
+		var body = title ? /* @__PURE__ */ jsx(Section, {
+			title,
+			children: items
+		}) : items;
+		var trigger = /* @__PURE__ */ jsx(RNHostView, {
+			matchContents: true,
+			children: /* @__PURE__ */ jsx(Fragment, { children })
+		});
+		return /* @__PURE__ */ jsx(Host, {
+			ignoreSafeArea: "all",
+			children: shouldOpenOnLongPress ? /* @__PURE__ */ jsxs(ContextMenu, { children: [/* @__PURE__ */ jsx(ContextMenu.Trigger, { children: trigger }), /* @__PURE__ */ jsx(ContextMenu.Items, { children: body })] }) : /* @__PURE__ */ jsx(Menu, {
+				label: trigger,
+				children: body
+			})
+		});
+	};
+}
+
+export { createExpoUIMenuView };
+//# sourceMappingURL=expoUIMenuView.native.js.map

package/dist/esm/expoUIMenuView.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expoUIMenuView.native.js","names":["_Fragment"],"sources":["esm/expoUIMenuView.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React from \"react\";\nfunction createExpoUIMenuView(param) {\n  var { swiftUI, modifiers } = param;\n  var { Button, ContextMenu, Host, Menu, RNHostView, Section, Toggle } = swiftUI;\n  function renderAction(action, onPressAction) {\n    var _action_attributes;\n    if ((_action_attributes = action.attributes) === null || _action_attributes === void 0 ? void 0 : _action_attributes.hidden) return null;\n    var { subactions, displayInline, state, attributes, image, title } = action;\n    var systemImage = typeof image === \"string\" ? image : void 0;\n    if (subactions && subactions.length > 0) {\n      var children = subactions.map(function(sub) {\n        return renderAction(sub, onPressAction);\n      });\n      if (displayInline) {\n        return /* @__PURE__ */ _jsx(Section, {\n          title,\n          children\n        }, action.id);\n      }\n      return /* @__PURE__ */ _jsx(Menu, {\n        label: title,\n        systemImage,\n        children\n      }, action.id);\n    }\n    var fire = function() {\n      return onPressAction === null || onPressAction === void 0 ? void 0 : onPressAction({\n        nativeEvent: {\n          event: action.id\n        }\n      });\n    };\n    var itemModifiers = (attributes === null || attributes === void 0 ? void 0 : attributes.disabled) ? [\n      modifiers.disabled(true)\n    ] : void 0;\n    if (state === \"on\" || state === \"off\") {\n      return /* @__PURE__ */ _jsx(Toggle, {\n        label: title,\n        systemImage,\n        isOn: state === \"on\",\n        onIsOnChange: fire,\n        modifiers: itemModifiers\n      }, action.id);\n    }\n    return /* @__PURE__ */ _jsx(Button, {\n      label: title,\n      systemImage,\n      role: (attributes === null || attributes === void 0 ? void 0 : attributes.destructive) ? \"destructive\" : void 0,\n      modifiers: itemModifiers,\n      onPress: fire\n    }, action.id);\n  }\n  return function ExpoUIMenuView(param2) {\n    var { actions, onPressAction, shouldOpenOnLongPress, title, children } = param2;\n    var items = actions.map(function(action) {\n      return renderAction(action, onPressAction);\n    });\n    var body = title ? /* @__PURE__ */ _jsx(Section, {\n      title,\n      children: items\n    }) : items;\n    var trigger = /* @__PURE__ */ _jsx(RNHostView, {\n      matchContents: true,\n      children: /* @__PURE__ */ _jsx(_Fragment, {\n        children\n      })\n    });\n    return /* @__PURE__ */ _jsx(Host, {\n      ignoreSafeArea: \"all\",\n      children: shouldOpenOnLongPress ? /* @__PURE__ */ _jsxs(ContextMenu, {\n        children: [\n          /* @__PURE__ */ _jsx(ContextMenu.Trigger, {\n            children: trigger\n          }),\n          /* @__PURE__ */ _jsx(ContextMenu.Items, {\n            children: body\n          })\n        ]\n      }) : /* @__PURE__ */ _jsx(Menu, {\n        label: trigger,\n        children: body\n      })\n    });\n  };\n}\nexport {\n  createExpoUIMenuView\n};\n//# sourceMappingURL=expoUIMenuView.js.map\n"],"mappings":";;;;AAEA,SAAS,qBAAqB,OAAO;CACnC,IAAI,EAAE,SAAS,cAAc;CAC7B,IAAI,EAAE,QAAQ,aAAa,MAAM,MAAM,YAAY,SAAS,WAAW;CACvE,SAAS,aAAa,QAAQ,eAAe;EAC3C,IAAI;EACJ,KAAK,qBAAqB,OAAO,gBAAgB,QAAQ,uBAAuB,KAAK,IAAI,KAAK,IAAI,mBAAmB,QAAQ,OAAO;EACpI,IAAI,EAAE,YAAY,eAAe,OAAO,YAAY,OAAO,UAAU;EACrE,IAAI,cAAc,OAAO,UAAU,WAAW,QAAQ,KAAK;EAC3D,IAAI,cAAc,WAAW,SAAS,GAAG;GACvC,IAAI,WAAW,WAAW,IAAI,SAAS,KAAK;IAC1C,OAAO,aAAa,KAAK,aAAa;GACxC,CAAC;GACD,IAAI,eAAe;IACjB,OAAuB,oBAAK,SAAS;KACnC;KACA;IACF,GAAG,OAAO,EAAE;GACd;GACA,OAAuB,oBAAK,MAAM;IAChC,OAAO;IACP;IACA;GACF,GAAG,OAAO,EAAE;EACd;EACA,IAAI,OAAO,WAAW;GACpB,OAAO,kBAAkB,QAAQ,kBAAkB,KAAK,IAAI,KAAK,IAAI,cAAc,EACjF,aAAa,EACX,OAAO,OAAO,GAChB,EACF,CAAC;EACH;EACA,IAAI,iBAAiB,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW,YAAY,CAClG,UAAU,SAAS,IAAI,CACzB,IAAI,KAAK;EACT,IAAI,UAAU,QAAQ,UAAU,OAAO;GACrC,OAAuB,oBAAK,QAAQ;IAClC,OAAO;IACP;IACA,MAAM,UAAU;IAChB,cAAc;IACd,WAAW;GACb,GAAG,OAAO,EAAE;EACd;EACA,OAAuB,oBAAK,QAAQ;GAClC,OAAO;GACP;GACA,OAAO,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW,eAAe,gBAAgB,KAAK;GAC9G,WAAW;GACX,SAAS;EACX,GAAG,OAAO,EAAE;CACd;CACA,OAAO,SAAS,eAAe,QAAQ;EACrC,IAAI,EAAE,SAAS,eAAe,uBAAuB,OAAO,aAAa;EACzE,IAAI,QAAQ,QAAQ,IAAI,SAAS,QAAQ;GACvC,OAAO,aAAa,QAAQ,aAAa;EAC3C,CAAC;EACD,IAAI,OAAO,QAAwB,oBAAK,SAAS;GAC/C;GACA,UAAU;EACZ,CAAC,IAAI;EACL,IAAI,UAA0B,oBAAK,YAAY;GAC7C,eAAe;GACf,UAA0B,oBAAKA,UAAW,EACxC,SACF,CAAC;EACH,CAAC;EACD,OAAuB,oBAAK,MAAM;GAChC,gBAAgB;GAChB,UAAU,wBAAwC,qBAAM,aAAa,EACnE,UAAU,CACQ,oBAAK,YAAY,SAAS,EACxC,UAAU,QACZ,CAAC,GACe,oBAAK,YAAY,OAAO,EACtC,UAAU,KACZ,CAAC,CACH,EACF,CAAC,IAAoB,oBAAK,MAAM;IAC9B,OAAO;IACP,UAAU;GACZ,CAAC;EACH,CAAC;CACH;AACF"}

package/dist/esm/setup-expo-ui-menu.mjs

@@ -1,4 +1,5 @@
 import { createExpoUIMenuAdapter } from "./expoUIMenuAdapter.mjs";
+import { createExpoUIMenuView } from "./expoUIMenuView.mjs";
 import { registerNativeMenuAdapter } from "./nativeMenuState.mjs";
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof require !== "undefined" ? require : a)[b] }) : x)(function(x) {
@@ -9,7 +10,10 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 function setup() {
 	let MenuView;
 	try {
-		MenuView = __require("@expo/ui/community/menu").MenuView;
+		MenuView = createExpoUIMenuView({
+			swiftUI: __require("@expo/ui/swift-ui"),
+			modifiers: __require("@expo/ui/swift-ui/modifiers")
+		});
 	} catch (error) {
 		if (process.env.NODE_ENV === "development") {
 			console.warn("Error setting up Expo UI native menus", error);

package/dist/esm/setup-expo-ui-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"setup-expo-ui-menu.js","names":[],"sources":["esm/setup-expo-ui-menu.js"],"sourcesContent":["import { createExpoUIMenuAdapter } from \"./expoUIMenuAdapter\";\nimport { registerNativeMenuAdapter } from \"./nativeMenuState\";\nfunction setup() {\n  let MenuView;\n  try {\n    MenuView = require(\"@expo/ui/community/menu\").MenuView;\n  } catch (error) {\n    if (process.env.NODE_ENV === \"development\") {\n      console.warn(\"Error setting up Expo UI native menus\", error);\n    }\n    return;\n  }\n  registerNativeMenuAdapter(createExpoUIMenuAdapter({ MenuView }));\n}\nsetup();\n//# sourceMappingURL=setup-expo-ui-menu.js.map\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,QAAQ;CACf,IAAI;CACJ,IAAI;EACF,qBAAmB,yBAAyB,CAAC,CAAC;CAChD,SAAS,OAAO;EACd,IAAI,QAAQ,IAAI,aAAa,eAAe;GAC1C,QAAQ,KAAK,yCAAyC,KAAK;EAC7D;EACA;CACF;CACA,0BAA0B,wBAAwB,EAAE,SAAS,CAAC,CAAC;AACjE;AACA,MAAM"}
+{"version":3,"file":"setup-expo-ui-menu.js","names":[],"sources":["esm/setup-expo-ui-menu.js"],"sourcesContent":["import { createExpoUIMenuAdapter } from \"./expoUIMenuAdapter\";\nimport { createExpoUIMenuView } from \"./expoUIMenuView\";\nimport { registerNativeMenuAdapter } from \"./nativeMenuState\";\nfunction setup() {\n  let MenuView;\n  try {\n    MenuView = createExpoUIMenuView({\n      swiftUI: require(\"@expo/ui/swift-ui\"),\n      modifiers: require(\"@expo/ui/swift-ui/modifiers\")\n    });\n  } catch (error) {\n    if (process.env.NODE_ENV === \"development\") {\n      console.warn(\"Error setting up Expo UI native menus\", error);\n    }\n    return;\n  }\n  registerNativeMenuAdapter(createExpoUIMenuAdapter({ MenuView }));\n}\nsetup();\n//# sourceMappingURL=setup-expo-ui-menu.js.map\n"],"mappings":";;;;;;;;;;;;AAGA,SAAS,QAAQ;CACf,IAAI;CACJ,IAAI;EACF,WAAW,qBAAqB;GAC9B,mBAAiB,mBAAmB;GACpC,qBAAmB,6BAA6B;EAClD,CAAC;CACH,SAAS,OAAO;EACd,IAAI,QAAQ,IAAI,aAAa,eAAe;GAC1C,QAAQ,KAAK,yCAAyC,KAAK;EAC7D;EACA;CACF;CACA,0BAA0B,wBAAwB,EAAE,SAAS,CAAC,CAAC;AACjE;AACA,MAAM"}

package/dist/esm/setup-expo-ui-menu.native.js

@@ -1,4 +1,5 @@
 import { createExpoUIMenuAdapter } from "./expoUIMenuAdapter.native.js";
+import { createExpoUIMenuView } from "./expoUIMenuView.native.js";
 import { registerNativeMenuAdapter } from "./nativeMenuState.native.js";
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof require !== "undefined" ? require : a)[b] }) : x)(function(x) {
@@ -9,7 +10,10 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 function setup() {
 	var MenuView;
 	try {
-		MenuView = require("@expo/ui/community/menu").MenuView;
+		MenuView = createExpoUIMenuView({
+			swiftUI: require("@expo/ui/swift-ui"),
+			modifiers: require("@expo/ui/swift-ui/modifiers")
+		});
 	} catch (error) {
 		if (process.env.NODE_ENV === "development") {
 			console.warn("Error setting up Expo UI native menus", error);

package/dist/esm/setup-expo-ui-menu.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup-expo-ui-menu.native.js","names":[],"sources":["esm/setup-expo-ui-menu.native.js"],"sourcesContent":["import { createExpoUIMenuAdapter } from \"./expoUIMenuAdapter\";\nimport { registerNativeMenuAdapter } from \"./nativeMenuState\";\nfunction setup() {\n  var MenuView;\n  try {\n    MenuView = require(\"@expo/ui/community/menu\").MenuView;\n  } catch (error) {\n    if (process.env.NODE_ENV === \"development\") {\n      console.warn(\"Error setting up Expo UI native menus\", error);\n    }\n    return;\n  }\n  registerNativeMenuAdapter(createExpoUIMenuAdapter({\n    MenuView\n  }));\n}\nsetup();\n//# sourceMappingURL=setup-expo-ui-menu.js.map\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,QAAQ;CACf,IAAI;CACJ,IAAI;EACF,qBAAmB,yBAAyB,CAAC,CAAC;CAChD,SAAS,OAAO;EACd,IAAI,QAAQ,IAAI,aAAa,eAAe;GAC1C,QAAQ,KAAK,yCAAyC,KAAK;EAC7D;EACA;CACF;CACA,0BAA0B,wBAAwB,EAChD,SACF,CAAC,CAAC;AACJ;AACA,MAAM"}
+{"version":3,"file":"setup-expo-ui-menu.native.js","names":[],"sources":["esm/setup-expo-ui-menu.native.js"],"sourcesContent":["import { createExpoUIMenuAdapter } from \"./expoUIMenuAdapter\";\nimport { createExpoUIMenuView } from \"./expoUIMenuView\";\nimport { registerNativeMenuAdapter } from \"./nativeMenuState\";\nfunction setup() {\n  var MenuView;\n  try {\n    MenuView = createExpoUIMenuView({\n      swiftUI: require(\"@expo/ui/swift-ui\"),\n      modifiers: require(\"@expo/ui/swift-ui/modifiers\")\n    });\n  } catch (error) {\n    if (process.env.NODE_ENV === \"development\") {\n      console.warn(\"Error setting up Expo UI native menus\", error);\n    }\n    return;\n  }\n  registerNativeMenuAdapter(createExpoUIMenuAdapter({\n    MenuView\n  }));\n}\nsetup();\n//# sourceMappingURL=setup-expo-ui-menu.js.map\n"],"mappings":";;;;;;;;;;;;AAGA,SAAS,QAAQ;CACf,IAAI;CACJ,IAAI;EACF,WAAW,qBAAqB;GAC9B,mBAAiB,mBAAmB;GACpC,qBAAmB,6BAA6B;EAClD,CAAC;CACH,SAAS,OAAO;EACd,IAAI,QAAQ,IAAI,aAAa,eAAe;GAC1C,QAAQ,KAAK,yCAAyC,KAAK;EAC7D;EACA;CACF;CACA,0BAA0B,wBAAwB,EAChD,SACF,CAAC,CAAC;AACJ;AACA,MAAM"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/native",
-  "version": "3.0.0-beta.1161.1",
+  "version": "3.0.0-beta.1173.1",
   "license": "MIT",
   "description": "Native setup modules for Tamagui - portals, gesture handler, worklets, and more",
   "type": "module",
@@ -182,12 +182,12 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "3.0.0-beta.1161.1",
-    "@tamagui/react-native-types": "3.0.0-beta.1161.1"
+    "@tamagui/compose-refs": "3.0.0-beta.1173.1",
+    "@tamagui/react-native-types": "3.0.0-beta.1173.1"
   },
   "devDependencies": {
     "@expo/ui": "~57.0.12",
-    "@tamagui/build": "3.0.0-beta.1161.1",
+    "@tamagui/build": "3.0.0-beta.1173.1",
     "burnt": "^0.13.0",
     "expo-linear-gradient": "~57.0.1",
     "react": "19.2.3",

package/src/expoUIMenuAdapter.tsx

@@ -3,7 +3,7 @@ import React from 'react'
 
 import type { NativeMenuAdapter, NativeMenuModule } from './nativeMenuState'
 
-type ExpoMenuAction = {
+export type ExpoMenuAction = {
   id: string
   title: string
   image?: unknown
@@ -17,7 +17,7 @@ type ExpoMenuAction = {
   displayInline?: boolean
 }
 
-type ExpoMenuViewProps = {
+export type ExpoMenuViewProps = {
   actions: ExpoMenuAction[]
   title?: string
   shouldOpenOnLongPress?: boolean

package/src/expoUIMenuView.tsx

@@ -0,0 +1,124 @@
+import type { ComponentType, ReactNode } from 'react'
+import React from 'react'
+
+import type { ExpoMenuAction, ExpoMenuViewProps } from './expoUIMenuAdapter'
+
+// the swiftui menu behind every native Menu and ContextMenu trigger on ios,
+// composed from @expo/ui/swift-ui the same way @expo/ui's community MenuView
+// is, minus `matchContents` on the Host. that flag copies each SwiftUI
+// measurement back onto the host's yoga node as a fixed height, and yoga then
+// measures the trigger's react-native children against that height, so trigger
+// content can shrink but never grow: a row that mounts empty and fills in later
+// stays at 0pt, and a streaming paragraph stays at its first line count. without
+// the flag the host takes its height from the hosted react-native subtree like
+// any other view, and RNHostView still sizes the SwiftUI side from that
+// subtree's yoga bounds.
+
+type SwiftUIModule = {
+  Button: ComponentType<any>
+  ContextMenu: ComponentType<any> & {
+    Trigger: ComponentType<any>
+    Items: ComponentType<any>
+  }
+  Host: ComponentType<any>
+  Menu: ComponentType<any>
+  RNHostView: ComponentType<any>
+  Section: ComponentType<any>
+  Toggle: ComponentType<any>
+}
+
+type SwiftUIModifiersModule = {
+  disabled: (value: boolean) => unknown
+}
+
+export function createExpoUIMenuView({
+  swiftUI,
+  modifiers,
+}: {
+  swiftUI: SwiftUIModule
+  modifiers: SwiftUIModifiersModule
+}): ComponentType<ExpoMenuViewProps> {
+  const { Button, ContextMenu, Host, Menu, RNHostView, Section, Toggle } = swiftUI
+
+  function renderAction(
+    action: ExpoMenuAction,
+    onPressAction: ExpoMenuViewProps['onPressAction']
+  ): ReactNode {
+    if (action.attributes?.hidden) return null
+    const { subactions, displayInline, state, attributes, image, title } = action
+    const systemImage = typeof image === 'string' ? image : undefined
+
+    if (subactions && subactions.length > 0) {
+      const children = subactions.map((sub) => renderAction(sub, onPressAction))
+      if (displayInline) {
+        return (
+          <Section key={action.id} title={title}>
+            {children}
+          </Section>
+        )
+      }
+      return (
+        <Menu key={action.id} label={title} systemImage={systemImage}>
+          {children}
+        </Menu>
+      )
+    }
+
+    const fire = () => onPressAction?.({ nativeEvent: { event: action.id } })
+    const itemModifiers = attributes?.disabled ? [modifiers.disabled(true)] : undefined
+
+    if (state === 'on' || state === 'off') {
+      return (
+        <Toggle
+          key={action.id}
+          label={title}
+          systemImage={systemImage}
+          isOn={state === 'on'}
+          onIsOnChange={fire}
+          modifiers={itemModifiers}
+        />
+      )
+    }
+
+    return (
+      <Button
+        key={action.id}
+        label={title}
+        systemImage={systemImage}
+        role={attributes?.destructive ? 'destructive' : undefined}
+        modifiers={itemModifiers}
+        onPress={fire}
+      />
+    )
+  }
+
+  return function ExpoUIMenuView({
+    actions,
+    onPressAction,
+    shouldOpenOnLongPress,
+    title,
+    children,
+  }: ExpoMenuViewProps) {
+    const items = actions.map((action) => renderAction(action, onPressAction))
+    const body = title ? <Section title={title}>{items}</Section> : items
+    // RNHostView takes exactly one element, so the trigger children ride in a
+    // fragment
+    const trigger = (
+      <RNHostView matchContents>
+        <>{children}</>
+      </RNHostView>
+    )
+    return (
+      <Host ignoreSafeArea="all">
+        {shouldOpenOnLongPress ? (
+          <ContextMenu>
+            <ContextMenu.Trigger>{trigger}</ContextMenu.Trigger>
+            <ContextMenu.Items>{body}</ContextMenu.Items>
+          </ContextMenu>
+        ) : (
+          <Menu label={trigger}>{body}</Menu>
+        )}
+      </Host>
+    )
+  }
+}

package/src/setup-expo-ui-menu.ts

@@ -6,12 +6,16 @@
  */
 
 import { createExpoUIMenuAdapter } from './expoUIMenuAdapter'
+import { createExpoUIMenuView } from './expoUIMenuView'
 import { registerNativeMenuAdapter } from './nativeMenuState'
 
 function setup(): void {
   let MenuView
   try {
-    MenuView = require('@expo/ui/community/menu').MenuView
+    MenuView = createExpoUIMenuView({
+      swiftUI: require('@expo/ui/swift-ui'),
+      modifiers: require('@expo/ui/swift-ui/modifiers'),
+    })
   } catch (error) {
     if (process.env.NODE_ENV === 'development') {
       console.warn('Error setting up Expo UI native menus', error)

package/types/expoUIMenuAdapter.d.ts

@@ -1,5 +1,31 @@
-import type { ComponentType } from "react";
+import type { ComponentType, ReactNode } from "react";
 import type { NativeMenuAdapter } from "./nativeMenuState";
+export type ExpoMenuAction = {
+	id: string;
+	title: string;
+	image?: unknown;
+	state?: "on" | "off";
+	attributes?: {
+		destructive?: boolean;
+		disabled?: boolean;
+		hidden?: boolean;
+	};
+	subactions?: ExpoMenuAction[];
+	displayInline?: boolean;
+};
+export type ExpoMenuViewProps = {
+	actions: ExpoMenuAction[];
+	title?: string;
+	shouldOpenOnLongPress?: boolean;
+	onPressAction?: (event: {
+		nativeEvent: {
+			event: string;
+		};
+	}) => void;
+	onOpenMenu?: () => void;
+	onCloseMenu?: () => void;
+	children?: ReactNode;
+};
 export type ExpoUIMenuAdapterOptions = {
 	MenuView: ComponentType<any>;
 };

package/types/expoUIMenuAdapter.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "mappings": "AAAA,cAAc,qBAA8C;AAG5D,cAAc,yBAA2C;AA0BzD,YAAY,2BAA2B;CACrC,UAAU;;AAgEZ,OAAO,iBAAS,wBAAwB,EACtC,YACC,2BAA2B",
+  "mappings": "AAAA,cAAc,eAA6B,iBAAiB;AAG5D,cAAc,yBAA2C;AAEzD,YAAY,iBAAiB;CAC3B;CACA;CACA;CACA,QAAQ,OAAO;CACf,aAAa;EACX;EACA;EACA;;CAEF,aAAa;CACb;;AAGF,YAAY,oBAAoB;CAC9B,SAAS;CACT;CACA;CACA,iBAAiB,OAAO;EAAE,aAAa;GAAE;;;CACzC;CACA;CACA,WAAW;;AAGb,YAAY,2BAA2B;CACrC,UAAU;;AAgEZ,OAAO,iBAAS,wBAAwB,EACtC,YACC,2BAA2B",
   "names": [],
   "sources": [
     "src/expoUIMenuAdapter.tsx"
   ],
   "version": 3,
   "sourcesContent": [
-    "import type { ComponentType, ReactElement, ReactNode } from 'react'\nimport React from 'react'\n\nimport type { NativeMenuAdapter, NativeMenuModule } from './nativeMenuState'\n\ntype ExpoMenuAction = {\n  id: string\n  title: string\n  image?: unknown\n  state?: 'on' | 'off'\n  attributes?: {\n    destructive?: boolean\n    disabled?: boolean\n    hidden?: boolean\n  }\n  subactions?: ExpoMenuAction[]\n  displayInline?: boolean\n}\n\ntype ExpoMenuViewProps = {\n  actions: ExpoMenuAction[]\n  title?: string\n  shouldOpenOnLongPress?: boolean\n  onPressAction?: (event: { nativeEvent: { event: string } }) => void\n  onOpenMenu?: () => void\n  onCloseMenu?: () => void\n  children?: ReactNode\n}\n\nexport type ExpoUIMenuAdapterOptions = {\n  MenuView: ComponentType<any>\n}\n\ntype MarkerProps = {\n  children?: ReactNode\n  [key: string]: unknown\n}\n\nfunction marker(name: string): ComponentType<MarkerProps> {\n  const Marker = () => null\n  Marker.displayName = `ExpoUI${name}`\n  return Marker\n}\n\nfunction isMarkerType(candidate: unknown, type: ComponentType<MarkerProps>): boolean {\n  if (candidate === type) return true\n  // createMenu runs every native component through withNativeMenu, which wraps\n  // it in a new function component and copies the marker's displayName onto the\n  // wrapper. that wrapper is a different reference, so an identity-only check\n  // matches nothing and every item silently comes back with an empty title, no\n  // icon, and no submenu. fall back to the (unique, ExpoUI-prefixed) name.\n  const wanted = (type as { displayName?: string }).displayName\n  if (!wanted) return false\n  return (\n    typeof candidate === 'function' &&\n    (candidate as { displayName?: string }).displayName === wanted\n  )\n}\n\nfunction elementOfType(\n  children: ReactNode,\n  type: ComponentType<MarkerProps>\n): ReactElement<MarkerProps> | null {\n  for (const child of React.Children.toArray(children)) {\n    if (React.isValidElement<MarkerProps>(child) && isMarkerType(child.type, type)) {\n      return child\n    }\n  }\n  return null\n}\n\nconst warnedUnsupported = new Set<string>()\n\n// @expo/ui's MenuAction carries no subtitle, and its MenuView has no preview or\n// auxiliary view. these are decorations on a menu that is otherwise complete, so\n// drop them and warn once. throwing took down the whole app for an optional\n// embellishment. apps cannot avoid this without forking their markup per adapter.\nfunction warnUnsupported(feature: string) {\n  if (warnedUnsupported.has(feature) || process.env.NODE_ENV === 'production') {\n    return\n  }\n  warnedUnsupported.add(feature)\n  console.warn(\n    `[Tamagui] @expo/ui/community/menu does not support ${feature}, so it will not render. ` +\n      `Register a different native menu adapter if you need it.`\n  )\n}\n\nfunction textFromNode(node: ReactNode): string {\n  if (typeof node === 'string' || typeof node === 'number') return String(node)\n  if (!React.isValidElement<MarkerProps>(node)) return ''\n  return React.Children.toArray(node.props.children).map(textFromNode).join('')\n}\n\nexport function createExpoUIMenuAdapter({\n  MenuView,\n}: ExpoUIMenuAdapterOptions): NativeMenuAdapter {\n  const NativeMenuView: ComponentType<ExpoMenuViewProps> = MenuView\n\n  function createModule(isContextMenu: boolean): NativeMenuModule {\n    const Trigger = marker('Trigger')\n    const Content = marker('Content')\n    const Item = marker('Item')\n    const ItemTitle = marker('ItemTitle')\n    const ItemSubtitle = marker('ItemSubtitle')\n    const ItemIcon = marker('ItemIcon')\n    const ItemImage = marker('ItemImage')\n    const ItemIndicator = marker('ItemIndicator')\n    const Group = marker('Group')\n    const Label = marker('Label')\n    const Separator = marker('Separator')\n    const Sub = marker('Sub')\n    const SubTrigger = marker('SubTrigger')\n    const SubContent = marker('SubContent')\n    const CheckboxItem = marker('CheckboxItem')\n    const Preview = marker('Preview')\n    const Auxiliary = marker('Auxiliary')\n\n    function Root({\n      children,\n      onOpenChange,\n      onOpenWillChange,\n    }: {\n      children?: ReactNode\n      onOpenChange?: (open: boolean) => void\n      onOpenWillChange?: (open: boolean) => void\n    }) {\n      const trigger = elementOfType(children, Trigger)\n      const content = elementOfType(children, Content)\n      const preview = elementOfType(children, Preview)\n      const auxiliary = elementOfType(children, Auxiliary)\n\n      if (preview || auxiliary) {\n        warnUnsupported('context-menu previews or auxiliary views')\n      }\n      if (!trigger || !content) {\n        throw new Error('Tamagui native menus require one Trigger and one Content')\n      }\n\n      let nextId = 0\n      const handlers = new Map<string, () => void>()\n\n      function actionId(element: ReactElement<MarkerProps>): string {\n        return element.key == null\n          ? `tamagui-menu-${nextId++}`\n          : String(element.key).replace(/^\\.\\$/, '')\n      }\n\n      function itemTitle(element: ReactElement<MarkerProps>): string {\n        if (typeof element.props.textValue === 'string') return element.props.textValue\n        const title = elementOfType(element.props.children, ItemTitle)\n        return title ? textFromNode(title.props.children) : ''\n      }\n\n      function actionImage(element: ReactElement<MarkerProps>): unknown {\n        const image = elementOfType(element.props.children, ItemImage)\n        if (image?.props.source) return image.props.source\n        const icon = elementOfType(element.props.children, ItemIcon)\n        if (!icon) return undefined\n        const ios = icon.props.ios\n        if (\n          typeof ios === 'object' &&\n          ios &&\n          'name' in ios &&\n          typeof ios.name === 'string'\n        ) {\n          return ios.name\n        }\n        return typeof icon.props.iosIconName === 'string'\n          ? icon.props.iosIconName\n          : undefined\n      }\n\n      function attributes(\n        element: ReactElement<MarkerProps>\n      ): ExpoMenuAction['attributes'] {\n        const destructive = element.props.destructive === true\n        const disabled = element.props.disabled === true\n        const hidden = element.props.hidden === true\n        return destructive || disabled || hidden\n          ? { destructive, disabled, hidden }\n          : undefined\n      }\n\n      function actionsFrom(childrenToParse: ReactNode): ExpoMenuAction[] {\n        const actions: ExpoMenuAction[] = []\n        let section: ExpoMenuAction[] | null = null\n\n        function append(action: ExpoMenuAction) {\n          if (section) {\n            section.push(action)\n          } else {\n            actions.push(action)\n          }\n        }\n\n        function flushSection() {\n          if (!section?.length) {\n            section = []\n            return\n          }\n          actions.push({\n            id: `tamagui-menu-section-${nextId++}`,\n            title: '',\n            subactions: section,\n            displayInline: true,\n          })\n          section = []\n        }\n\n        for (const child of React.Children.toArray(childrenToParse)) {\n          if (!React.isValidElement<MarkerProps>(child)) continue\n\n          if (isMarkerType(child.type, Separator)) {\n            if (!section) section = actions.splice(0)\n            flushSection()\n            continue\n          }\n\n          if (isMarkerType(child.type, Group)) {\n            const label = elementOfType(child.props.children, Label)\n            append({\n              id: actionId(child),\n              title: label ? textFromNode(label.props.children) : '',\n              subactions: actionsFrom(child.props.children),\n              displayInline: true,\n            })\n            continue\n          }\n\n          if (isMarkerType(child.type, Sub)) {\n            const subTrigger = elementOfType(child.props.children, SubTrigger)\n            const subContent = elementOfType(child.props.children, SubContent)\n            if (!subTrigger || !subContent) {\n              throw new Error(\n                'Tamagui native submenus require one SubTrigger and SubContent'\n              )\n            }\n            append({\n              id: actionId(child),\n              title: itemTitle(subTrigger),\n              image: actionImage(subTrigger),\n              attributes: attributes(subTrigger),\n              subactions: actionsFrom(subContent.props.children),\n            })\n            continue\n          }\n\n          if (!isMarkerType(child.type, Item) && !isMarkerType(child.type, CheckboxItem))\n            continue\n\n          if (elementOfType(child.props.children, ItemSubtitle)) {\n            warnUnsupported('menu item subtitles')\n          }\n\n          const id = actionId(child)\n          if (isMarkerType(child.type, CheckboxItem)) {\n            const current =\n              child.props.value === true ||\n              child.props.value === 'on' ||\n              child.props.checked === true\n            const onValueChange = child.props.onValueChange\n            const onCheckedChange = child.props.onCheckedChange\n            handlers.set(id, () => {\n              if (typeof onValueChange === 'function') {\n                onValueChange(current ? 'off' : 'on', current ? 'on' : 'off')\n              } else if (typeof onCheckedChange === 'function') {\n                onCheckedChange(!current)\n              }\n            })\n            append({\n              id,\n              title: itemTitle(child),\n              image: actionImage(child),\n              state: current ? 'on' : 'off',\n              attributes: attributes(child),\n            })\n            continue\n          }\n\n          const onSelect = child.props.onSelect\n          if (typeof onSelect === 'function') {\n            handlers.set(id, () => onSelect())\n          }\n          append({\n            id,\n            title: itemTitle(child),\n            image: actionImage(child),\n            attributes: attributes(child),\n          })\n        }\n\n        if (section) flushSection()\n        return actions\n      }\n\n      const label = elementOfType(content.props.children, Label)\n      const triggerAction = trigger.props.action\n\n      return (\n        <NativeMenuView\n          actions={actionsFrom(content.props.children)}\n          title={label ? textFromNode(label.props.children) : undefined}\n          shouldOpenOnLongPress={\n            triggerAction === 'longPress' || (triggerAction !== 'press' && isContextMenu)\n          }\n          onPressAction={(event) => handlers.get(event.nativeEvent.event)?.()}\n          onOpenMenu={() => {\n            onOpenWillChange?.(true)\n            onOpenChange?.(true)\n          }}\n          onCloseMenu={() => {\n            onOpenWillChange?.(false)\n            onOpenChange?.(false)\n          }}\n        >\n          {trigger.props.children}\n        </NativeMenuView>\n      )\n    }\n\n    return {\n      Root,\n      Trigger,\n      Content,\n      Item,\n      ItemTitle,\n      ItemSubtitle,\n      ItemIcon,\n      ItemImage,\n      ItemIndicator,\n      Group,\n      Label,\n      Separator,\n      Sub,\n      SubTrigger,\n      SubContent,\n      CheckboxItem,\n      Preview,\n      Auxiliary,\n    }\n  }\n\n  return {\n    name: 'expo-ui',\n    Menu: createModule(false),\n    ContextMenu: createModule(true),\n  }\n}\n"
+    "import type { ComponentType, ReactElement, ReactNode } from 'react'\nimport React from 'react'\n\nimport type { NativeMenuAdapter, NativeMenuModule } from './nativeMenuState'\n\nexport type ExpoMenuAction = {\n  id: string\n  title: string\n  image?: unknown\n  state?: 'on' | 'off'\n  attributes?: {\n    destructive?: boolean\n    disabled?: boolean\n    hidden?: boolean\n  }\n  subactions?: ExpoMenuAction[]\n  displayInline?: boolean\n}\n\nexport type ExpoMenuViewProps = {\n  actions: ExpoMenuAction[]\n  title?: string\n  shouldOpenOnLongPress?: boolean\n  onPressAction?: (event: { nativeEvent: { event: string } }) => void\n  onOpenMenu?: () => void\n  onCloseMenu?: () => void\n  children?: ReactNode\n}\n\nexport type ExpoUIMenuAdapterOptions = {\n  MenuView: ComponentType<any>\n}\n\ntype MarkerProps = {\n  children?: ReactNode\n  [key: string]: unknown\n}\n\nfunction marker(name: string): ComponentType<MarkerProps> {\n  const Marker = () => null\n  Marker.displayName = `ExpoUI${name}`\n  return Marker\n}\n\nfunction isMarkerType(candidate: unknown, type: ComponentType<MarkerProps>): boolean {\n  if (candidate === type) return true\n  // createMenu runs every native component through withNativeMenu, which wraps\n  // it in a new function component and copies the marker's displayName onto the\n  // wrapper. that wrapper is a different reference, so an identity-only check\n  // matches nothing and every item silently comes back with an empty title, no\n  // icon, and no submenu. fall back to the (unique, ExpoUI-prefixed) name.\n  const wanted = (type as { displayName?: string }).displayName\n  if (!wanted) return false\n  return (\n    typeof candidate === 'function' &&\n    (candidate as { displayName?: string }).displayName === wanted\n  )\n}\n\nfunction elementOfType(\n  children: ReactNode,\n  type: ComponentType<MarkerProps>\n): ReactElement<MarkerProps> | null {\n  for (const child of React.Children.toArray(children)) {\n    if (React.isValidElement<MarkerProps>(child) && isMarkerType(child.type, type)) {\n      return child\n    }\n  }\n  return null\n}\n\nconst warnedUnsupported = new Set<string>()\n\n// @expo/ui's MenuAction carries no subtitle, and its MenuView has no preview or\n// auxiliary view. these are decorations on a menu that is otherwise complete, so\n// drop them and warn once. throwing took down the whole app for an optional\n// embellishment. apps cannot avoid this without forking their markup per adapter.\nfunction warnUnsupported(feature: string) {\n  if (warnedUnsupported.has(feature) || process.env.NODE_ENV === 'production') {\n    return\n  }\n  warnedUnsupported.add(feature)\n  console.warn(\n    `[Tamagui] @expo/ui/community/menu does not support ${feature}, so it will not render. ` +\n      `Register a different native menu adapter if you need it.`\n  )\n}\n\nfunction textFromNode(node: ReactNode): string {\n  if (typeof node === 'string' || typeof node === 'number') return String(node)\n  if (!React.isValidElement<MarkerProps>(node)) return ''\n  return React.Children.toArray(node.props.children).map(textFromNode).join('')\n}\n\nexport function createExpoUIMenuAdapter({\n  MenuView,\n}: ExpoUIMenuAdapterOptions): NativeMenuAdapter {\n  const NativeMenuView: ComponentType<ExpoMenuViewProps> = MenuView\n\n  function createModule(isContextMenu: boolean): NativeMenuModule {\n    const Trigger = marker('Trigger')\n    const Content = marker('Content')\n    const Item = marker('Item')\n    const ItemTitle = marker('ItemTitle')\n    const ItemSubtitle = marker('ItemSubtitle')\n    const ItemIcon = marker('ItemIcon')\n    const ItemImage = marker('ItemImage')\n    const ItemIndicator = marker('ItemIndicator')\n    const Group = marker('Group')\n    const Label = marker('Label')\n    const Separator = marker('Separator')\n    const Sub = marker('Sub')\n    const SubTrigger = marker('SubTrigger')\n    const SubContent = marker('SubContent')\n    const CheckboxItem = marker('CheckboxItem')\n    const Preview = marker('Preview')\n    const Auxiliary = marker('Auxiliary')\n\n    function Root({\n      children,\n      onOpenChange,\n      onOpenWillChange,\n    }: {\n      children?: ReactNode\n      onOpenChange?: (open: boolean) => void\n      onOpenWillChange?: (open: boolean) => void\n    }) {\n      const trigger = elementOfType(children, Trigger)\n      const content = elementOfType(children, Content)\n      const preview = elementOfType(children, Preview)\n      const auxiliary = elementOfType(children, Auxiliary)\n\n      if (preview || auxiliary) {\n        warnUnsupported('context-menu previews or auxiliary views')\n      }\n      if (!trigger || !content) {\n        throw new Error('Tamagui native menus require one Trigger and one Content')\n      }\n\n      let nextId = 0\n      const handlers = new Map<string, () => void>()\n\n      function actionId(element: ReactElement<MarkerProps>): string {\n        return element.key == null\n          ? `tamagui-menu-${nextId++}`\n          : String(element.key).replace(/^\\.\\$/, '')\n      }\n\n      function itemTitle(element: ReactElement<MarkerProps>): string {\n        if (typeof element.props.textValue === 'string') return element.props.textValue\n        const title = elementOfType(element.props.children, ItemTitle)\n        return title ? textFromNode(title.props.children) : ''\n      }\n\n      function actionImage(element: ReactElement<MarkerProps>): unknown {\n        const image = elementOfType(element.props.children, ItemImage)\n        if (image?.props.source) return image.props.source\n        const icon = elementOfType(element.props.children, ItemIcon)\n        if (!icon) return undefined\n        const ios = icon.props.ios\n        if (\n          typeof ios === 'object' &&\n          ios &&\n          'name' in ios &&\n          typeof ios.name === 'string'\n        ) {\n          return ios.name\n        }\n        return typeof icon.props.iosIconName === 'string'\n          ? icon.props.iosIconName\n          : undefined\n      }\n\n      function attributes(\n        element: ReactElement<MarkerProps>\n      ): ExpoMenuAction['attributes'] {\n        const destructive = element.props.destructive === true\n        const disabled = element.props.disabled === true\n        const hidden = element.props.hidden === true\n        return destructive || disabled || hidden\n          ? { destructive, disabled, hidden }\n          : undefined\n      }\n\n      function actionsFrom(childrenToParse: ReactNode): ExpoMenuAction[] {\n        const actions: ExpoMenuAction[] = []\n        let section: ExpoMenuAction[] | null = null\n\n        function append(action: ExpoMenuAction) {\n          if (section) {\n            section.push(action)\n          } else {\n            actions.push(action)\n          }\n        }\n\n        function flushSection() {\n          if (!section?.length) {\n            section = []\n            return\n          }\n          actions.push({\n            id: `tamagui-menu-section-${nextId++}`,\n            title: '',\n            subactions: section,\n            displayInline: true,\n          })\n          section = []\n        }\n\n        for (const child of React.Children.toArray(childrenToParse)) {\n          if (!React.isValidElement<MarkerProps>(child)) continue\n\n          if (isMarkerType(child.type, Separator)) {\n            if (!section) section = actions.splice(0)\n            flushSection()\n            continue\n          }\n\n          if (isMarkerType(child.type, Group)) {\n            const label = elementOfType(child.props.children, Label)\n            append({\n              id: actionId(child),\n              title: label ? textFromNode(label.props.children) : '',\n              subactions: actionsFrom(child.props.children),\n              displayInline: true,\n            })\n            continue\n          }\n\n          if (isMarkerType(child.type, Sub)) {\n            const subTrigger = elementOfType(child.props.children, SubTrigger)\n            const subContent = elementOfType(child.props.children, SubContent)\n            if (!subTrigger || !subContent) {\n              throw new Error(\n                'Tamagui native submenus require one SubTrigger and SubContent'\n              )\n            }\n            append({\n              id: actionId(child),\n              title: itemTitle(subTrigger),\n              image: actionImage(subTrigger),\n              attributes: attributes(subTrigger),\n              subactions: actionsFrom(subContent.props.children),\n            })\n            continue\n          }\n\n          if (!isMarkerType(child.type, Item) && !isMarkerType(child.type, CheckboxItem))\n            continue\n\n          if (elementOfType(child.props.children, ItemSubtitle)) {\n            warnUnsupported('menu item subtitles')\n          }\n\n          const id = actionId(child)\n          if (isMarkerType(child.type, CheckboxItem)) {\n            const current =\n              child.props.value === true ||\n              child.props.value === 'on' ||\n              child.props.checked === true\n            const onValueChange = child.props.onValueChange\n            const onCheckedChange = child.props.onCheckedChange\n            handlers.set(id, () => {\n              if (typeof onValueChange === 'function') {\n                onValueChange(current ? 'off' : 'on', current ? 'on' : 'off')\n              } else if (typeof onCheckedChange === 'function') {\n                onCheckedChange(!current)\n              }\n            })\n            append({\n              id,\n              title: itemTitle(child),\n              image: actionImage(child),\n              state: current ? 'on' : 'off',\n              attributes: attributes(child),\n            })\n            continue\n          }\n\n          const onSelect = child.props.onSelect\n          if (typeof onSelect === 'function') {\n            handlers.set(id, () => onSelect())\n          }\n          append({\n            id,\n            title: itemTitle(child),\n            image: actionImage(child),\n            attributes: attributes(child),\n          })\n        }\n\n        if (section) flushSection()\n        return actions\n      }\n\n      const label = elementOfType(content.props.children, Label)\n      const triggerAction = trigger.props.action\n\n      return (\n        <NativeMenuView\n          actions={actionsFrom(content.props.children)}\n          title={label ? textFromNode(label.props.children) : undefined}\n          shouldOpenOnLongPress={\n            triggerAction === 'longPress' || (triggerAction !== 'press' && isContextMenu)\n          }\n          onPressAction={(event) => handlers.get(event.nativeEvent.event)?.()}\n          onOpenMenu={() => {\n            onOpenWillChange?.(true)\n            onOpenChange?.(true)\n          }}\n          onCloseMenu={() => {\n            onOpenWillChange?.(false)\n            onOpenChange?.(false)\n          }}\n        >\n          {trigger.props.children}\n        </NativeMenuView>\n      )\n    }\n\n    return {\n      Root,\n      Trigger,\n      Content,\n      Item,\n      ItemTitle,\n      ItemSubtitle,\n      ItemIcon,\n      ItemImage,\n      ItemIndicator,\n      Group,\n      Label,\n      Separator,\n      Sub,\n      SubTrigger,\n      SubContent,\n      CheckboxItem,\n      Preview,\n      Auxiliary,\n    }\n  }\n\n  return {\n    name: 'expo-ui',\n    Menu: createModule(false),\n    ContextMenu: createModule(true),\n  }\n}\n"
   ]
 }

package/types/expoUIMenuView.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentType } from "react";
+import type { ExpoMenuViewProps } from "./expoUIMenuAdapter";
+type SwiftUIModule = {
+	Button: ComponentType<any>;
+	ContextMenu: ComponentType<any> & {
+		Trigger: ComponentType<any>;
+		Items: ComponentType<any>;
+	};
+	Host: ComponentType<any>;
+	Menu: ComponentType<any>;
+	RNHostView: ComponentType<any>;
+	Section: ComponentType<any>;
+	Toggle: ComponentType<any>;
+};
+type SwiftUIModifiersModule = {
+	disabled: (value: boolean) => unknown;
+};
+export declare function createExpoUIMenuView({ swiftUI, modifiers }: {
+	swiftUI: SwiftUIModule;
+	modifiers: SwiftUIModifiersModule;
+}): ComponentType<ExpoMenuViewProps>;
+export {};
+
+//# sourceMappingURL=expoUIMenuView.d.ts.map

package/types/expoUIMenuView.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "AAAA,cAAc,qBAAgC;AAG9C,cAA8B,yBAAyB;KAalD,gBAAgB;CACnB,QAAQ;CACR,aAAa,qBAAqB;EAChC,SAAS;EACT,OAAO;;CAET,MAAM;CACN,MAAM;CACN,YAAY;CACZ,SAAS;CACT,QAAQ;;KAGL,yBAAyB;CAC5B,WAAW;;AAGb,OAAO,iBAAS,qBAAqB,EACnC,SACA,aACC;CACD,SAAS;CACT,WAAW;IACT,cAAc",
+  "names": [],
+  "sources": [
+    "src/expoUIMenuView.tsx"
+  ],
+  "version": 3,
+  "sourcesContent": [
+    "import type { ComponentType, ReactNode } from 'react'\nimport React from 'react'\n\nimport type { ExpoMenuAction, ExpoMenuViewProps } from './expoUIMenuAdapter'\n\n// the swiftui menu behind every native Menu and ContextMenu trigger on ios,\n// composed from @expo/ui/swift-ui the same way @expo/ui's community MenuView\n// is, minus `matchContents` on the Host. that flag copies each SwiftUI\n// measurement back onto the host's yoga node as a fixed height, and yoga then\n// measures the trigger's react-native children against that height, so trigger\n// content can shrink but never grow: a row that mounts empty and fills in later\n// stays at 0pt, and a streaming paragraph stays at its first line count. without\n// the flag the host takes its height from the hosted react-native subtree like\n// any other view, and RNHostView still sizes the SwiftUI side from that\n// subtree's yoga bounds.\n\ntype SwiftUIModule = {\n  Button: ComponentType<any>\n  ContextMenu: ComponentType<any> & {\n    Trigger: ComponentType<any>\n    Items: ComponentType<any>\n  }\n  Host: ComponentType<any>\n  Menu: ComponentType<any>\n  RNHostView: ComponentType<any>\n  Section: ComponentType<any>\n  Toggle: ComponentType<any>\n}\n\ntype SwiftUIModifiersModule = {\n  disabled: (value: boolean) => unknown\n}\n\nexport function createExpoUIMenuView({\n  swiftUI,\n  modifiers,\n}: {\n  swiftUI: SwiftUIModule\n  modifiers: SwiftUIModifiersModule\n}): ComponentType<ExpoMenuViewProps> {\n  const { Button, ContextMenu, Host, Menu, RNHostView, Section, Toggle } = swiftUI\n\n  function renderAction(\n    action: ExpoMenuAction,\n    onPressAction: ExpoMenuViewProps['onPressAction']\n  ): ReactNode {\n    if (action.attributes?.hidden) return null\n    const { subactions, displayInline, state, attributes, image, title } = action\n    const systemImage = typeof image === 'string' ? image : undefined\n\n    if (subactions && subactions.length > 0) {\n      const children = subactions.map((sub) => renderAction(sub, onPressAction))\n      if (displayInline) {\n        return (\n          <Section key={action.id} title={title}>\n            {children}\n          </Section>\n        )\n      }\n      return (\n        <Menu key={action.id} label={title} systemImage={systemImage}>\n          {children}\n        </Menu>\n      )\n    }\n\n    const fire = () => onPressAction?.({ nativeEvent: { event: action.id } })\n    const itemModifiers = attributes?.disabled ? [modifiers.disabled(true)] : undefined\n\n    if (state === 'on' || state === 'off') {\n      return (\n        <Toggle\n          key={action.id}\n          label={title}\n          systemImage={systemImage}\n          isOn={state === 'on'}\n          onIsOnChange={fire}\n          modifiers={itemModifiers}\n        />\n      )\n    }\n\n    return (\n      <Button\n        key={action.id}\n        label={title}\n        systemImage={systemImage}\n        role={attributes?.destructive ? 'destructive' : undefined}\n        modifiers={itemModifiers}\n        onPress={fire}\n      />\n    )\n  }\n\n  return function ExpoUIMenuView({\n    actions,\n    onPressAction,\n    shouldOpenOnLongPress,\n    title,\n    children,\n  }: ExpoMenuViewProps) {\n    const items = actions.map((action) => renderAction(action, onPressAction))\n    const body = title ? <Section title={title}>{items}</Section> : items\n    // RNHostView takes exactly one element, so the trigger children ride in a\n    // fragment\n    const trigger = (\n      <RNHostView matchContents>\n        <>{children}</>\n      </RNHostView>\n    )\n    return (\n      <Host ignoreSafeArea=\"all\">\n        {shouldOpenOnLongPress ? (\n          <ContextMenu>\n            <ContextMenu.Trigger>{trigger}</ContextMenu.Trigger>\n            <ContextMenu.Items>{body}</ContextMenu.Items>\n          </ContextMenu>\n        ) : (\n          <Menu label={trigger}>{body}</Menu>\n        )}\n      </Host>\n    )\n  }\n}\n"
+  ]
+}

package/types/setup-expo-ui-menu.d.ts.map

@@ -6,6 +6,6 @@
   ],
   "version": 3,
   "sourcesContent": [
-    "/**\n * Setup Expo UI for Tamagui native Menu and ContextMenu components.\n *\n * Import this module once at the top of the app entry point after installing\n * `@expo/ui`.\n */\n\nimport { createExpoUIMenuAdapter } from './expoUIMenuAdapter'\nimport { registerNativeMenuAdapter } from './nativeMenuState'\n\nfunction setup(): void {\n  let MenuView\n  try {\n    MenuView = require('@expo/ui/community/menu').MenuView\n  } catch (error) {\n    if (process.env.NODE_ENV === 'development') {\n      console.warn('Error setting up Expo UI native menus', error)\n    }\n    return\n  }\n\n  registerNativeMenuAdapter(createExpoUIMenuAdapter({ MenuView }))\n}\n\nsetup()\n"
+    "/**\n * Setup Expo UI for Tamagui native Menu and ContextMenu components.\n *\n * Import this module once at the top of the app entry point after installing\n * `@expo/ui`.\n */\n\nimport { createExpoUIMenuAdapter } from './expoUIMenuAdapter'\nimport { createExpoUIMenuView } from './expoUIMenuView'\nimport { registerNativeMenuAdapter } from './nativeMenuState'\n\nfunction setup(): void {\n  let MenuView\n  try {\n    MenuView = createExpoUIMenuView({\n      swiftUI: require('@expo/ui/swift-ui'),\n      modifiers: require('@expo/ui/swift-ui/modifiers'),\n    })\n  } catch (error) {\n    if (process.env.NODE_ENV === 'development') {\n      console.warn('Error setting up Expo UI native menus', error)\n    }\n    return\n  }\n\n  registerNativeMenuAdapter(createExpoUIMenuAdapter({ MenuView }))\n}\n\nsetup()\n"
   ]
 }