@tamagui/portal 1.115.5 → 1.116.0

package/dist/cjs/GorhomPortal.cjs

@@ -41,8 +41,9 @@ __export(GorhomPortal_exports, {
 module.exports = __toCommonJS(GorhomPortal_exports);
 var import_constants = require("@tamagui/constants"),
   import_core = require("@tamagui/core"),
-  import_react = __toESM(require("react")),
   import_start_transition = require("@tamagui/start-transition"),
+  import_react = __toESM(require("react")),
+  import_react_dom = require("react-dom"),
   import_jsx_runtime = require("react/jsx-runtime"),
   ACTIONS = /* @__PURE__ */(ACTIONS2 => (ACTIONS2[ACTIONS2.REGISTER_HOST = 0] = "REGISTER_HOST", ACTIONS2[ACTIONS2.DEREGISTER_HOST = 1] = "DEREGISTER_HOST", ACTIONS2[ACTIONS2.ADD_UPDATE_PORTAL = 2] = "ADD_UPDATE_PORTAL", ACTIONS2[ACTIONS2.REMOVE_PORTAL = 3] = "REMOVE_PORTAL", ACTIONS2))(ACTIONS || {});
 const INITIAL_STATE = {};
@@ -157,39 +158,72 @@ PortalProvider.displayName = "PortalProvider";
 const defaultRenderer = children => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
     children
   }),
-  PortalHostComponent = props => {
+  PortalHost = (0, import_react.memo)(function (props) {
+    return import_constants.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(PortalHostWeb, {
+      ...props
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(PortalHostNonNative, {
+      ...props
+    });
+  }),
+  allPortalHosts = /* @__PURE__ */new Map();
+function PortalHostWeb(props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    style: {
+      display: "contents"
+    },
+    ref: node => {
+      node ? allPortalHosts.set(props.name, node) : allPortalHosts.delete(props.name);
+    }
+  });
+}
+function PortalHostNonNative(props) {
+  const {
+      name,
+      forwardProps,
+      render = defaultRenderer
+    } = props,
+    state = usePortalState(name),
+    {
+      registerHost: registerHost2,
+      deregisterHost: deregisterHost2
+    } = usePortal(props.name);
+  return (0, import_react.useEffect)(() => {
+    if (!(typeof window > "u")) return registerHost2(), () => {
+      deregisterHost2();
+    };
+  }, []), render(forwardProps ? state.map(item => {
+    let next = item.node;
     const {
-        name,
-        forwardProps,
-        render = defaultRenderer
-      } = props,
-      state = usePortalState(name),
-      {
-        registerHost: registerHost2,
-        deregisterHost: deregisterHost2
-      } = usePortal(props.name);
-    return (0, import_react.useEffect)(() => {
-      if (!(typeof window > "u")) return registerHost2(), () => {
-        deregisterHost2();
-      };
-    }, []), render(forwardProps ? state.map(item => {
-      let next = item.node;
-      return forwardProps ? import_react.default.Children.map(next, child => import_react.default.isValidElement(child) ? import_react.default.cloneElement(child, {
-        key: child.key,
-        ...forwardProps
-      }) : child) : next;
-    }) : state.map(item => item.node));
+      children,
+      ...restForwardProps
+    } = forwardProps;
+    return forwardProps ? import_react.default.Children.map(next, child => import_react.default.isValidElement(child) ? import_react.default.cloneElement(child, {
+      key: child.key,
+      ...restForwardProps
+    }) : child) : next;
+  }) : state.map(item => item.node));
+}
+const PortalItem = (0, import_react.memo)(function (props) {
+    return import_constants.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(PortalItemWeb, {
+      ...props
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(NonNativePortalComponent, {
+      ...props
+    });
+  }),
+  PortalItemWeb = props => {
+    if (!props.hostName) throw new Error("No name");
+    const hostNode = allPortalHosts.get(props.hostName);
+    return hostNode ? (0, import_react_dom.createPortal)(props.children, hostNode) : null;
   },
-  PortalHost = (0, import_react.memo)(PortalHostComponent);
-PortalHost.displayName = "PortalHost";
-const PortalComponent = props => {
+  NonNativePortalComponent = props => {
     const {
         name: _providedName,
         hostName,
         handleOnMount: _providedHandleOnMount,
         handleOnUnmount: _providedHandleOnUnmount,
         handleOnUpdate: _providedHandleOnUpdate,
-        children
+        children,
+        passthrough
       } = props,
       {
         addPortal: addUpdatePortal2,
@@ -206,11 +240,11 @@ const PortalComponent = props => {
       handleOnUpdate = (0, import_core.useEvent)(() => {
         _providedHandleOnUpdate ? _providedHandleOnUpdate(() => addUpdatePortal2(name, children)) : addUpdatePortal2(name, children);
       });
-    return (0, import_constants.useIsomorphicLayoutEffect)(() => (handleOnMount(), () => {
-      handleOnUnmount();
-    }), []), (0, import_react.useEffect)(() => {
-      handleOnUpdate();
-    }, [children]), null;
-  },
-  PortalItem = (0, import_react.memo)(PortalComponent);
-PortalItem.displayName = "Portal";
+    return (0, import_constants.useIsomorphicLayoutEffect)(() => {
+      if (!passthrough) return handleOnMount(), () => {
+        handleOnUnmount();
+      };
+    }, []), (0, import_react.useEffect)(() => {
+      passthrough || handleOnUpdate();
+    }, [children]), passthrough ? children : null;
+  };

package/dist/cjs/GorhomPortal.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/GorhomPortal.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["ACTIONS", "registerHost", "deregisterHost", "addUpdatePortal", "removePortal", "React"]
 }

package/dist/cjs/GorhomPortal.native.js

@@ -31,7 +31,7 @@ __export(GorhomPortal_exports, {
   usePortal: () => usePortal
 });
 module.exports = __toCommonJS(GorhomPortal_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_react = __toESM(require("react")), import_start_transition = require("@tamagui/start-transition"), ACTIONS = /* @__PURE__ */ function(ACTIONS2) {
+var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_start_transition = require("@tamagui/start-transition"), import_react = __toESM(require("react")), import_react_dom = require("react-dom"), ACTIONS = /* @__PURE__ */ function(ACTIONS2) {
   return ACTIONS2[ACTIONS2.REGISTER_HOST = 0] = "REGISTER_HOST", ACTIONS2[ACTIONS2.DEREGISTER_HOST = 1] = "DEREGISTER_HOST", ACTIONS2[ACTIONS2.ADD_UPDATE_PORTAL = 2] = "ADD_UPDATE_PORTAL", ACTIONS2[ACTIONS2.REMOVE_PORTAL = 3] = "REMOVE_PORTAL", ACTIONS2;
 }(ACTIONS || {}), INITIAL_STATE = {};
 var registerHost = function(state, hostName) {
@@ -145,7 +145,24 @@ var defaultRenderer = function(children) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
     children
   });
-}, PortalHostComponent = function(props) {
+}, PortalHost = /* @__PURE__ */ (0, import_react.memo)(function(props) {
+  return import_constants.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalHostWeb, {
+    ...props
+  }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalHostNonNative, {
+    ...props
+  });
+}), allPortalHosts = /* @__PURE__ */ new Map();
+function PortalHostWeb(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+    style: {
+      display: "contents"
+    },
+    ref: function(node) {
+      node ? allPortalHosts.set(props.name, node) : allPortalHosts.delete(props.name);
+    }
+  });
+}
+function PortalHostNonNative(props) {
   var { name, forwardProps, render = defaultRenderer } = props, state = usePortalState(name), { registerHost: registerHost2, deregisterHost: deregisterHost2 } = usePortal(props.name);
   return (0, import_react.useEffect)(function() {
     if (!(typeof window > "u"))
@@ -153,20 +170,30 @@ var defaultRenderer = function(children) {
         deregisterHost2();
       };
   }, []), render(forwardProps ? state.map(function(item) {
-    var next = item.node;
+    var next = item.node, { children, ...restForwardProps } = forwardProps;
     return forwardProps ? import_react.default.Children.map(next, function(child) {
       return /* @__PURE__ */ import_react.default.isValidElement(child) ? /* @__PURE__ */ import_react.default.cloneElement(child, {
         key: child.key,
-        ...forwardProps
+        ...restForwardProps
       }) : child;
     }) : next;
   }) : state.map(function(item) {
     return item.node;
   }));
-}, PortalHost = /* @__PURE__ */ (0, import_react.memo)(PortalHostComponent);
-PortalHost.displayName = "PortalHost";
-var PortalComponent = function(props) {
-  var { name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children } = props, { addPortal: addUpdatePortal2, removePortal: removePortal2 } = usePortal(hostName), id = (0, import_react.useId)(), name = _providedName || id, handleOnMount = (0, import_core.useEvent)(function() {
+}
+var PortalItem = /* @__PURE__ */ (0, import_react.memo)(function(props) {
+  return import_constants.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalItemWeb, {
+    ...props
+  }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NonNativePortalComponent, {
+    ...props
+  });
+}), PortalItemWeb = function(props) {
+  if (!props.hostName)
+    throw new Error("No name");
+  var hostNode = allPortalHosts.get(props.hostName);
+  return hostNode ? /* @__PURE__ */ (0, import_react_dom.createPortal)(props.children, hostNode) : null;
+}, NonNativePortalComponent = function(props) {
+  var { name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, passthrough } = props, { addPortal: addUpdatePortal2, removePortal: removePortal2 } = usePortal(hostName), id = (0, import_react.useId)(), name = _providedName || id, handleOnMount = (0, import_core.useEvent)(function() {
     _providedHandleOnMount ? _providedHandleOnMount(function() {
       return addUpdatePortal2(name, children);
     }) : addUpdatePortal2(name, children);
@@ -180,16 +207,16 @@ var PortalComponent = function(props) {
     }) : addUpdatePortal2(name, children);
   });
   return (0, import_constants.useIsomorphicLayoutEffect)(function() {
-    return handleOnMount(), function() {
-      handleOnUnmount();
-    };
+    if (!passthrough)
+      return handleOnMount(), function() {
+        handleOnUnmount();
+      };
   }, []), (0, import_react.useEffect)(function() {
-    handleOnUpdate();
+    passthrough || handleOnUpdate();
   }, [
     children
-  ]), null;
-}, PortalItem = /* @__PURE__ */ (0, import_react.memo)(PortalComponent);
-PortalItem.displayName = "Portal";
+  ]), passthrough ? children : null;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ACTIONS,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/ui/portal/src/GorhomPortal.tsx"],
-  "mappings": "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",
-  "names": ["ACTIONS", "INITIAL_STATE", "registerHost", "state", "hostName", "deregisterHost", "addUpdatePortal", "portalName", "node", "index", "findIndex", "item", "name", "push", "removePortal", "console", "info", "splice", "reducer", "action", "type", "PortalStateContext", "createContext", "PortalDispatchContext", "usePortalState", "useContext", "Error", "usePortal", "dispatch", "useCallback", "addPortal", "updatePortal", "PortalProviderComponent", "rootHostName", "shouldAddRootHost", "children", "useReducer", "INITIAL_STATE", "transitionDispatch", "useMemo", "next", "value", "startTransition", "_jsx", "Provider", "_jsxs", "PortalHost", "PortalProvider", "memo", "displayName", "defaultRenderer", "_Fragment", "PortalHostComponent", "props", "forwardProps", "render", "useEffect", "window", "map", "React", "Children", "child", "isValidElement", "cloneElement", "key", "PortalComponent", "_providedName", "handleOnMount", "_providedHandleOnMount", "handleOnUnmount", "_providedHandleOnUnmount", "handleOnUpdate", "_providedHandleOnUpdate", "id", "useId", "useEvent", "useIsomorphicLayoutEffect", "PortalItem"]
+  "mappings": "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",
+  "names": ["ACTIONS", "INITIAL_STATE", "registerHost", "state", "hostName", "deregisterHost", "addUpdatePortal", "portalName", "node", "index", "findIndex", "item", "name", "push", "removePortal", "console", "info", "splice", "reducer", "action", "type", "PortalStateContext", "createContext", "PortalDispatchContext", "usePortalState", "useContext", "Error", "usePortal", "dispatch", "useCallback", "addPortal", "updatePortal", "PortalProviderComponent", "rootHostName", "shouldAddRootHost", "children", "useReducer", "INITIAL_STATE", "transitionDispatch", "useMemo", "next", "value", "startTransition", "_jsx", "Provider", "_jsxs", "PortalHost", "PortalProvider", "memo", "displayName", "defaultRenderer", "_Fragment", "props", "isWeb", "PortalHostWeb", "PortalHostNonNative", "allPortalHosts", "Map", "div", "style", "display", "ref", "set", "delete", "forwardProps", "render", "useEffect", "window", "map", "restForwardProps", "React", "Children", "child", "isValidElement", "cloneElement", "key", "PortalItem", "PortalItemWeb", "NonNativePortalComponent", "hostNode", "get", "createPortal", "_providedName", "handleOnMount", "_providedHandleOnMount", "handleOnUnmount", "_providedHandleOnUnmount", "handleOnUpdate", "_providedHandleOnUpdate", "passthrough", "id", "useId", "useEvent", "useIsomorphicLayoutEffect"]
 }

package/dist/cjs/Portal.cjs

@@ -39,16 +39,24 @@ var import_polyfill_dev = require("@tamagui/polyfill-dev"),
   import_stacks = require("@tamagui/stacks"),
   React = __toESM(require("react")),
   import_react_dom = require("react-dom"),
+  import_useStackedZIndex = require("./useStackedZIndex.cjs"),
   import_jsx_runtime = require("react/jsx-runtime");
-const Portal = React.memo(({
-  host = globalThis.document?.body,
-  ...props
-}) => import_constants.isServer ? null : (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
-}), host));
+const Portal = React.memo(propsIn => {
+  if (import_constants.isServer) return null;
+  const {
+      host = globalThis.document?.body,
+      stackZIndex,
+      ...props
+    } = propsIn,
+    zIndex = (0, import_useStackedZIndex.useStackedZIndex)(propsIn);
+  return (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
+  }), host);
+});

package/dist/cjs/Portal.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Portal.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAO,kCAEP,mBAAyB,+BACzB,gBAAuB,4BACvB,QAAuB,2BACvB,mBAA6B,sBAavB;AAPC,MAAM,SAAS,MAAM;AAAA,EAC1B,CAAC,EAAE,OAAO,WAAW,UAAU,MAAM,GAAG,MAAM,MACxC,4BACK,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;AAAA,IACN;AAAA,IACA;AAAA,EACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAO,kCAEP,mBAAyB,+BACzB,gBAAuB,4BACvB,QAAuB,2BACvB,mBAA6B,sBAG7B,0BAAiC,+BAc7B;AAVG,MAAM,SAAS,MAAM,KAAK,CAAC,YAAyB;AACzD,MAAI;AACF,WAAO;AAGT,QAAM,EAAE,OAAO,WAAW,UAAU,MAAM,aAAa,GAAG,MAAM,IAAI,SAE9D,aAAS,0CAAiB,OAAO;AAEvC,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;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/cjs/Portal.native.cjs

@@ -38,19 +38,25 @@ var import_stacks = require("@tamagui/stacks"),
   React = __toESM(require("react")),
   import_react_native = require("react-native-web"),
   import_GorhomPortal = require("./GorhomPortal.cjs"),
+  import_useStackedZIndex = require("./useStackedZIndex.cjs"),
   import_jsx_runtime = require("react/jsx-runtime");
 const isFabric = global?.nativeFabricUIManager;
 let createPortal;
 isFabric ? createPortal = require("react-native/Libraries/Renderer/shims/ReactFabric").createPortal : createPortal = require("react-native/Libraries/Renderer/shims/ReactNative").createPortal;
-const Portal = props => {
-  const rootTag = React.useContext(import_react_native.RootTagContext),
+const Portal = propsIn => {
+  const {
+      stackZIndex,
+      ...props
+    } = propsIn,
+    rootTag = React.useContext(import_react_native.RootTagContext),
+    zIndex = (0, import_useStackedZIndex.useStackedZIndex)(propsIn),
     contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
       pointerEvents: "box-none",
       fullscreen: !0,
       position: "absolute",
       maxWidth: "100%",
-      zIndex: 1e5,
-      ...props
+      ...props,
+      zIndex
     });
   return process.env.TAMAGUI_USE_NATIVE_PORTAL === "false" || import_react_native.Platform.OS === "android" || !rootTag ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GorhomPortal.PortalItem, {
     hostName: "root",

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Portal.native.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB,4BACvB,QAAuB,2BAEvB,sBAAyC,yBAEzC,sBAA2B,2BAevB;AAZJ,MAAM,WAAW,QAAQ;AACzB,IAAI;AACA,WACF,eAAe,QAAQ,mDAAmD,EAAE,eAE5E,eAAe,QAAQ,mDAAmD,EAAE;AAGvE,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,UAAU,MAAM,WAAW,kCAAc,GAEzC,WACJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,YAAU;AAAA,MACV,UAAS;AAAA,MACT,UAAS;AAAA,MACT,QAAQ;AAAA,MACP,GAAG;AAAA;AAAA,EACN;AAGF,SACE,QAAQ,IAAI,8BAA8B,WAC1C,6BAAS,OAAO,aAChB,CAAC,UAEM,4CAAC,kCAAW,UAAS,QAAQ,oBAAS,IAGxC,aAAa,UAAU,OAAO;AACvC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB,4BACvB,QAAuB,2BAEvB,sBAAyC,yBAEzC,sBAA2B,2BAE3B,0BAAiC,+BAiB7B;AAfJ,MAAM,WAAW,QAAQ;AACzB,IAAI;AACA,WACF,eAAe,QAAQ,mDAAmD,EAAE,eAE5E,eAAe,QAAQ,mDAAmD,EAAE;AAGvE,MAAM,SAAS,CAAC,YAAyB;AAC9C,QAAM,EAAE,aAAa,GAAG,MAAM,IAAI,SAE5B,UAAU,MAAM,WAAW,kCAAc,GACzC,aAAS,0CAAiB,OAAO,GAEjC,WACJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,YAAU;AAAA,MACV,UAAS;AAAA,MACT,UAAS;AAAA,MACR,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAGF,SACE,QAAQ,IAAI,8BAA8B,WAC1C,6BAAS,OAAO,aAChB,CAAC,UAEM,4CAAC,kCAAW,UAAS,QAAQ,oBAAS,IAGxC,aAAa,UAAU,OAAO;AACvC;",
   "names": []
 }

package/dist/cjs/Portal.native.js

@@ -26,16 +26,16 @@ __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"), React = __toESM(require("react")), import_react_native = require("react-native"), import_GorhomPortal = require("./GorhomPortal"), _global, isFabric = (_global = global) === null || _global === void 0 ? void 0 : _global.nativeFabricUIManager, createPortal;
+var import_jsx_runtime = require("react/jsx-runtime"), import_stacks = require("@tamagui/stacks"), React = __toESM(require("react")), import_react_native = require("react-native"), import_GorhomPortal = require("./GorhomPortal"), import_useStackedZIndex = require("./useStackedZIndex"), _global, isFabric = (_global = global) === null || _global === void 0 ? void 0 : _global.nativeFabricUIManager, createPortal;
 isFabric ? createPortal = require("react-native/Libraries/Renderer/shims/ReactFabric").createPortal : createPortal = require("react-native/Libraries/Renderer/shims/ReactNative").createPortal;
-var Portal = function(props) {
-  var rootTag = React.useContext(import_react_native.RootTagContext), contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
+var Portal = function(propsIn) {
+  var { stackZIndex, ...props } = propsIn, rootTag = React.useContext(import_react_native.RootTagContext), zIndex = (0, import_useStackedZIndex.useStackedZIndex)(propsIn), contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
     pointerEvents: "box-none",
     fullscreen: !0,
     position: "absolute",
     maxWidth: "100%",
-    zIndex: 1e5,
-    ...props
+    ...props,
+    zIndex
   });
   return process.env.TAMAGUI_USE_NATIVE_PORTAL === "false" || import_react_native.Platform.OS === "android" || !rootTag ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GorhomPortal.PortalItem, {
     hostName: "root",

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/ui/portal/src/Portal.native.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,gBAAuB,4BACvB,QAAuB,2BAEvB,sBAAyC,yBAEzC,sBAA2B,2BAGVA,SAAXC,YAAWD,UAAAA,YAAAA,QAAAA,YAAAA,SAAAA,SAAAA,QAAQE,uBACrBC;AACAF,WACFE,eAAeC,QAAQ,mDAAA,EAAqDD,eAE5EA,eAAeC,QAAQ,mDAAA,EAAqDD;AAGvE,IAAME,SAAS,SAACC,OAAAA;AACrB,MAAMC,UAAUC,MAAMC,WAAWC,kCAAAA,GAE3BC,WACJ,uCAAAC,KAACC,sBAAAA;IACCC,eAAc;IACdC,YAAU;IACVC,UAAS;IACTC,UAAS;IACTC,QAAQ;IACP,GAAGZ;;AAIR,SACEa,QAAQC,IAAIC,8BAA8B,WAC1CC,6BAASC,OAAO,aAChB,CAAChB,UAEM,uCAAAK,KAACY,gCAAAA;IAAWC,UAAS;cAAQd;OAG/BR,aAAaQ,UAAUJ,OAAAA;AAChC;",
-  "names": ["global", "isFabric", "nativeFabricUIManager", "createPortal", "require", "Portal", "props", "rootTag", "React", "useContext", "RootTagContext", "contents", "_jsx", "YStack", "pointerEvents", "fullscreen", "position", "maxWidth", "zIndex", "process", "env", "TAMAGUI_USE_NATIVE_PORTAL", "Platform", "OS", "PortalItem", "hostName"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,gBAAuB,4BACvB,QAAuB,2BAEvB,sBAAyC,yBAEzC,sBAA2B,2BAE3B,0BAAiC,+BAEhBA,SAAXC,YAAWD,UAAAA,YAAAA,QAAAA,YAAAA,SAAAA,SAAAA,QAAQE,uBACrBC;AACAF,WACFE,eAAeC,QAAQ,mDAAA,EAAqDD,eAE5EA,eAAeC,QAAQ,mDAAA,EAAqDD;AAGvE,IAAME,SAAS,SAACC,SAAAA;AACrB,MAAM,EAAEC,aAAa,GAAGC,MAAAA,IAAUF,SAE5BG,UAAUC,MAAMC,WAAWC,kCAAAA,GAC3BC,aAASC,0CAAiBR,OAAAA,GAE1BS,WACJ,uCAAAC,KAACC,sBAAAA;IACCC,eAAc;IACdC,YAAU;IACVC,UAAS;IACTC,UAAS;IACR,GAAGb;IACJK;;AAIJ,SACES,QAAQC,IAAIC,8BAA8B,WAC1CC,6BAASC,OAAO,aAChB,CAACjB,UAEM,uCAAAO,KAACW,gCAAAA;IAAWC,UAAS;cAAQb;OAG/BZ,aAAaY,UAAUN,OAAAA;AAChC;",
+  "names": ["global", "isFabric", "nativeFabricUIManager", "createPortal", "require", "Portal", "propsIn", "stackZIndex", "props", "rootTag", "React", "useContext", "RootTagContext", "zIndex", "useStackedZIndex", "contents", "_jsx", "YStack", "pointerEvents", "fullscreen", "position", "maxWidth", "process", "env", "TAMAGUI_USE_NATIVE_PORTAL", "Platform", "OS", "PortalItem", "hostName"]
 }

package/dist/cjs/useStackedZIndex.cjs

@@ -0,0 +1,46 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var useStackedZIndex_exports = {};
+__export(useStackedZIndex_exports, {
+  useStackedZIndex: () => useStackedZIndex
+});
+module.exports = __toCommonJS(useStackedZIndex_exports);
+var import_react = require("react");
+const CurrentPortalZIndices = {},
+  useStackedZIndex = props => {
+    const {
+        stackZIndex,
+        zIndex: zIndexProp = 1e3
+      } = props,
+      zIndex = (() => {
+        if (stackZIndex) {
+          const highest = Object.values(CurrentPortalZIndices).reduce((acc, cur) => Math.max(acc, cur), 0);
+          return Math.max(stackZIndex, highest + 1);
+        }
+        if (zIndexProp) return zIndexProp;
+      })(),
+      id = (0, import_react.useId)();
+    return (0, import_react.useEffect)(() => {
+      if (typeof zIndex == "number") return CurrentPortalZIndices[id] = zIndex, () => {
+        delete CurrentPortalZIndices[id];
+      };
+    }, [zIndex]), zIndex;
+  };

package/dist/cjs/useStackedZIndex.cjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useStackedZIndex.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiC;AAGjC,MAAM,wBAAgD,CAAC,GAE1C,mBAAmB,CAAC,UAAuD;AACtF,QAAM,EAAE,aAAa,QAAQ,aAAa,IAAK,IAAI,OAE7C,UAAU,MAAM;AACpB,QAAI,aAAa;AACf,YAAM,UAAU,OAAO,OAAO,qBAAqB,EAAE;AAAA,QACnD,CAAC,KAAK,QAAQ,KAAK,IAAI,KAAK,GAAG;AAAA,QAC/B;AAAA,MACF;AACA,aAAO,KAAK,IAAI,aAAa,UAAU,CAAC;AAAA,IAC1C;AACA,QAAI;AACF,aAAO;AAAA,EAEX,GAAG,GAEG,SAAK,oBAAM;AAEjB,qCAAU,MAAM;AACd,QAAI,OAAO,UAAW;AACpB,mCAAsB,EAAE,IAAI,QACrB,MAAM;AACX,eAAO,sBAAsB,EAAE;AAAA,MACjC;AAAA,EAEJ,GAAG,CAAC,MAAM,CAAC,GAEJ;AACT;",
+  "names": []
+}

package/dist/cjs/useStackedZIndex.native.js

@@ -0,0 +1,45 @@
+"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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var useStackedZIndex_exports = {};
+__export(useStackedZIndex_exports, {
+  useStackedZIndex: () => useStackedZIndex
+});
+module.exports = __toCommonJS(useStackedZIndex_exports);
+var import_react = require("react"), CurrentPortalZIndices = {}, useStackedZIndex = function(props) {
+  var { stackZIndex, zIndex: zIndexProp = 1e3 } = props, zIndex = function() {
+    if (stackZIndex) {
+      var highest = Object.values(CurrentPortalZIndices).reduce(function(acc, cur) {
+        return Math.max(acc, cur);
+      }, 0);
+      return Math.max(stackZIndex, highest + 1);
+    }
+    if (zIndexProp)
+      return zIndexProp;
+  }(), id = (0, import_react.useId)();
+  return (0, import_react.useEffect)(function() {
+    if (typeof zIndex == "number")
+      return CurrentPortalZIndices[id] = zIndex, function() {
+        delete CurrentPortalZIndices[id];
+      };
+  }, [
+    zIndex
+  ]), zIndex;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStackedZIndex
+});
+//# sourceMappingURL=useStackedZIndex.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/ui/portal/src/useStackedZIndex.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;mBAAiC,kBAG3BA,wBAAgD,CAAC,GAE1CC,mBAAmB,SAACC,OAAAA;AAC/B,MAAM,EAAEC,aAAaC,QAAQC,aAAa,IAAI,IAAKH,OAE7CE,SAAU,WAAA;AACd,QAAID,aAAa;AACf,UAAMG,UAAUC,OAAOC,OAAOR,qBAAAA,EAAuBS,OACnD,SAACC,KAAKC,KAAAA;eAAQC,KAAKC,IAAIH,KAAKC,GAAAA;SAC5B,CAAA;AAEF,aAAOC,KAAKC,IAAIV,aAAaG,UAAU,CAAA;IACzC;AACA,QAAID;AACF,aAAOA;EAEX,EAAA,GAEMS,SAAKC,oBAAAA;AAEXC,qCAAU,WAAA;AACR,QAAI,OAAOZ,UAAW;AACpBJ,mCAAsBc,EAAAA,IAAMV,QACrB,WAAA;AACL,eAAOJ,sBAAsBc,EAAAA;MAC/B;EAEJ,GAAG;IAACV;GAAO,GAEJA;AACT;",
+  "names": ["CurrentPortalZIndices", "useStackedZIndex", "props", "stackZIndex", "zIndex", "zIndexProp", "highest", "Object", "values", "reduce", "acc", "cur", "Math", "max", "id", "useId", "useEffect"]
+}

package/dist/esm/GorhomPortal.js

@@ -1,5 +1,6 @@
-import { useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { useEvent } from "@tamagui/core";
+import { startTransition } from "@tamagui/start-transition";
 import React, {
   createContext,
   memo,
@@ -10,7 +11,7 @@ import React, {
   useMemo,
   useReducer
 } from "react";
-import { startTransition } from "@tamagui/start-transition";
+import { createPortal } from "react-dom";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var ACTIONS = /* @__PURE__ */ ((ACTIONS2) => (ACTIONS2[ACTIONS2.REGISTER_HOST = 0] = "REGISTER_HOST", ACTIONS2[ACTIONS2.DEREGISTER_HOST = 1] = "DEREGISTER_HOST", ACTIONS2[ACTIONS2.ADD_UPDATE_PORTAL = 2] = "ADD_UPDATE_PORTAL", ACTIONS2[ACTIONS2.REMOVE_PORTAL = 3] = "REMOVE_PORTAL", ACTIONS2))(ACTIONS || {});
 const INITIAL_STATE = {};
@@ -111,7 +112,23 @@ const registerHost = (state, hostName) => (hostName in state || (state[hostName]
   ] }) });
 }, PortalProvider = memo(PortalProviderComponent);
 PortalProvider.displayName = "PortalProvider";
-const defaultRenderer = (children) => /* @__PURE__ */ jsx(Fragment, { children }), PortalHostComponent = (props) => {
+const defaultRenderer = (children) => /* @__PURE__ */ jsx(Fragment, { children }), PortalHost = memo(function(props) {
+  return isWeb ? /* @__PURE__ */ jsx(PortalHostWeb, { ...props }) : /* @__PURE__ */ jsx(PortalHostNonNative, { ...props });
+}), allPortalHosts = /* @__PURE__ */ new Map();
+function PortalHostWeb(props) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "contents"
+      },
+      ref: (node) => {
+        node ? allPortalHosts.set(props.name, node) : allPortalHosts.delete(props.name);
+      }
+    }
+  );
+}
+function PortalHostNonNative(props) {
   const { name, forwardProps, render = defaultRenderer } = props, state = usePortalState(name), { registerHost: registerHost2, deregisterHost: deregisterHost2 } = usePortal(props.name);
   return useEffect(() => {
     if (!(typeof window > "u"))
@@ -121,19 +138,27 @@ const defaultRenderer = (children) => /* @__PURE__ */ jsx(Fragment, { children }
   }, []), render(
     forwardProps ? state.map((item) => {
       let next = item.node;
-      return forwardProps ? React.Children.map(next, (child) => React.isValidElement(child) ? React.cloneElement(child, { key: child.key, ...forwardProps }) : child) : next;
+      const { children, ...restForwardProps } = forwardProps;
+      return forwardProps ? React.Children.map(next, (child) => React.isValidElement(child) ? React.cloneElement(child, { key: child.key, ...restForwardProps }) : child) : next;
     }) : state.map((item) => item.node)
   );
-}, PortalHost = memo(PortalHostComponent);
-PortalHost.displayName = "PortalHost";
-const PortalComponent = (props) => {
+}
+const PortalItem = memo(function(props) {
+  return isWeb ? /* @__PURE__ */ jsx(PortalItemWeb, { ...props }) : /* @__PURE__ */ jsx(NonNativePortalComponent, { ...props });
+}), PortalItemWeb = (props) => {
+  if (!props.hostName)
+    throw new Error("No name");
+  const hostNode = allPortalHosts.get(props.hostName);
+  return hostNode ? createPortal(props.children, hostNode) : null;
+}, NonNativePortalComponent = (props) => {
   const {
     name: _providedName,
     hostName,
     handleOnMount: _providedHandleOnMount,
     handleOnUnmount: _providedHandleOnUnmount,
     handleOnUpdate: _providedHandleOnUpdate,
-    children
+    children,
+    passthrough
   } = props, { addPortal: addUpdatePortal2, removePortal: removePortal2 } = usePortal(hostName), id = useId(), name = _providedName || id, handleOnMount = useEvent(() => {
     _providedHandleOnMount ? _providedHandleOnMount(() => addUpdatePortal2(name, children)) : addUpdatePortal2(name, children);
   }), handleOnUnmount = useEvent(() => {
@@ -141,13 +166,15 @@ const PortalComponent = (props) => {
   }), handleOnUpdate = useEvent(() => {
     _providedHandleOnUpdate ? _providedHandleOnUpdate(() => addUpdatePortal2(name, children)) : addUpdatePortal2(name, children);
   });
-  return useIsomorphicLayoutEffect(() => (handleOnMount(), () => {
-    handleOnUnmount();
-  }), []), useEffect(() => {
-    handleOnUpdate();
-  }, [children]), null;
-}, PortalItem = memo(PortalComponent);
-PortalItem.displayName = "Portal";
+  return useIsomorphicLayoutEffect(() => {
+    if (!passthrough)
+      return handleOnMount(), () => {
+        handleOnUnmount();
+      };
+  }, []), useEffect(() => {
+    passthrough || handleOnUpdate();
+  }, [children]), passthrough ? children : null;
+};
 export {
   ACTIONS,
   INITIAL_STATE,