@tamagui/portal 1.130.2 → 1.130.4

package/dist/cjs/Portal.cjs

@@ -36,7 +36,6 @@ __export(Portal_exports, {
 module.exports = __toCommonJS(Portal_exports);
 var import_polyfill_dev = require("@tamagui/polyfill-dev"),
   import_constants = require("@tamagui/constants"),
-  import_stacks = require("@tamagui/stacks"),
   import_z_index_stack = require("@tamagui/z-index-stack"),
   React = __toESM(require("react")),
   import_react_dom = require("react-dom"),
@@ -44,23 +43,21 @@ var import_polyfill_dev = require("@tamagui/polyfill-dev"),
   import_jsx_runtime = require("react/jsx-runtime");
 const Portal = React.memo(propsIn => {
   if (import_constants.isServer) return null;
+  const body = globalThis.document?.body;
+  if (!body) return propsIn.children;
   const {
-      host = globalThis.document?.body,
-      stackZIndex,
       children,
-      passThrough,
-      ...props
+      passThrough
     } = propsIn,
     zIndex = (0, import_z_index_stack.useStackedZIndex)((0, import_helpers.getStackedZIndexProps)(propsIn));
-  return passThrough ? children : (0, import_react_dom.createPortal)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
-    contain: "strict",
-    fullscreen: !0,
-    position: "fixed",
-    maxWidth: "100vw",
-    maxHeight: "100vh",
-    pointerEvents: "none",
-    ...props,
-    zIndex,
+  return passThrough ? children : (0, import_react_dom.createPortal)(/* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+    style: {
+      zIndex,
+      position: "absolute",
+      inset: 0,
+      contain: "strict",
+      pointerEvents: "none"
+    },
     children
-  }), host);
+  }), body);
 });

package/dist/cjs/Portal.js

@@ -25,33 +25,29 @@ __export(Portal_exports, {
   Portal: () => Portal
 });
 module.exports = __toCommonJS(Portal_exports);
-var import_polyfill_dev = require("@tamagui/polyfill-dev"), import_constants = require("@tamagui/constants"), import_stacks = require("@tamagui/stacks"), import_z_index_stack = require("@tamagui/z-index-stack"), React = __toESM(require("react")), import_react_dom = require("react-dom"), import_helpers = require("./helpers"), import_jsx_runtime = require("react/jsx-runtime");
+var import_polyfill_dev = require("@tamagui/polyfill-dev"), import_constants = require("@tamagui/constants"), import_z_index_stack = require("@tamagui/z-index-stack"), React = __toESM(require("react")), import_react_dom = require("react-dom"), import_helpers = require("./helpers"), import_jsx_runtime = require("react/jsx-runtime");
 const Portal = React.memo((propsIn) => {
   if (import_constants.isServer)
     return null;
-  const {
-    host = globalThis.document?.body,
-    stackZIndex,
-    children,
-    passThrough,
-    ...props
-  } = propsIn, zIndex = (0, import_z_index_stack.useStackedZIndex)((0, import_helpers.getStackedZIndexProps)(propsIn));
+  const body = globalThis.document?.body;
+  if (!body)
+    return propsIn.children;
+  const { children, passThrough } = propsIn, zIndex = (0, import_z_index_stack.useStackedZIndex)((0, import_helpers.getStackedZIndexProps)(propsIn));
   return passThrough ? children : (0, import_react_dom.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_stacks.YStack,
+      "span",
       {
-        contain: "strict",
-        fullscreen: !0,
-        position: "fixed",
-        maxWidth: "100vw",
-        maxHeight: "100vh",
-        pointerEvents: "none",
-        ...props,
-        zIndex,
+        style: {
+          zIndex,
+          position: "absolute",
+          inset: 0,
+          contain: "strict",
+          pointerEvents: "none"
+        },
         children
       }
     ),
-    host
+    body
   );
 });
 //# sourceMappingURL=Portal.js.map

package/dist/cjs/Portal.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Portal.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAO,kCAEP,mBAAyB,+BACzB,gBAAuB,4BACvB,uBAAiC,mCACjC,QAAuB,2BACvB,mBAA6B,sBAC7B,iBAAsC,sBAwBlC;AAnBG,MAAM,SAAS,MAAM,KAAK,CAAC,YAAyB;AACzD,MAAI;AACF,WAAO;AAGT,QAAM;AAAA,IACJ,OAAO,WAAW,UAAU;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,SACE,aAAS,2CAAiB,sCAAsB,OAAO,CAAC;AAE9D,SAAI,cACK,eAGF;AAAA,IACL;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,YAAU;AAAA,QAEV,UAAS;AAAA,QACT,UAAS;AAAA,QACT,WAAU;AAAA,QACV,eAAc;AAAA,QACb,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAO,kCAEP,mBAAyB,+BACzB,uBAAiC,mCACjC,QAAuB,2BACvB,mBAA6B,sBAC7B,iBAAsC,sBAsBlC;AAnBG,MAAM,SAAS,MAAM,KAAK,CAAC,YAAyB;AACzD,MAAI;AACF,WAAO;AAGT,QAAM,OAAO,WAAW,UAAU;AAElC,MAAI,CAAC;AACH,WAAO,QAAQ;AAGjB,QAAM,EAAE,UAAU,YAAY,IAAI,SAC5B,aAAS,2CAAiB,sCAAsB,OAAO,CAAC;AAE9D,SAAI,cACK,eAGF;AAAA,IACL;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA,UAAU;AAAA,UACV,OAAO;AAAA,UACP,SAAS;AAAA,UACT,eAAe;AAAA,QACjB;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/cjs/Portal.native.js

@@ -26,7 +26,7 @@ __export(Portal_native_exports, {
   Portal: () => Portal
 });
 module.exports = __toCommonJS(Portal_native_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_stacks = require("@tamagui/stacks"), import_z_index_stack = require("@tamagui/z-index-stack"), React = __toESM(require("react")), import_react_native = require("react-native"), import_constants = require("./constants"), import_GorhomPortalItem = require("./GorhomPortalItem"), import_helpers = require("./helpers"), createPortal = function() {
+var import_jsx_runtime = require("react/jsx-runtime"), import_core = require("@tamagui/core"), import_z_index_stack = require("@tamagui/z-index-stack"), React = __toESM(require("react")), import_react_native = require("react-native"), import_constants = require("./constants"), import_GorhomPortalItem = require("./GorhomPortalItem"), import_helpers = require("./helpers"), createPortal = function() {
   if (import_constants.IS_FABRIC)
     try {
       var _ReactFabricShimModule_default, ReactFabricShimModule = require("react-native/Libraries/Renderer/shims/ReactFabric"), _ReactFabricShimModule_default_createPortal;
@@ -41,15 +41,17 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_stacks = require("
     return console.info("Note: error importing portal, defaulting to non-native portals", err), null;
   }
 }(), Portal = function(propsIn) {
-  var { stackZIndex, ...props } = propsIn, rootTag = React.useContext(import_react_native.RootTagContext), zIndex = (0, import_z_index_stack.useStackedZIndex)((0, import_helpers.getStackedZIndexProps)(propsIn)), contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
+  var rootTag = React.useContext(import_react_native.RootTagContext), zIndex = (0, import_z_index_stack.useStackedZIndex)((0, import_helpers.getStackedZIndexProps)(propsIn)), { children, passThrough } = propsIn, contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.View, {
     pointerEvents: "box-none",
-    fullscreen: !0,
     position: "absolute",
+    inset: 0,
     maxWidth: "100%",
-    ...props,
-    zIndex
+    zIndex,
+    passThrough,
+    children
   });
   return !createPortal || !import_constants.USE_NATIVE_PORTAL || !rootTag ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GorhomPortalItem.GorhomPortalItem, {
+    passThrough,
     hostName: "root",
     children: contents
   }) : createPortal(contents, rootTag);

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Portal.native.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,gBAAuB,4BACvB,uBAAiC,mCACjC,QAAuB,2BACvB,sBAA+B,yBAC/B,mBAA6C,wBAC7C,0BAAiC,+BACjC,iBAAsC,sBAGhCA,eAAgB,WAAA;AACpB,MAAIC;AACF,QAAI;UAIAC,gCAHIA,wBAAwBC,QAAQ,mDAAA,GAGpCD;AADF,cACEA,8CAAAA,yBAAAA,SAAAA,iCAAAA,sBAAuBE,aAAO,QAA9BF,mCAAAA,SAAAA,SAAAA,+BAAgCF,kBAAY,QAA5CE,gDAAAA,SAAAA,8CAAgDA,sBAAsBF;IAE1E,SAASK,KAAK;AACZC,qBAAQC,KAAK,kEAAkEF,GAAAA,GACxE;IACT;AAEF,MAAI;QAKAG,gCAJIA,wBACJL,QAAQ,mDAAA,GAGRK;AADF,YACEA,8CAAAA,yBAAAA,SAAAA,iCAAAA,sBAAuBJ,aAAO,QAA9BI,mCAAAA,SAAAA,SAAAA,+BAAgCR,kBAAY,QAA5CQ,gDAAAA,SAAAA,8CAAgDA,sBAAsBR;EAE1E,SAASK,KAAK;AACZC,mBAAQC,KAAK,kEAAkEF,GAAAA,GACxE;EACT;AACF,EAAA,GAEaI,SAAS,SAACC,SAAAA;AACrB,MAAM,EAAEC,aAAa,GAAGC,MAAAA,IAAUF,SAE5BG,UAAUC,MAAMC,WAAWC,kCAAAA,GAC3BC,aAASC,2CAAiBC,sCAAsBT,OAAAA,CAAAA,GAEhDU,WACJ,uCAAAC,KAACC,sBAAAA;IACCC,eAAc;IACdC,YAAU;IACVC,UAAS;IACTC,UAAS;IACR,GAAGd;IACJK;;AAIJ,SAAI,CAACjB,gBAAgB,CAAC2B,sCAAqB,CAACd,UACnC,uCAAAQ,KAACO,0CAAAA;IAAiBC,UAAS;cAAQT;OAGrCpB,aAAaoB,UAAUP,OAAAA;AAChC;",
-  "names": ["createPortal", "IS_FABRIC", "ReactFabricShimModule", "require", "default", "err", "console", "info", "ReactNativeShimModule", "Portal", "propsIn", "stackZIndex", "props", "rootTag", "React", "useContext", "RootTagContext", "zIndex", "useStackedZIndex", "getStackedZIndexProps", "contents", "_jsx", "YStack", "pointerEvents", "fullscreen", "position", "maxWidth", "USE_NATIVE_PORTAL", "GorhomPortalItem", "hostName"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,cAAqB,0BACrB,uBAAiC,mCACjC,QAAuB,2BACvB,sBAA+B,yBAC/B,mBAA6C,wBAC7C,0BAAiC,+BACjC,iBAAsC,sBAGhCA,eAAgB,WAAA;AACpB,MAAIC;AACF,QAAI;UAIAC,gCAHIA,wBAAwBC,QAAQ,mDAAA,GAGpCD;AADF,cACEA,8CAAAA,yBAAAA,SAAAA,iCAAAA,sBAAuBE,aAAO,QAA9BF,mCAAAA,SAAAA,SAAAA,+BAAgCF,kBAAY,QAA5CE,gDAAAA,SAAAA,8CAAgDA,sBAAsBF;IAE1E,SAASK,KAAK;AACZC,qBAAQC,KAAK,kEAAkEF,GAAAA,GACxE;IACT;AAEF,MAAI;QAKAG,gCAJIA,wBACJL,QAAQ,mDAAA,GAGRK;AADF,YACEA,8CAAAA,yBAAAA,SAAAA,iCAAAA,sBAAuBJ,aAAO,QAA9BI,mCAAAA,SAAAA,SAAAA,+BAAgCR,kBAAY,QAA5CQ,gDAAAA,SAAAA,8CAAgDA,sBAAsBR;EAE1E,SAASK,KAAK;AACZC,mBAAQC,KAAK,kEAAkEF,GAAAA,GACxE;EACT;AACF,EAAA,GAEaI,SAAS,SAACC,SAAAA;AACrB,MAAMC,UAAUC,MAAMC,WAAWC,kCAAAA,GAC3BC,aAASC,2CAAiBC,sCAAsBP,OAAAA,CAAAA,GAEhD,EAAEQ,UAAUC,YAAW,IAAKT,SAE5BU,WACJ,uCAAAC,KAACC,kBAAAA;IACCC,eAAc;IACdC,UAAS;IACTC,OAAO;IACPC,UAAS;IACTX;IACAI;;;AAMJ,SAAI,CAACnB,gBAAgB,CAAC2B,sCAAqB,CAAChB,UAExC,uCAAAU,KAACO,0CAAAA;IAAiBT;IAA0BU,UAAS;cAClDT;OAKApB,aAAaoB,UAAUT,OAAAA;AAChC;",
+  "names": ["createPortal", "IS_FABRIC", "ReactFabricShimModule", "require", "default", "err", "console", "info", "ReactNativeShimModule", "Portal", "propsIn", "rootTag", "React", "useContext", "RootTagContext", "zIndex", "useStackedZIndex", "getStackedZIndexProps", "children", "passThrough", "contents", "_jsx", "View", "pointerEvents", "position", "inset", "maxWidth", "USE_NATIVE_PORTAL", "GorhomPortalItem", "hostName"]
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/PortalProps.tsx"],
-  "mappings": ";;;;;;;;;;;;AAGA;;",
+  "mappings": ";;;;;;;;;;;;AAEA;;",
   "names": []
 }

package/dist/esm/Portal.js

@@ -1,6 +1,5 @@
 import "@tamagui/polyfill-dev";
 import { isServer } from "@tamagui/constants";
-import { YStack } from "@tamagui/stacks";
 import { useStackedZIndex } from "@tamagui/z-index-stack";
 import * as React from "react";
 import { createPortal } from "react-dom";
@@ -9,29 +8,25 @@ import { jsx } from "react/jsx-runtime";
 const Portal = React.memo((propsIn) => {
   if (isServer)
     return null;
-  const {
-    host = globalThis.document?.body,
-    stackZIndex,
-    children,
-    passThrough,
-    ...props
-  } = propsIn, zIndex = useStackedZIndex(getStackedZIndexProps(propsIn));
+  const body = globalThis.document?.body;
+  if (!body)
+    return propsIn.children;
+  const { children, passThrough } = propsIn, zIndex = useStackedZIndex(getStackedZIndexProps(propsIn));
   return passThrough ? children : createPortal(
     /* @__PURE__ */ jsx(
-      YStack,
+      "span",
       {
-        contain: "strict",
-        fullscreen: !0,
-        position: "fixed",
-        maxWidth: "100vw",
-        maxHeight: "100vh",
-        pointerEvents: "none",
-        ...props,
-        zIndex,
+        style: {
+          zIndex,
+          position: "absolute",
+          inset: 0,
+          contain: "strict",
+          pointerEvents: "none"
+        },
         children
       }
     ),
-    host
+    body
   );
 });
 export {

package/dist/esm/Portal.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Portal.tsx"],
-  "mappings": "AAAA,OAAO;AAEP,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,YAAY,WAAW;AACvB,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AAwBlC;AAnBG,MAAM,SAAS,MAAM,KAAK,CAAC,YAAyB;AACzD,MAAI;AACF,WAAO;AAGT,QAAM;AAAA,IACJ,OAAO,WAAW,UAAU;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,SACE,SAAS,iBAAiB,sBAAsB,OAAO,CAAC;AAE9D,SAAI,cACK,WAGF;AAAA,IACL;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,YAAU;AAAA,QAEV,UAAS;AAAA,QACT,UAAS;AAAA,QACT,WAAU;AAAA,QACV,eAAc;AAAA,QACb,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF,CAAC;",
+  "mappings": "AAAA,OAAO;AAEP,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,YAAY,WAAW;AACvB,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AAsBlC;AAnBG,MAAM,SAAS,MAAM,KAAK,CAAC,YAAyB;AACzD,MAAI;AACF,WAAO;AAGT,QAAM,OAAO,WAAW,UAAU;AAElC,MAAI,CAAC;AACH,WAAO,QAAQ;AAGjB,QAAM,EAAE,UAAU,YAAY,IAAI,SAC5B,SAAS,iBAAiB,sBAAsB,OAAO,CAAC;AAE9D,SAAI,cACK,WAGF;AAAA,IACL;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA,UAAU;AAAA,UACV,OAAO;AAAA,UACP,SAAS;AAAA,UACT,eAAe;AAAA,QACjB;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/esm/Portal.mjs

@@ -1,6 +1,5 @@
 import "@tamagui/polyfill-dev";
 import { isServer } from "@tamagui/constants";
-import { YStack } from "@tamagui/stacks";
 import { useStackedZIndex } from "@tamagui/z-index-stack";
 import * as React from "react";
 import { createPortal } from "react-dom";
@@ -8,25 +7,23 @@ import { getStackedZIndexProps } from "./helpers.mjs";
 import { jsx } from "react/jsx-runtime";
 const Portal = React.memo(propsIn => {
   if (isServer) return null;
+  const body = globalThis.document?.body;
+  if (!body) return propsIn.children;
   const {
-      host = globalThis.document?.body,
-      stackZIndex,
       children,
-      passThrough,
-      ...props
+      passThrough
     } = propsIn,
     zIndex = useStackedZIndex(getStackedZIndexProps(propsIn));
-  return passThrough ? children : createPortal(/* @__PURE__ */jsx(YStack, {
-    contain: "strict",
-    fullscreen: !0,
-    position: "fixed",
-    maxWidth: "100vw",
-    maxHeight: "100vh",
-    pointerEvents: "none",
-    ...props,
-    zIndex,
+  return passThrough ? children : createPortal(/* @__PURE__ */jsx("span", {
+    style: {
+      zIndex,
+      position: "absolute",
+      inset: 0,
+      contain: "strict",
+      pointerEvents: "none"
+    },
     children
-  }), host);
+  }), body);
 });
 export { Portal };
 //# sourceMappingURL=Portal.mjs.map

package/dist/esm/Portal.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isServer","YStack","useStackedZIndex","React","createPortal","getStackedZIndexProps","jsx","Portal","memo","propsIn","host","globalThis","document","body","stackZIndex","children","passThrough","props","zIndex","contain","fullscreen","position","maxWidth","maxHeight","pointerEvents"],"sources":["../../src/Portal.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAO;AAEP,SAASA,QAAA,QAAgB;AACzB,SAASC,MAAA,QAAc;AACvB,SAASC,gBAAA,QAAwB;AACjC,YAAYC,KAAA,MAAW;AACvB,SAASC,YAAA,QAAoB;AAC7B,SAASC,qBAAA,QAA6B;AAwBlC,SAAAC,GAAA;AAnBG,MAAMC,MAAA,GAASJ,KAAA,CAAMK,IAAA,CAAMC,OAAA,IAAyB;EACzD,IAAIT,QAAA,EACF,OAAO;EAGT,MAAM;MACJU,IAAA,GAAOC,UAAA,CAAWC,QAAA,EAAUC,IAAA;MAC5BC,WAAA;MACAC,QAAA;MACAC,WAAA;MACA,GAAGC;IACL,IAAIR,OAAA;IACES,MAAA,GAAShB,gBAAA,CAAiBG,qBAAA,CAAsBI,OAAO,CAAC;EAE9D,OAAIO,WAAA,GACKD,QAAA,GAGFX,YAAA,CACL,eAAAE,GAAA,CAACL,MAAA;IACCkB,OAAA,EAAQ;IACRC,UAAA,EAAU;IAEVC,QAAA,EAAS;IACTC,QAAA,EAAS;IACTC,SAAA,EAAU;IACVC,aAAA,EAAc;IACb,GAAGP,KAAA;IACJC,MAAA;IAECH;EAAA,CACH,GACAL,IACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["isServer","useStackedZIndex","React","createPortal","getStackedZIndexProps","jsx","Portal","memo","propsIn","body","globalThis","document","children","passThrough","zIndex","style","position","inset","contain","pointerEvents"],"sources":["../../src/Portal.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAO;AAEP,SAASA,QAAA,QAAgB;AACzB,SAASC,gBAAA,QAAwB;AACjC,YAAYC,KAAA,MAAW;AACvB,SAASC,YAAA,QAAoB;AAC7B,SAASC,qBAAA,QAA6B;AAsBlC,SAAAC,GAAA;AAnBG,MAAMC,MAAA,GAASJ,KAAA,CAAMK,IAAA,CAAMC,OAAA,IAAyB;EACzD,IAAIR,QAAA,EACF,OAAO;EAGT,MAAMS,IAAA,GAAOC,UAAA,CAAWC,QAAA,EAAUF,IAAA;EAElC,IAAI,CAACA,IAAA,EACH,OAAOD,OAAA,CAAQI,QAAA;EAGjB,MAAM;MAAEA,QAAA;MAAUC;IAAY,IAAIL,OAAA;IAC5BM,MAAA,GAASb,gBAAA,CAAiBG,qBAAA,CAAsBI,OAAO,CAAC;EAE9D,OAAIK,WAAA,GACKD,QAAA,GAGFT,YAAA,CACL,eAAAE,GAAA,CAAC;IACCU,KAAA,EAAO;MACLD,MAAA;MACAE,QAAA,EAAU;MACVC,KAAA,EAAO;MACPC,OAAA,EAAS;MACTC,aAAA,EAAe;IACjB;IAECP;EAAA,CACH,GACAH,IACF;AACF,CAAC","ignoreList":[]}

package/dist/esm/Portal.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { YStack } from "@tamagui/stacks";
+import { View } from "@tamagui/core";
 import { useStackedZIndex } from "@tamagui/z-index-stack";
 import * as React from "react";
 import { RootTagContext } from "react-native";
@@ -25,21 +25,23 @@ var createPortal = function () {
     }
   }(),
   Portal = function (propsIn) {
-    var {
-        stackZIndex,
-        ...props
-      } = propsIn,
-      rootTag = React.useContext(RootTagContext),
+    var rootTag = React.useContext(RootTagContext),
       zIndex = useStackedZIndex(getStackedZIndexProps(propsIn)),
-      contents = /* @__PURE__ */_jsx(YStack, {
+      {
+        children,
+        passThrough
+      } = propsIn,
+      contents = /* @__PURE__ */_jsx(View, {
         pointerEvents: "box-none",
-        fullscreen: !0,
         position: "absolute",
+        inset: 0,
         maxWidth: "100%",
-        ...props,
-        zIndex
+        zIndex,
+        passThrough,
+        children
       });
     return !createPortal || !USE_NATIVE_PORTAL || !rootTag ? /* @__PURE__ */_jsx(GorhomPortalItem, {
+      passThrough,
       hostName: "root",
       children: contents
     }) : createPortal(contents, rootTag);

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

@@ -1 +1 @@
-{"version":3,"names":["YStack","useStackedZIndex","React","RootTagContext","IS_FABRIC","USE_NATIVE_PORTAL","GorhomPortalItem","getStackedZIndexProps","createPortal","_ReactFabricShimModule_default","ReactFabricShimModule","require","_ReactFabricShimModule_default_createPortal","default","err","console","info","_ReactNativeShimModule_default","ReactNativeShimModule","_ReactNativeShimModule_default_createPortal","Portal","propsIn","stackZIndex","props","rootTag","useContext","zIndex","contents","_jsx","pointerEvents","fullscreen","position","maxWidth","hostName"],"sources":["../../src/Portal.native.tsx"],"sourcesContent":[null],"mappings":";AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,gBAAA,QAAwB;AACjC,YAAYC,KAAA,MAAW;AACvB,SAASC,cAAA,QAAsB;AAC/B,SAASC,SAAA,EAAWC,iBAAA,QAAyB;AAC7C,SAASC,gBAAA,QAAwB;AACjC,SAASC,qBAAA,QAA6B;AAGtC,IAAMC,YAAA,GAAgB;IACpB,IAAIJ,SAAA,EACF,IAAI;UAIAK,8BAAA;QAHIC,qBAAA,GAAwBC,OAAA,CAAQ;QAGpCC,2CAAA;MADF,QACEA,2CAAA,GAAAF,qBAAA,aAAAD,8BAAA,GAAAC,qBAAA,CAAuBG,OAAA,MAAO,QAA9BJ,8BAAA,uBAAAA,8BAAA,CAAgCD,YAAA,MAAY,QAA5CI,2CAAA,cAAAA,2CAAA,GAAgDF,qBAAA,CAAsBF,YAAA;IAE1E,SAASM,GAAA,EAAK;MACZ,OAAAC,OAAA,CAAQC,IAAA,CAAK,kEAAkEF,GAAA,GACxE;IACT;IAEF,IAAI;UAKAG,8BAAA;QAJIC,qBAAA,GACJP,OAAA,CAAQ;QAGRQ,2CAAA;MADF,QACEA,2CAAA,GAAAD,qBAAA,aAAAD,8BAAA,GAAAC,qBAAA,CAAuBL,OAAA,MAAO,QAA9BI,8BAAA,uBAAAA,8BAAA,CAAgCT,YAAA,MAAY,QAA5CW,2CAAA,cAAAA,2CAAA,GAAgDD,qBAAA,CAAsBV,YAAA;IAE1E,SAASM,GAAA,EAAK;MACZ,OAAAC,OAAA,CAAQC,IAAA,CAAK,kEAAkEF,GAAA,GACxE;IACT;EACF;EAEaM,MAAA,GAAS,SAAAA,CAACC,OAAA;IACrB,IAAM;QAAEC,WAAA;QAAa,GAAGC;MAAA,IAAUF,OAAA;MAE5BG,OAAA,GAAUtB,KAAA,CAAMuB,UAAA,CAAWtB,cAAA;MAC3BuB,MAAA,GAASzB,gBAAA,CAAiBM,qBAAA,CAAsBc,OAAA;MAEhDM,QAAA,GACJ,eAAAC,IAAA,CAAC5B,MAAA;QACC6B,aAAA,EAAc;QACdC,UAAA,EAAU;QACVC,QAAA,EAAS;QACTC,QAAA,EAAS;QACR,GAAGT,KAAA;QACJG;;IAIJ,OAAI,CAAClB,YAAA,IAAgB,CAACH,iBAAA,IAAqB,CAACmB,OAAA,GACnC,eAAAI,IAAA,CAACtB,gBAAA;MAAiB2B,QAAA,EAAS;gBAAQN;SAGrCnB,YAAA,CAAamB,QAAA,EAAUH,OAAA;EAChC","ignoreList":[]}
+{"version":3,"names":["View","useStackedZIndex","React","RootTagContext","IS_FABRIC","USE_NATIVE_PORTAL","GorhomPortalItem","getStackedZIndexProps","createPortal","_ReactFabricShimModule_default","ReactFabricShimModule","require","_ReactFabricShimModule_default_createPortal","default","err","console","info","_ReactNativeShimModule_default","ReactNativeShimModule","_ReactNativeShimModule_default_createPortal","Portal","propsIn","rootTag","useContext","zIndex","children","passThrough","contents","_jsx","pointerEvents","position","inset","maxWidth","hostName"],"sources":["../../src/Portal.native.tsx"],"sourcesContent":[null],"mappings":";AAAA,SAASA,IAAA,QAAY;AACrB,SAASC,gBAAA,QAAwB;AACjC,YAAYC,KAAA,MAAW;AACvB,SAASC,cAAA,QAAsB;AAC/B,SAASC,SAAA,EAAWC,iBAAA,QAAyB;AAC7C,SAASC,gBAAA,QAAwB;AACjC,SAASC,qBAAA,QAA6B;AAGtC,IAAMC,YAAA,GAAgB;IACpB,IAAIJ,SAAA,EACF,IAAI;UAIAK,8BAAA;QAHIC,qBAAA,GAAwBC,OAAA,CAAQ;QAGpCC,2CAAA;MADF,QACEA,2CAAA,GAAAF,qBAAA,aAAAD,8BAAA,GAAAC,qBAAA,CAAuBG,OAAA,MAAO,QAA9BJ,8BAAA,uBAAAA,8BAAA,CAAgCD,YAAA,MAAY,QAA5CI,2CAAA,cAAAA,2CAAA,GAAgDF,qBAAA,CAAsBF,YAAA;IAE1E,SAASM,GAAA,EAAK;MACZ,OAAAC,OAAA,CAAQC,IAAA,CAAK,kEAAkEF,GAAA,GACxE;IACT;IAEF,IAAI;UAKAG,8BAAA;QAJIC,qBAAA,GACJP,OAAA,CAAQ;QAGRQ,2CAAA;MADF,QACEA,2CAAA,GAAAD,qBAAA,aAAAD,8BAAA,GAAAC,qBAAA,CAAuBL,OAAA,MAAO,QAA9BI,8BAAA,uBAAAA,8BAAA,CAAgCT,YAAA,MAAY,QAA5CW,2CAAA,cAAAA,2CAAA,GAAgDD,qBAAA,CAAsBV,YAAA;IAE1E,SAASM,GAAA,EAAK;MACZ,OAAAC,OAAA,CAAQC,IAAA,CAAK,kEAAkEF,GAAA,GACxE;IACT;EACF;EAEaM,MAAA,GAAS,SAAAA,CAACC,OAAA;IACrB,IAAMC,OAAA,GAAUpB,KAAA,CAAMqB,UAAA,CAAWpB,cAAA;MAC3BqB,MAAA,GAASvB,gBAAA,CAAiBM,qBAAA,CAAsBc,OAAA;MAEhD;QAAEI,QAAA;QAAUC;MAAW,IAAKL,OAAA;MAE5BM,QAAA,GACJ,eAAAC,IAAA,CAAC5B,IAAA;QACC6B,aAAA,EAAc;QACdC,QAAA,EAAS;QACTC,KAAA,EAAO;QACPC,QAAA,EAAS;QACTR,MAAA;QACAE,WAAA;;;IAMJ,OAAI,CAAClB,YAAA,IAAgB,CAACH,iBAAA,IAAqB,CAACiB,OAAA,GAExC,eAAAM,IAAA,CAACtB,gBAAA;MAAiBoB,WAAA;MAA0BO,QAAA,EAAS;gBAClDN;SAKAnB,YAAA,CAAamB,QAAA,EAAUL,OAAA;EAChC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/portal",
-  "version": "1.130.2",
+  "version": "1.130.4",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -32,15 +32,14 @@
     }
   },
   "dependencies": {
-    "@tamagui/constants": "1.130.2",
-    "@tamagui/core": "1.130.2",
-    "@tamagui/stacks": "1.130.2",
-    "@tamagui/start-transition": "1.130.2",
-    "@tamagui/use-event": "1.130.2",
-    "@tamagui/z-index-stack": "1.130.2"
+    "@tamagui/constants": "1.130.4",
+    "@tamagui/core": "1.130.4",
+    "@tamagui/start-transition": "1.130.4",
+    "@tamagui/use-event": "1.130.4",
+    "@tamagui/z-index-stack": "1.130.4"
   },
   "devDependencies": {
-    "@tamagui/build": "1.130.2",
+    "@tamagui/build": "1.130.4",
     "@types/react-dom": "^19.1.6",
     "react-native": "^0.79.2"
   },

package/src/Portal.native.tsx

@@ -1,4 +1,4 @@
-import { YStack } from '@tamagui/stacks'
+import { View } from '@tamagui/core'
 import { useStackedZIndex } from '@tamagui/z-index-stack'
 import * as React from 'react'
 import { RootTagContext } from 'react-native'
@@ -34,24 +34,30 @@ const createPortal = (() => {
 })()
 
 export const Portal = (propsIn: PortalProps) => {
-  const { stackZIndex, ...props } = propsIn
-
   const rootTag = React.useContext(RootTagContext)
   const zIndex = useStackedZIndex(getStackedZIndexProps(propsIn))
 
+  const { children, passThrough } = propsIn
+
   const contents = (
-    <YStack
+    <View
       pointerEvents="box-none"
-      fullscreen
       position="absolute"
+      inset={0}
       maxWidth="100%"
-      {...props}
       zIndex={zIndex}
-    />
+      passThrough={passThrough}
+    >
+      {children}
+    </View>
   )
 
   if (!createPortal || !USE_NATIVE_PORTAL || !rootTag) {
-    return <GorhomPortalItem hostName="root">{contents}</GorhomPortalItem>
+    return (
+      <GorhomPortalItem passThrough={passThrough} hostName="root">
+        {contents}
+      </GorhomPortalItem>
+    )
   }
 
   return createPortal(contents, rootTag)

package/src/Portal.tsx

@@ -1,27 +1,24 @@
 import '@tamagui/polyfill-dev'
 
 import { isServer } from '@tamagui/constants'
-import { YStack } from '@tamagui/stacks'
 import { useStackedZIndex } from '@tamagui/z-index-stack'
 import * as React from 'react'
 import { createPortal } from 'react-dom'
 import { getStackedZIndexProps } from './helpers'
 import type { PortalProps } from './PortalProps'
 
-// web only version
-
 export const Portal = React.memo((propsIn: PortalProps) => {
   if (isServer) {
     return null
   }
 
-  const {
-    host = globalThis.document?.body,
-    stackZIndex,
-    children,
-    passThrough,
-    ...props
-  } = propsIn
+  const body = globalThis.document?.body
+
+  if (!body) {
+    return propsIn.children
+  }
+
+  const { children, passThrough } = propsIn
   const zIndex = useStackedZIndex(getStackedZIndexProps(propsIn))
 
   if (passThrough) {
@@ -29,19 +26,17 @@ export const Portal = React.memo((propsIn: PortalProps) => {
   }
 
   return createPortal(
-    <YStack
-      contain="strict"
-      fullscreen
-      // @ts-expect-error ok on web
-      position="fixed"
-      maxWidth="100vw"
-      maxHeight="100vh"
-      pointerEvents="none"
-      {...props}
-      zIndex={zIndex}
+    <span
+      style={{
+        zIndex,
+        position: 'absolute',
+        inset: 0,
+        contain: 'strict',
+        pointerEvents: 'none',
+      }}
     >
       {children}
-    </YStack>,
-    host
-  ) as any
+    </span>,
+    body
+  )
 })

package/src/PortalProps.tsx

@@ -1,8 +1,8 @@
-import type { YStackProps } from '@tamagui/stacks'
-import type { StackZIndexProp } from '@tamagui/z-index-stack/types'
+import type { StackZIndexProp } from '@tamagui/z-index-stack'
 
-export type PortalProps = YStackProps & {
-  host?: any // element
-  inactive?: boolean
+export type PortalProps = {
+  zIndex?: number
+  passThrough?: boolean
   stackZIndex?: StackZIndexProp
+  children?: React.ReactNode
 }

package/types/Portal.d.ts

@@ -1,5 +1,5 @@
 import '@tamagui/polyfill-dev';
 import * as React from 'react';
 import type { PortalProps } from './PortalProps';
-export declare const Portal: React.MemoExoticComponent<(propsIn: PortalProps) => any>;
+export declare const Portal: React.MemoExoticComponent<(propsIn: PortalProps) => React.ReactNode>;
 //# sourceMappingURL=Portal.d.ts.map

package/types/Portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../src/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAK9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIhD,eAAO,MAAM,MAAM,sCAAwB,WAAW,SAkCpD,CAAA"}
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../src/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA;AAI9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAEhD,eAAO,MAAM,MAAM,sCAAwB,WAAW,qBAgCpD,CAAA"}

package/types/Portal.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.native.d.ts","sourceRoot":"","sources":["../src/Portal.native.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AA4BhD,eAAO,MAAM,MAAM,GAAI,SAAS,WAAW,QAsB1C,CAAA"}
+{"version":3,"file":"Portal.native.d.ts","sourceRoot":"","sources":["../src/Portal.native.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AA4BhD,eAAO,MAAM,MAAM,GAAI,SAAS,WAAW,QA4B1C,CAAA"}

package/types/PortalProps.d.ts

@@ -1,8 +1,8 @@
-import type { YStackProps } from '@tamagui/stacks';
-import type { StackZIndexProp } from '@tamagui/z-index-stack/types';
-export type PortalProps = YStackProps & {
-    host?: any;
-    inactive?: boolean;
+import type { StackZIndexProp } from '@tamagui/z-index-stack';
+export type PortalProps = {
+    zIndex?: number;
+    passThrough?: boolean;
     stackZIndex?: StackZIndexProp;
+    children?: React.ReactNode;
 };
 //# sourceMappingURL=PortalProps.d.ts.map

package/types/PortalProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortalProps.d.ts","sourceRoot":"","sources":["../src/PortalProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAEnE,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACtC,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,eAAe,CAAA;CAC9B,CAAA"}
+{"version":3,"file":"PortalProps.d.ts","sourceRoot":"","sources":["../src/PortalProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAE7D,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA"}