tamagui 1.119.0 → 1.119.2

package/dist/native.js

@@ -7312,108 +7312,110 @@ var require_getSplitStyles_native = __commonJS({
             viewProps[key] = val;
           }
         }, keyInit = keyOg, valInit = props[keyInit];
-        if (process.env.NODE_ENV === "development" && debug === "profile" && time`prop-${keyInit}`, accept) {
-          var accepted = accept[keyInit];
-          if ((accepted === "style" || accepted === "textStyle") && valInit && typeof valInit == "object") {
-            viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClass);
-            continue;
-          }
-        }
-        if (process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd(), disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit !== "className" && !(keyInit in usedKeys)) {
-          if (keyInit in import_skipProps.skipProps && !noSkip && !isHOC) {
-            if (keyInit === "group" && !1) var identifier, containerType, containerCSS;
-            continue;
-          }
-          var valInitType = typeof valInit, isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
-          if (0) {
-            if (staticConfig.isReactNative && keyInit.startsWith("data-")) var _viewProps, _dataSet;
-            if (isValidStyleKeyInit && valInitType === "string" && valInit[0] === "_") {
-              var isValidClassName, isMediaOrPseudo;
-              if ((isValidClassName || isMediaOrPseudo) && !shouldDoClasses) var _styleState;
+        if (!(process.env.NODE_ENV === "test" && keyInit === "jestAnimatedStyle")) {
+          if (process.env.NODE_ENV === "development" && debug === "profile" && time`prop-${keyInit}`, accept) {
+            var accepted = accept[keyInit];
+            if ((accepted === "style" || accepted === "textStyle") && valInit && typeof valInit == "object") {
+              viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClass);
+              continue;
             }
           }
-          if (!isValidStyleKeyInit) {
-            if (!import_constants4.isAndroid && keyInit === "elevationAndroid") continue;
-            if (keyInit === "userSelect") keyInit = "selectable", valInit = valInit !== "none";
-            else if (keyInit.startsWith("data-")) continue;
-          }
-          if (keyInit === "dataSet") {
-            for (var keyInit1 in valInit) viewProps[`data-${hyphenate(keyInit1)}`] = valInit[keyInit1];
-            continue;
-          }
-          if (0) var didUseKeyInit;
-          var isShorthand = keyInit in shorthands, isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo1 = !!(isMedia || isPseudo);
-          if (isMediaOrPseudo1 && keyInit.startsWith("$group-")) {
-            var name = keyInit.split("-")[1];
-            context != null && context.groups.subscribe && !(context != null && context.groups.state[name]) && (keyInit = keyInit.replace("$group-", "$group-true-"));
-          }
-          var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo1 || isVariant && !noExpand || isShorthand;
-          if (!(isStyleProp && (asChild === "except-style" || asChild === "except-style-web"))) {
-            var shouldPassProp = !isStyleProp && isHOC || // is in parent variants
-            isHOC && parentVariants && keyInit in parentVariants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = parentVariants == null ? void 0 : parentVariants[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo1 || parentVariant || keyInit in import_skipProps.skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
-            if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), consoleGroupCollapsed(`  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`), (0, import_log.log)({
-              isVariant,
-              valInit,
-              shouldPassProp
-            }), import_constants4.isClient && (0, import_log.log)({
-              variants,
-              variant: variants == null ? void 0 : variants[keyInit],
-              isVariant,
-              isHOCShouldPassThrough,
-              parentStaticConfig
-            })), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo1), !isVariant)) {
-              process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd();
+          if (process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd(), disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit !== "className" && !(keyInit in usedKeys)) {
+            if (keyInit in import_skipProps.skipProps && !noSkip && !isHOC) {
+              if (keyInit === "group" && !1) var identifier, containerType, containerCSS;
               continue;
             }
-            if (!noSkip && keyInit in import_skipProps.skipProps) {
-              process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd();
+            var valInitType = typeof valInit, isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
+            if (0) {
+              if (staticConfig.isReactNative && keyInit.startsWith("data-")) var _viewProps, _dataSet;
+              if (isValidStyleKeyInit && valInitType === "string" && valInit[0] === "_") {
+                var isValidClassName, isMediaOrPseudo;
+                if ((isValidClassName || isMediaOrPseudo) && !shouldDoClasses) var _styleState;
+              }
+            }
+            if (!isValidStyleKeyInit) {
+              if (!import_constants4.isAndroid && keyInit === "elevationAndroid") continue;
+              if (keyInit === "userSelect") keyInit = "selectable", valInit = valInit !== "none";
+              else if (keyInit.startsWith("data-")) continue;
+            }
+            if (keyInit === "dataSet") {
+              for (var keyInit1 in valInit) viewProps[`data-${hyphenate(keyInit1)}`] = valInit[keyInit1];
               continue;
             }
-            (isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit);
-            var avoidPropMap = isMediaOrPseudo1 || !isVariant && !isValidStyleKeyInit, expanded = avoidPropMap ? null : (0, import_propMapper.propMapper)(keyInit, valInit, styleState);
-            if (!avoidPropMap) {
-              if (!expanded) continue;
-              var next = (0, import_propMapper.getPropMappedFontFamily)(expanded);
-              next && (styleState.fontFamily = next);
+            if (0) var didUseKeyInit;
+            var isShorthand = keyInit in shorthands, isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo1 = !!(isMedia || isPseudo);
+            if (isMediaOrPseudo1 && keyInit.startsWith("$group-")) {
+              var name = keyInit.split("-")[1];
+              context != null && context.groups.subscribe && !(context != null && context.groups.state[name]) && (keyInit = keyInit.replace("$group-", "$group-true-"));
             }
-            if (process.env.NODE_ENV === "development" && debug === "verbose") {
-              consoleGroupCollapsed("  \u{1F4A0} expanded", keyInit, valInit);
-              try {
-                !import_constants4.isServer && import_isDevTools.isDevTools && ((0, import_log.log)({
-                  expanded,
-                  styleProps,
-                  componentState,
-                  isVariant,
-                  variant: variants == null ? void 0 : variants[keyInit],
-                  shouldPassProp,
-                  isHOCShouldPassThrough,
-                  usedKeys: {
-                    ...usedKeys
-                  }
-                }), globalThis.tamaguiAvoidTracking = !0, (0, import_log.log)("expanded", expanded, `
+            var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo1 || isVariant && !noExpand || isShorthand;
+            if (!(isStyleProp && (asChild === "except-style" || asChild === "except-style-web"))) {
+              var shouldPassProp = !isStyleProp && isHOC || // is in parent variants
+              isHOC && parentVariants && keyInit in parentVariants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = parentVariants == null ? void 0 : parentVariants[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo1 || parentVariant || keyInit in import_skipProps.skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
+              if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), consoleGroupCollapsed(`  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`), (0, import_log.log)({
+                isVariant,
+                valInit,
+                shouldPassProp
+              }), import_constants4.isClient && (0, import_log.log)({
+                variants,
+                variant: variants == null ? void 0 : variants[keyInit],
+                isVariant,
+                isHOCShouldPassThrough,
+                parentStaticConfig
+              })), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo1), !isVariant)) {
+                process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd();
+                continue;
+              }
+              if (!noSkip && keyInit in import_skipProps.skipProps) {
+                process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd();
+                continue;
+              }
+              (isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit);
+              var avoidPropMap = isMediaOrPseudo1 || !isVariant && !isValidStyleKeyInit, expanded = avoidPropMap ? null : (0, import_propMapper.propMapper)(keyInit, valInit, styleState);
+              if (!avoidPropMap) {
+                if (!expanded) continue;
+                var next = (0, import_propMapper.getPropMappedFontFamily)(expanded);
+                next && (styleState.fontFamily = next);
+              }
+              if (process.env.NODE_ENV === "development" && debug === "verbose") {
+                consoleGroupCollapsed("  \u{1F4A0} expanded", keyInit, valInit);
+                try {
+                  !import_constants4.isServer && import_isDevTools.isDevTools && ((0, import_log.log)({
+                    expanded,
+                    styleProps,
+                    componentState,
+                    isVariant,
+                    variant: variants == null ? void 0 : variants[keyInit],
+                    shouldPassProp,
+                    isHOCShouldPassThrough,
+                    usedKeys: {
+                      ...usedKeys
+                    }
+                  }), globalThis.tamaguiAvoidTracking = !0, (0, import_log.log)("expanded", expanded, `
 usedKeys`, {
-                  ...usedKeys
-                }, `
+                    ...usedKeys
+                  }, `
 current`, {
-                  ...styleState.style
-                }), globalThis.tamaguiAvoidTracking = !1);
-              } catch {
+                    ...styleState.style
+                  }), globalThis.tamaguiAvoidTracking = !1);
+                } catch {
+                }
+                console.groupEnd();
               }
-              console.groupEnd();
-            }
-            for (var key = keyInit, val = valInit, max2 = expanded ? expanded.length : 1, i = 0; i < max2; i++) _loop(i);
-            if (process.env.NODE_ENV === "development" && debug === "verbose") {
-              try {
-                (0, import_log.log)(" \u2714\uFE0F expand complete", keyInit), (0, import_log.log)("style", {
-                  ...styleState.style
-                }), (0, import_log.log)("transforms", {
-                  ...transforms
-                }), (0, import_log.log)("viewProps", {
-                  ...viewProps
-                });
-              } catch {
+              for (var key = keyInit, val = valInit, max2 = expanded ? expanded.length : 1, i = 0; i < max2; i++) _loop(i);
+              if (process.env.NODE_ENV === "development" && debug === "verbose") {
+                try {
+                  (0, import_log.log)(" \u2714\uFE0F expand complete", keyInit), (0, import_log.log)("style", {
+                    ...styleState.style
+                  }), (0, import_log.log)("transforms", {
+                    ...transforms
+                  }), (0, import_log.log)("viewProps", {
+                    ...viewProps
+                  });
+                } catch {
+                }
+                console.groupEnd();
               }
-              console.groupEnd();
             }
           }
         }
@@ -15596,10 +15598,80 @@ var require_constants_native3 = __commonJS({
       },
       USE_NATIVE_PORTAL: function() {
         return USE_NATIVE_PORTAL;
+      },
+      allPortalHosts: function() {
+        return allPortalHosts;
+      },
+      portalListeners: function() {
+        return portalListeners;
       }
     });
     module2.exports = __toCommonJS2(constants_exports);
-    var import_constants4 = require_index_native6(), _global__IS_FABRIC, IS_FABRIC = typeof global < "u" && !!((_global__IS_FABRIC = global._IS_FABRIC) !== null && _global__IS_FABRIC !== void 0 ? _global__IS_FABRIC : global.nativeFabricUIManager), USE_NATIVE_PORTAL = !import_constants4.isAndroid && process.env.TAMAGUI_USE_NATIVE_PORTAL !== "false" && !IS_FABRIC;
+    var import_constants4 = require_index_native6(), _global__IS_FABRIC, IS_FABRIC = typeof global < "u" && !!((_global__IS_FABRIC = global._IS_FABRIC) !== null && _global__IS_FABRIC !== void 0 ? _global__IS_FABRIC : global.nativeFabricUIManager), USE_NATIVE_PORTAL = !import_constants4.isAndroid && process.env.TAMAGUI_USE_NATIVE_PORTAL !== "false" && !IS_FABRIC, allPortalHosts = /* @__PURE__ */ new Map(), portalListeners = {};
+  }
+});
+
+// ../portal/dist/cjs/useStackedZIndex.native.js
+var require_useStackedZIndex_native = __commonJS({
+  "../portal/dist/cjs/useStackedZIndex.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, useStackedZIndex_exports = {};
+    __export2(useStackedZIndex_exports, {
+      useStackedZIndex: function() {
+        return useStackedZIndex;
+      }
+    });
+    module2.exports = __toCommonJS2(useStackedZIndex_exports);
+    var import_react3 = 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_react3.useId)();
+      return (0, import_react3.useEffect)(function() {
+        if (typeof zIndex == "number") return CurrentPortalZIndices[id] = zIndex, function() {
+          delete CurrentPortalZIndices[id];
+        };
+      }, [
+        zIndex
+      ]), zIndex;
+    };
   }
 });
 
@@ -15662,9 +15734,6 @@ var require_GorhomPortal_native = __commonJS({
       PortalHost: function() {
         return PortalHost;
       },
-      PortalItem: function() {
-        return PortalItem;
-      },
       PortalProvider: function() {
         return PortalProvider2;
       },
@@ -15673,7 +15742,7 @@ var require_GorhomPortal_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(GorhomPortal_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_start_transition = require_index_native9(), import_react3 = __toESM2(require("react")), import_react_dom = require("react-dom"), ACTIONS = /* @__PURE__ */ function(ACTIONS2) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_start_transition = require_index_native9(), import_react3 = __toESM2(require("react")), import_constants22 = require_constants_native3(), 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 = {}, registerHost = function(state, hostName) {
       return hostName in state || (state[hostName] = []), state;
@@ -15789,7 +15858,7 @@ var require_GorhomPortal_native = __commonJS({
       }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalHostNonNative, {
         ...props
       });
-    }), allPortalHosts = /* @__PURE__ */ new Map(), listeners = {};
+    });
     function PortalHostWeb(props) {
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
         style: {
@@ -15797,11 +15866,11 @@ var require_GorhomPortal_native = __commonJS({
         },
         ref: function(node) {
           if (node) {
-            var _listeners_props_name;
-            allPortalHosts.set(props.name, node), (_listeners_props_name = listeners[props.name]) === null || _listeners_props_name === void 0 || _listeners_props_name.forEach(function(x) {
+            var _portalListeners_props_name;
+            import_constants22.allPortalHosts.set(props.name, node), (_portalListeners_props_name = import_constants22.portalListeners[props.name]) === null || _portalListeners_props_name === void 0 || _portalListeners_props_name.forEach(function(x) {
               return x(node);
             });
-          } else allPortalHosts.delete(props.name);
+          } else import_constants22.allPortalHosts.delete(props.name);
         }
       });
     }
@@ -15823,59 +15892,12 @@ var require_GorhomPortal_native = __commonJS({
         return item.node;
       }));
     }
-    var PortalItem = /* @__PURE__ */ (0, import_react3.memo)(function(props) {
-      return import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalItemWeb, {
-        ...props
-      }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NonNativePortalComponent, {
-        ...props
-      });
-    }), PortalItemWeb = function(props) {
-      if (!props.hostName) throw new Error("No name");
-      var cur = allPortalHosts.get(props.hostName), [node, setNode] = (0, import_react3.useState)(cur);
-      return cur && !node && setNode(cur), (0, import_react3.useEffect)(function() {
-        var _listeners, _props_hostName;
-        if (props.hostName && !node) {
-          var listener = function(node2) {
-            setNode(node2);
-          };
-          return (_listeners = listeners)[_props_hostName = props.hostName] || (_listeners[_props_hostName] = /* @__PURE__ */ new Set()), listeners[props.hostName].add(listener), function() {
-            var _listeners_props_hostName;
-            (_listeners_props_hostName = listeners[props.hostName]) === null || _listeners_props_hostName === void 0 || _listeners_props_hostName.delete(listener);
-          };
-        }
-      }, [
-        node
-      ]), node ? /* @__PURE__ */ (0, import_react_dom.createPortal)(props.children, node) : 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_react3.useId)(), name = _providedName || id, handleOnMount = (0, import_core12.useEvent)(function() {
-        _providedHandleOnMount ? _providedHandleOnMount(function() {
-          return addUpdatePortal2(name, children);
-        }) : addUpdatePortal2(name, children);
-      }), handleOnUnmount = (0, import_core12.useEvent)(function() {
-        _providedHandleOnUnmount ? _providedHandleOnUnmount(function() {
-          return removePortal2(name);
-        }) : removePortal2(name);
-      }), handleOnUpdate = (0, import_core12.useEvent)(function() {
-        _providedHandleOnUpdate ? _providedHandleOnUpdate(function() {
-          return addUpdatePortal2(name, children);
-        }) : addUpdatePortal2(name, children);
-      });
-      return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        if (!passthrough) return handleOnMount(), function() {
-          handleOnUnmount();
-        };
-      }, []), (0, import_react3.useEffect)(function() {
-        passthrough || handleOnUpdate();
-      }, [
-        children
-      ]), passthrough ? children : null;
-    };
   }
 });
 
-// ../portal/dist/cjs/useStackedZIndex.native.js
-var require_useStackedZIndex_native = __commonJS({
-  "../portal/dist/cjs/useStackedZIndex.native.js"(exports2, module2) {
+// ../portal/dist/cjs/GorhomPortalItem.native.js
+var require_GorhomPortalItem_native = __commonJS({
+  "../portal/dist/cjs/GorhomPortalItem.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
@@ -15909,30 +15931,36 @@ var require_useStackedZIndex_native = __commonJS({
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
-    }, useStackedZIndex_exports = {};
-    __export2(useStackedZIndex_exports, {
-      useStackedZIndex: function() {
-        return useStackedZIndex;
+    }, GorhomPortalItem_native_exports = {};
+    __export2(GorhomPortalItem_native_exports, {
+      GorhomPortalItem: function() {
+        return GorhomPortalItem;
       }
     });
-    module2.exports = __toCommonJS2(useStackedZIndex_exports);
-    var import_react3 = 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_react3.useId)();
-      return (0, import_react3.useEffect)(function() {
-        if (typeof zIndex == "number") return CurrentPortalZIndices[id] = zIndex, function() {
-          delete CurrentPortalZIndices[id];
+    module2.exports = __toCommonJS2(GorhomPortalItem_native_exports);
+    var import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_react3 = require("react"), import_GorhomPortal = require_GorhomPortal_native(), 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_react3.useId)(), name = _providedName || id, handleOnMount = (0, import_core12.useEvent)(function() {
+        _providedHandleOnMount ? _providedHandleOnMount(function() {
+          return addUpdatePortal(name, children);
+        }) : addUpdatePortal(name, children);
+      }), handleOnUnmount = (0, import_core12.useEvent)(function() {
+        _providedHandleOnUnmount ? _providedHandleOnUnmount(function() {
+          return removePortal(name);
+        }) : removePortal(name);
+      }), handleOnUpdate = (0, import_core12.useEvent)(function() {
+        _providedHandleOnUpdate ? _providedHandleOnUpdate(function() {
+          return addUpdatePortal(name, children);
+        }) : addUpdatePortal(name, children);
+      });
+      return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        if (!passthrough) return handleOnMount(), function() {
+          handleOnUnmount();
         };
+      }, []), (0, import_react3.useEffect)(function() {
+        passthrough || handleOnUpdate();
       }, [
-        zIndex
-      ]), zIndex;
+        children
+      ]), passthrough ? children : null;
     };
   }
 });
@@ -15992,7 +16020,7 @@ var require_Portal_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Portal_native_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_stacks3 = require_index_native21(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_constants4 = require_constants_native3(), import_GorhomPortal = require_GorhomPortal_native(), import_useStackedZIndex = require_useStackedZIndex_native(), createPortal = function() {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_stacks3 = require_index_native21(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_constants4 = require_constants_native3(), import_useStackedZIndex = require_useStackedZIndex_native(), import_GorhomPortalItem = require_GorhomPortalItem_native(), createPortal = function() {
       return import_constants4.IS_FABRIC ? require("react-native/Libraries/Renderer/shims/ReactFabric").createPortal : require("react-native/Libraries/Renderer/shims/ReactNative").createPortal;
     }(), Portal = function(propsIn) {
       var { stackZIndex, ...props } = propsIn, rootTag = React4.useContext(import_react_native4.RootTagContext), zIndex = (0, import_useStackedZIndex.useStackedZIndex)(propsIn), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_stacks3.YStack, {
@@ -16003,7 +16031,7 @@ var require_Portal_native = __commonJS({
         ...props,
         zIndex
       });
-      return !import_constants4.USE_NATIVE_PORTAL || !rootTag ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_GorhomPortal.PortalItem, {
+      return !import_constants4.USE_NATIVE_PORTAL || !rootTag ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_GorhomPortalItem.GorhomPortalItem, {
         hostName: "root",
         children: contents
       }) : createPortal(contents, rootTag);
@@ -16051,7 +16079,12 @@ var require_PortalProps_native = __commonJS({
 var require_index_native26 = __commonJS({
   "../portal/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
       var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
       if (from && typeof from == "object" || typeof from == "function") try {
         for (var _loop = function() {
@@ -16081,10 +16114,16 @@ var require_index_native26 = __commonJS({
         value: !0
       }), mod);
     }, src_exports2 = {};
+    __export2(src_exports2, {
+      PortalItem: function() {
+        return import_GorhomPortalItem.GorhomPortalItem;
+      }
+    });
     module2.exports = __toCommonJS2(src_exports2);
     __reExport2(src_exports2, require_Portal_native(), module2.exports);
     __reExport2(src_exports2, require_PortalProps_native(), module2.exports);
     __reExport2(src_exports2, require_GorhomPortal_native(), module2.exports);
+    var import_GorhomPortalItem = require_GorhomPortalItem_native();
     __reExport2(src_exports2, require_constants_native3(), module2.exports);
   }
 });