tamagui 1.124.18 → 1.125.0

package/dist/test.native.js

@@ -15316,9 +15316,9 @@ var require_index_native26 = __commonJS({
   }
 });
 
-// ../portal/dist/cjs/constants.native.js
-var require_constants_native3 = __commonJS({
-  "../portal/dist/cjs/constants.native.js"(exports2, module2) {
+// ../z-index-stack/dist/cjs/context.native.js
+var require_context_native = __commonJS({
+  "../z-index-stack/dist/cjs/context.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, {
@@ -15352,29 +15352,23 @@ var require_constants_native3 = __commonJS({
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
-    }, constants_exports = {};
-    __export2(constants_exports, {
-      IS_FABRIC: function() {
-        return IS_FABRIC;
-      },
-      USE_NATIVE_PORTAL: function() {
-        return USE_NATIVE_PORTAL;
-      },
-      allPortalHosts: function() {
-        return allPortalHosts;
+    }, context_exports = {};
+    __export2(context_exports, {
+      ZIndexHardcodedContext: function() {
+        return ZIndexHardcodedContext;
       },
-      portalListeners: function() {
-        return portalListeners;
+      ZIndexStackContext: function() {
+        return ZIndexStackContext2;
       }
     });
-    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 = process.env.TAMAGUI_USE_NATIVE_PORTAL && process.env.TAMAGUI_USE_NATIVE_PORTAL !== "false" ? !0 : !import_constants4.isAndroid && !IS_FABRIC, allPortalHosts = /* @__PURE__ */ new Map(), portalListeners = {};
+    module2.exports = __toCommonJS2(context_exports);
+    var import_react3 = require("react"), ZIndexStackContext2 = (0, import_react3.createContext)(1), ZIndexHardcodedContext = (0, import_react3.createContext)(void 0);
   }
 });
 
-// ../portal/dist/cjs/useStackedZIndex.native.js
+// ../z-index-stack/dist/cjs/useStackedZIndex.native.js
 var require_useStackedZIndex_native = __commonJS({
-  "../portal/dist/cjs/useStackedZIndex.native.js"(exports2, module2) {
+  "../z-index-stack/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, {
@@ -15415,29 +15409,188 @@ var require_useStackedZIndex_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useStackedZIndex_exports);
-    var import_react3 = require("react"), CurrentPortalZIndices = {}, useStackedZIndex = function(props) {
-      var { stackZIndex, zIndex: zIndexProp = 1e3 } = props, id = (0, import_react3.useId)(), zIndex = (0, import_react3.useMemo)(function() {
+    var import_react3 = require("react"), import_context = require_context_native(), ZIndicesByContext = {}, useStackedZIndex = function(props) {
+      var _ZIndicesByContext, _stackingContextLevel, { stackZIndex, zIndex: zIndexProp } = props, id = (0, import_react3.useId)(), stackingContextLevel = (0, import_react3.useContext)(import_context.ZIndexStackContext), hardcoded = (0, import_react3.useContext)(import_context.ZIndexHardcodedContext);
+      (_ZIndicesByContext = ZIndicesByContext)[_stackingContextLevel = stackingContextLevel] || (_ZIndicesByContext[_stackingContextLevel] = {});
+      var stackContext = ZIndicesByContext[stackingContextLevel], zIndex = (0, import_react3.useMemo)(function() {
+        if (typeof zIndexProp == "number") return zIndexProp;
         if (stackZIndex) {
-          var highest = Object.values(CurrentPortalZIndices).reduce(function(acc, cur) {
+          if (hardcoded) return hardcoded + 1;
+          var highest = Object.values(stackContext).reduce(function(acc, cur) {
             return Math.max(acc, cur);
-          }, 0);
-          return Math.max(stackZIndex, highest + 1);
+          }, 0), found = stackingContextLevel * 5e3 + highest + 1;
+          return typeof stackZIndex == "number" ? stackZIndex + found : found;
         }
-        if (zIndexProp) return zIndexProp;
+        return 1;
       }, [
+        stackingContextLevel,
+        zIndexProp,
         stackZIndex
       ]);
       return (0, import_react3.useEffect)(function() {
-        if (typeof stackZIndex == "number") return CurrentPortalZIndices[id] = stackZIndex, function() {
-          delete CurrentPortalZIndices[id];
+        if (stackZIndex) return stackContext[id] = zIndex, function() {
+          delete stackContext[id];
         };
       }, [
-        stackZIndex
+        zIndex
       ]), zIndex;
     };
   }
 });
 
+// ../z-index-stack/dist/cjs/StackZIndex.native.js
+var require_StackZIndex_native = __commonJS({
+  "../z-index-stack/dist/cjs/StackZIndex.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);
+    }, StackZIndex_exports = {};
+    __export2(StackZIndex_exports, {
+      StackZIndexContext: function() {
+        return StackZIndexContext;
+      }
+    });
+    module2.exports = __toCommonJS2(StackZIndex_exports);
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = require("react"), import_context = require_context_native(), StackZIndexContext = function(param) {
+      var { children, zIndex } = param, existing = (0, import_react3.useContext)(import_context.ZIndexStackContext), content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_context.ZIndexStackContext.Provider, {
+        value: existing + 1,
+        children
+      });
+      return typeof zIndex < "u" && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_context.ZIndexHardcodedContext.Provider, {
+        value: zIndex,
+        children: content
+      })), content;
+    };
+  }
+});
+
+// ../z-index-stack/dist/cjs/index.native.js
+var require_index_native27 = __commonJS({
+  "../z-index-stack/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 _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;
+    }, __reExport2 = function(target, mod, secondTarget) {
+      return __copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default");
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, index_exports2 = {};
+    module2.exports = __toCommonJS2(index_exports2);
+    __reExport2(index_exports2, require_useStackedZIndex_native(), module2.exports);
+    __reExport2(index_exports2, require_StackZIndex_native(), module2.exports);
+    __reExport2(index_exports2, require_context_native(), module2.exports);
+  }
+});
+
+// ../portal/dist/cjs/constants.native.js
+var require_constants_native3 = __commonJS({
+  "../portal/dist/cjs/constants.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);
+    }, constants_exports = {};
+    __export2(constants_exports, {
+      IS_FABRIC: function() {
+        return IS_FABRIC;
+      },
+      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 = process.env.TAMAGUI_USE_NATIVE_PORTAL && process.env.TAMAGUI_USE_NATIVE_PORTAL !== "false" ? !0 : !import_constants4.isAndroid && !IS_FABRIC, allPortalHosts = /* @__PURE__ */ new Map(), portalListeners = {};
+  }
+});
+
 // ../portal/dist/cjs/GorhomPortal.native.js
 var require_GorhomPortal_native = __commonJS({
   "../portal/dist/cjs/GorhomPortal.native.js"(exports2, module2) {
@@ -15735,6 +15888,63 @@ var require_GorhomPortalItem_native = __commonJS({
   }
 });
 
+// ../portal/dist/cjs/helpers.native.js
+var require_helpers_native = __commonJS({
+  "../portal/dist/cjs/helpers.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);
+    }, helpers_exports = {};
+    __export2(helpers_exports, {
+      getStackedZIndexProps: function() {
+        return getStackedZIndexProps;
+      },
+      resolveViewZIndex: function() {
+        return resolveViewZIndex2;
+      }
+    });
+    module2.exports = __toCommonJS2(helpers_exports);
+    var import_web = require_index_native14(), getStackedZIndexProps = function(propsIn) {
+      return {
+        stackZIndex: propsIn.stackZIndex,
+        zIndex: resolveViewZIndex2(propsIn.zIndex)
+      };
+    }, resolveViewZIndex2 = function(zIndex) {
+      return typeof zIndex > "u" || zIndex === "unset" ? void 0 : typeof zIndex == "number" ? zIndex : (0, import_web.getTokenValue)(zIndex, "zIndex");
+    };
+  }
+});
+
 // ../portal/dist/cjs/Portal.native.js
 var require_Portal_native = __commonJS({
   "../portal/dist/cjs/Portal.native.js"(exports2, module2) {
@@ -15790,7 +16000,7 @@ var require_Portal_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Portal_native_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_stacks3 = require_index_native22(), 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() {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_stacks3 = require_index_native22(), import_z_index_stack2 = require_index_native27(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_constants4 = require_constants_native3(), import_GorhomPortalItem = require_GorhomPortalItem_native(), import_helpers = require_helpers_native(), createPortal = function() {
       if (import_constants4.IS_FABRIC) try {
         return require("react-native/Libraries/Renderer/shims/ReactFabric").createPortal;
       } catch (err) {
@@ -15802,7 +16012,7 @@ var require_Portal_native = __commonJS({
         return console.info("Note: error importing portal, defaulting to non-native portals", err), null;
       }
     }(), 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, {
+      var { stackZIndex, ...props } = propsIn, rootTag = React4.useContext(import_react_native4.RootTagContext), zIndex = (0, import_z_index_stack2.useStackedZIndex)((0, import_helpers.getStackedZIndexProps)(propsIn)), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_stacks3.YStack, {
         pointerEvents: "box-none",
         fullscreen: !0,
         position: "absolute",
@@ -15855,7 +16065,7 @@ var require_PortalProps_native = __commonJS({
 });
 
 // ../portal/dist/cjs/index.native.js
-var require_index_native27 = __commonJS({
+var require_index_native28 = __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, __export2 = function(target, all) {
@@ -15896,6 +16106,9 @@ var require_index_native27 = __commonJS({
     __export2(index_exports2, {
       PortalItem: function() {
         return import_GorhomPortalItem.GorhomPortalItem;
+      },
+      resolveViewZIndex: function() {
+        return import_helpers.resolveViewZIndex;
       }
     });
     module2.exports = __toCommonJS2(index_exports2);
@@ -15904,6 +16117,7 @@ var require_index_native27 = __commonJS({
     __reExport2(index_exports2, require_GorhomPortal_native(), module2.exports);
     var import_GorhomPortalItem = require_GorhomPortalItem_native();
     __reExport2(index_exports2, require_constants_native3(), module2.exports);
+    var import_helpers = require_helpers_native();
   }
 });
 
@@ -15983,7 +16197,7 @@ var require_Adapt_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Adapt_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_helpers = require_index_native7(), import_portal2 = require_index_native27(), import_react3 = __toESM2(require("react")), CurrentAdaptContextScope = /* @__PURE__ */ (0, import_react3.createContext)(""), AdaptContext = (0, import_core12.createStyledContext)({
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_helpers = require_index_native7(), import_portal2 = require_index_native28(), import_react3 = __toESM2(require("react")), CurrentAdaptContextScope = /* @__PURE__ */ (0, import_react3.createContext)(""), AdaptContext = (0, import_core12.createStyledContext)({
       Contents: null,
       scopeName: "",
       portalName: "",
@@ -16091,7 +16305,7 @@ var require_Adapt_native = __commonJS({
 });
 
 // ../adapt/dist/cjs/index.native.js
-var require_index_native28 = __commonJS({
+var require_index_native29 = __commonJS({
   "../adapt/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) {
@@ -16298,7 +16512,7 @@ var require_create_context_native = __commonJS({
 });
 
 // ../../core/create-context/dist/cjs/index.native.js
-var require_index_native29 = __commonJS({
+var require_index_native30 = __commonJS({
   "../../core/create-context/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) {
@@ -16385,7 +16599,7 @@ var require_AriaHidden_native = __commonJS({
 });
 
 // ../../core/aria-hidden/dist/cjs/index.native.js
-var require_index_native30 = __commonJS({
+var require_index_native31 = __commonJS({
   "../../core/aria-hidden/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) {
@@ -16490,7 +16704,7 @@ var require_Dismissable_native = __commonJS({
 });
 
 // ../dismissable/dist/cjs/index.native.js
-var require_index_native31 = __commonJS({
+var require_index_native32 = __commonJS({
   "../dismissable/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) {
@@ -16590,7 +16804,7 @@ var require_FocusScope_native = __commonJS({
 });
 
 // ../focus-scope/dist/cjs/index.native.js
-var require_index_native32 = __commonJS({
+var require_index_native33 = __commonJS({
   "../focus-scope/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) {
@@ -16678,7 +16892,7 @@ var require_RemoveScroll_native = __commonJS({
 });
 
 // ../remove-scroll/dist/cjs/index.native.js
-var require_index_native33 = __commonJS({
+var require_index_native34 = __commonJS({
   "../remove-scroll/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) {
@@ -16824,7 +17038,7 @@ var require_SheetContext_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SheetContext_exports);
-    var import_create_context = require_index_native29(), import_constants4 = require_constants_native4(), [createSheetContext, createSheetScope2] = (0, import_create_context.createContextScope)(import_constants4.SHEET_NAME), [SheetProvider, useSheetContext] = createSheetContext(import_constants4.SHEET_NAME, {});
+    var import_create_context = require_index_native30(), import_constants4 = require_constants_native4(), [createSheetContext, createSheetScope2] = (0, import_create_context.createContextScope)(import_constants4.SHEET_NAME), [SheetProvider, useSheetContext] = createSheetContext(import_constants4.SHEET_NAME, {});
   }
 });
 
@@ -17274,7 +17488,7 @@ var require_contexts_native = __commonJS({
 });
 
 // ../sheet/dist/cjs/helpers.native.js
-var require_helpers_native = __commonJS({
+var require_helpers_native2 = __commonJS({
   "../sheet/dist/cjs/helpers.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -17382,7 +17596,7 @@ var require_SheetImplementationCustom_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SheetImplementationCustom_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native28(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_portal2 = require_index_native27(), import_react3 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_contexts = require_contexts_native(), import_helpers = require_helpers_native(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), hiddenSize = 10000.1, sheetHiddenStyleSheet = null, relativeDimensionTo = import_constants4.isWeb ? "window" : "screen", SheetImplementationCustom = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_portal2 = require_index_native28(), import_react3 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_contexts = require_contexts_native(), import_helpers = require_helpers_native2(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), hiddenSize = 10000.1, sheetHiddenStyleSheet = null, relativeDimensionTo = import_constants4.isWeb ? "window" : "screen", SheetImplementationCustom = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
       var parentSheet = import_react3.default.useContext(import_contexts.ParentSheetContext), { animation, animationConfig: animationConfigProp, modal = !1, zIndex = parentSheet.zIndex + 1, moveOnKeyboardChange = !1, unmountChildrenWhenHidden = !1, portalProps, containerComponent: ContainerComponent = import_react3.default.Fragment } = props, state = (0, import_useSheetOpenState.useSheetOpenState)(props), [overlayComponent, setOverlayComponent] = import_react3.default.useState(null), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
         onOverlayComponent: setOverlayComponent
       }), { frameSize, setFrameSize, snapPoints, snapPointsMode, hasFit, position, setPosition, scrollBridge, screenSize, setMaxContentSize, maxSnapPoint } = providerProps, { open, controller, isHidden } = state, sheetRef = import_react3.default.useRef(null), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef, providerProps.contentRef), { animationDriver } = (0, import_core12.useConfiguration)(), animationConfig = function() {
@@ -17738,7 +17952,7 @@ var require_ScrollView_native = __commonJS({
 });
 
 // ../scroll-view/dist/cjs/index.native.js
-var require_index_native34 = __commonJS({
+var require_index_native35 = __commonJS({
   "../scroll-view/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) {
@@ -17831,7 +18045,7 @@ var require_SheetScrollView_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SheetScrollView_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_compose_refs = require_index_native12(), import_scroll_view = require_index_native34(), import_SheetContext = require_SheetContext_native(), SHEET_SCROLL_VIEW_NAME = "SheetScrollView", SheetScrollView = /* @__PURE__ */ import_react3.default.forwardRef(function(param, ref) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_compose_refs = require_index_native12(), import_scroll_view = require_index_native35(), import_SheetContext = require_SheetContext_native(), SHEET_SCROLL_VIEW_NAME = "SheetScrollView", SheetScrollView = /* @__PURE__ */ import_react3.default.forwardRef(function(param, ref) {
       var { __scopeSheet, children, onScroll, ...props } = param, context = (0, import_SheetContext.useSheetContext)(SHEET_SCROLL_VIEW_NAME, __scopeSheet), { scrollBridge } = context, scrollRef = import_react3.default.useRef(null), state = import_react3.default.useRef({
         lastPageY: 0,
         dragAt: 0,
@@ -18020,7 +18234,7 @@ var require_createSheet_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createSheet_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_helpers = require_index_native7(), import_remove_scroll = require_index_native33(), import_use_did_finish_ssr = require_index_native11(), import_react3 = require("react"), import_react_native4 = require("react-native"), import_constants22 = require_constants_native4(), import_nativeSheet = require_nativeSheet_native(), import_SheetContext = require_SheetContext_native(), import_SheetImplementationCustom = require_SheetImplementationCustom_native(), import_SheetScrollView = require_SheetScrollView_native(), import_useSheetController = require_useSheetController_native(), import_useSheetOffscreenSize = require_useSheetOffscreenSize_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_helpers = require_index_native7(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_use_did_finish_ssr = require_index_native11(), import_z_index_stack2 = require_index_native27(), import_react3 = require("react"), import_react_native4 = require("react-native"), import_constants22 = require_constants_native4(), import_nativeSheet = require_nativeSheet_native(), import_SheetContext = require_SheetContext_native(), import_SheetImplementationCustom = require_SheetImplementationCustom_native(), import_SheetScrollView = require_SheetScrollView_native(), import_useSheetController = require_useSheetController_native(), import_useSheetOffscreenSize = require_useSheetOffscreenSize_native();
     function createSheet(param) {
       var { Handle, Frame, Overlay } = param, SheetHandle = Handle.styleable(function(param2, forwardedRef) {
         var { __scopeSheet, ...props } = param2, context = (0, import_SheetContext.useSheetContext)(import_constants22.SHEET_HANDLE_NAME, __scopeSheet), composedRef = (0, import_compose_refs.useComposedRefs)(context.handleRef, forwardedRef);
@@ -18060,24 +18274,27 @@ var require_createSheet_native = __commonJS({
         ]), context.onlyShowFrame, null;
       })), SheetFrame = Frame.extractable(/* @__PURE__ */ (0, import_react3.forwardRef)(function(param2, forwardedRef) {
         var { __scopeSheet, adjustPaddingForOffscreenContent, disableHideBottomOverflow, children, ...props } = param2, context = (0, import_SheetContext.useSheetContext)(import_constants22.SHEET_NAME, __scopeSheet), { hasFit, removeScrollEnabled, frameSize, contentRef, open } = context, composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), offscreenSize = (0, import_useSheetOffscreenSize.useSheetOffscreenSize)(context), sheetContents = (0, import_react3.useMemo)(function() {
-          return (
-            // @ts-ignore
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Frame, {
-              ref: composedContentRef,
-              flex: hasFit ? 0 : 1,
-              height: hasFit ? void 0 : frameSize,
-              pointerEvents: open ? "auto" : "none",
-              ...props,
-              children: [
-                children,
-                adjustPaddingForOffscreenContent && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
-                  "data-sheet-offscreen-pad": !0,
-                  height: offscreenSize,
-                  width: "100%"
-                })
-              ]
-            })
-          );
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_z_index_stack2.StackZIndexContext, {
+            zIndex: (0, import_portal2.resolveViewZIndex)(props.zIndex),
+            children: (
+              /* @ts-expect-error */
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Frame, {
+                ref: composedContentRef,
+                flex: hasFit ? 0 : 1,
+                height: hasFit ? void 0 : frameSize,
+                pointerEvents: open ? "auto" : "none",
+                ...props,
+                children: [
+                  children,
+                  adjustPaddingForOffscreenContent && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
+                    "data-sheet-offscreen-pad": !0,
+                    height: offscreenSize,
+                    width: "100%"
+                  })
+                ]
+              })
+            )
+          });
         }, [
           open,
           props,
@@ -18451,7 +18668,7 @@ var require_SheetController_native = __commonJS({
 });
 
 // ../sheet/dist/cjs/index.native.js
-var require_index_native35 = __commonJS({
+var require_index_native36 = __commonJS({
   "../sheet/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) {
@@ -18587,7 +18804,7 @@ var require_Dialog_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Dialog_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native28(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native30(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_create_context = require_index_native29(), import_dismissable = require_index_native31(), import_focus_scope = require_index_native32(), import_helpers = require_index_native7(), import_portal2 = require_index_native27(), import_remove_scroll = require_index_native33(), import_sheet = require_index_native35(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), DIALOG_NAME = "Dialog", [createDialogContext, createDialogScope] = (0, import_create_context.createContextScope)(DIALOG_NAME), [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME), TRIGGER_NAME = "DialogTrigger", DialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_dismissable = require_index_native32(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native27(), React4 = __toESM2(require("react")), DIALOG_NAME = "Dialog", [createDialogContext, createDialogScope] = (0, import_create_context.createContextScope)(DIALOG_NAME), [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME), TRIGGER_NAME = "DialogTrigger", DialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
       name: TRIGGER_NAME
     }), DialogTrigger = DialogTriggerFrame.styleable(function(props, forwardedRef) {
       var { __scopeDialog, ...triggerProps } = props, isInsideButton = React4.useContext(import_stacks3.ButtonNestingContext), context = useDialogContext(TRIGGER_NAME, __scopeDialog), composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
@@ -18614,7 +18831,6 @@ var require_Dialog_native = __commonJS({
             alignItems: "center",
             justifyContent: "center",
             fullscreen: !0,
-            zIndex: 1e5,
             ...import_constants4.isWeb && {
               maxHeight: "100vh",
               position: "fixed"
@@ -18649,9 +18865,12 @@ var require_Dialog_native = __commonJS({
         setIsFullyHidden(!0);
       }, []);
       if (context.modal) {
-        var contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.AnimatePresence, {
-          onExitComplete: handleExitComplete,
-          children: isShowing || isAdapted ? children : null
+        var contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_z_index_stack2.StackZIndexContext, {
+          zIndex: (0, import_portal2.resolveViewZIndex)(props.zIndex),
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.AnimatePresence, {
+            onExitComplete: handleExitComplete,
+            children: isShowing || isAdapted ? children : null
+          })
         });
         if (isFullyHidden && !isAdapted) return null;
         var framedContents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalProvider2, {
@@ -18663,16 +18882,15 @@ var require_Dialog_native = __commonJS({
             children: contents
           })
         });
-        if (import_constants4.isWeb) {
-          var _props_zIndex;
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
-            zIndex: (_props_zIndex = props.zIndex) !== null && _props_zIndex !== void 0 ? _props_zIndex : 1e5,
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PassthroughTheme, {
-              children: framedContents
-            })
-          });
-        }
-        return framedContents;
+        return import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
+          zIndex: props.zIndex,
+          // set to 1000 which "boosts" it 1000 above baseline for current context
+          // this makes sure its above (this first 1k) popovers on the same layer
+          stackZIndex: 1e3,
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PassthroughTheme, {
+            children: framedContents
+          })
+        }) : framedContents;
       }
       return children;
     }, PassthroughTheme = function(param) {
@@ -18718,14 +18936,16 @@ var require_Dialog_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), DialogContent = DialogContentFrame.extractable(/* @__PURE__ */ React4.forwardRef(function(param, forwardedRef) {
-      var { __scopeDialog, ...props } = param, portalContext = usePortalContext(CONTENT_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...contentProps } = props, context = useDialogContext(CONTENT_NAME, __scopeDialog), contents = context.modal ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentModal, {
-        context,
-        ...contentProps,
-        ref: forwardedRef
-      }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentNonModal, {
-        context,
-        ...contentProps,
-        ref: forwardedRef
+      var { __scopeDialog, ...props } = param, portalContext = usePortalContext(CONTENT_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...contentProps } = props, context = useDialogContext(CONTENT_NAME, __scopeDialog), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
+        children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentModal, {
+          context,
+          ...contentProps,
+          ref: forwardedRef
+        }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentNonModal, {
+          context,
+          ...contentProps,
+          ref: forwardedRef
+        })
       });
       return !import_constants4.isWeb || context.disableRemoveScroll ? contents : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_remove_scroll.RemoveScroll, {
         forwardProps: !0,
@@ -18967,7 +19187,7 @@ var require_Dialog_native = __commonJS({
 });
 
 // ../dialog/dist/cjs/index.native.js
-var require_index_native36 = __commonJS({
+var require_index_native37 = __commonJS({
   "../dialog/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) {
@@ -19087,7 +19307,7 @@ var require_AlertDialog_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(AlertDialog_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_create_context = require_index_native29(), import_dialog = require_index_native36(), import_helpers = require_index_native7(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), ROOT_NAME = "AlertDialog", [createAlertDialogContext, createAlertDialogScope] = (0, import_create_context.createContextScope)(ROOT_NAME, [
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_dialog = require_index_native37(), import_helpers = require_index_native7(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), ROOT_NAME = "AlertDialog", [createAlertDialogContext, createAlertDialogScope] = (0, import_create_context.createContextScope)(ROOT_NAME, [
       import_dialog.createDialogScope
     ]), useDialogScope = (0, import_dialog.createDialogScope)(), TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
       name: TRIGGER_NAME
@@ -19298,7 +19518,7 @@ var require_AlertDialog_native = __commonJS({
 });
 
 // ../alert-dialog/dist/cjs/index.native.js
-var require_index_native37 = __commonJS({
+var require_index_native38 = __commonJS({
   "../alert-dialog/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) {
@@ -19428,7 +19648,7 @@ var require_Image_native = __commonJS({
 });
 
 // ../image/dist/cjs/index.native.js
-var require_index_native38 = __commonJS({
+var require_index_native39 = __commonJS({
   "../image/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) {
@@ -19631,7 +19851,7 @@ var require_Circle_native = __commonJS({
 });
 
 // ../shapes/dist/cjs/index.native.js
-var require_index_native39 = __commonJS({
+var require_index_native40 = __commonJS({
   "../shapes/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) {
@@ -19741,7 +19961,7 @@ var require_Avatar_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Avatar_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native18(), import_create_context = require_index_native29(), import_helpers = require_index_native7(), import_image = require_index_native38(), import_shapes = require_index_native39(), import_stacks3 = require_index_native22(), React4 = __toESM2(require("react")), AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_helpers = require_index_native7(), import_image = require_index_native39(), import_shapes = require_index_native40(), import_stacks3 = require_index_native22(), React4 = __toESM2(require("react")), AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var _getShapeSize, { __scopeAvatar, src, onLoadingStatusChange = function() {
       }, ...imageProps } = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React4.useState("idle"), shapeSize = (0, import_core12.getVariableValue)((_getShapeSize = (0, import_shapes.getShapeSize)(
         context.size,
@@ -19835,7 +20055,7 @@ var require_Avatar_native = __commonJS({
 });
 
 // ../avatar/dist/cjs/index.native.js
-var require_index_native40 = __commonJS({
+var require_index_native41 = __commonJS({
   "../avatar/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) {
@@ -19942,7 +20162,7 @@ var require_getFontSize_native = __commonJS({
 });
 
 // ../../core/font-size/dist/cjs/index.native.js
-var require_index_native41 = __commonJS({
+var require_index_native42 = __commonJS({
   "../../core/font-size/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) {
@@ -20152,7 +20372,7 @@ var require_useGetThemedIcon_native = __commonJS({
 });
 
 // ../../core/helpers-tamagui/dist/cjs/index.native.js
-var require_index_native42 = __commonJS({
+var require_index_native43 = __commonJS({
   "../../core/helpers-tamagui/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) {
@@ -20251,7 +20471,7 @@ var require_Button_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Button_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_font_size = require_index_native41(), import_get_button_sized2 = require_index_native21(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native42(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_web = require_index_native14(), import_react3 = require("react"), ButtonContext = (0, import_web.createStyledContext)({
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_font_size = require_index_native42(), import_get_button_sized2 = require_index_native21(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native43(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_web = require_index_native14(), import_react3 = require("react"), ButtonContext = (0, import_web.createStyledContext)({
       // keeping these here means they work with styled() passing down color to text
       color: void 0,
       ellipse: void 0,
@@ -20436,7 +20656,7 @@ var require_Button_native = __commonJS({
 });
 
 // ../button/dist/cjs/index.native.js
-var require_index_native43 = __commonJS({
+var require_index_native44 = __commonJS({
   "../button/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) {
@@ -20617,7 +20837,7 @@ var require_Card_native = __commonJS({
 });
 
 // ../card/dist/cjs/index.native.js
-var require_index_native44 = __commonJS({
+var require_index_native45 = __commonJS({
   "../card/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) {
@@ -21011,7 +21231,7 @@ var require_focusable_native = __commonJS({
 });
 
 // ../focusable/dist/cjs/index.native.js
-var require_index_native45 = __commonJS({
+var require_index_native46 = __commonJS({
   "../focusable/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) {
@@ -21112,7 +21332,7 @@ var require_Label_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Label_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_create_context = require_index_native29(), import_focusable2 = require_index_native45(), import_get_button_sized2 = require_index_native21(), import_get_font_sized2 = require_index_native23(), import_text2 = require_index_native24(), import_web = require_index_native14(), React4 = __toESM2(require("react")), NAME = "Label", [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_create_context = require_index_native30(), import_focusable2 = require_index_native46(), import_get_button_sized2 = require_index_native21(), import_get_font_sized2 = require_index_native23(), import_text2 = require_index_native24(), import_web = require_index_native14(), React4 = __toESM2(require("react")), NAME = "Label", [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
       id: void 0,
       controlRef: {
         current: null
@@ -21212,7 +21432,7 @@ var require_Label_native = __commonJS({
 });
 
 // ../label/dist/cjs/index.native.js
-var require_index_native46 = __commonJS({
+var require_index_native47 = __commonJS({
   "../label/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) {
@@ -21251,7 +21471,7 @@ var require_index_native46 = __commonJS({
 });
 
 // ../../core/use-previous/dist/cjs/index.native.js
-var require_index_native47 = __commonJS({
+var require_index_native48 = __commonJS({
   "../../core/use-previous/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -21430,7 +21650,7 @@ var require_BubbleInput_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(BubbleInput_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_use_previous = require_index_native47(), React4 = __toESM2(require("react")), import_utils3 = require_utils_native2(), BubbleInput = function(props) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_use_previous = require_index_native48(), React4 = __toESM2(require("react")), import_utils3 = require_utils_native2(), BubbleInput = function(props) {
       var { checked, bubbles = !0, control, isHidden, ...inputProps } = props, ref = React4.useRef(null), prevChecked = (0, import_use_previous.usePrevious)(checked);
       return React4.useEffect(function() {
         var input = ref.current, inputProto = window.HTMLInputElement.prototype, descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked"), setChecked = descriptor.set;
@@ -21524,7 +21744,7 @@ var require_useCheckbox_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useCheckbox_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_label = require_index_native46(), import_react3 = __toESM2(require("react")), import_BubbleInput = require_BubbleInput_native(), import_utils3 = require_utils_native2();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_label = require_index_native47(), import_react3 = __toESM2(require("react")), import_BubbleInput = require_BubbleInput_native(), import_utils3 = require_utils_native2();
     function useCheckbox(props, param, ref) {
       var [checked, setChecked] = param, { labelledBy: ariaLabelledby, name, required, disabled, value = "on", onCheckedChange, ...checkboxProps } = props, [button, setButton] = import_react3.default.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(ref, setButton), hasConsumerStoppedPropagationRef = import_react3.default.useRef(!1), isFormControl = import_constants4.isWeb ? button ? !!button.closest("form") : !0 : !1, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId, parentKeyDown = props.onKeyDown, handleKeyDown = (0, import_react3.useMemo)(function() {
         return (0, import_helpers.composeEventHandlers)(parentKeyDown, function(event) {
@@ -21574,7 +21794,7 @@ var require_useCheckbox_native = __commonJS({
 });
 
 // ../checkbox-headless/dist/cjs/index.native.js
-var require_index_native48 = __commonJS({
+var require_index_native49 = __commonJS({
   "../checkbox-headless/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) {
@@ -21671,7 +21891,7 @@ var require_createCheckbox_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createCheckbox_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_focusable2 = require_index_native45(), import_checkbox_headless = require_index_native48(), import_core12 = require_index_native18(), import_font_size = require_index_native41(), import_get_token2 = require_index_native20(), import_helpers_tamagui = require_index_native42(), import_use_controllable_state = require_index_native10(), import_Checkbox = require_Checkbox_native(), import_CheckboxStyledContext = require_CheckboxStyledContext_native(), CheckboxContext = /* @__PURE__ */ import_react3.default.createContext({
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_focusable2 = require_index_native46(), import_checkbox_headless = require_index_native49(), import_core12 = require_index_native18(), import_font_size = require_index_native42(), import_get_token2 = require_index_native20(), import_helpers_tamagui = require_index_native43(), import_use_controllable_state = require_index_native10(), import_Checkbox = require_Checkbox_native(), import_CheckboxStyledContext = require_CheckboxStyledContext_native(), CheckboxContext = /* @__PURE__ */ import_react3.default.createContext({
       checked: !1,
       disabled: !1
     }), ensureContext = function(x) {
@@ -21801,7 +22021,7 @@ var require_createCheckbox_native = __commonJS({
 });
 
 // ../checkbox/dist/cjs/index.native.js
-var require_index_native49 = __commonJS({
+var require_index_native50 = __commonJS({
   "../checkbox/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -21911,7 +22131,7 @@ var require_Form_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Form_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native18(), import_create_context = require_index_native29(), import_helpers = require_index_native7(), FORM_NAME = "Form", FormFrame = (0, import_core12.styled)(import_core12.Stack, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_helpers = require_index_native7(), FORM_NAME = "Form", FormFrame = (0, import_core12.styled)(import_core12.Stack, {
       name: FORM_NAME,
       tag: "form"
     }), [createFormContext] = (0, import_create_context.createContextScope)(FORM_NAME), [FormProvider, useFormContext] = createFormContext(FORM_NAME), TRIGGER_NAME = "FormTrigger", FormTriggerFrame = (0, import_core12.styled)(import_core12.View, {
@@ -21944,7 +22164,7 @@ var require_Form_native = __commonJS({
 });
 
 // ../form/dist/cjs/index.native.js
-var require_index_native50 = __commonJS({
+var require_index_native51 = __commonJS({
   "../form/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) {
@@ -22153,7 +22373,7 @@ var require_Group_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Group_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native18(), import_create_context = require_index_native29(), import_helpers = require_index_native7(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_react3 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_useIndexedChildren = require_useIndexedChildren_native(), GROUP_NAME = "Group", [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME), [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME), GroupFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_helpers = require_index_native7(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_react3 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_useIndexedChildren = require_useIndexedChildren_native(), GROUP_NAME = "Group", [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME), [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME), GroupFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "GroupFrame",
       variants: {
         unstyled: {
@@ -22295,7 +22515,7 @@ var require_Group_native = __commonJS({
 });
 
 // ../group/dist/cjs/index.native.js
-var require_index_native51 = __commonJS({
+var require_index_native52 = __commonJS({
   "../group/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) {
@@ -22334,7 +22554,7 @@ var require_index_native51 = __commonJS({
 });
 
 // ../elements/dist/cjs/index.native.js
-var require_index_native52 = __commonJS({
+var require_index_native53 = __commonJS({
   "../elements/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -22486,7 +22706,7 @@ var require_ListItem_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ListItem_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_font_size = require_index_native41(), import_get_font_sized2 = require_index_native23(), import_get_token2 = require_index_native20(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native42(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_web = require_index_native14(), NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks3.ThemeableStack, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_font_size = require_index_native42(), import_get_font_sized2 = require_index_native23(), import_get_token2 = require_index_native20(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native43(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_web = require_index_native14(), NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks3.ThemeableStack, {
       name: NAME,
       tag: "li",
       variants: {
@@ -22684,7 +22904,7 @@ var require_ListItem_native = __commonJS({
 });
 
 // ../list-item/dist/cjs/index.native.js
-var require_index_native53 = __commonJS({
+var require_index_native54 = __commonJS({
   "../list-item/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) {
@@ -22791,7 +23011,7 @@ var require_Animate_native = __commonJS({
 });
 
 // ../animate/dist/cjs/index.native.js
-var require_index_native54 = __commonJS({
+var require_index_native55 = __commonJS({
   "../animate/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) {
@@ -24078,7 +24298,7 @@ var require_useFloating_native = __commonJS({
 });
 
 // ../../core/floating/dist/cjs/index.native.js
-var require_index_native55 = __commonJS({
+var require_index_native56 = __commonJS({
   "../../core/floating/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -24242,7 +24462,7 @@ var require_Popper_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Popper_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native55(), import_get_token2 = require_index_native20(), import_stacks3 = require_index_native22(), import_start_transition = require_index_native9(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), PopperContext = (0, import_core12.createStyledContext)({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext, checkFloating = {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_get_token2 = require_index_native20(), import_stacks3 = require_index_native22(), import_start_transition = require_index_native9(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), PopperContext = (0, import_core12.createStyledContext)({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext, checkFloating = {
       name: "checkFloating",
       fn(data) {
         return {
@@ -24478,7 +24698,7 @@ var require_Popper_native = __commonJS({
 });
 
 // ../popper/dist/cjs/index.native.js
-var require_index_native56 = __commonJS({
+var require_index_native57 = __commonJS({
   "../popper/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) {
@@ -24654,7 +24874,7 @@ var require_Popover_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Popover_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native28(), import_animate = require_index_native54(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native30(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native55(), import_focus_scope = require_index_native32(), import_helpers = require_index_native7(), import_popper = require_index_native56(), import_portal2 = require_index_native27(), import_remove_scroll = require_index_native33(), import_sheet = require_index_native35(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_useFloatingContext = require_useFloatingContext_native(), POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core12.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native29(), import_animate = require_index_native55(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_popper = require_index_native57(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native27(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_useFloatingContext = require_useFloatingContext_native(), POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core12.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover), { onCustomAnchorAdd, onCustomAnchorRemove } = context || {};
       return React4.useEffect(function() {
         return onCustomAnchorAdd(), function() {
@@ -24721,7 +24941,7 @@ var require_Popover_native = __commonJS({
       var _contentImplProps_pointerEvents;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentPortal, {
         __scopePopover,
-        zIndex: props.zIndex,
+        zIndex,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
           pointerEvents: context.open ? (_contentImplProps_pointerEvents = contentImplProps.pointerEvents) !== null && _contentImplProps_pointerEvents !== void 0 ? _contentImplProps_pointerEvents : "auto" : "none",
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentImpl, {
@@ -24769,7 +24989,7 @@ var require_Popover_native = __commonJS({
       });
     }
     function PopoverContentPortal(props) {
-      var { __scopePopover } = props, _props_zIndex, zIndex = (_props_zIndex = props.zIndex) !== null && _props_zIndex !== void 0 ? _props_zIndex : 15e4, context = usePopoverContext(__scopePopover), popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), themeName = (0, import_core12.useThemeName)(), adaptContext = (0, import_adapt.useAdaptContext)(), contents = props.children;
+      var { __scopePopover } = props, zIndex = props.zIndex, context = usePopoverContext(__scopePopover), popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), themeName = (0, import_core12.useThemeName)(), adaptContext = (0, import_adapt.useAdaptContext)(), contents = props.children;
       return (import_react_native4.Platform.OS === "android" || import_react_native4.Platform.OS === "ios") && (contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverRepropagateContext, {
         scope: __scopePopover || POPOVER_SCOPE,
         popperContext,
@@ -24777,6 +24997,7 @@ var require_Popover_native = __commonJS({
         adaptContext,
         children: props.children
       })), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
+        stackZIndex: !0,
         zIndex,
         children: (
           /* forceClassName avoids forced re-mount renders for some reason... see the HeadMenu as you change tints a few times */
@@ -24789,7 +25010,10 @@ var require_Popover_native = __commonJS({
                 fullscreen: !0,
                 onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
               }),
-              contents
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_z_index_stack2.StackZIndexContext, {
+                zIndex: (0, import_portal2.resolveViewZIndex)(zIndex),
+                children: contents
+              })
             ]
           })
         )
@@ -24963,7 +25187,7 @@ var require_Popover_native = __commonJS({
 });
 
 // ../popover/dist/cjs/index.native.js
-var require_index_native57 = __commonJS({
+var require_index_native58 = __commonJS({
   "../popover/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) {
@@ -25069,7 +25293,7 @@ var require_Progress_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Progress_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native18(), import_create_context = require_index_native29(), import_get_token2 = require_index_native20(), import_helpers = require_index_native7(), import_stacks3 = require_index_native22(), React4 = __toESM2(require("react")), PROGRESS_NAME = "Progress", [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), INDICATOR_NAME = "ProgressIndicator", ProgressIndicatorFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_get_token2 = require_index_native20(), import_helpers = require_index_native7(), import_stacks3 = require_index_native22(), React4 = __toESM2(require("react")), PROGRESS_NAME = "Progress", [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), INDICATOR_NAME = "ProgressIndicator", ProgressIndicatorFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: INDICATOR_NAME,
       variants: {
         unstyled: {
@@ -25185,7 +25409,7 @@ var require_Progress_native = __commonJS({
 });
 
 // ../progress/dist/cjs/index.native.js
-var require_index_native58 = __commonJS({
+var require_index_native59 = __commonJS({
   "../progress/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) {
@@ -25425,7 +25649,7 @@ var require_BubbleInput_native2 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(BubbleInput_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_use_previous = require_index_native47(), BubbleInput = function(props) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_use_previous = require_index_native48(), BubbleInput = function(props) {
       var { checked, bubbles = !0, control, isHidden, accentColor, ...inputProps } = props, ref = import_react3.default.useRef(null), prevChecked = (0, import_use_previous.usePrevious)(checked);
       return import_react3.default.useEffect(function() {
         var input = ref.current, inputProto = window.HTMLInputElement.prototype, descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked"), setChecked = descriptor.set;
@@ -25562,7 +25786,7 @@ var require_useRadioGroup_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useRadioGroup_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_focusable2 = require_index_native45(), import_helpers = require_index_native7(), import_label = require_index_native46(), import_use_controllable_state = require_index_native10(), import_react3 = require("react"), import_BubbleInput = require_BubbleInput_native2(), import_utils3 = require_utils_native3();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_focusable2 = require_index_native46(), import_helpers = require_index_native7(), import_label = require_index_native47(), import_use_controllable_state = require_index_native10(), import_react3 = require("react"), import_BubbleInput = require_BubbleInput_native2(), import_utils3 = require_utils_native3();
     function useRadioGroup(params) {
       var { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
@@ -25694,7 +25918,7 @@ var require_useRadioGroup_native = __commonJS({
 });
 
 // ../radio-headless/dist/cjs/index.native.js
-var require_index_native59 = __commonJS({
+var require_index_native60 = __commonJS({
   "../radio-headless/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) {
@@ -25818,7 +26042,7 @@ var require_RovingFocusGroup_native = __commonJS({
 });
 
 // ../roving-focus/dist/cjs/index.native.js
-var require_index_native60 = __commonJS({
+var require_index_native61 = __commonJS({
   "../roving-focus/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) {
@@ -25911,7 +26135,7 @@ var require_createRadioGroup_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createRadioGroup_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_core12 = require_index_native18(), import_RadioGroup = require_RadioGroup_native(), import_radio_headless = require_index_native59(), import_roving_focus = require_index_native60(), ensureContext = function(x) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_core12 = require_index_native18(), import_RadioGroup = require_RadioGroup_native(), import_radio_headless = require_index_native60(), import_roving_focus = require_index_native61(), ensureContext = function(x) {
       x.context || (x.context = RadioGroupContext);
     }, RadioGroupContext = /* @__PURE__ */ import_react3.default.createContext({}), RadioGroupItemContext = /* @__PURE__ */ import_react3.default.createContext({
       checked: !1,
@@ -26052,7 +26276,7 @@ var require_RadioGroupStyledContext_native = __commonJS({
 });
 
 // ../radio-group/dist/cjs/index.native.js
-var require_index_native61 = __commonJS({
+var require_index_native62 = __commonJS({
   "../radio-group/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -26183,7 +26407,7 @@ var require_Separator_native = __commonJS({
 });
 
 // ../separator/dist/cjs/index.native.js
-var require_index_native62 = __commonJS({
+var require_index_native63 = __commonJS({
   "../separator/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) {
@@ -26222,7 +26446,7 @@ var require_index_native62 = __commonJS({
 });
 
 // ../../core/use-debounce/dist/cjs/index.native.js
-var require_index_native63 = __commonJS({
+var require_index_native64 = __commonJS({
   "../../core/use-debounce/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -26400,7 +26624,7 @@ var require_constants_native5 = __commonJS({
 });
 
 // ../select/dist/cjs/context.native.js
-var require_context_native = __commonJS({
+var require_context_native2 = __commonJS({
   "../select/dist/cjs/context.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -26466,7 +26690,7 @@ var require_context_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(context_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_create_context = require_index_native29(), import_constants4 = require_constants_native5(), [createSelectContext, createSelectScope] = (0, import_create_context.createContextScope)(import_constants4.SELECT_NAME), [SelectProvider, useSelectContext] = createSelectContext(import_constants4.SELECT_NAME), [createSelectItemParentContext, createSelectItemParentScope] = (0, import_create_context.createContextScope)(import_constants4.SELECT_NAME), [SelectItemParentProvider, useSelectItemParentContext] = createSelectContext(import_constants4.SELECT_NAME), ForwardSelectContext = function(param) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_create_context = require_index_native30(), import_constants4 = require_constants_native5(), [createSelectContext, createSelectScope] = (0, import_create_context.createContextScope)(import_constants4.SELECT_NAME), [SelectProvider, useSelectContext] = createSelectContext(import_constants4.SELECT_NAME), [createSelectItemParentContext, createSelectItemParentScope] = (0, import_create_context.createContextScope)(import_constants4.SELECT_NAME), [SelectItemParentProvider, useSelectItemParentContext] = createSelectContext(import_constants4.SELECT_NAME), ForwardSelectContext = function(param) {
       var { __scopeSelect, context, itemContext, children } = param;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectProvider, {
         isInSheet: !0,
@@ -26644,7 +26868,7 @@ var require_SelectItem_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SelectItem_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_list_item = require_index_native53(), React4 = __toESM2(require("react")), import_context = require_context_native(), ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = (0, import_context.createSelectContext)(ITEM_NAME), SelectItem = import_list_item.ListItemFrame.styleable(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_list_item = require_index_native54(), React4 = __toESM2(require("react")), import_context = require_context_native2(), ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = (0, import_context.createSelectContext)(ITEM_NAME), SelectItem = import_list_item.ListItemFrame.styleable(function(props, forwardedRef) {
       var { __scopeSelect, value, disabled = !1, textValue: textValueProp, index, ...restProps } = props, { props: listItemProps } = (0, import_list_item.useListItem)({
         ...!props.unstyled && {
           ellipse: !0
@@ -26809,7 +27033,7 @@ var require_SelectItemText_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SelectItemText_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_core12 = require_index_native18(), import_text2 = require_index_native24(), React4 = __toESM2(require("react")), import_context = require_context_native(), import_SelectItem = require_SelectItem_native(), ITEM_TEXT_NAME = "SelectItemText", SelectItemTextFrame = (0, import_core12.styled)(import_text2.SizableText, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_core12 = require_index_native18(), import_text2 = require_index_native24(), React4 = __toESM2(require("react")), import_context = require_context_native2(), import_SelectItem = require_SelectItem_native(), ITEM_TEXT_NAME = "SelectItemText", SelectItemTextFrame = (0, import_core12.styled)(import_text2.SizableText, {
       name: ITEM_TEXT_NAME,
       variants: {
         unstyled: {
@@ -26957,7 +27181,7 @@ var require_SelectTrigger_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SelectTrigger_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_core12 = require_index_native18(), import_list_item = require_index_native53(), React4 = __toESM2(require("react")), import_context = require_context_native(), TRIGGER_NAME = "SelectTrigger", isPointerCoarse = import_core12.isWeb && import_core12.isClient ? window.matchMedia("(pointer:coarse)").matches : !0, SelectTrigger = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_core12 = require_index_native18(), import_list_item = require_index_native54(), React4 = __toESM2(require("react")), import_context = require_context_native2(), TRIGGER_NAME = "SelectTrigger", isPointerCoarse = import_core12.isWeb && import_core12.isClient ? window.matchMedia("(pointer:coarse)").matches : !0, SelectTrigger = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var _context_floatingContext, { __scopeSelect, disabled = !1, unstyled = !1, ...triggerProps } = props, context = (0, import_context.useSelectContext)(TRIGGER_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(TRIGGER_NAME, __scopeSelect), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);
       return itemParentContext.shouldRenderWebNative ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_list_item.ListItem, {
         componentName: TRIGGER_NAME,
@@ -27038,7 +27262,7 @@ var require_SelectViewport_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SelectViewport_native_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native28(), import_core12 = require_index_native18(), import_constants4 = require_constants_native5(), import_context = require_context_native(), SelectViewport = function(props) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_core12 = require_index_native18(), import_constants4 = require_constants_native5(), import_context = require_context_native2(), SelectViewport = function(props) {
       var { __scopeSelect, children } = props, context = (0, import_context.useSelectContext)(import_constants4.VIEWPORT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(import_constants4.VIEWPORT_NAME, __scopeSelect), themeName = (0, import_core12.useThemeName)(), adaptContext = (0, import_adapt.useAdaptContext)();
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptPortalContents, {
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, {
@@ -27102,7 +27326,7 @@ var require_useSelectBreakpointActive_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useSelectBreakpointActive_exports);
-    var import_adapt = require_index_native28(), useShowSelectSheet = function(context) {
+    var import_adapt = require_index_native29(), useShowSelectSheet = function(context) {
       var breakpointActive = (0, import_adapt.useAdaptIsActive)();
       return context.open === !1 ? !1 : breakpointActive;
     };
@@ -27173,7 +27397,7 @@ var require_Select_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Select_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native28(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_focusable2 = require_index_native45(), import_get_token2 = require_index_native20(), import_helpers = require_index_native7(), import_list_item = require_index_native53(), import_separator = require_index_native62(), import_sheet = require_index_native35(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_debounce = require_index_native63(), React4 = __toESM2(require("react")), import_context = require_context_native(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectItemText = require_SelectItemText_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native(), VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core12.styled)(import_text2.SizableText, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_focusable2 = require_index_native46(), import_get_token2 = require_index_native20(), import_helpers = require_index_native7(), import_list_item = require_index_native54(), import_separator = require_index_native63(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_debounce = require_index_native64(), React4 = __toESM2(require("react")), import_context = require_context_native2(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectItemText = require_SelectItemText_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native(), VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core12.styled)(import_text2.SizableText, {
       name: VALUE_NAME,
       userSelect: "none"
     }), SelectValue = SelectValueFrame.styleable(function(param, forwardedRef) {
@@ -27468,7 +27692,7 @@ var require_Select_native = __commonJS({
 });
 
 // ../select/dist/cjs/index.native.js
-var require_index_native64 = __commonJS({
+var require_index_native65 = __commonJS({
   "../select/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) {
@@ -27503,7 +27727,7 @@ var require_index_native64 = __commonJS({
     }, index_exports2 = {};
     module2.exports = __toCommonJS2(index_exports2);
     __reExport2(index_exports2, require_Select_native(), module2.exports);
-    __reExport2(index_exports2, require_context_native(), module2.exports);
+    __reExport2(index_exports2, require_context_native2(), module2.exports);
   }
 });
 
@@ -27577,7 +27801,7 @@ var require_constants_native6 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(constants_exports);
-    var import_create_context = require_index_native29(), SLIDER_NAME = "Slider", [createSliderContext, createSliderScope] = (0, import_create_context.createContextScope)(SLIDER_NAME), [SliderProvider, useSliderContext] = createSliderContext(SLIDER_NAME), [SliderOrientationProvider, useSliderOrientationContext] = createSliderContext(SLIDER_NAME, {
+    var import_create_context = require_index_native30(), SLIDER_NAME = "Slider", [createSliderContext, createSliderScope] = (0, import_create_context.createContextScope)(SLIDER_NAME), [SliderProvider, useSliderContext] = createSliderContext(SLIDER_NAME), [SliderOrientationProvider, useSliderOrientationContext] = createSliderContext(SLIDER_NAME, {
       startEdge: "left",
       endEdge: "right",
       sizeProp: "width",
@@ -27609,7 +27833,7 @@ var require_constants_native6 = __commonJS({
 });
 
 // ../slider/dist/cjs/helpers.native.js
-var require_helpers_native2 = __commonJS({
+var require_helpers_native3 = __commonJS({
   "../slider/dist/cjs/helpers.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -27948,7 +28172,7 @@ var require_Slider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Slider_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_get_token2 = require_index_native20(), import_helpers = require_index_native7(), import_helpers2 = require_index_native7(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), React4 = __toESM2(require("react")), import_constants22 = require_constants_native6(), import_helpers3 = require_helpers_native2(), import_SliderImpl = require_SliderImpl_native(), activeSliderMeasureListeners = /* @__PURE__ */ new Set();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_get_token2 = require_index_native20(), import_helpers = require_index_native7(), import_helpers2 = require_index_native7(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), React4 = __toESM2(require("react")), import_constants22 = require_constants_native6(), import_helpers3 = require_helpers_native3(), import_SliderImpl = require_SliderImpl_native(), activeSliderMeasureListeners = /* @__PURE__ */ new Set();
     import_constants4.isWeb && import_constants4.isClient && !process.env.TAMAGUI_DISABLE_SLIDER_INTERVAL && ((_setInterval = setInterval) === null || _setInterval === void 0 || _setInterval(
       function() {
         activeSliderMeasureListeners.forEach(function(cb) {
@@ -28385,7 +28609,7 @@ var require_Slider_native = __commonJS({
 });
 
 // ../slider/dist/cjs/index.native.js
-var require_index_native65 = __commonJS({
+var require_index_native66 = __commonJS({
   "../slider/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -28489,7 +28713,7 @@ var require_useSwitch_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useSwitch_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_label = require_index_native46(), import_use_previous = require_index_native47(), React4 = __toESM2(require("react"));
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_label = require_index_native47(), import_use_previous = require_index_native48(), React4 = __toESM2(require("react"));
     function useSwitch(props, param, ref) {
       var [checked, setChecked] = param;
       return {
@@ -28509,7 +28733,7 @@ var require_useSwitch_native = __commonJS({
 });
 
 // ../switch-headless/dist/cjs/index.native.js
-var require_index_native66 = __commonJS({
+var require_index_native67 = __commonJS({
   "../switch-headless/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) {
@@ -28770,7 +28994,7 @@ var require_createSwitch_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createSwitch_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native18(), import_focusable2 = require_index_native45(), import_switch_headless = require_index_native66(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_StyledContext = require_StyledContext_native(), import_Switch = require_Switch_native(), SwitchContext = /* @__PURE__ */ React4.createContext({
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native18(), import_focusable2 = require_index_native46(), import_switch_headless = require_index_native67(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_StyledContext = require_StyledContext_native(), import_Switch = require_Switch_native(), SwitchContext = /* @__PURE__ */ React4.createContext({
       checked: !1,
       disabled: !1,
       frameWidth: 0
@@ -28899,7 +29123,7 @@ var require_createSwitch_native = __commonJS({
 });
 
 // ../switch/dist/cjs/index.native.js
-var require_index_native67 = __commonJS({
+var require_index_native68 = __commonJS({
   "../switch/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -29012,7 +29236,7 @@ var require_Tabs_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Tabs_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_get_button_sized2 = require_index_native21(), import_group = require_index_native51(), import_helpers = require_index_native7(), import_roving_focus = require_index_native60(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), import_web = require_index_native14(), React4 = __toESM2(require("react")), TABS_CONTEXT = "TabsContext", TAB_LIST_NAME = "TabsList", TabsList = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_get_button_sized2 = require_index_native21(), import_group = require_index_native52(), import_helpers = require_index_native7(), import_roving_focus = require_index_native61(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), import_web = require_index_native14(), React4 = __toESM2(require("react")), TABS_CONTEXT = "TabsContext", TAB_LIST_NAME = "TabsList", TabsList = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { __scopeTabs, loop = !0, children, ...listProps } = props, context = useTabsContext(__scopeTabs);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_roving_focus.RovingFocusGroup, {
         __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
@@ -29244,7 +29468,7 @@ var require_Tabs_native = __commonJS({
 });
 
 // ../tabs/dist/cjs/index.native.js
-var require_index_native68 = __commonJS({
+var require_index_native69 = __commonJS({
   "../tabs/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) {
@@ -29595,7 +29819,7 @@ var require_replaceTheme_native = __commonJS({
 });
 
 // ../../core/theme/dist/cjs/index.native.js
-var require_index_native69 = __commonJS({
+var require_index_native70 = __commonJS({
   "../../core/theme/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -29851,7 +30075,7 @@ var require_ToggleGroup_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ToggleGroup_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_focusable2 = require_index_native45(), import_font_size = require_index_native41(), import_get_token2 = require_index_native20(), import_group = require_index_native51(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native42(), import_roving_focus = require_index_native60(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), import_web = require_index_native14(), import_react3 = __toESM2(require("react")), import_Toggle = require_Toggle_native(), TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider, useStyledContext: useToggleGroupItemContext } = (0, import_web.createStyledContext)(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)(), ToggleGroupItem = import_Toggle.ToggleFrame.extractable(/* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_focusable2 = require_index_native46(), import_font_size = require_index_native42(), import_get_token2 = require_index_native20(), import_group = require_index_native52(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native43(), import_roving_focus = require_index_native61(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), import_web = require_index_native14(), import_react3 = __toESM2(require("react")), import_Toggle = require_Toggle_native(), TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider, useStyledContext: useToggleGroupItemContext } = (0, import_web.createStyledContext)(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)(), ToggleGroupItem = import_Toggle.ToggleFrame.extractable(/* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
       var [_, { color }] = (0, import_web.usePropsAndStyle)(props), { disablePassStyles, ...rest } = props, valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), pressed = valueContext == null ? void 0 : valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, groupItemProps = (0, import_group.useGroupItem)({
         disabled
       }), _props_size, size4 = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : context.size, sizeProps = props.unstyled ? {} : {
@@ -30061,7 +30285,7 @@ var require_ToggleGroup_native = __commonJS({
 });
 
 // ../toggle-group/dist/cjs/index.native.js
-var require_index_native70 = __commonJS({
+var require_index_native71 = __commonJS({
   "../toggle-group/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) {
@@ -30215,7 +30439,7 @@ var require_TooltipSimple_native = __commonJS({
 });
 
 // ../tooltip/dist/cjs/index.native.js
-var require_index_native71 = __commonJS({
+var require_index_native72 = __commonJS({
   "../tooltip/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) {
@@ -30255,7 +30479,7 @@ var require_index_native71 = __commonJS({
 });
 
 // ../../core/use-window-dimensions/dist/cjs/index.native.js
-var require_index_native72 = __commonJS({
+var require_index_native73 = __commonJS({
   "../../core/use-window-dimensions/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -30420,7 +30644,7 @@ var require_VisuallyHidden_native = __commonJS({
 });
 
 // ../visually-hidden/dist/cjs/index.native.js
-var require_index_native73 = __commonJS({
+var require_index_native74 = __commonJS({
   "../visually-hidden/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) {
@@ -30536,60 +30760,63 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, __toESM(require_index_native26()), module.exports);
-__reExport(index_exports, __toESM(require_index_native28()), module.exports);
-__reExport(index_exports, __toESM(require_index_native37()), module.exports);
-__reExport(index_exports, __toESM(require_index_native4()), module.exports);
-__reExport(index_exports, __toESM(require_index_native40()), module.exports);
-__reExport(index_exports, __toESM(require_index_native43()), module.exports);
-__reExport(index_exports, __toESM(require_index_native44()), module.exports);
-__reExport(index_exports, __toESM(require_index_native49()), module.exports);
-__reExport(index_exports, __toESM(require_index_native12()), module.exports);
 __reExport(index_exports, __toESM(require_index_native29()), module.exports);
-__reExport(index_exports, __toESM(require_index_native36()), module.exports);
+__reExport(index_exports, __toESM(require_index_native38()), module.exports);
+__reExport(index_exports, __toESM(require_index_native4()), module.exports);
 __reExport(index_exports, __toESM(require_index_native41()), module.exports);
+__reExport(index_exports, __toESM(require_index_native44()), module.exports);
+__reExport(index_exports, __toESM(require_index_native45()), module.exports);
 __reExport(index_exports, __toESM(require_index_native50()), module.exports);
+__reExport(index_exports, __toESM(require_index_native12()), module.exports);
+__reExport(index_exports, __toESM(require_index_native30()), module.exports);
+__reExport(index_exports, __toESM(require_index_native37()), module.exports);
+__reExport(index_exports, __toESM(require_index_native42()), module.exports);
 __reExport(index_exports, __toESM(require_index_native51()), module.exports);
-__reExport(index_exports, __toESM(require_index_native16()), module.exports);
 __reExport(index_exports, __toESM(require_index_native52()), module.exports);
-__reExport(index_exports, __toESM(require_index_native42()), module.exports);
-__reExport(index_exports, __toESM(require_index_native38()), module.exports);
-__reExport(index_exports, __toESM(require_index_native46()), module.exports);
+__reExport(index_exports, __toESM(require_index_native16()), module.exports);
 __reExport(index_exports, __toESM(require_index_native53()), module.exports);
-__reExport(index_exports, __toESM(require_index_native57()), module.exports);
-__reExport(index_exports, __toESM(require_index_native56()), module.exports);
-__reExport(index_exports, __toESM(require_index_native27()), module.exports);
+__reExport(index_exports, __toESM(require_index_native43()), module.exports);
+__reExport(index_exports, __toESM(require_index_native39()), module.exports);
+__reExport(index_exports, __toESM(require_index_native47()), module.exports);
+__reExport(index_exports, __toESM(require_index_native54()), module.exports);
 __reExport(index_exports, __toESM(require_index_native58()), module.exports);
-__reExport(index_exports, __toESM(require_index_native61()), module.exports);
-__reExport(index_exports, __toESM(require_index_native34()), module.exports);
-__reExport(index_exports, __toESM(require_index_native64()), module.exports);
+__reExport(index_exports, __toESM(require_index_native57()), module.exports);
+__reExport(index_exports, __toESM(require_index_native28()), module.exports);
+__reExport(index_exports, __toESM(require_index_native59()), module.exports);
 __reExport(index_exports, __toESM(require_index_native62()), module.exports);
-__reExport(index_exports, __toESM(require_index_native39()), module.exports);
 __reExport(index_exports, __toESM(require_index_native35()), module.exports);
 __reExport(index_exports, __toESM(require_index_native65()), module.exports);
+__reExport(index_exports, __toESM(require_index_native63()), module.exports);
+__reExport(index_exports, __toESM(require_index_native40()), module.exports);
+__reExport(index_exports, __toESM(require_index_native36()), module.exports);
+__reExport(index_exports, __toESM(require_index_native66()), module.exports);
 __reExport(index_exports, __toESM(require_index_native22()), module.exports);
-__reExport(index_exports, __toESM(require_index_native67()), module.exports);
 __reExport(index_exports, __toESM(require_index_native68()), module.exports);
-__reExport(index_exports, __toESM(require_index_native24()), module.exports);
 __reExport(index_exports, __toESM(require_index_native69()), module.exports);
+__reExport(index_exports, __toESM(require_index_native24()), module.exports);
 __reExport(index_exports, __toESM(require_index_native70()), module.exports);
 __reExport(index_exports, __toESM(require_index_native71()), module.exports);
+__reExport(index_exports, __toESM(require_index_native72()), module.exports);
 __reExport(index_exports, __toESM(require_index_native10()), module.exports);
-__reExport(index_exports, __toESM(require_index_native63()), module.exports);
+__reExport(index_exports, __toESM(require_index_native64()), module.exports);
 __reExport(index_exports, __toESM(require_index_native()), module.exports);
-__reExport(index_exports, __toESM(require_index_native72()), module.exports);
 __reExport(index_exports, __toESM(require_index_native73()), module.exports);
+__reExport(index_exports, __toESM(require_index_native74()), module.exports);
 
 // src/createTamagui.ts
 var import_core = __toESM(require_index_native18()), createTamagui = import_core.createTamagui;
 
 // src/views/TamaguiProvider.tsx
-var import_jsx_runtime = require("react/jsx-runtime"), import_core2 = __toESM(require_index_native18()), import_portal = __toESM(require_index_native27()), TamaguiProvider = function(param) {
+var import_jsx_runtime = require("react/jsx-runtime"), import_core2 = __toESM(require_index_native18()), import_portal = __toESM(require_index_native28()), import_z_index_stack = __toESM(require_index_native27()), TamaguiProvider = function(param) {
   var { children, ...props } = param;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.TamaguiProvider, {
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalProvider, {
-      shouldAddRootHost: !0,
-      children
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_z_index_stack.ZIndexStackContext.Provider, {
+      value: 1,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalProvider, {
+        shouldAddRootHost: !0,
+        children
+      })
     })
   });
 };
@@ -30643,7 +30870,7 @@ var import_core5 = __toESM(require_index_native18()), import_stacks = __toESM(re
 });
 
 // src/views/Input.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_constants2 = __toESM(require_index_native6()), import_core7 = __toESM(require_index_native18()), import_focusable = __toESM(require_index_native45()), import_react_native2 = require("react-native");
+var import_jsx_runtime3 = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_constants2 = __toESM(require_index_native6()), import_core7 = __toESM(require_index_native18()), import_focusable = __toESM(require_index_native46()), import_react_native2 = require("react-native");
 
 // src/helpers/inputHelpers.tsx
 var import_core6 = __toESM(require_index_native18()), import_get_button_sized = __toESM(require_index_native21()), import_get_font_sized = __toESM(require_index_native23()), import_get_token = __toESM(require_index_native20()), inputSizeVariant = function() {