tamagui 1.124.18 → 1.125.1

package/dist/native.js

@@ -2729,75 +2729,6 @@ var require_insertStyleRule_native = __commonJS({
   }
 });
 
-// ../../core/use-did-finish-ssr/dist/cjs/index.native.js
-var require_index_native11 = __commonJS({
-  "../../core/use-did-finish-ssr/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) {
-      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;
-    }, __toESM2 = function(mod, isNodeMode, target) {
-      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-        // If the importer is in node compatibility mode or this is not an ESM
-        // file that has been converted to a CommonJS file using a Babel-
-        // compatible transform (i.e. "__esModule" has not been set), then set
-        // "default" to the CommonJS "module.exports" for node compatibility.
-        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
-          value: mod,
-          enumerable: !0
-        }) : target,
-        mod
-      );
-    }, __toCommonJS2 = function(mod) {
-      return __copyProps2(__defProp2({}, "__esModule", {
-        value: !0
-      }), mod);
-    }, index_exports2 = {};
-    __export2(index_exports2, {
-      useClientValue: function() {
-        return useClientValue;
-      },
-      useDidFinishSSR: function() {
-        return useDidFinishSSR2;
-      }
-    });
-    module2.exports = __toCommonJS2(index_exports2);
-    var React4 = __toESM2(require("react"));
-    function useDidFinishSSR2(value) {
-      return value ?? !0;
-    }
-    function useClientValue(value) {
-      var done = useDidFinishSSR2();
-      return done ? typeof value == "function" ? value() : value : void 0;
-    }
-  }
-});
-
 // ../../core/web/dist/cjs/helpers/matchMedia.native.js
 var require_matchMedia_native = __commonJS({
   "../../core/web/dist/cjs/helpers/matchMedia.native.js"(exports2, module2) {
@@ -2967,62 +2898,11 @@ var require_pseudoDescriptors_native = __commonJS({
   }
 });
 
-// ../../core/web/dist/cjs/hooks/useDisableSSR.native.js
-var require_useDisableSSR_native = __commonJS({
-  "../../core/web/dist/cjs/hooks/useDisableSSR.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);
-    }, useDisableSSR_exports = {};
-    __export2(useDisableSSR_exports, {
-      getDisableSSR: function() {
-        return getDisableSSR;
-      }
-    });
-    module2.exports = __toCommonJS2(useDisableSSR_exports);
-    var import_config = require_config_native();
-    function getDisableSSR(componentContext) {
-      var _componentContext_disableSSR;
-      return (_componentContext_disableSSR = componentContext == null ? void 0 : componentContext.disableSSR) !== null && _componentContext_disableSSR !== void 0 ? _componentContext_disableSSR : (0, import_config.getSetting)("disableSSR");
-    }
-  }
-});
-
 // ../../core/web/dist/cjs/hooks/useMedia.native.js
 var require_useMedia_native = __commonJS({
   "../../core/web/dist/cjs/hooks/useMedia.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) {
+    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
@@ -3050,18 +2930,6 @@ var require_useMedia_native = __commonJS({
         }
       }
       return to;
-    }, __toESM2 = function(mod, isNodeMode, target) {
-      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-        // If the importer is in node compatibility mode or this is not an ESM
-        // file that has been converted to a CommonJS file using a Babel-
-        // compatible transform (i.e. "__esModule" has not been set), then set
-        // "default" to the CommonJS "module.exports" for node compatibility.
-        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
-          value: mod,
-          enumerable: !0
-        }) : target,
-        mod
-      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -3113,12 +2981,15 @@ var require_useMedia_native = __commonJS({
       setupMediaListeners: function() {
         return setupMediaListeners;
       },
+      updateMediaListeners: function() {
+        return updateMediaListeners;
+      },
       useMedia: function() {
         return useMedia3;
       }
     });
     module2.exports = __toCommonJS2(useMedia_exports);
-    var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native11(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native(), mediaState3 = (
+    var import_constants4 = require_index_native6(), import_react3 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), mediaState3 = (
       // development only safeguard
       process.env.NODE_ENV === "development" ? new Proxy({}, {
         get(target, key) {
@@ -3164,27 +3035,26 @@ var require_useMedia_native = __commonJS({
         if (!match) throw new Error("\u26A0\uFE0F No match");
         match.addListener(update), dispose.add(function() {
           match.removeListener(update);
-        }), update();
+        });
         function update() {
           var next = !!getMatch().matches;
           next !== mediaState3[key2] && (mediaState3 = {
             ...mediaState3,
             [key2]: next
-          }, updateCurrentState());
+          }, updateMediaListeners());
         }
+        update();
       };
       if (!(import_constants4.isWeb && import_constants4.isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
         setupVersion = mediaVersion, unlisten();
         for (var key in mediaQueryConfig3) _loop(key);
       }
     }
-    var listeners = /* @__PURE__ */ new Set(), flushing = !1, flushVersion = -1;
-    function updateCurrentState() {
-      flushing && flushVersion === mediaVersion || (flushVersion = mediaVersion, flushing = !0, Promise.resolve().then(function() {
-        flushing = !1, listeners.forEach(function(cb) {
-          return cb(mediaState3);
-        });
-      }));
+    var listeners = /* @__PURE__ */ new Set();
+    function updateMediaListeners() {
+      listeners.forEach(function(cb) {
+        return cb(mediaState3);
+      });
     }
     var States = /* @__PURE__ */ new WeakMap();
     function setMediaShouldUpdate(ref, enabled, keys) {
@@ -3200,18 +3070,22 @@ var require_useMedia_native = __commonJS({
         listeners.delete(subscriber);
       };
     }
-    var CurrentKeysMap = /* @__PURE__ */ new WeakMap();
     function useMedia3(cc, debug) {
-      var disableSSR = (0, import_config.getSetting)("disableSSR") || (0, import_useDisableSSR.getDisableSSR)(cc), isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), initialState = isHydrated || disableSSR || !import_constants4.isWeb ? mediaState3 : initState, [state, setState] = import_react3.default.useState(initialState);
-      CurrentKeysMap.get(setState) || CurrentKeysMap.set(setState, /* @__PURE__ */ new Set());
-      var currentKeys = CurrentKeysMap.get(setState);
-      function getSnapshot(cur) {
-        if (!currentKeys) return cur;
+      var componentState = cc ? States.get(cc) : null, internalRef = (0, import_react3.useRef)();
+      internalRef.current || (internalRef.current = {
+        keys: /* @__PURE__ */ new Set()
+      });
+      var { keys, lastState = (0, import_config.getSetting)("disableSSR") ? mediaState3 : initState } = internalRef.current;
+      keys.size && keys.clear();
+      var state = (0, import_react3.useSyncExternalStore)(subscribe, function() {
+        if (componentState != null && componentState.enabled) return internalRef.current.lastState = mediaState3, mediaState3;
+        var curKeys = (componentState == null ? void 0 : componentState.keys) || keys;
+        if (!curKeys.size) return lastState;
         var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
         try {
-          for (var _iterator = currentKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+          for (var _iterator = curKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
             var key = _step.value;
-            if (mediaState3[key] !== cur[key]) return process.env.NODE_ENV === "development" && debug && console.warn("useMedia()\u270D\uFE0F", key, cur[key], ">", mediaState3[key]), mediaState3;
+            if (mediaState3[key] !== lastState[key]) return process.env.NODE_ENV === "development" && debug && console.warn("useMedia() \u270D\uFE0F", key, lastState[key], "=>", mediaState3[key]), internalRef.current.lastState = mediaState3, mediaState3;
           }
         } catch (err) {
           _didIteratorError = !0, _iteratorError = err;
@@ -3222,42 +3096,17 @@ var require_useMedia_native = __commonJS({
             if (_didIteratorError) throw _iteratorError;
           }
         }
-        return cur;
-      }
-      var isRendering = !0, isInitialState = state === initialState;
-      return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        isRendering = !1;
-      }), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        var update = function() {
-          return setState(function(prev) {
-            var next = getSnapshot(prev);
-            return next;
-          });
-        };
-        update();
-        var tm = setTimeout(function() {
-          currentKeys.size && update();
-        }), dispose2 = subscribe(update);
-        return function() {
-          dispose2(), clearTimeout(tm);
-        };
-      }, [
-        setState
-      ]), new Proxy(state, {
+        return lastState;
+      }, getServerSnapshot);
+      return new Proxy(state, {
         get(_, key) {
-          if (isRendering && !disableMediaTouch && typeof key == "string") {
-            currentKeys.add(key);
-            var shouldUpdate = state[key] !== mediaState3[key];
-            if (shouldUpdate && (process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key), !isInitialState)) {
-              var next = getSnapshot(state);
-              next !== state && setState(next);
-            }
-          }
-          return Reflect.get(state, key);
+          return !disableMediaTouch && typeof key == "string" && keys.add(key), Reflect.get(state, key);
         }
       });
     }
-    var disableMediaTouch = !1;
+    var getServerSnapshot = function() {
+      return initState;
+    }, disableMediaTouch = !1;
     function _disableMediaTouch2(val) {
       disableMediaTouch = val;
     }
@@ -3531,7 +3380,7 @@ var require_compose_refs_native = __commonJS({
 });
 
 // ../../core/compose-refs/dist/cjs/index.native.js
-var require_index_native12 = __commonJS({
+var require_index_native11 = __commonJS({
   "../../core/compose-refs/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) {
@@ -4733,7 +4582,7 @@ var require_normalize_color = __commonJS({
 });
 
 // ../../core/normalize-css-color/dist/cjs/index.native.js
-var require_index_native13 = __commonJS({
+var require_index_native12 = __commonJS({
   "../../core/normalize-css-color/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) {
@@ -4856,7 +4705,7 @@ var require_normalizeColor_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(normalizeColor_exports);
-    var import_normalize_css_color = require_index_native13(), import_normalize_css_color2 = require_index_native13(), normalizeColor = function(color, opacity) {
+    var import_normalize_css_color = require_index_native12(), import_normalize_css_color2 = require_index_native12(), normalizeColor = function(color, opacity) {
       if (color) {
         if (color[0] === "$") return color;
         if (color.startsWith("var(")) {
@@ -6614,7 +6463,7 @@ var require_getSplitStyles_native = __commonJS({
             if (isMedia) {
               if (!val2) return;
               var hasSpace = val2.space, mediaKeyShort = key4.slice(isMedia == "theme" ? 7 : 1);
-              if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (typeof hasMedia != "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform" && !(0, import_isActivePlatform.isActivePlatform)(key4)) return;
+              if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && ((!hasMedia || typeof hasMedia == "boolean") && (hasMedia = /* @__PURE__ */ new Set()), hasMedia.add(mediaKeyShort)), isMedia === "platform" && !(0, import_isActivePlatform.isActivePlatform)(key4)) return;
               if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`  \u{1F4FA} ${key4}`, {
                 key: key4,
                 val: val2,
@@ -8099,6 +7948,75 @@ var require_wrapStyleTags_native = __commonJS({
   }
 });
 
+// ../../core/use-did-finish-ssr/dist/cjs/index.native.js
+var require_index_native13 = __commonJS({
+  "../../core/use-did-finish-ssr/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) {
+      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;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, index_exports2 = {};
+    __export2(index_exports2, {
+      useClientValue: function() {
+        return useClientValue;
+      },
+      useDidFinishSSR: function() {
+        return useDidFinishSSR2;
+      }
+    });
+    module2.exports = __toCommonJS2(index_exports2);
+    var React4 = __toESM2(require("react"));
+    function useDidFinishSSR2(value) {
+      return value ?? !0;
+    }
+    function useClientValue(value) {
+      var done = useDidFinishSSR2();
+      return done ? typeof value == "function" ? value() : value : void 0;
+    }
+  }
+});
+
 // ../../core/web/dist/cjs/hooks/useComponentState.native.js
 var require_useComponentState_native = __commonJS({
   "../../core/web/dist/cjs/hooks/useComponentState.native.js"(exports2, module2) {
@@ -8142,7 +8060,7 @@ var require_useComponentState_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useComponentState_exports);
-    var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native11(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, param, staticConfig, config) {
+    var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native13(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, param, staticConfig, config) {
       var { animationDriver, groups } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
       stateRef.current || (stateRef.current = {});
       var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars, curStateRef = stateRef.current, willBeAnimatedClient = function() {
@@ -8350,7 +8268,7 @@ var require_Slot_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Slot_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_react3 = require("react"), is19 = import_react3.version.startsWith("19."), Slot = /* @__PURE__ */ (0, import_react3.memo)(/* @__PURE__ */ (0, import_react3.forwardRef)(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = require("react"), is19 = import_react3.version.startsWith("19."), Slot = /* @__PURE__ */ (0, import_react3.memo)(/* @__PURE__ */ (0, import_react3.forwardRef)(function(props, forwardedRef) {
       var { children, ...slotProps } = props;
       if (/* @__PURE__ */ (0, import_react3.isValidElement)(children)) {
         var mergedProps = mergeSlotProps(children, slotProps);
@@ -8465,7 +8383,7 @@ var require_createComponent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createComponent_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_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), time2, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), time2, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set();
     typeof document < "u" && (cancelTouches = function() {
       componentSetStates.forEach(function(setState) {
         return setState(function(prev) {
@@ -8646,7 +8564,7 @@ var require_createComponent_native = __commonJS({
         }
         curStateRef.isListeningToTheme = splitStyles.dynamicThemeAccess;
         var hasRuntimeMediaKeys = splitStyles.hasMedia && splitStyles.hasMedia !== !0, shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || hasRuntimeMediaKeys || noClass && splitStyles.hasMedia === !0, mediaListeningKeys = hasRuntimeMediaKeys ? splitStyles.hasMedia : null;
-        process.env.NODE_ENV === "development" && debugProp === "verbose" && console.info("useMedia() createComponent", shouldListenForMedia, mediaListeningKeys), (0, import_useMedia.setMediaShouldUpdate)(stateRef, shouldListenForMedia, mediaListeningKeys);
+        process.env.NODE_ENV === "development" && debugProp === "verbose" && console.info("useMedia() createComponent", shouldListenForMedia, mediaListeningKeys), (0, import_useMedia.setMediaShouldUpdate)(componentContext, shouldListenForMedia, mediaListeningKeys);
         var { viewProps: viewPropsIn, pseudos, style: splitStylesStyle, classNames, space } = splitStyles, propsWithAnimation = props, {
           asChild,
           children,
@@ -10757,7 +10675,7 @@ var require_useIsTouchDevice_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useIsTouchDevice_exports);
-    var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native11(), useIsTouchDevice2 = function() {
+    var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native13(), useIsTouchDevice2 = function() {
       return import_constants4.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants4.isTouchable : !1 : !0;
     };
   }
@@ -11268,7 +11186,7 @@ var require_TamaguiProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(TamaguiProvider_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_ThemeProvider = require_ThemeProvider_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_ThemeProvider = require_ThemeProvider_native(), import_useMedia = require_useMedia_native();
     function TamaguiProvider2(param) {
       var { children, disableInjectCSS, config, className, defaultTheme, disableRootThemeClass, reset, themeClassNameOnRoot } = param;
       return process.env.TAMAGUI_REACT_19 || import_constants4.isClient && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
@@ -11281,7 +11199,9 @@ var require_TamaguiProvider_native = __commonJS({
       }, [
         config,
         disableInjectCSS
-      ]), /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, {
+      ]), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        (0, import_useMedia.updateMediaListeners)();
+      }, []), /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, {
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(UnmountedClassName, {
             children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
@@ -11541,9 +11461,9 @@ var require_index_native14 = __commonJS({
     __reExport2(index_exports2, require_FontLanguage_native(), module2.exports);
     __reExport2(index_exports2, require_TamaguiProvider_native(), module2.exports);
     __reExport2(index_exports2, require_Configuration_native(), module2.exports);
-    __reExport2(index_exports2, require_index_native11(), module2.exports);
+    __reExport2(index_exports2, require_index_native13(), module2.exports);
     __reExport2(index_exports2, require_index_native8(), module2.exports);
-    __reExport2(index_exports2, require_index_native12(), module2.exports);
+    __reExport2(index_exports2, require_index_native11(), module2.exports);
     __reExport2(index_exports2, require_index_native7(), module2.exports);
     __reExport2(index_exports2, require_index_native6(), module2.exports);
     __reExport2(index_exports2, require_setupHooks_native(), module2.exports);
@@ -14082,7 +14002,7 @@ var require_Collection_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Collection_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_react3 = __toESM2(require("react"));
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_react3 = __toESM2(require("react"));
     function createCollection(name) {
       var { Provider: CollectionProviderImpl, useStyledContext: useCollectionContext } = (0, import_core12.createStyledContext)({
         collectionRef: {
@@ -15617,7 +15537,7 @@ var require_Accordion_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Accordion_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_collapsible = require_index_native15(), import_collection = require_index_native19(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), import_web = require_index_native14(), React4 = __toESM2(require("react")), ACCORDION_NAME = "Accordion", ACCORDION_KEYS = [
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_collapsible = require_index_native15(), import_collection = require_index_native19(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), import_web = require_index_native14(), React4 = __toESM2(require("react")), ACCORDION_NAME = "Accordion", ACCORDION_KEYS = [
       "Home",
       "End",
       "ArrowDown",
@@ -15938,9 +15858,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, {
@@ -15974,29 +15894,192 @@ 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);
+  }
+});
+
+// ../z-index-stack/dist/cjs/useStackedZIndex.native.js
+var require_useStackedZIndex_native = __commonJS({
+  "../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, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, useStackedZIndex_exports = {};
+    __export2(useStackedZIndex_exports, {
+      useStackedZIndex: function() {
+        return useStackedZIndex;
+      }
+    });
+    module2.exports = __toCommonJS2(useStackedZIndex_exports);
+    var import_react3 = require("react"), 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) {
+          if (hardcoded) return hardcoded + 1;
+          var highest = Object.values(stackContext).reduce(function(acc, cur) {
+            return Math.max(acc, cur);
+          }, 0), found = stackingContextLevel * 5e3 + highest + 1;
+          return typeof stackZIndex == "number" ? stackZIndex + found : found;
+        }
+        return 1;
+      }, [
+        stackingContextLevel,
+        zIndexProp,
+        stackZIndex
+      ]);
+      return (0, import_react3.useEffect)(function() {
+        if (stackZIndex) return stackContext[id] = zIndex, function() {
+          delete stackContext[id];
+        };
+      }, [
+        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/useStackedZIndex.native.js
-var require_useStackedZIndex_native = __commonJS({
-  "../portal/dist/cjs/useStackedZIndex.native.js"(exports2, module2) {
+// ../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, {
@@ -16030,33 +16113,23 @@ var require_useStackedZIndex_native = __commonJS({
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
-    }, useStackedZIndex_exports = {};
-    __export2(useStackedZIndex_exports, {
-      useStackedZIndex: function() {
-        return useStackedZIndex;
+    }, 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(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() {
-        if (stackZIndex) {
-          var highest = Object.values(CurrentPortalZIndices).reduce(function(acc, cur) {
-            return Math.max(acc, cur);
-          }, 0);
-          return Math.max(stackZIndex, highest + 1);
-        }
-        if (zIndexProp) return zIndexProp;
-      }, [
-        stackZIndex
-      ]);
-      return (0, import_react3.useEffect)(function() {
-        if (typeof stackZIndex == "number") return CurrentPortalZIndices[id] = stackZIndex, function() {
-          delete CurrentPortalZIndices[id];
-        };
-      }, [
-        stackZIndex
-      ]), zIndex;
-    };
+    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 = {};
   }
 });
 
@@ -16357,6 +16430,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) {
@@ -16412,7 +16542,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) {
@@ -16424,7 +16554,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",
@@ -16477,7 +16607,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) {
@@ -16518,6 +16648,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);
@@ -16526,6 +16659,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();
   }
 });
 
@@ -16605,7 +16739,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: "",
@@ -16713,7 +16847,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) {
@@ -16920,7 +17054,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) {
@@ -17007,7 +17141,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) {
@@ -17112,7 +17246,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) {
@@ -17212,7 +17346,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) {
@@ -17300,7 +17434,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) {
@@ -17446,7 +17580,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, {});
   }
 });
 
@@ -17910,7 +18044,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) {
@@ -18018,7 +18152,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_native11(), 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() {
@@ -18374,7 +18508,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) {
@@ -18467,7 +18601,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_native11(), 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,
@@ -18656,7 +18790,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_native11(), 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_native13(), 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);
@@ -18696,24 +18830,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,
@@ -19087,7 +19224,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) {
@@ -19223,7 +19360,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_native11(), 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);
@@ -19250,7 +19387,6 @@ var require_Dialog_native = __commonJS({
             alignItems: "center",
             justifyContent: "center",
             fullscreen: !0,
-            zIndex: 1e5,
             ...import_constants4.isWeb && {
               maxHeight: "100vh",
               position: "fixed"
@@ -19285,9 +19421,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, {
@@ -19299,16 +19438,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) {
@@ -19354,14 +19492,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,
@@ -19652,7 +19792,7 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
 });
 
 // ../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) {
@@ -19772,7 +19912,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_native11(), 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
@@ -20002,7 +20142,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) {
@@ -20149,7 +20289,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) {
@@ -20352,7 +20492,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) {
@@ -20462,7 +20602,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,
@@ -20556,7 +20696,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) {
@@ -20663,7 +20803,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) {
@@ -20873,7 +21013,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) {
@@ -20972,7 +21112,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,
@@ -21157,7 +21297,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) {
@@ -21338,7 +21478,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) {
@@ -21667,7 +21807,7 @@ var require_focusableInputHOC_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(focusableInputHOC_exports);
-    var import_compose_refs = require_index_native12(), import_web = require_index_native14(), import_react3 = __toESM2(require("react")), import_registerFocusable = require_registerFocusable_native();
+    var import_compose_refs = require_index_native11(), import_web = require_index_native14(), import_react3 = __toESM2(require("react")), import_registerFocusable = require_registerFocusable_native();
     function useFocusable2(param) {
       var { isInput, props, ref } = param, { id, onChangeText, value, defaultValue } = props, inputValue = import_react3.default.useRef(value || defaultValue || ""), unregisterFocusable = import_react3.default.useRef(), inputRef = import_react3.default.useCallback(function(input) {
         var _unregisterFocusable_current;
@@ -21736,7 +21876,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) {
@@ -21837,7 +21977,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_native11(), 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
@@ -21937,7 +22077,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) {
@@ -21976,7 +22116,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) {
@@ -22155,7 +22295,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;
@@ -22249,7 +22389,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_native11(), 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) {
@@ -22299,7 +22439,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) {
@@ -22396,7 +22536,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) {
@@ -22526,7 +22666,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) {
@@ -22636,7 +22776,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, {
@@ -22669,7 +22809,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) {
@@ -22878,7 +23018,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: {
@@ -23020,7 +23160,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) {
@@ -23059,7 +23199,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) {
@@ -23211,7 +23351,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: {
@@ -23409,7 +23549,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) {
@@ -23516,7 +23656,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) {
@@ -24803,7 +24943,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) {
@@ -24967,7 +25107,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_native11(), 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 {
@@ -25203,7 +25343,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) {
@@ -25379,7 +25519,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_native11(), 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() {
@@ -25446,7 +25586,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, {
@@ -25494,7 +25634,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,
@@ -25502,6 +25642,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 */
@@ -25514,7 +25655,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
+              })
             ]
           })
         )
@@ -25688,7 +25832,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) {
@@ -25794,7 +25938,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: {
@@ -25910,7 +26054,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) {
@@ -26150,7 +26294,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;
@@ -26287,7 +26431,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_native11(), 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,
@@ -26419,7 +26563,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) {
@@ -26543,7 +26687,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) {
@@ -26636,7 +26780,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,
@@ -26777,7 +26921,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) {
@@ -26908,7 +27052,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) {
@@ -26947,7 +27091,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) {
@@ -27125,7 +27269,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) {
@@ -27191,7 +27335,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,
@@ -27369,7 +27513,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_native11(), 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
@@ -27534,7 +27678,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_native11(), 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: {
@@ -27682,7 +27826,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_native11(), 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,
@@ -27763,7 +27907,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, {
@@ -27827,7 +27971,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;
     };
@@ -27898,7 +28042,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_native11(), 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) {
@@ -28193,7 +28337,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) {
@@ -28228,7 +28372,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);
   }
 });
 
@@ -28302,7 +28446,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",
@@ -28334,7 +28478,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) {
@@ -28673,7 +28817,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_native11(), 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) {
@@ -29110,7 +29254,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) {
@@ -29214,7 +29358,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_native11(), 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 {
@@ -29234,7 +29378,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) {
@@ -29495,7 +29639,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
@@ -29624,7 +29768,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) {
@@ -29737,7 +29881,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_native11(), 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,
@@ -29969,7 +30113,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) {
@@ -30325,7 +30469,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) {
@@ -30581,7 +30725,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 ? {} : {
@@ -30791,7 +30935,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) {
@@ -30945,7 +31089,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) {
@@ -30985,7 +31129,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) {
@@ -31150,7 +31294,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) {
@@ -31266,48 +31410,48 @@ __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_native11()), 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 = process.env.NODE_ENV !== "development" ? import_core.createTamagui : function(conf) {
@@ -31367,13 +31511,16 @@ Expected a subset of: ${expected.join(", ")}
 };
 
 // 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
+      })
     })
   });
 };
@@ -31427,7 +31574,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() {