@tamagui/portal 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/GorhomPortalItem.native.cjs

@@ -0,0 +1,105 @@
+"use strict";
+
+
+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 GorhomPortalItem_native_exports = {};
+__export(GorhomPortalItem_native_exports, { GorhomPortalItem: () => GorhomPortalItem });
+module.exports = __toCommonJS(GorhomPortalItem_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var import_native = require("@tamagui/native");
+var import_web = require("@tamagui/web");
+var import_react = require("react");
+var import_GorhomPortal = require("./GorhomPortal.native.js");
+var GorhomPortalItem = function(props) {
+	var { name: _providedName, hostName = "root", handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, passThrough } = props;
+	var portalState = (0, import_native.getPortal)().state;
+	if (portalState.type === "teleport") {
+		if (passThrough) {
+			return children;
+		}
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.NativePortal, {
+			hostName,
+			children
+		});
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GorhomPortalItemFallback, {
+		name: _providedName,
+		hostName,
+		handleOnMount: _providedHandleOnMount,
+		handleOnUnmount: _providedHandleOnUnmount,
+		handleOnUpdate: _providedHandleOnUpdate,
+		passThrough,
+		children
+	});
+};
+var GorhomPortalItemFallback = function(props) {
+	var { name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, passThrough } = props;
+	var { addPortal: addUpdatePortal, removePortal } = (0, import_GorhomPortal.usePortal)(hostName);
+	var id = (0, import_react.useId)();
+	var name = _providedName || id;
+	var themeName = (0, import_web.useThemeName)();
+	var themedChildren = passThrough ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Theme, {
+		name: themeName,
+		children
+	});
+	var handleOnMount = (0, import_core.useEvent)(function() {
+		if (_providedHandleOnMount) {
+			_providedHandleOnMount(function() {
+				return addUpdatePortal(name, themedChildren);
+			});
+		} else {
+			addUpdatePortal(name, themedChildren);
+		}
+	});
+	var handleOnUnmount = (0, import_core.useEvent)(function() {
+		if (_providedHandleOnUnmount) {
+			_providedHandleOnUnmount(function() {
+				return removePortal(name);
+			});
+		} else {
+			removePortal(name);
+		}
+	});
+	var handleOnUpdate = (0, import_core.useEvent)(function() {
+		if (_providedHandleOnUpdate) {
+			_providedHandleOnUpdate(function() {
+				return addUpdatePortal(name, themedChildren);
+			});
+		} else {
+			addUpdatePortal(name, themedChildren);
+		}
+	});
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (passThrough) return;
+		handleOnMount();
+		return function() {
+			handleOnUnmount();
+		};
+	}, []);
+	(0, import_react.useEffect)(function() {
+		if (passThrough) return;
+		handleOnUpdate();
+	}, [children, themeName]);
+	return passThrough ? children : null;
+};

package/dist/cjs/GorhomPortalItem.native.js

@@ -1,31 +1,28 @@
 "use strict";
 
+
 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
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var GorhomPortalItem_native_exports = {};
-__export(GorhomPortalItem_native_exports, {
-  GorhomPortalItem: () => GorhomPortalItem
-});
+__export(GorhomPortalItem_native_exports, { GorhomPortalItem: () => GorhomPortalItem });
 module.exports = __toCommonJS(GorhomPortalItem_native_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_constants = require("@tamagui/constants");
@@ -34,95 +31,77 @@ var import_native = require("@tamagui/native");
 var import_web = require("@tamagui/web");
 var import_react = require("react");
 var import_GorhomPortal = require("./GorhomPortal.native.js");
-var GorhomPortalItem = function (props) {
-  var {
-    name: _providedName,
-    hostName = "root",
-    handleOnMount: _providedHandleOnMount,
-    handleOnUnmount: _providedHandleOnUnmount,
-    handleOnUpdate: _providedHandleOnUpdate,
-    children,
-    passThrough
-  } = props;
-  var portalState = (0, import_native.getPortal)().state;
-  if (portalState.type === "teleport") {
-    if (passThrough) {
-      return children;
-    }
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_native.NativePortal, {
-      hostName,
-      children
-    });
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(GorhomPortalItemFallback, {
-    name: _providedName,
-    hostName,
-    handleOnMount: _providedHandleOnMount,
-    handleOnUnmount: _providedHandleOnUnmount,
-    handleOnUpdate: _providedHandleOnUpdate,
-    passThrough,
-    children
-  });
+var GorhomPortalItem = function(props) {
+	var { name: _providedName, hostName = "root", handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, passThrough } = props;
+	var portalState = (0, import_native.getPortal)().state;
+	if (portalState.type === "teleport") {
+		if (passThrough) {
+			return children;
+		}
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.NativePortal, {
+			hostName,
+			children
+		});
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GorhomPortalItemFallback, {
+		name: _providedName,
+		hostName,
+		handleOnMount: _providedHandleOnMount,
+		handleOnUnmount: _providedHandleOnUnmount,
+		handleOnUpdate: _providedHandleOnUpdate,
+		passThrough,
+		children
+	});
 };
-var GorhomPortalItemFallback = function (props) {
-  var {
-    name: _providedName,
-    hostName,
-    handleOnMount: _providedHandleOnMount,
-    handleOnUnmount: _providedHandleOnUnmount,
-    handleOnUpdate: _providedHandleOnUpdate,
-    children,
-    passThrough
-  } = props;
-  var {
-    addPortal: addUpdatePortal,
-    removePortal
-  } = (0, import_GorhomPortal.usePortal)(hostName);
-  var id = (0, import_react.useId)();
-  var name = _providedName || id;
-  var themeName = (0, import_web.useThemeName)();
-  var themedChildren = passThrough ? children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_web.Theme, {
-    name: themeName,
-    children
-  });
-  var handleOnMount = (0, import_core.useEvent)(function () {
-    if (_providedHandleOnMount) {
-      _providedHandleOnMount(function () {
-        return addUpdatePortal(name, themedChildren);
-      });
-    } else {
-      addUpdatePortal(name, themedChildren);
-    }
-  });
-  var handleOnUnmount = (0, import_core.useEvent)(function () {
-    if (_providedHandleOnUnmount) {
-      _providedHandleOnUnmount(function () {
-        return removePortal(name);
-      });
-    } else {
-      removePortal(name);
-    }
-  });
-  var handleOnUpdate = (0, import_core.useEvent)(function () {
-    if (_providedHandleOnUpdate) {
-      _providedHandleOnUpdate(function () {
-        return addUpdatePortal(name, themedChildren);
-      });
-    } else {
-      addUpdatePortal(name, themedChildren);
-    }
-  });
-  (0, import_constants.useIsomorphicLayoutEffect)(function () {
-    if (passThrough) return;
-    handleOnMount();
-    return function () {
-      handleOnUnmount();
-    };
-  }, []);
-  (0, import_react.useEffect)(function () {
-    if (passThrough) return;
-    handleOnUpdate();
-  }, [children, themeName]);
-  return passThrough ? children : null;
+var GorhomPortalItemFallback = function(props) {
+	var { name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, passThrough } = props;
+	var { addPortal: addUpdatePortal, removePortal } = (0, import_GorhomPortal.usePortal)(hostName);
+	var id = (0, import_react.useId)();
+	var name = _providedName || id;
+	var themeName = (0, import_web.useThemeName)();
+	var themedChildren = passThrough ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Theme, {
+		name: themeName,
+		children
+	});
+	var handleOnMount = (0, import_core.useEvent)(function() {
+		if (_providedHandleOnMount) {
+			_providedHandleOnMount(function() {
+				return addUpdatePortal(name, themedChildren);
+			});
+		} else {
+			addUpdatePortal(name, themedChildren);
+		}
+	});
+	var handleOnUnmount = (0, import_core.useEvent)(function() {
+		if (_providedHandleOnUnmount) {
+			_providedHandleOnUnmount(function() {
+				return removePortal(name);
+			});
+		} else {
+			removePortal(name);
+		}
+	});
+	var handleOnUpdate = (0, import_core.useEvent)(function() {
+		if (_providedHandleOnUpdate) {
+			_providedHandleOnUpdate(function() {
+				return addUpdatePortal(name, themedChildren);
+			});
+		} else {
+			addUpdatePortal(name, themedChildren);
+		}
+	});
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (passThrough) return;
+		handleOnMount();
+		return function() {
+			handleOnUnmount();
+		};
+	}, []);
+	(0, import_react.useEffect)(function() {
+		if (passThrough) return;
+		handleOnUpdate();
+	}, [children, themeName]);
+	return passThrough ? children : null;
 };
+
 //# sourceMappingURL=GorhomPortalItem.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["GorhomPortalItem_native_exports","__export","GorhomPortalItem","module","exports","__toCommonJS","import_jsx_runtime","require","import_constants","import_core","import_native","import_web","import_react","import_GorhomPortal","props","name","_providedName","hostName","handleOnMount","_providedHandleOnMount","handleOnUnmount","_providedHandleOnUnmount","handleOnUpdate","_providedHandleOnUpdate","children","passThrough","portalState","getPortal","state","type","jsx","NativePortal","GorhomPortalItemFallback","addPortal","addUpdatePortal","removePortal","usePortal","id","useId","themeName","useThemeName","themedChildren","Theme","useEvent","useIsomorphicLayoutEffect","useEffect"],"sources":["../../src/GorhomPortalItem.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"GorhomPortalItem.native.js","names":[],"sources":["cjs/GorhomPortalItem.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\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 __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar GorhomPortalItem_native_exports = {};\n__export(GorhomPortalItem_native_exports, {\n  GorhomPortalItem: () => GorhomPortalItem\n});\nmodule.exports = __toCommonJS(GorhomPortalItem_native_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_core = require(\"@tamagui/core\");\nvar import_native = require(\"@tamagui/native\");\nvar import_web = require(\"@tamagui/web\");\nvar import_react = require(\"react\");\nvar import_GorhomPortal = require(\"./GorhomPortal\");\nvar GorhomPortalItem = function(props) {\n  var { name: _providedName, hostName = \"root\", handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, passThrough } = props;\n  var portalState = (0, import_native.getPortal)().state;\n  if (portalState.type === \"teleport\") {\n    if (passThrough) {\n      return children;\n    }\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.NativePortal, {\n      hostName,\n      children\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GorhomPortalItemFallback, {\n    name: _providedName,\n    hostName,\n    handleOnMount: _providedHandleOnMount,\n    handleOnUnmount: _providedHandleOnUnmount,\n    handleOnUpdate: _providedHandleOnUpdate,\n    passThrough,\n    children\n  });\n};\nvar GorhomPortalItemFallback = function(props) {\n  var { name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, passThrough } = props;\n  var { addPortal: addUpdatePortal, removePortal } = (0, import_GorhomPortal.usePortal)(hostName);\n  var id = (0, import_react.useId)();\n  var name = _providedName || id;\n  var themeName = (0, import_web.useThemeName)();\n  var themedChildren = passThrough ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Theme, {\n    name: themeName,\n    children\n  });\n  var handleOnMount = (0, import_core.useEvent)(function() {\n    if (_providedHandleOnMount) {\n      _providedHandleOnMount(function() {\n        return addUpdatePortal(name, themedChildren);\n      });\n    } else {\n      addUpdatePortal(name, themedChildren);\n    }\n  });\n  var handleOnUnmount = (0, import_core.useEvent)(function() {\n    if (_providedHandleOnUnmount) {\n      _providedHandleOnUnmount(function() {\n        return removePortal(name);\n      });\n    } else {\n      removePortal(name);\n    }\n  });\n  var handleOnUpdate = (0, import_core.useEvent)(function() {\n    if (_providedHandleOnUpdate) {\n      _providedHandleOnUpdate(function() {\n        return addUpdatePortal(name, themedChildren);\n      });\n    } else {\n      addUpdatePortal(name, themedChildren);\n    }\n  });\n  (0, import_constants.useIsomorphicLayoutEffect)(function() {\n    if (passThrough) return;\n    handleOnMount();\n    return function() {\n      handleOnUnmount();\n    };\n  }, []);\n  (0, import_react.useEffect)(function() {\n    if (passThrough) return;\n    handleOnUpdate();\n  }, [\n    children,\n    themeName\n  ]);\n  return passThrough ? children : null;\n};\n//# sourceMappingURL=GorhomPortalItem.native.js.map\n"],"mappings":"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"}

package/dist/cjs/Portal.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,36 +6,27 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Portal_exports = {};
-__export(Portal_exports, {
-  Portal: () => Portal
-});
+__export(Portal_exports, { Portal: () => Portal });
 module.exports = __toCommonJS(Portal_exports);
 var import_polyfill_dev = require("@tamagui/polyfill-dev");
 var import_web = require("@tamagui/web");
@@ -43,38 +35,38 @@ var React = __toESM(require("react"), 1);
 var import_react_dom = require("react-dom");
 var import_helpers = require("./helpers.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-const Portal = React.memo(propsIn => {
-  const {
-    children,
-    passThrough,
-    style,
-    open
-  } = propsIn;
-  const themeName = (0, import_web.useThemeName)();
-  const didHydrate = (0, import_web.useDidFinishSSR)();
-  const zIndex = (0, import_z_index_stack.useStackedZIndex)((0, import_helpers.getStackedZIndexProps)(propsIn));
-  if (passThrough) {
-    return children;
-  }
-  if (!didHydrate) {
-    return null;
-  }
-  return (0, import_react_dom.createPortal)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_web.TamaguiRoot, {
-    theme: themeName,
-    style: {
-      zIndex,
-      position: "fixed",
-      inset: 0,
-      contain: "strict",
-      pointerEvents: open ? "auto" : "none",
-      // prevent mobile browser from scrolling/moving this fixed element
-      touchAction: "none",
-      display: "flex",
-      ...style
-    },
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_z_index_stack.ZIndexHardcodedContext.Provider, {
-      value: zIndex,
-      children
-    })
-  }), globalThis.document?.body);
-});
+const Portal = React.memo((propsIn) => {
+	const { children, passThrough, style, open, hidden } = propsIn;
+	const { name: themeName, layers: themeLayers } = (0, import_web.usePortalThemeState)();
+	const didHydrate = (0, import_web.useDidFinishSSR)();
+	const zIndex = (0, import_z_index_stack.useStackedZIndex)((0, import_helpers.getStackedZIndexProps)(propsIn));
+	if (passThrough) {
+		return children;
+	}
+	if (!didHydrate) {
+		return null;
+	}
+	return (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.TamaguiRoot, {
+		theme: themeName,
+		style: {
+			zIndex,
+			position: "fixed",
+			inset: 0,
+			contain: "strict",
+			pointerEvents: open ? "auto" : "none",
+			visibility: hidden ? "hidden" : void 0,
+			touchAction: "none",
+			display: "flex",
+			...style
+		},
+		children: themeLayers.reduceRight((node, layer, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Theme, {
+			forceClassName: true,
+			inlineValues: layer.inlineValues,
+			inlineClassName: layer.inlineClassName,
+			children: node
+		}, index), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_z_index_stack.ZIndexHardcodedContext.Provider, {
+			value: zIndex,
+			children
+		}))
+	}), globalThis.document?.body);
+});

package/dist/cjs/Portal.native.cjs

@@ -0,0 +1,57 @@
+"use strict";
+
+
+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 Portal_native_exports = {};
+__export(Portal_native_exports, { Portal: () => Portal });
+module.exports = __toCommonJS(Portal_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_native = require("@tamagui/native");
+var import_z_index_stack = require("@tamagui/z-index-stack");
+var import_GorhomPortalItem = require("./GorhomPortalItem.native.js");
+var import_helpers = require("./helpers.native.js");
+var Portal = function(propsIn) {
+	var zIndex = (0, import_z_index_stack.useStackedZIndex)((0, import_helpers.getStackedZIndexProps)(propsIn));
+	var { children, passThrough } = propsIn;
+	var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.View, {
+		pointerEvents: "box-none",
+		position: "absolute",
+		inset: 0,
+		maxWidth: "100%",
+		zIndex,
+		passThrough,
+		children
+	});
+	var portalState = (0, import_native.getPortal)().state;
+	if (portalState.type === "teleport") {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.NativePortal, {
+			hostName: "root",
+			children: contents
+		});
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GorhomPortalItem.GorhomPortalItem, {
+		passThrough,
+		hostName: "root",
+		children: contents
+	});
+};

package/dist/cjs/Portal.native.js

@@ -1,31 +1,28 @@
 "use strict";
 
+
 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
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Portal_native_exports = {};
-__export(Portal_native_exports, {
-  Portal: () => Portal
-});
+__export(Portal_native_exports, { Portal: () => Portal });
 module.exports = __toCommonJS(Portal_native_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_core = require("@tamagui/core");
@@ -33,32 +30,30 @@ var import_native = require("@tamagui/native");
 var import_z_index_stack = require("@tamagui/z-index-stack");
 var import_GorhomPortalItem = require("./GorhomPortalItem.native.js");
 var import_helpers = require("./helpers.native.js");
-var Portal = function (propsIn) {
-  var zIndex = (0, import_z_index_stack.useStackedZIndex)((0, import_helpers.getStackedZIndexProps)(propsIn));
-  var {
-    children,
-    passThrough
-  } = propsIn;
-  var contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.View, {
-    pointerEvents: "box-none",
-    position: "absolute",
-    inset: 0,
-    maxWidth: "100%",
-    zIndex,
-    passThrough,
-    children
-  });
-  var portalState = (0, import_native.getPortal)().state;
-  if (portalState.type === "teleport") {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_native.NativePortal, {
-      hostName: "root",
-      children: contents
-    });
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GorhomPortalItem.GorhomPortalItem, {
-    passThrough,
-    hostName: "root",
-    children: contents
-  });
+var Portal = function(propsIn) {
+	var zIndex = (0, import_z_index_stack.useStackedZIndex)((0, import_helpers.getStackedZIndexProps)(propsIn));
+	var { children, passThrough } = propsIn;
+	var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.View, {
+		pointerEvents: "box-none",
+		position: "absolute",
+		inset: 0,
+		maxWidth: "100%",
+		zIndex,
+		passThrough,
+		children
+	});
+	var portalState = (0, import_native.getPortal)().state;
+	if (portalState.type === "teleport") {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.NativePortal, {
+			hostName: "root",
+			children: contents
+		});
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GorhomPortalItem.GorhomPortalItem, {
+		passThrough,
+		hostName: "root",
+		children: contents
+	});
 };
+
 //# sourceMappingURL=Portal.native.js.map