@tamagui/portal 1.129.18 → 1.130.0

package/dist/cjs/GorhomPortalItem.cjs

@@ -27,10 +27,10 @@ var import_react = require("react"),
   import_constants = require("./constants.cjs"),
   import_react_dom = require("react-dom");
 const GorhomPortalItem = props => {
-  if (!props.hostName) throw new Error("No hostName");
-  const cur = import_constants.allPortalHosts.get(props.hostName),
+  !props.hostName && !props.passThrough && console.warn("No hostName");
+  const cur = import_constants.allPortalHosts.get(props.hostName || ""),
     [node, setNode] = (0, import_react.useState)(cur);
-  return cur && node !== cur && setNode(cur), (0, import_react.useEffect)(() => {
+  return !props.passThrough && cur && node !== cur && setNode(cur), (0, import_react.useEffect)(() => {
     if (!props.hostName || node) return;
     const listener = newNode => {
       setNode(newNode);
@@ -38,5 +38,5 @@ const GorhomPortalItem = props => {
     return import_constants.portalListeners[props.hostName] ||= /* @__PURE__ */new Set(), import_constants.portalListeners[props.hostName].add(listener), () => {
       import_constants.portalListeners[props.hostName]?.delete(listener);
     };
-  }, [node]), node ? (0, import_react_dom.createPortal)(props.children, node) : null;
+  }, [node]), props.passThrough ? props.children : node ? (0, import_react_dom.createPortal)(props.children, node) : null;
 };

package/dist/cjs/GorhomPortalItem.js

@@ -19,10 +19,9 @@ __export(GorhomPortalItem_exports, {
 module.exports = __toCommonJS(GorhomPortalItem_exports);
 var import_react = require("react"), import_constants = require("./constants"), import_react_dom = require("react-dom");
 const GorhomPortalItem = (props) => {
-  if (!props.hostName)
-    throw new Error("No hostName");
-  const cur = import_constants.allPortalHosts.get(props.hostName), [node, setNode] = (0, import_react.useState)(cur);
-  return cur && node !== cur && setNode(cur), (0, import_react.useEffect)(() => {
+  !props.hostName && !props.passThrough && console.warn("No hostName");
+  const cur = import_constants.allPortalHosts.get(props.hostName || ""), [node, setNode] = (0, import_react.useState)(cur);
+  return !props.passThrough && cur && node !== cur && setNode(cur), (0, import_react.useEffect)(() => {
     if (!props.hostName || node) return;
     const listener = (newNode) => {
       setNode(newNode);
@@ -30,6 +29,6 @@ const GorhomPortalItem = (props) => {
     return import_constants.portalListeners[props.hostName] ||= /* @__PURE__ */ new Set(), import_constants.portalListeners[props.hostName].add(listener), () => {
       import_constants.portalListeners[props.hostName]?.delete(listener);
     };
-  }, [node]), node ? (0, import_react_dom.createPortal)(props.children, node) : null;
+  }, [node]), props.passThrough ? props.children : node ? (0, import_react_dom.createPortal)(props.children, node) : null;
 };
 //# sourceMappingURL=GorhomPortalItem.js.map

package/dist/cjs/GorhomPortalItem.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/GorhomPortalItem.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC,kBACpC,mBAAgD,wBAEhD,mBAA6B;AAEtB,MAAM,mBAAmB,CAAC,UAA2B;AAC1D,MAAI,CAAC,MAAM;AACT,UAAM,IAAI,MAAM,aAAa;AAG/B,QAAM,MAAM,gCAAe,IAAI,MAAM,QAAQ,GACvC,CAAC,MAAM,OAAO,QAAI,uBAAS,GAAG;AAqBpC,SAnBI,OAAO,SAAS,OAClB,QAAQ,GAAG,OAGb,wBAAU,MAAM;AAEd,QADI,CAAC,MAAM,YACP,KAAM;AAEV,UAAM,WAAW,CAAC,YAAyB;AACzC,cAAQ,OAAO;AAAA,IACjB;AAEA,4CAAgB,MAAM,QAAQ,MAAM,oBAAI,IAAI,GAC5C,iCAAgB,MAAM,QAAQ,EAAE,IAAI,QAAQ,GACrC,MAAM;AACX,uCAAgB,MAAM,QAAS,GAAG,OAAO,QAAQ;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,IAAI,CAAC,GAEJ,WAIE,+BAAa,MAAM,UAAU,IAAI,IAH/B;AAIX;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC,kBACpC,mBAAgD,wBAEhD,mBAA6B;AAEtB,MAAM,mBAAmB,CAAC,UAA2B;AAC1D,EAAI,CAAC,MAAM,YAAY,CAAC,MAAM,eAC5B,QAAQ,KAAK,aAAa;AAG5B,QAAM,MAAM,gCAAe,IAAI,MAAM,YAAY,EAAE,GAC7C,CAAC,MAAM,OAAO,QAAI,uBAAS,GAAG;AAqBpC,SAnBI,CAAC,MAAM,eAAe,OAAO,SAAS,OACxC,QAAQ,GAAG,OAGb,wBAAU,MAAM;AAEd,QADI,CAAC,MAAM,YACP,KAAM;AAEV,UAAM,WAAW,CAAC,YAAyB;AACzC,cAAQ,OAAO;AAAA,IACjB;AAEA,4CAAgB,MAAM,QAAQ,MAAM,oBAAI,IAAI,GAC5C,iCAAgB,MAAM,QAAQ,EAAE,IAAI,QAAQ,GACrC,MAAM;AACX,uCAAgB,MAAM,QAAS,GAAG,OAAO,QAAQ;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,IAAI,CAAC,GAEL,MAAM,cACD,MAAM,WAGV,WAIE,+BAAa,MAAM,UAAU,IAAI,IAH/B;AAIX;",
   "names": []
 }

package/dist/cjs/GorhomPortalItem.native.js

@@ -19,7 +19,7 @@ __export(GorhomPortalItem_native_exports, {
 });
 module.exports = __toCommonJS(GorhomPortalItem_native_exports);
 var import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_react = require("react"), import_GorhomPortal = require("./GorhomPortal"), GorhomPortalItem = function(props) {
-  var { name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, passthrough } = props, { addPortal: addUpdatePortal, removePortal } = (0, import_GorhomPortal.usePortal)(hostName), id = (0, import_react.useId)(), name = _providedName || id, handleOnMount = (0, import_core.useEvent)(function() {
+  var { name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, passThrough } = props, { addPortal: addUpdatePortal, removePortal } = (0, import_GorhomPortal.usePortal)(hostName), id = (0, import_react.useId)(), name = _providedName || id, handleOnMount = (0, import_core.useEvent)(function() {
     _providedHandleOnMount ? _providedHandleOnMount(function() {
       return addUpdatePortal(name, children);
     }) : addUpdatePortal(name, children);
@@ -33,15 +33,15 @@ var import_constants = require("@tamagui/constants"), import_core = require("@ta
     }) : addUpdatePortal(name, children);
   });
   return (0, import_constants.useIsomorphicLayoutEffect)(function() {
-    if (!passthrough)
+    if (!passThrough)
       return handleOnMount(), function() {
         handleOnUnmount();
       };
   }, []), (0, import_react.useEffect)(function() {
-    passthrough || handleOnUpdate();
+    passThrough || handleOnUpdate();
   }, [
     children
-  ]), passthrough ? children : null;
+  ]), passThrough ? children : null;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -2,5 +2,5 @@
   "version": 3,
   "sources": ["../../src/GorhomPortalItem.native.tsx"],
   "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;AAGA,uBAA0C,+BAC1C,cAAyB,0BACzB,eAAiC,kBACjC,sBAA0B,2BAGbA,mBAAmB,SAACC,OAAAA;AAC/B,MAAM,EACJC,MAAMC,eACNC,UACAC,eAAeC,wBACfC,iBAAiBC,0BACjBC,gBAAgBC,yBAChBC,UACAC,YAAW,IACTX,OAEE,EAAEY,WAAWC,iBAAiBC,aAAY,QAAKC,+BAAUZ,QAAAA,GACzDa,SAAKC,oBAAAA,GACLhB,OAAOC,iBAAiBc,IAExBZ,oBAAgBc,sBAAS,WAAA;AAC7B,IAAIb,yBACFA,uBAAuB,WAAA;aAAMQ,gBAAgBZ,MAAMS,QAAAA;SAEnDG,gBAAgBZ,MAAMS,QAAAA;EAE1B,CAAA,GAEMJ,sBAAkBY,sBAAS,WAAA;AAC/B,IAAIX,2BACFA,yBAAyB,WAAA;aAAMO,aAAab,IAAAA;SAE5Ca,aAAab,IAAAA;EAEjB,CAAA,GAEMO,qBAAiBU,sBAAS,WAAA;AAC9B,IAAIT,0BACFA,wBAAwB,WAAA;aAAMI,gBAAgBZ,MAAMS,QAAAA;SAEpDG,gBAAgBZ,MAAMS,QAAAA;EAE1B,CAAA;AAEAS,yDAA0B,WAAA;AACxB,QAAIR;AAEJP,2BAAAA,GACO,WAAA;AACLE,wBAAAA;MACF;EACF,GAAG,CAAA,CAAE,OAELc,wBAAU,WAAA;AACR,IAAIT,eAEJH,eAAAA;EACF,GAAG;IAACE;GAAS,GAENC,cAAcD,WAAW;AAClC;",
-  "names": ["GorhomPortalItem", "props", "name", "_providedName", "hostName", "handleOnMount", "_providedHandleOnMount", "handleOnUnmount", "_providedHandleOnUnmount", "handleOnUpdate", "_providedHandleOnUpdate", "children", "passthrough", "addPortal", "addUpdatePortal", "removePortal", "usePortal", "id", "useId", "useEvent", "useIsomorphicLayoutEffect", "useEffect"]
+  "names": ["GorhomPortalItem", "props", "name", "_providedName", "hostName", "handleOnMount", "_providedHandleOnMount", "handleOnUnmount", "_providedHandleOnUnmount", "handleOnUpdate", "_providedHandleOnUpdate", "children", "passThrough", "addPortal", "addUpdatePortal", "removePortal", "usePortal", "id", "useId", "useEvent", "useIsomorphicLayoutEffect", "useEffect"]
 }

package/dist/cjs/Portal.cjs

@@ -48,10 +48,11 @@ const Portal = React.memo(propsIn => {
       host = globalThis.document?.body,
       stackZIndex,
       children,
+      passThrough,
       ...props
     } = propsIn,
     zIndex = (0, import_z_index_stack.useStackedZIndex)((0, import_helpers.getStackedZIndexProps)(propsIn));
-  return (0, import_react_dom.createPortal)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
+  return passThrough ? children : (0, import_react_dom.createPortal)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
     contain: "strict",
     fullscreen: !0,
     position: "fixed",

package/dist/cjs/Portal.js

@@ -29,8 +29,14 @@ var import_polyfill_dev = require("@tamagui/polyfill-dev"), import_constants = r
 const Portal = React.memo((propsIn) => {
   if (import_constants.isServer)
     return null;
-  const { host = globalThis.document?.body, stackZIndex, children, ...props } = propsIn, zIndex = (0, import_z_index_stack.useStackedZIndex)((0, import_helpers.getStackedZIndexProps)(propsIn));
-  return (0, import_react_dom.createPortal)(
+  const {
+    host = globalThis.document?.body,
+    stackZIndex,
+    children,
+    passThrough,
+    ...props
+  } = 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,
       {

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,sBAclC;AATG,MAAM,SAAS,MAAM,KAAK,CAAC,YAAyB;AACzD,MAAI;AACF,WAAO;AAGT,QAAM,EAAE,OAAO,WAAW,UAAU,MAAM,aAAa,UAAU,GAAG,MAAM,IAAI,SACxE,aAAS,2CAAiB,sCAAsB,OAAO,CAAC;AAE9D,aAAO;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,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;",
   "names": []
 }

package/dist/esm/GorhomPortalItem.js

@@ -2,10 +2,9 @@ import { useEffect, useState } from "react";
 import { allPortalHosts, portalListeners } from "./constants";
 import { createPortal } from "react-dom";
 const GorhomPortalItem = (props) => {
-  if (!props.hostName)
-    throw new Error("No hostName");
-  const cur = allPortalHosts.get(props.hostName), [node, setNode] = useState(cur);
-  return cur && node !== cur && setNode(cur), useEffect(() => {
+  !props.hostName && !props.passThrough && console.warn("No hostName");
+  const cur = allPortalHosts.get(props.hostName || ""), [node, setNode] = useState(cur);
+  return !props.passThrough && cur && node !== cur && setNode(cur), useEffect(() => {
     if (!props.hostName || node) return;
     const listener = (newNode) => {
       setNode(newNode);
@@ -13,7 +12,7 @@ const GorhomPortalItem = (props) => {
     return portalListeners[props.hostName] ||= /* @__PURE__ */ new Set(), portalListeners[props.hostName].add(listener), () => {
       portalListeners[props.hostName]?.delete(listener);
     };
-  }, [node]), node ? createPortal(props.children, node) : null;
+  }, [node]), props.passThrough ? props.children : node ? createPortal(props.children, node) : null;
 };
 export {
   GorhomPortalItem

package/dist/esm/GorhomPortalItem.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/GorhomPortalItem.tsx"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB,uBAAuB;AAEhD,SAAS,oBAAoB;AAEtB,MAAM,mBAAmB,CAAC,UAA2B;AAC1D,MAAI,CAAC,MAAM;AACT,UAAM,IAAI,MAAM,aAAa;AAG/B,QAAM,MAAM,eAAe,IAAI,MAAM,QAAQ,GACvC,CAAC,MAAM,OAAO,IAAI,SAAS,GAAG;AAqBpC,SAnBI,OAAO,SAAS,OAClB,QAAQ,GAAG,GAGb,UAAU,MAAM;AAEd,QADI,CAAC,MAAM,YACP,KAAM;AAEV,UAAM,WAAW,CAAC,YAAyB;AACzC,cAAQ,OAAO;AAAA,IACjB;AAEA,2BAAgB,MAAM,QAAQ,MAAM,oBAAI,IAAI,GAC5C,gBAAgB,MAAM,QAAQ,EAAE,IAAI,QAAQ,GACrC,MAAM;AACX,sBAAgB,MAAM,QAAS,GAAG,OAAO,QAAQ;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,IAAI,CAAC,GAEJ,OAIE,aAAa,MAAM,UAAU,IAAI,IAH/B;AAIX;",
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB,uBAAuB;AAEhD,SAAS,oBAAoB;AAEtB,MAAM,mBAAmB,CAAC,UAA2B;AAC1D,EAAI,CAAC,MAAM,YAAY,CAAC,MAAM,eAC5B,QAAQ,KAAK,aAAa;AAG5B,QAAM,MAAM,eAAe,IAAI,MAAM,YAAY,EAAE,GAC7C,CAAC,MAAM,OAAO,IAAI,SAAS,GAAG;AAqBpC,SAnBI,CAAC,MAAM,eAAe,OAAO,SAAS,OACxC,QAAQ,GAAG,GAGb,UAAU,MAAM;AAEd,QADI,CAAC,MAAM,YACP,KAAM;AAEV,UAAM,WAAW,CAAC,YAAyB;AACzC,cAAQ,OAAO;AAAA,IACjB;AAEA,2BAAgB,MAAM,QAAQ,MAAM,oBAAI,IAAI,GAC5C,gBAAgB,MAAM,QAAQ,EAAE,IAAI,QAAQ,GACrC,MAAM;AACX,sBAAgB,MAAM,QAAS,GAAG,OAAO,QAAQ;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,IAAI,CAAC,GAEL,MAAM,cACD,MAAM,WAGV,OAIE,aAAa,MAAM,UAAU,IAAI,IAH/B;AAIX;",
   "names": []
 }

package/dist/esm/GorhomPortalItem.mjs

@@ -2,10 +2,10 @@ import { useEffect, useState } from "react";
 import { allPortalHosts, portalListeners } from "./constants.mjs";
 import { createPortal } from "react-dom";
 const GorhomPortalItem = props => {
-  if (!props.hostName) throw new Error("No hostName");
-  const cur = allPortalHosts.get(props.hostName),
+  !props.hostName && !props.passThrough && console.warn("No hostName");
+  const cur = allPortalHosts.get(props.hostName || ""),
     [node, setNode] = useState(cur);
-  return cur && node !== cur && setNode(cur), useEffect(() => {
+  return !props.passThrough && cur && node !== cur && setNode(cur), useEffect(() => {
     if (!props.hostName || node) return;
     const listener = newNode => {
       setNode(newNode);
@@ -13,7 +13,7 @@ const GorhomPortalItem = props => {
     return portalListeners[props.hostName] ||= /* @__PURE__ */new Set(), portalListeners[props.hostName].add(listener), () => {
       portalListeners[props.hostName]?.delete(listener);
     };
-  }, [node]), node ? createPortal(props.children, node) : null;
+  }, [node]), props.passThrough ? props.children : node ? createPortal(props.children, node) : null;
 };
 export { GorhomPortalItem };
 //# sourceMappingURL=GorhomPortalItem.mjs.map

package/dist/esm/GorhomPortalItem.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","allPortalHosts","portalListeners","createPortal","GorhomPortalItem","props","hostName","Error","cur","get","node","setNode","listener","newNode","Set","add","delete","children"],"sources":["../../src/GorhomPortalItem.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AACpC,SAASC,cAAA,EAAgBC,eAAA,QAAuB;AAEhD,SAASC,YAAA,QAAoB;AAEtB,MAAMC,gBAAA,GAAoBC,KAAA,IAA2B;EAC1D,IAAI,CAACA,KAAA,CAAMC,QAAA,EACT,MAAM,IAAIC,KAAA,CAAM,aAAa;EAG/B,MAAMC,GAAA,GAAMP,cAAA,CAAeQ,GAAA,CAAIJ,KAAA,CAAMC,QAAQ;IACvC,CAACI,IAAA,EAAMC,OAAO,IAAIX,QAAA,CAASQ,GAAG;EAqBpC,OAnBIA,GAAA,IAAOE,IAAA,KAASF,GAAA,IAClBG,OAAA,CAAQH,GAAG,GAGbT,SAAA,CAAU,MAAM;IAEd,IADI,CAACM,KAAA,CAAMC,QAAA,IACPI,IAAA,EAAM;IAEV,MAAME,QAAA,GAAYC,OAAA,IAAyB;MACzCF,OAAA,CAAQE,OAAO;IACjB;IAEA,OAAAX,eAAA,CAAgBG,KAAA,CAAMC,QAAQ,MAAM,mBAAIQ,GAAA,CAAI,GAC5CZ,eAAA,CAAgBG,KAAA,CAAMC,QAAQ,EAAES,GAAA,CAAIH,QAAQ,GACrC,MAAM;MACXV,eAAA,CAAgBG,KAAA,CAAMC,QAAS,GAAGU,MAAA,CAAOJ,QAAQ;IACnD;EACF,GAAG,CAACF,IAAI,CAAC,GAEJA,IAAA,GAIEP,YAAA,CAAaE,KAAA,CAAMY,QAAA,EAAUP,IAAI,IAH/B;AAIX","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","allPortalHosts","portalListeners","createPortal","GorhomPortalItem","props","hostName","passThrough","console","warn","cur","get","node","setNode","listener","newNode","Set","add","delete","children"],"sources":["../../src/GorhomPortalItem.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AACpC,SAASC,cAAA,EAAgBC,eAAA,QAAuB;AAEhD,SAASC,YAAA,QAAoB;AAEtB,MAAMC,gBAAA,GAAoBC,KAAA,IAA2B;EACtD,CAACA,KAAA,CAAMC,QAAA,IAAY,CAACD,KAAA,CAAME,WAAA,IAC5BC,OAAA,CAAQC,IAAA,CAAK,aAAa;EAG5B,MAAMC,GAAA,GAAMT,cAAA,CAAeU,GAAA,CAAIN,KAAA,CAAMC,QAAA,IAAY,EAAE;IAC7C,CAACM,IAAA,EAAMC,OAAO,IAAIb,QAAA,CAASU,GAAG;EAqBpC,OAnBI,CAACL,KAAA,CAAME,WAAA,IAAeG,GAAA,IAAOE,IAAA,KAASF,GAAA,IACxCG,OAAA,CAAQH,GAAG,GAGbX,SAAA,CAAU,MAAM;IAEd,IADI,CAACM,KAAA,CAAMC,QAAA,IACPM,IAAA,EAAM;IAEV,MAAME,QAAA,GAAYC,OAAA,IAAyB;MACzCF,OAAA,CAAQE,OAAO;IACjB;IAEA,OAAAb,eAAA,CAAgBG,KAAA,CAAMC,QAAQ,MAAM,mBAAIU,GAAA,CAAI,GAC5Cd,eAAA,CAAgBG,KAAA,CAAMC,QAAQ,EAAEW,GAAA,CAAIH,QAAQ,GACrC,MAAM;MACXZ,eAAA,CAAgBG,KAAA,CAAMC,QAAS,GAAGY,MAAA,CAAOJ,QAAQ;IACnD;EACF,GAAG,CAACF,IAAI,CAAC,GAELP,KAAA,CAAME,WAAA,GACDF,KAAA,CAAMc,QAAA,GAGVP,IAAA,GAIET,YAAA,CAAaE,KAAA,CAAMc,QAAA,EAAUP,IAAI,IAH/B;AAIX","ignoreList":[]}

package/dist/esm/GorhomPortalItem.native.js

@@ -10,7 +10,7 @@ var GorhomPortalItem = function (props) {
       handleOnUnmount: _providedHandleOnUnmount,
       handleOnUpdate: _providedHandleOnUpdate,
       children,
-      passthrough
+      passThrough
     } = props,
     {
       addPortal: addUpdatePortal,
@@ -34,12 +34,12 @@ var GorhomPortalItem = function (props) {
       }) : addUpdatePortal(name, children);
     });
   return useIsomorphicLayoutEffect(function () {
-    if (!passthrough) return handleOnMount(), function () {
+    if (!passThrough) return handleOnMount(), function () {
       handleOnUnmount();
     };
   }, []), useEffect(function () {
-    passthrough || handleOnUpdate();
-  }, [children]), passthrough ? children : null;
+    passThrough || handleOnUpdate();
+  }, [children]), passThrough ? children : null;
 };
 export { GorhomPortalItem };
 //# sourceMappingURL=GorhomPortalItem.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useIsomorphicLayoutEffect","useEvent","useEffect","useId","usePortal","GorhomPortalItem","props","name","_providedName","hostName","handleOnMount","_providedHandleOnMount","handleOnUnmount","_providedHandleOnUnmount","handleOnUpdate","_providedHandleOnUpdate","children","passthrough","addPortal","addUpdatePortal","removePortal","id"],"sources":["../../src/GorhomPortalItem.native.tsx"],"sourcesContent":[null],"mappings":"AAGA,SAASA,yBAAA,QAAiC;AAC1C,SAASC,QAAA,QAAgB;AACzB,SAASC,SAAA,EAAWC,KAAA,QAAa;AACjC,SAASC,SAAA,QAAiB;AAGnB,IAAMC,gBAAA,GAAmB,SAAAA,CAACC,KAAA;EAC/B,IAAM;MACJC,IAAA,EAAMC,aAAA;MACNC,QAAA;MACAC,aAAA,EAAeC,sBAAA;MACfC,eAAA,EAAiBC,wBAAA;MACjBC,cAAA,EAAgBC,uBAAA;MAChBC,QAAA;MACAC;IAAW,IACTX,KAAA;IAEE;MAAEY,SAAA,EAAWC,eAAA;MAAiBC;IAAY,IAAKhB,SAAA,CAAUK,QAAA;IACzDY,EAAA,GAAKlB,KAAA;IACLI,IAAA,GAAOC,aAAA,IAAiBa,EAAA;IAExBX,aAAA,GAAgBT,QAAA,CAAS;MACzBU,sBAAA,GACFA,sBAAA,CAAuB;eAAMQ,eAAA,CAAgBZ,IAAA,EAAMS,QAAA;WAEnDG,eAAA,CAAgBZ,IAAA,EAAMS,QAAA;IAE1B;IAEMJ,eAAA,GAAkBX,QAAA,CAAS;MAC3BY,wBAAA,GACFA,wBAAA,CAAyB;eAAMO,YAAA,CAAab,IAAA;WAE5Ca,YAAA,CAAab,IAAA;IAEjB;IAEMO,cAAA,GAAiBb,QAAA,CAAS;MAC1Bc,uBAAA,GACFA,uBAAA,CAAwB;eAAMI,eAAA,CAAgBZ,IAAA,EAAMS,QAAA;WAEpDG,eAAA,CAAgBZ,IAAA,EAAMS,QAAA;IAE1B;EAEA,OAAAhB,yBAAA,CAA0B;IACxB,IAAI,CAAAiB,WAAA,EAEJ,OAAAP,aAAA,IACO;MACLE,eAAA;IACF;EACF,GAAG,EAAE,GAELV,SAAA,CAAU;IACJe,WAAA,IAEJH,cAAA;EACF,GAAG,CAACE,QAAA,CAAS,GAENC,WAAA,GAAcD,QAAA,GAAW;AAClC","ignoreList":[]}
+{"version":3,"names":["useIsomorphicLayoutEffect","useEvent","useEffect","useId","usePortal","GorhomPortalItem","props","name","_providedName","hostName","handleOnMount","_providedHandleOnMount","handleOnUnmount","_providedHandleOnUnmount","handleOnUpdate","_providedHandleOnUpdate","children","passThrough","addPortal","addUpdatePortal","removePortal","id"],"sources":["../../src/GorhomPortalItem.native.tsx"],"sourcesContent":[null],"mappings":"AAGA,SAASA,yBAAA,QAAiC;AAC1C,SAASC,QAAA,QAAgB;AACzB,SAASC,SAAA,EAAWC,KAAA,QAAa;AACjC,SAASC,SAAA,QAAiB;AAGnB,IAAMC,gBAAA,GAAmB,SAAAA,CAACC,KAAA;EAC/B,IAAM;MACJC,IAAA,EAAMC,aAAA;MACNC,QAAA;MACAC,aAAA,EAAeC,sBAAA;MACfC,eAAA,EAAiBC,wBAAA;MACjBC,cAAA,EAAgBC,uBAAA;MAChBC,QAAA;MACAC;IAAW,IACTX,KAAA;IAEE;MAAEY,SAAA,EAAWC,eAAA;MAAiBC;IAAY,IAAKhB,SAAA,CAAUK,QAAA;IACzDY,EAAA,GAAKlB,KAAA;IACLI,IAAA,GAAOC,aAAA,IAAiBa,EAAA;IAExBX,aAAA,GAAgBT,QAAA,CAAS;MACzBU,sBAAA,GACFA,sBAAA,CAAuB;eAAMQ,eAAA,CAAgBZ,IAAA,EAAMS,QAAA;WAEnDG,eAAA,CAAgBZ,IAAA,EAAMS,QAAA;IAE1B;IAEMJ,eAAA,GAAkBX,QAAA,CAAS;MAC3BY,wBAAA,GACFA,wBAAA,CAAyB;eAAMO,YAAA,CAAab,IAAA;WAE5Ca,YAAA,CAAab,IAAA;IAEjB;IAEMO,cAAA,GAAiBb,QAAA,CAAS;MAC1Bc,uBAAA,GACFA,uBAAA,CAAwB;eAAMI,eAAA,CAAgBZ,IAAA,EAAMS,QAAA;WAEpDG,eAAA,CAAgBZ,IAAA,EAAMS,QAAA;IAE1B;EAEA,OAAAhB,yBAAA,CAA0B;IACxB,IAAI,CAAAiB,WAAA,EAEJ,OAAAP,aAAA,IACO;MACLE,eAAA;IACF;EACF,GAAG,EAAE,GAELV,SAAA,CAAU;IACJe,WAAA,IAEJH,cAAA;EACF,GAAG,CAACE,QAAA,CAAS,GAENC,WAAA,GAAcD,QAAA,GAAW;AAClC","ignoreList":[]}

package/dist/esm/Portal.js

@@ -9,8 +9,14 @@ import { jsx } from "react/jsx-runtime";
 const Portal = React.memo((propsIn) => {
   if (isServer)
     return null;
-  const { host = globalThis.document?.body, stackZIndex, children, ...props } = propsIn, zIndex = useStackedZIndex(getStackedZIndexProps(propsIn));
-  return createPortal(
+  const {
+    host = globalThis.document?.body,
+    stackZIndex,
+    children,
+    passThrough,
+    ...props
+  } = propsIn, zIndex = useStackedZIndex(getStackedZIndexProps(propsIn));
+  return passThrough ? children : createPortal(
     /* @__PURE__ */ jsx(
       YStack,
       {

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;AAclC;AATG,MAAM,SAAS,MAAM,KAAK,CAAC,YAAyB;AACzD,MAAI;AACF,WAAO;AAGT,QAAM,EAAE,OAAO,WAAW,UAAU,MAAM,aAAa,UAAU,GAAG,MAAM,IAAI,SACxE,SAAS,iBAAiB,sBAAsB,OAAO,CAAC;AAE9D,SAAO;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,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;",
   "names": []
 }

package/dist/esm/Portal.mjs

@@ -12,10 +12,11 @@ const Portal = React.memo(propsIn => {
       host = globalThis.document?.body,
       stackZIndex,
       children,
+      passThrough,
       ...props
     } = propsIn,
     zIndex = useStackedZIndex(getStackedZIndexProps(propsIn));
-  return createPortal(/* @__PURE__ */jsx(YStack, {
+  return passThrough ? children : createPortal(/* @__PURE__ */jsx(YStack, {
     contain: "strict",
     fullscreen: !0,
     position: "fixed",

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","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;AAclC,SAAAC,GAAA;AATG,MAAMC,MAAA,GAASJ,KAAA,CAAMK,IAAA,CAAMC,OAAA,IAAyB;EACzD,IAAIT,QAAA,EACF,OAAO;EAGT,MAAM;MAAEU,IAAA,GAAOC,UAAA,CAAWC,QAAA,EAAUC,IAAA;MAAMC,WAAA;MAAaC,QAAA;MAAU,GAAGC;IAAM,IAAIP,OAAA;IACxEQ,MAAA,GAASf,gBAAA,CAAiBG,qBAAA,CAAsBI,OAAO,CAAC;EAE9D,OAAOL,YAAA,CACL,eAAAE,GAAA,CAACL,MAAA;IACCiB,OAAA,EAAQ;IACRC,UAAA,EAAU;IAEVC,QAAA,EAAS;IACTC,QAAA,EAAS;IACTC,SAAA,EAAU;IACVC,aAAA,EAAc;IACb,GAAGP,KAAA;IACJC,MAAA;IAECF;EAAA,CACH,GACAL,IACF;AACF,CAAC","ignoreList":[]}
+{"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":[]}

package/package.json

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

package/src/GorhomPortalItem.native.tsx

@@ -15,7 +15,7 @@ export const GorhomPortalItem = (props: PortalItemProps) => {
     handleOnUnmount: _providedHandleOnUnmount,
     handleOnUpdate: _providedHandleOnUpdate,
     children,
-    passthrough,
+    passThrough,
   } = props
 
   const { addPortal: addUpdatePortal, removePortal } = usePortal(hostName)
@@ -47,7 +47,7 @@ export const GorhomPortalItem = (props: PortalItemProps) => {
   })
 
   useIsomorphicLayoutEffect(() => {
-    if (passthrough) return
+    if (passThrough) return
 
     handleOnMount()
     return () => {
@@ -56,10 +56,10 @@ export const GorhomPortalItem = (props: PortalItemProps) => {
   }, [])
 
   useEffect(() => {
-    if (passthrough) return
+    if (passThrough) return
 
     handleOnUpdate()
   }, [children])
 
-  return passthrough ? children : null
+  return passThrough ? children : null
 }

package/src/GorhomPortalItem.tsx

@@ -4,14 +4,14 @@ import type { PortalItemProps } from './types'
 import { createPortal } from 'react-dom'
 
 export const GorhomPortalItem = (props: PortalItemProps) => {
-  if (!props.hostName) {
-    throw new Error(`No hostName`)
+  if (!props.hostName && !props.passThrough) {
+    console.warn(`No hostName`)
   }
 
-  const cur = allPortalHosts.get(props.hostName)
+  const cur = allPortalHosts.get(props.hostName || '')
   const [node, setNode] = useState(cur)
 
-  if (cur && node !== cur) {
+  if (!props.passThrough && cur && node !== cur) {
     setNode(cur)
   }
 
@@ -30,6 +30,10 @@ export const GorhomPortalItem = (props: PortalItemProps) => {
     }
   }, [node])
 
+  if (props.passThrough) {
+    return props.children
+  }
+
   if (!node) {
     return null
   }

package/src/Portal.tsx

@@ -15,9 +15,19 @@ export const Portal = React.memo((propsIn: PortalProps) => {
     return null
   }
 
-  const { host = globalThis.document?.body, stackZIndex, children, ...props } = propsIn
+  const {
+    host = globalThis.document?.body,
+    stackZIndex,
+    children,
+    passThrough,
+    ...props
+  } = propsIn
   const zIndex = useStackedZIndex(getStackedZIndexProps(propsIn))
 
+  if (passThrough) {
+    return children
+  }
+
   return createPortal(
     <YStack
       contain="strict"

package/src/types.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react'
 
 export interface PortalItemProps {
-  passthrough?: boolean
+  passThrough?: boolean
 
   /**
    * Portal's key or name to be used as an identifier.

package/types/GorhomPortalItem.d.ts

@@ -1,3 +1,3 @@
 import type { PortalItemProps } from './types';
-export declare const GorhomPortalItem: (props: PortalItemProps) => import("react").ReactPortal | null;
+export declare const GorhomPortalItem: (props: PortalItemProps) => import("react").ReactNode;
 //# sourceMappingURL=GorhomPortalItem.d.ts.map

package/types/GorhomPortalItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GorhomPortalItem.d.ts","sourceRoot":"","sources":["../src/GorhomPortalItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,eAAO,MAAM,gBAAgB,GAAI,OAAO,eAAe,uCAgCtD,CAAA"}
+{"version":3,"file":"GorhomPortalItem.d.ts","sourceRoot":"","sources":["../src/GorhomPortalItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,eAAO,MAAM,gBAAgB,GAAI,OAAO,eAAe,8BAoCtD,CAAA"}

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,SAwBpD,CAAA"}
+{"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"}

package/types/types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 export interface PortalItemProps {
-    passthrough?: boolean;
+    passThrough?: boolean;
     /**
      * Portal's key or name to be used as an identifier.
      * @type string