tamagui 1.115.4 → 1.116.0

package/dist/native.js

@@ -3000,8 +3000,8 @@ var require_useMedia_native = __commonJS({
       }), mod);
     }, useMedia_exports = {};
     __export2(useMedia_exports, {
-      _dmt: function() {
-        return _dmt;
+      _disableMediaTouch: function() {
+        return _disableMediaTouch2;
       },
       configureMedia: function() {
         return configureMedia2;
@@ -3050,7 +3050,7 @@ var require_useMedia_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useMedia_exports);
-    var import_react3 = __toESM2(require("react")), import_constants4 = require_index_native6(), 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 = __toESM2(require("react")), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native(), mediaState3 = (
       // development only safeguard
       process.env.NODE_ENV === "development" ? new Proxy({}, {
         get(target, key) {
@@ -3079,7 +3079,7 @@ var require_useMedia_native = __commonJS({
         for (var key in media) mediaState3[key] = (mediaQueryDefaultActive == null ? void 0 : mediaQueryDefaultActive[key]) || !1, mediaKeys.add(`$${key}`);
         Object.assign(mediaQueryConfig3, media), initState = {
           ...mediaState3
-        }, mediaKeysOrdered = Object.keys(media), config.disableSSR ? setupMediaListeners() : updateCurrentState();
+        }, mediaKeysOrdered = Object.keys(media), setupMediaListeners();
       }
     };
     function unlisten() {
@@ -3132,48 +3132,64 @@ var require_useMedia_native = __commonJS({
         listeners.delete(subscriber);
       };
     }
-    function useMedia3(uidIn, componentContext, debug) {
-      var uid = uidIn ?? import_react3.default.useRef(), disableSSR = (0, import_useDisableSSR.getDisableSSR)(componentContext), initialState = (disableSSR || !import_constants4.isWeb ? mediaState3 : initState) || {}, componentState = States.get(uid);
-      componentState || (componentState = {
-        prev: initialState
-      }, States.set(uid, componentState));
-      var getSnapshot = function() {
-        if (!componentState) return initialState;
-        var { enabled, keys, prev = initialState } = componentState;
-        if (enabled === !1) return prev;
-        var _ref, testKeys = (_ref = (keys != null || enabled) && keys) !== null && _ref !== void 0 ? _ref : null, hasntUpdated = !testKeys || Object.keys(testKeys).every(function(key) {
-          return mediaState3[key] === prev[key];
-        });
-        return hasntUpdated ? prev : (componentState.prev = mediaState3, mediaState3);
-      }, state;
-      if (process.env.TAMAGUI_SYNC_MEDIA_QUERY) state = import_react3.default.useSyncExternalStore(subscribe, getSnapshot, function() {
-        return initialState;
-      });
-      else {
-        var [_state, setState] = import_react3.default.useState(initialState);
-        state = _state, (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-          function update() {
-            setState(getSnapshot);
+    function useMedia3(cc, debug) {
+      var disableSSR = (0, import_config.getSetting)("disableSSR") || (0, import_useDisableSSR.getDisableSSR)(cc), initialState = disableSSR || !import_constants4.isWeb ? mediaState3 : initState, [state, setState] = import_react3.default.useState(initialState), currentKeys, getCurrentKeys = function() {
+        return currentKeys;
+      };
+      function getSnapshot(cur) {
+        var keys = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : cur.lastKeys;
+        if (!keys) return cur;
+        var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+        try {
+          for (var _iterator = keys[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,
+              lastKeys: new Set(keys)
+            };
           }
-          return update(), disableSSR || Promise.resolve().then(function() {
-            update();
-          }), subscribe(update);
-        }, []);
+        } catch (err) {
+          _didIteratorError = !0, _iteratorError = err;
+        } finally {
+          try {
+            !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+          } finally {
+            if (_didIteratorError) throw _iteratorError;
+          }
+        }
+        return cur;
       }
-      return new Proxy(state, {
+      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) {
+            return getSnapshot(
+              prev,
+              // because the !didHydrateOnce logic we can't update as we render
+              // we need to get the current keys in case we added
+              // these only ever add keys so likely ok?
+              getCurrentKeys()
+            );
+          });
+        };
+        return update(), subscribe(update);
+      }, []), new Proxy(state, {
         get(_, key) {
-          if (!disableMediaTouch) {
-            if (typeof key == "string") {
-              var _componentState;
-              (_componentState = componentState).keys || (_componentState.keys = {}), componentState.keys[key] = !0, process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key);
+          if (isRendering && !disableMediaTouch && typeof key == "string") {
+            var needsUpdateKeys = !state.lastKeys || !state.lastKeys.has(key);
+            if ((needsUpdateKeys || state[key] !== mediaState3[key]) && (process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key), currentKeys || (currentKeys = /* @__PURE__ */ new Set()), currentKeys.add(key), !isInitialState)) {
+              var next = getSnapshot(state, currentKeys);
+              next !== state && setState(next);
             }
-            return Reflect.get(state, key);
           }
+          return Reflect.get(state, key);
         }
       });
     }
     var disableMediaTouch = !1;
-    function _dmt(val) {
+    function _disableMediaTouch2(val) {
       disableMediaTouch = val;
     }
     function getMediaState(mediaGroups, layout) {
@@ -4605,9 +4621,6 @@ var require_defaultComponentState_native = __commonJS({
       },
       defaultComponentStateMounted: function() {
         return defaultComponentStateMounted;
-      },
-      defaultComponentStateShouldEnter: function() {
-        return defaultComponentStateShouldEnter;
       }
     });
     module2.exports = __toCommonJS2(defaultComponentState_exports);
@@ -4622,9 +4635,6 @@ var require_defaultComponentState_native = __commonJS({
     }, defaultComponentStateMounted = {
       ...defaultComponentState,
       unmounted: !1
-    }, defaultComponentStateShouldEnter = {
-      ...defaultComponentState,
-      unmounted: "should-enter"
     };
   }
 });
@@ -5665,6 +5675,111 @@ var require_getStylesAtomic_native = __commonJS({
   }
 });
 
+// ../../core/web/dist/cjs/helpers/isActivePlatform.native.js
+var require_isActivePlatform_native = __commonJS({
+  "../../core/web/dist/cjs/helpers/isActivePlatform.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);
+    }, isActivePlatform_exports = {};
+    __export2(isActivePlatform_exports, {
+      isActivePlatform: function() {
+        return isActivePlatform;
+      }
+    });
+    module2.exports = __toCommonJS2(isActivePlatform_exports);
+    var import_constants4 = require_index_native6();
+    function isActivePlatform(key) {
+      if (!key.startsWith("$platform")) return !0;
+      var platform2 = key.slice(10);
+      return (
+        // web, ios, android
+        platform2 === import_constants4.currentPlatform || // web, native
+        platform2 === "native"
+      );
+    }
+  }
+});
+
+// ../../core/web/dist/cjs/helpers/isActiveTheme.native.js
+var require_isActiveTheme_native = __commonJS({
+  "../../core/web/dist/cjs/helpers/isActiveTheme.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);
+    }, isActiveTheme_exports = {};
+    __export2(isActiveTheme_exports, {
+      isActiveTheme: function() {
+        return isActiveTheme;
+      }
+    });
+    module2.exports = __toCommonJS2(isActiveTheme_exports);
+    function isActiveTheme(key, activeThemeName) {
+      if (key.startsWith("$theme-")) return key.slice(7).startsWith(activeThemeName);
+    }
+  }
+});
+
 // ../../core/web/dist/cjs/helpers/log.native.js
 var require_log_native = __commonJS({
   "../../core/web/dist/cjs/helpers/log.native.js"(exports2, module2) {
@@ -5712,11 +5827,11 @@ var require_log_native = __commonJS({
     function log() {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
       if (process.env.NODE_ENV !== "production") {
-        (0, import_useMedia._dmt)(!0);
+        (0, import_useMedia._disableMediaTouch)(!0);
         try {
           return console.log(...args);
         } finally {
-          (0, import_useMedia._dmt)(!1);
+          (0, import_useMedia._disableMediaTouch)(!1);
         }
       }
     }
@@ -6779,9 +6894,9 @@ var require_propMapper_native = __commonJS({
   }
 });
 
-// ../../core/web/dist/cjs/helpers/transformsToString.native.js
-var require_transformsToString_native = __commonJS({
-  "../../core/web/dist/cjs/helpers/transformsToString.native.js"(exports2, module2) {
+// ../../core/web/dist/cjs/helpers/sortString.native.js
+var require_sortString_native = __commonJS({
+  "../../core/web/dist/cjs/helpers/sortString.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, {
@@ -6815,31 +6930,22 @@ var require_transformsToString_native = __commonJS({
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
-    }, transformsToString_exports = {};
-    __export2(transformsToString_exports, {
-      transformsToString: function() {
-        return transformsToString;
+    }, sortString_exports = {};
+    __export2(sortString_exports, {
+      sortString: function() {
+        return sortString;
       }
     });
-    module2.exports = __toCommonJS2(transformsToString_exports);
-    var import_normalizeValueWithProperty = require_normalizeValueWithProperty_native();
-    function transformsToString(transforms) {
-      return transforms.map(
-        // { scale: 2 } => 'scale(2)'
-        // { translateX: 20 } => 'translateX(20px)'
-        // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
-        function(transform) {
-          var type = Object.keys(transform)[0], value = transform[type];
-          return type === "matrix" || type === "matrix3d" ? `${type}(${value.join(",")})` : `${type}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value, type)})`;
-        }
-      ).join(" ");
-    }
+    module2.exports = __toCommonJS2(sortString_exports);
+    var sortString = function(a, b) {
+      return a < b ? -1 : a > b ? 1 : 0;
+    };
   }
 });
 
-// ../../core/web/dist/cjs/helpers/isActivePlatform.native.js
-var require_isActivePlatform_native = __commonJS({
-  "../../core/web/dist/cjs/helpers/isActivePlatform.native.js"(exports2, module2) {
+// ../../core/web/dist/cjs/helpers/transformsToString.native.js
+var require_transformsToString_native = __commonJS({
+  "../../core/web/dist/cjs/helpers/transformsToString.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, {
@@ -6873,71 +6979,25 @@ var require_isActivePlatform_native = __commonJS({
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
-    }, isActivePlatform_exports = {};
-    __export2(isActivePlatform_exports, {
-      isActivePlatform: function() {
-        return isActivePlatform;
+    }, transformsToString_exports = {};
+    __export2(transformsToString_exports, {
+      transformsToString: function() {
+        return transformsToString;
       }
     });
-    module2.exports = __toCommonJS2(isActivePlatform_exports);
-    var import_constants4 = require_index_native6();
-    function isActivePlatform(key) {
-      var platform2 = key.slice(10);
-      return (
-        // web, ios, android
-        platform2 === import_constants4.currentPlatform || // web, native
-        platform2 === "native"
-      );
-    }
-  }
-});
-
-// ../../core/web/dist/cjs/helpers/sortString.native.js
-var require_sortString_native = __commonJS({
-  "../../core/web/dist/cjs/helpers/sortString.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;
+    module2.exports = __toCommonJS2(transformsToString_exports);
+    var import_normalizeValueWithProperty = require_normalizeValueWithProperty_native();
+    function transformsToString(transforms) {
+      return transforms.map(
+        // { scale: 2 } => 'scale(2)'
+        // { translateX: 20 } => 'translateX(20px)'
+        // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
+        function(transform) {
+          var type = Object.keys(transform)[0], value = transform[type];
+          return type === "matrix" || type === "matrix3d" ? `${type}(${value.join(",")})` : `${type}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value, type)})`;
         }
-      }
-      return to;
-    }, __toCommonJS2 = function(mod) {
-      return __copyProps2(__defProp2({}, "__esModule", {
-        value: !0
-      }), mod);
-    }, sortString_exports = {};
-    __export2(sortString_exports, {
-      sortString: function() {
-        return sortString;
-      }
-    });
-    module2.exports = __toCommonJS2(sortString_exports);
-    var sortString = function(a, b) {
-      return a < b ? -1 : a > b ? 1 : 0;
-    };
+      ).join(" ");
+    }
   }
 });
 
@@ -7005,14 +7065,14 @@ var require_getSplitStyles_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_react3 = __toESM2(require("react")), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_transformsToString = require_transformsToString_native(), import_isActivePlatform = require_isActivePlatform_native(), import_sortString = require_sortString_native(), consoleGroupCollapsed = import_constants4.isWeb ? console.groupCollapsed : console.info, conf, PROP_SPLIT = "-";
+    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_isActivePlatform = require_isActivePlatform_native(), import_isActiveTheme = require_isActiveTheme_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_sortString = require_sortString_native(), import_transformsToString = require_transformsToString_native(), consoleGroupCollapsed = import_constants4.isWeb ? console.groupCollapsed : console.info, conf, PROP_SPLIT = "-";
     function isValidStyleKey(key, staticConfig) {
       var _staticConfig_accept, validStyleProps = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles);
       return validStyleProps[key] || ((_staticConfig_accept = staticConfig.accept) === null || _staticConfig_accept === void 0 ? void 0 : _staticConfig_accept[key]);
     }
     var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) {
       conf = conf || (0, import_config.getConfig)(), import_constants4.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
-      var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState3 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants4.isWeb && !styleProps.noClassNames, rulesToInsert = void 0, classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, styleState = {
+      var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState3 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants4.isWeb && !styleProps.noClass, rulesToInsert = void 0, classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, styleState = {
         classNames,
         conf,
         props,
@@ -7060,7 +7120,7 @@ var require_getSplitStyles_native = __commonJS({
           }), console.groupEnd()), "continue";
           if (isPseudo) {
             if (!val) return "continue";
-            var pseudoStyleObject = getSubStyle(styleState, key, val, styleProps.noClassNames), descriptor = import_pseudoDescriptors.pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
+            var pseudoStyleObject = getSubStyle(styleState, key, val, styleProps.noClass), descriptor = import_pseudoDescriptors.pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
             if (!descriptor) return "continue";
             if (!shouldDoClasses || process.env.IS_STATIC === "is_static") {
               var _pseudos, _key;
@@ -7147,7 +7207,7 @@ var require_getSplitStyles_native = __commonJS({
               try {
                 for (var _iterator12 = mediaStyles[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = !0) {
                   var style3 = _step12.value, property = style3[0];
-                  if (!(property[0] === "$" && property.startsWith("$platform") && !(0, import_isActivePlatform.isActivePlatform)(property))) {
+                  if (!(property[0] === "$" && !(0, import_isActivePlatform.isActivePlatform)(property))) {
                     var out = (0, import_createMediaStyle.createMediaStyle)(style3, mediaKeyShort, import_useMedia.mediaQueryConfig, isMedia, !1, priority);
                     process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("\u{1F4FA} media style:", out);
                     var fullKey1 = `${style3[import_helpers.StyleObjectProperty]}${PROP_SPLIT}${mediaKeyShort}${style3[import_helpers.StyleObjectPseudo] || ""}`;
@@ -7176,9 +7236,7 @@ var require_getSplitStyles_native = __commonJS({
               }
               var mediaStyle1 = getSubStyle(styleState, key, val, !0), importanceBump = 0;
               if (isThemeMedia) {
-                dynamicThemeAccess = !0;
-                var mediaThemeName = mediaKeyShort.slice(6);
-                if (!(themeName === mediaThemeName || themeName.startsWith(mediaThemeName))) return "continue";
+                if (dynamicThemeAccess = !0, !(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort))) return "continue";
               } else if (isGroupMedia) {
                 var _componentState_group, groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupContext = context == null ? void 0 : context.groups.state[groupName];
                 if (!groupContext) return process.env.NODE_ENV === "development" && debug && (0, import_log.log)(`No parent with group prop, skipping styles: ${groupName}`), "continue";
@@ -7209,7 +7267,7 @@ var require_getSplitStyles_native = __commonJS({
                   continue;
                 }
                 if (subKey[0] === "$") {
-                  if (!(0, import_isActivePlatform.isActivePlatform)(subKey)) continue;
+                  if (!(0, import_isActivePlatform.isActivePlatform)(subKey) || !(0, import_isActiveTheme.isActiveTheme)(subKey, themeName)) continue;
                   for (var subSubKey in mediaStyle1[subKey]) mergeMediaStyle2(subSubKey, mediaStyle1[subKey][subSubKey]);
                 } else mergeMediaStyle2(subKey, mediaStyle1[subKey]);
               }
@@ -7230,7 +7288,7 @@ var require_getSplitStyles_native = __commonJS({
         if (accept) {
           var accepted = accept[keyInit];
           if ((accepted === "style" || accepted === "textStyle") && valInit && typeof valInit == "object") {
-            viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClassNames);
+            viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClass);
             continue;
           }
         }
@@ -7891,7 +7949,7 @@ var require_Theme_native = __commonJS({
     function getThemedChildren(themeState, children, props) {
       var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, stateRef = arguments.length > 4 ? arguments[4] : void 0, { themeManager, isNewTheme } = themeState;
       if (!themeManager) return children;
-      var { shallow, forceClassName } = props, shouldRenderChildrenWithTheme = isNewTheme || isRoot || stateRef.current.hasEverThemed || typeof props.inverse == "boolean";
+      var { shallow, forceClassName } = props, shouldRenderChildrenWithTheme = isNewTheme || isRoot || "inverse" in props || "name" in props || "reset" in props || "forceClassName" in props || stateRef.current.hasEverThemed;
       if (shouldRenderChildrenWithTheme && (stateRef.current.hasEverThemed = !0), !shouldRenderChildrenWithTheme) return children;
       process.env.NODE_ENV === "development" && shouldRenderChildrenWithTheme && props.debug === "verbose" && (0, import_log.log)(`adding theme: isRoot ${isRoot}, inverse ${"inverse" in props}, isNewTheme ${isNewTheme}, hasEver ${stateRef.current.hasEverThemed}`, props);
       var next = children;
@@ -7915,7 +7973,7 @@ var require_Theme_native = __commonJS({
     function wrapThemeElements(param) {
       var { children, themeState, forceClassName, isRoot } = param;
       if (isRoot && forceClassName === !1) return children;
-      var inverse = themeState.inversed, requiresExtraWrapper = inverse != null || forceClassName, { className, style } = getThemeClassNameAndStyle(themeState, isRoot), themedChildren = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", {
+      var inverse = themeState.inversed, requiresExtraWrapper = typeof inverse == "boolean" || forceClassName, { className, style } = getThemeClassNameAndStyle(themeState, isRoot), themedChildren = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", {
         className: `${className} _dsp_contents is_Theme`,
         style,
         children
@@ -8017,13 +8075,13 @@ var require_themeable_native = __commonJS({
             ...rest,
             "data-disable-theme": !0
           })
-        ), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Theme.Theme, {
-          componentName: componentName || (staticConfig == null ? void 0 : staticConfig.componentName),
-          name: theme,
+        ), filteredProps = {
+          componentName: componentName || (staticConfig == null ? void 0 : staticConfig.componentName)
+        };
+        "debug" in props && (filteredProps.debug = props.debug), "theme" in props && (filteredProps.name = props.theme), "themeInverse" in props && (filteredProps.inverse = props.themeInverse), "themeReset" in props && (filteredProps.reset = themeReset);
+        var contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Theme.Theme, {
           "disable-child-theme": !0,
-          debug: props.debug,
-          inverse: themeInverse,
-          reset: themeReset,
+          ...filteredProps,
           children: element
         });
         if (context) {
@@ -8091,11 +8149,11 @@ var require_wrapStyleTags_native = __commonJS({
   }
 });
 
-// ../../core/web/dist/cjs/hooks/useDidHydrateOnce.native.js
-var require_useDidHydrateOnce_native = __commonJS({
-  "../../core/web/dist/cjs/hooks/useDidHydrateOnce.native.js"(exports2, module2) {
+// ../../core/web/dist/cjs/hooks/useComponentState.native.js
+var require_useComponentState_native = __commonJS({
+  "../../core/web/dist/cjs/hooks/useComponentState.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
@@ -8123,87 +8181,18 @@ var require_useDidHydrateOnce_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
       }), mod);
-    }, useDidHydrateOnce_exports = {};
-    __export2(useDidHydrateOnce_exports, {
-      useDidHydrateOnce: function() {
-        return useDidHydrateOnce;
-      },
-      useDidHydrateOnceRoot: function() {
-        return useDidHydrateOnceRoot;
-      }
-    });
-    module2.exports = __toCommonJS2(useDidHydrateOnce_exports);
-    var import_react3 = __toESM2(require("react")), import_config = require_config_native();
-    function useDidHydrateOnceRoot() {
-      return !0;
-    }
-    var last = Date.now();
-    function useDidHydrateOnce() {
-      return !0;
-    }
-  }
-});
-
-// ../../core/web/dist/cjs/hooks/useComponentState.native.js
-var require_useComponentState_native = __commonJS({
-  "../../core/web/dist/cjs/hooks/useComponentState.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);
-    }, useComponentState_exports = {};
-    __export2(useComponentState_exports, {
-      useComponentState: function() {
-        return useComponentState;
+    }, useComponentState_exports = {};
+    __export2(useComponentState_exports, {
+      useComponentState: function() {
+        return useComponentState;
       }
     });
     module2.exports = __toCommonJS2(useComponentState_exports);
-    var import_defaultComponentState = require_defaultComponentState_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native(), import_react3 = require("react"), import_constants4 = require_index_native6(), 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_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, 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() {
@@ -8211,20 +8200,22 @@ var require_useComponentState_native = __commonJS({
         return !!(next || curStateRef.hasAnimated);
       }(), willBeAnimated = !import_constants4.isServer && willBeAnimatedClient;
       willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
-      var presence = willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && (animationDriver == null ? void 0 : animationDriver.isReactNative), hasEnterState = hasEnterStyle || isEntering, didHydrateOnce = willBeAnimated ? (0, import_useDidHydrateOnce.useDidHydrateOnce)() : !0, shouldEnter = hasEnterState || !didHydrateOnce && hasRNAnimation, shouldEnterFromUnhydrated = import_constants4.isWeb && !didHydrateOnce, initialState = shouldEnter ? (
+      var { disableClassName } = props, presence = willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasAnimationThatNeedsHydrate = hasAnimationProp && ((animationDriver == null ? void 0 : animationDriver.isReactNative) || !supportsCSSVars), hasEnterState = hasEnterStyle || isEntering, shouldEnter = hasEnterState || hasAnimationThatNeedsHydrate || // disableClassName doesnt work server side, only client, so needs hydrate
+      // this is just for a better ux, supports css variables for light/dark, media queries, etc
+      disableClassName, initialState = shouldEnter ? (
         // on the very first render we switch all spring animation drivers to css rendering
         // this is because we need to use css variables, which they don't support to do proper SSR
         // without flickers of the wrong colors.
         // but once we do that initial hydration and we are in client side rendering mode,
         // we can avoid the extra re-render on mount
-        shouldEnterFromUnhydrated ? import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateShouldEnter
+        import_defaultComponentState.defaultComponentState
       ) : import_defaultComponentState.defaultComponentStateMounted, disabled = isDisabled(props);
       disabled != null && (initialState.disabled = disabled);
       var states = (0, import_react3.useState)(initialState), state = props.forceStyle ? {
         ...states[0],
         [props.forceStyle]: !0
-      } : states[0], setState = states[1], isHydrated = state.unmounted === !1 || state.unmounted === "should-enter", isAnimated = willBeAnimated;
-      import_constants4.isWeb && hasRNAnimation && !staticConfig.isHOC && state.unmounted === !0 && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (state.disabled = disabled, disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), setState({
+      } : states[0], setState = states[1], isHydrated = state.unmounted === !1, isAnimated = willBeAnimated;
+      import_constants4.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && state.unmounted === !0 && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (state.disabled = disabled, disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), setState({
         ...state
       }));
       var setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled, !1, props.debug);
@@ -8235,10 +8226,10 @@ var require_useComponentState_native = __commonJS({
         var exv = exitVariant ?? enterExitVariant, env = enterVariant ?? enterExitVariant;
         state.unmounted && env && staticConfig.variants[env] ? (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence ENTER "${env}"`), props[env] = !0) : isExiting && exv && (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence EXIT "${exv}"`), props[exv] = exitVariant !== enterExitVariant);
       }
-      var shouldAvoidClasses = !import_constants4.isWeb;
-      if (import_constants4.isWeb) {
-        var { disableClassName } = props, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !import_constants4.isServer, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || didHydrateOnce), isDisabledManually = disableClassName && !import_constants4.isServer && didHydrateOnce && state.unmounted === !0;
-        (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (shouldAvoidClasses = !0, process.env.NODE_ENV === "development" && props.debug && (0, import_log.log)("avoiding className", {
+      var noClass = !import_constants4.isWeb || !!props.forceStyle;
+      if (import_constants4.isWeb && (!import_constants4.isServer || isHydrated)) {
+        var isAnimatedAndHydrated = isAnimated && !supportsCSSVars, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || !state.unmounted), isDisabledManually = disableClassName && !state.unmounted;
+        (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (noClass = !0, process.env.NODE_ENV === "development" && props.debug && (0, import_log.log)("avoiding className", {
           isAnimatedAndHydrated,
           isDisabledManually,
           isClassNameDisabled
@@ -8287,7 +8278,7 @@ var require_useComponentState_native = __commonJS({
         presenceState,
         setState,
         setStateShallow,
-        shouldAvoidClasses,
+        noClass,
         state,
         stateRef,
         supportsCSSVars,
@@ -8634,7 +8625,7 @@ var require_createComponent_native = __commonJS({
         ]), !1)
           var timer;
         process.env.NODE_ENV === "development" && time && time`start (ignore)`, process.env.NODE_ENV === "development" && time && time`did-finish-ssr`, process.env.NODE_ENV === "development" && time && time`stateref`;
-        var animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, { curStateRef, disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, setStateShallow, shouldAvoidClasses, state, stateRef, supportsCSSVars, willBeAnimated, willBeAnimatedClient } = (0, import_useComponentState.useComponentState)(props, componentContext, staticConfig, config), shouldForcePseudo = !!propsIn.forceStyle, noClassNames = shouldAvoidClasses || shouldForcePseudo;
+        var animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, { curStateRef, disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, setStateShallow, noClass, state, stateRef, supportsCSSVars, willBeAnimated, willBeAnimatedClient } = (0, import_useComponentState.useComponentState)(props, componentContext, staticConfig, config);
         process.env.NODE_ENV === "development" && time && time`use-state`;
         var hasTextAncestor = !!(import_constants4.isWeb && isText && componentContext.inText);
         process.env.NODE_ENV === "development" && time && time`use-context`;
@@ -8651,11 +8642,10 @@ var require_createComponent_native = __commonJS({
         if ("themeInverse" in props && (themeStateProps.inverse = props.themeInverse), "theme" in props && (themeStateProps.name = props.theme), typeof curStateRef.isListeningToTheme == "boolean" && (themeStateProps.shouldUpdate = function() {
           return stateRef.current.isListeningToTheme;
         }), themeStateProps.deopt = willBeAnimated, process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
-          var name = `${componentName2 || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`, type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (shouldAvoidClasses ? "(shouldAvoidClasses)" : " ") + (state.press || state.pressIn ? "(PRESSED)" : " ") + (state.hover ? "(HOVERED)" : " ") + (state.focus ? "(FOCUSED)" : " ") + ((presenceState == null ? void 0 : presenceState.isPresent) === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = `${internalID} ${name}${dataIs ? ` ${dataIs}` : ""} ${type}`;
+          var name = `${componentName2 || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`, type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (noClass ? "(noClass)" : " ") + (state.press || state.pressIn ? "(PRESSED)" : " ") + (state.hover ? "(HOVERED)" : " ") + (state.focus ? "(FOCUSED)" : " ") + ((presenceState == null ? void 0 : presenceState.isPresent) === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = `${internalID} ${name}${dataIs ? ` ${dataIs}` : ""} ${type}`;
           if (console.info(`%c ${banner} (hydrated: ${isHydrated}) (unmounted: ${state.unmounted})`, "background: green; color: white;"), import_constants4.isServer) (0, import_log.log)({
-            noClassNames,
+            noClass,
             isAnimated,
-            shouldAvoidClasses,
             isWeb: import_constants4.isWeb,
             supportsCSSVars
           });
@@ -8684,14 +8674,14 @@ var require_createComponent_native = __commonJS({
         elementType = Component || elementType;
         var isStringElement = typeof elementType == "string";
         process.env.NODE_ENV === "development" && time && time`theme`;
-        var mediaState3 = (0, import_useMedia.useMedia)(stateRef, componentContext, debugProp);
+        var mediaState3 = (0, import_useMedia.useMedia)(componentContext, debugProp);
         (0, import_createVariable.setDidGetVariableValue)(!1), process.env.NODE_ENV === "development" && time && time`media`;
         var resolveValues = (
           // if HOC + mounted + has animation prop, resolve as value so it passes non-variable to child
           isAnimated && !supportsCSSVars || isHOC && state.unmounted == !1 && hasAnimationProp ? "value" : "auto"
         ), styleProps = {
           mediaState: mediaState3,
-          noClassNames,
+          noClass,
           resolveValues,
           isExiting,
           isAnimated,
@@ -8703,7 +8693,7 @@ var require_createComponent_native = __commonJS({
           (_splitStyles = splitStyles).style || (_splitStyles.style = {}), splitStyles.style.opacity = 0;
         }
         process.env.NODE_ENV === "development" && time && time`split-styles`, curStateRef.isListeningToTheme = splitStyles.dynamicThemeAccess;
-        var hasRuntimeMediaKeys = splitStyles.hasMedia && splitStyles.hasMedia !== !0, shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || hasRuntimeMediaKeys || noClassNames && splitStyles.hasMedia === !0, mediaListeningKeys = hasRuntimeMediaKeys ? splitStyles.hasMedia : null;
+        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);
         var { viewProps: viewPropsIn, pseudos, style: splitStylesStyle, classNames, space } = splitStyles, propsWithAnimation = props, {
           asChild,
@@ -8785,23 +8775,20 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           }
         }), import_react3.default.useEffect(function() {
           if (!disabled) {
+            var tm;
             if (state.unmounted === !0 && hasEnterStyle) {
               setStateShallow({
                 unmounted: "should-enter"
               });
               return;
             }
-            var tm;
-            if (state.unmounted) {
-              animationDriver != null && animationDriver.supportsCSSVars ? tm = setTimeout(function() {
-                setStateShallow({
-                  unmounted: !1
-                });
-              }) : setStateShallow({
+            if (state.unmounted) return tm = setTimeout(function() {
+              setStateShallow({
                 unmounted: !1
               });
-              return;
-            }
+            }), function() {
+              return clearTimeout(tm);
+            };
             var dispose = (0, import_subscribeToContextGroup.subscribeToContextGroup)({
               disabled,
               componentContext,
@@ -8824,7 +8811,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             ...mediaGroups
           ]).join("") : 0
         ]);
-        var runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusStyle), runtimeFocusVisibleStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusVisibleStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || runtimeFocusVisibleStyle || onFocus || onBlur), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || pseudos != null && pseudos.focusVisibleStyle), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = !!(groupName || runtimeHoverStyle || onHoverIn || onHoverOut), attachHover = import_constants4.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !disabled && !props.asChild && !!(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle), needsPressState = !!(groupName || runtimePressStyle);
+        var runtimePressStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusStyle), runtimeFocusVisibleStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusVisibleStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || runtimeFocusVisibleStyle || onFocus || onBlur), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || pseudos != null && pseudos.focusVisibleStyle), runtimeHoverStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = !!(groupName || runtimeHoverStyle || onHoverIn || onHoverOut), attachHover = import_constants4.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !disabled && !props.asChild && !!(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle), needsPressState = !!(groupName || runtimePressStyle);
         process.env.NODE_ENV === "development" && time && time`events-setup`, process.env.NODE_ENV === "development" && debugProp === "verbose" && (0, import_log.log)("\u{1FAA9} events()", {
           runtimeFocusStyle,
           runtimePressStyle,
@@ -8993,8 +8980,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
                 mediaListeningKeys,
                 pseudos,
                 shouldAttach,
-                shouldAvoidClasses,
-                shouldForcePseudo,
+                noClass,
                 shouldListenForMedia,
                 splitStyles,
                 splitStylesStyle,
@@ -10863,22 +10849,14 @@ var require_index_native13 = __commonJS({
       },
       useDidFinishSSR: function() {
         return useDidFinishSSR2;
-      },
-      useDidFinishSSRSync: function() {
-        return useDidFinishSSRSync;
       }
     });
     module2.exports = __toCommonJS2(src_exports2);
     var React4 = __toESM2(require("react"));
-    function useDidFinishSSR2(value, options) {
+    function useDidFinishSSR2(value) {
       return value ?? !0;
       var cur, setCur;
     }
-    function useDidFinishSSRSync(value) {
-      return useDidFinishSSR2(value, {
-        sync: !0
-      });
-    }
     function useClientValue(value) {
       var done = useDidFinishSSR2();
       return done ? typeof value == "function" ? value() : value : void 0;
@@ -11074,7 +11052,7 @@ var require_useProps_native = __commonJS({
         mediaState: mediaState3,
         noSkip: !0,
         noMergeStyle: !0,
-        noClassNames: !0,
+        noClass: !0,
         resolveValues: "auto",
         ...opts
       }, null, componentContext), { mediaGroups, pseudoGroups } = splitStyles;
@@ -11445,10 +11423,10 @@ 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_useMedia = require_useMedia_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();
     function TamaguiProvider2(param) {
       var { children, disableInjectCSS, config, className, defaultTheme, disableRootThemeClass, reset, themeClassNameOnRoot } = param;
-      return (0, import_useMedia.setupMediaListeners)(), process.env.TAMAGUI_REACT_19 || import_constants4.isClient && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+      return process.env.TAMAGUI_REACT_19 || import_constants4.isClient && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
         if (config && !disableInjectCSS) {
           var style = document.createElement("style");
           return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), function() {
@@ -11606,6 +11584,9 @@ var require_index_native14 = __commonJS({
       }), mod);
     }, src_exports2 = {};
     __export2(src_exports2, {
+      _disableMediaTouch: function() {
+        return import_useMedia._disableMediaTouch;
+      },
       configureMedia: function() {
         return import_useMedia.configureMedia;
       },
@@ -15479,19 +15460,13 @@ var require_Accordion_native = __commonJS({
         ref: forwardedRef
       });
     }), HeightAnimator = import_web.View.styleable(function(props, ref) {
-      var itemContext = useAccordionItemContext(), { children, ...rest } = props, [height, setHeight] = React4.useState(0);
-      React4.useEffect(function() {
-        itemContext.open || setHeight(0);
-      }, [
-        itemContext.open
-      ]);
-      var onLayout = (0, import_web.useEvent)(function(param) {
+      var itemContext = useAccordionItemContext(), { children, ...rest } = props, [height, setHeight] = React4.useState(0), onLayout = (0, import_web.useEvent)(function(param) {
         var { nativeEvent } = param;
         nativeEvent.layout.height && setHeight(nativeEvent.layout.height);
       });
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_web.View, {
         ref,
-        height,
+        height: itemContext.open ? height : 0,
         ...rest,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_web.View, {
           position: "absolute",
@@ -15554,9 +15529,9 @@ var require_index_native25 = __commonJS({
   }
 });
 
-// ../adapt/dist/cjs/Adapt.native.js
-var require_Adapt_native = __commonJS({
-  "../adapt/dist/cjs/Adapt.native.js"(exports2, module2) {
+// ../portal/dist/cjs/GorhomPortal.native.js
+var require_GorhomPortal_native = __commonJS({
+  "../portal/dist/cjs/GorhomPortal.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, {
@@ -15602,112 +15577,277 @@ var require_Adapt_native = __commonJS({
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
-    }, Adapt_exports = {};
-    __export2(Adapt_exports, {
-      Adapt: function() {
-        return Adapt;
+    }, GorhomPortal_exports = {};
+    __export2(GorhomPortal_exports, {
+      ACTIONS: function() {
+        return ACTIONS;
       },
-      AdaptContents: function() {
-        return AdaptContents;
+      INITIAL_STATE: function() {
+        return INITIAL_STATE;
+      },
+      PortalHost: function() {
+        return PortalHost;
       },
-      AdaptParentContext: function() {
-        return AdaptParentContext;
+      PortalItem: function() {
+        return PortalItem;
+      },
+      PortalProvider: function() {
+        return PortalProvider2;
       },
-      useAdaptParent: function() {
-        return useAdaptParent;
+      usePortal: function() {
+        return usePortal;
       }
     });
-    module2.exports = __toCommonJS2(Adapt_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_helpers = require_index_native7(), AdaptParentContext = /* @__PURE__ */ import_react3.default.createContext(null), AdaptContents = function(props) {
-      var context = import_react3.default.useContext(AdaptParentContext);
-      if (!(context != null && context.Contents)) throw new Error(process.env.NODE_ENV === "production" ? "tamagui.dev/docs/intro/errors#warning-002" : "You're rendering a Tamagui <Adapt /> component without nesting it inside a parent that is able to adapt.");
-      return /* @__PURE__ */ import_react3.default.createElement(context.Contents, props);
-    };
-    AdaptContents.shouldForwardSpace = !0;
-    var useAdaptParent = function(param) {
-      var { Contents } = param, [when, setWhen] = import_react3.default.useState(null), AdaptProvider = import_react3.default.useMemo(function() {
-        var context = {
-          Contents,
-          setWhen
-        };
-        function AdaptProviderView(props) {
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AdaptParentContext.Provider, {
-            value: context,
-            children: props.children
-          });
-        }
-        return AdaptProviderView;
-      }, [
-        Contents
-      ]);
+    module2.exports = __toCommonJS2(GorhomPortal_exports);
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_start_transition = require_index_native9(), import_react3 = __toESM2(require("react")), import_react_dom = require("react-dom"), ACTIONS = /* @__PURE__ */ function(ACTIONS2) {
+      return ACTIONS2[ACTIONS2.REGISTER_HOST = 0] = "REGISTER_HOST", ACTIONS2[ACTIONS2.DEREGISTER_HOST = 1] = "DEREGISTER_HOST", ACTIONS2[ACTIONS2.ADD_UPDATE_PORTAL = 2] = "ADD_UPDATE_PORTAL", ACTIONS2[ACTIONS2.REMOVE_PORTAL = 3] = "REMOVE_PORTAL", ACTIONS2;
+    }(ACTIONS || {}), INITIAL_STATE = {}, registerHost = function(state, hostName) {
+      return hostName in state || (state[hostName] = []), state;
+    }, deregisterHost = function(state, hostName) {
+      return delete state[hostName], state;
+    }, addUpdatePortal = function(state, hostName, portalName, node) {
+      hostName in state || (state = registerHost(state, hostName));
+      var index = state[hostName].findIndex(function(item) {
+        return item.name === portalName;
+      });
+      return index !== -1 ? state[hostName][index].node = node : state[hostName].push({
+        name: portalName,
+        node
+      }), state;
+    }, removePortal = function(state, hostName, portalName) {
+      if (!(hostName in state)) return console.info(`Failed to remove portal '${portalName}', '${hostName}' was not registered!`), state;
+      var index = state[hostName].findIndex(function(item) {
+        return item.name === portalName;
+      });
+      return index !== -1 && state[hostName].splice(index, 1), state;
+    }, reducer = function(state, action) {
+      var { type } = action;
+      switch (type) {
+        case 0:
+          return registerHost({
+            ...state
+          }, action.hostName);
+        case 1:
+          return deregisterHost({
+            ...state
+          }, action.hostName);
+        case 2:
+          return addUpdatePortal({
+            ...state
+          }, action.hostName, action.portalName, action.node);
+        case 3:
+          return removePortal({
+            ...state
+          }, action.hostName, action.portalName);
+        default:
+          return state;
+      }
+    }, PortalStateContext = /* @__PURE__ */ (0, import_react3.createContext)(null), PortalDispatchContext = /* @__PURE__ */ (0, import_react3.createContext)(null), usePortalState = function(hostName) {
+      var state = (0, import_react3.useContext)(PortalStateContext);
+      if (state === null) throw new Error("'PortalStateContext' cannot be null, please add 'PortalProvider' to the root component.");
+      return state[hostName] || [];
+    }, usePortal = function() {
+      var hostName = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "root", dispatch = (0, import_react3.useContext)(PortalDispatchContext);
+      if (dispatch === null) throw new Error("'PortalDispatchContext' cannot be null, please add 'PortalProvider' to the root component.");
+      var registerHost2 = (0, import_react3.useCallback)(function() {
+        dispatch({
+          type: 0,
+          hostName
+        });
+      }, []), deregisterHost2 = (0, import_react3.useCallback)(function() {
+        dispatch({
+          type: 1,
+          hostName
+        });
+      }, []), addUpdatePortal2 = (0, import_react3.useCallback)(function(name, node) {
+        dispatch({
+          type: 2,
+          hostName,
+          portalName: name,
+          node
+        });
+      }, []), removePortal2 = (0, import_react3.useCallback)(function(name) {
+        dispatch({
+          type: 3,
+          hostName,
+          portalName: name
+        });
+      }, []);
       return {
-        AdaptProvider,
-        when
+        registerHost: registerHost2,
+        deregisterHost: deregisterHost2,
+        addPortal: addUpdatePortal2,
+        updatePortal: addUpdatePortal2,
+        removePortal: removePortal2
       };
-    }, Adapt = (0, import_helpers.withStaticProperties)(function(param) {
-      var { platform: platform2, when, children } = param, context = import_react3.default.useContext(AdaptParentContext), media = (0, import_core12.useMedia)(), enabled = !1;
-      return typeof when == "function" ? enabled = when({
-        media
-      }) : (enabled = !platform2, platform2 === "touch" && (enabled = import_constants4.isTouchable), platform2 === "native" && (enabled = !import_constants4.isWeb), platform2 === "web" && (enabled = import_constants4.isWeb), platform2 === "ios" && (enabled = import_constants4.isIos), platform2 === "android" && (enabled = import_constants4.isAndroid), when && !media[when] && (enabled = !1)), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        if (enabled) return context == null || context.setWhen(when || enabled), function() {
-          context == null || context.setWhen(null);
+    }, PortalProviderComponent = function(param) {
+      var { rootHostName = "root", shouldAddRootHost = !0, children } = param, [state, dispatch] = (0, import_react3.useReducer)(reducer, INITIAL_STATE), transitionDispatch = (0, import_react3.useMemo)(function() {
+        var next = function(value) {
+          (0, import_start_transition.startTransition)(function() {
+            dispatch(value);
+          });
         };
+        return next;
       }, [
-        when,
-        context,
-        enabled
-      ]), enabled ? typeof children == "function" ? children({
-        enabled,
-        media
-      }) : children : null;
-    }, {
-      Contents: AdaptContents
-    });
-  }
-});
-
-// ../adapt/dist/cjs/index.native.js
-var require_index_native26 = __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) {
-      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;
+        dispatch
+      ]);
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalDispatchContext.Provider, {
+        value: transitionDispatch,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(PortalStateContext.Provider, {
+          value: state,
+          children: [
+            children,
+            shouldAddRootHost && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalHost, {
+              name: rootHostName
+            })
+          ]
+        })
+      });
+    }, PortalProvider2 = /* @__PURE__ */ (0, import_react3.memo)(PortalProviderComponent);
+    PortalProvider2.displayName = "PortalProvider";
+    var defaultRenderer = function(children) {
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
+        children
+      });
+    }, PortalHost = /* @__PURE__ */ (0, import_react3.memo)(function(props) {
+      return import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalHostWeb, {
+        ...props
+      }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalHostNonNative, {
+        ...props
+      });
+    }), allPortalHosts = /* @__PURE__ */ new Map();
+    function PortalHostWeb(props) {
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
+        style: {
+          display: "contents"
+        },
+        ref: function(node) {
+          node ? allPortalHosts.set(props.name, node) : allPortalHosts.delete(props.name);
         }
-      }
-      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);
-    }, src_exports2 = {};
-    module2.exports = __toCommonJS2(src_exports2);
-    __reExport2(src_exports2, require_Adapt_native(), module2.exports);
+      });
+    }
+    function PortalHostNonNative(props) {
+      var { name, forwardProps, render = defaultRenderer } = props, state = usePortalState(name), { registerHost: registerHost2, deregisterHost: deregisterHost2 } = usePortal(props.name);
+      return (0, import_react3.useEffect)(function() {
+        if (!(typeof window > "u")) return registerHost2(), function() {
+          deregisterHost2();
+        };
+      }, []), render(forwardProps ? state.map(function(item) {
+        var next = item.node, { children, ...restForwardProps } = forwardProps;
+        return forwardProps ? import_react3.default.Children.map(next, function(child) {
+          return /* @__PURE__ */ import_react3.default.isValidElement(child) ? /* @__PURE__ */ import_react3.default.cloneElement(child, {
+            key: child.key,
+            ...restForwardProps
+          }) : child;
+        }) : next;
+      }) : state.map(function(item) {
+        return item.node;
+      }));
+    }
+    var PortalItem = /* @__PURE__ */ (0, import_react3.memo)(function(props) {
+      return import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalItemWeb, {
+        ...props
+      }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NonNativePortalComponent, {
+        ...props
+      });
+    }), PortalItemWeb = function(props) {
+      if (!props.hostName) throw new Error("No name");
+      var hostNode = allPortalHosts.get(props.hostName);
+      return hostNode ? /* @__PURE__ */ (0, import_react_dom.createPortal)(props.children, hostNode) : null;
+    }, NonNativePortalComponent = function(props) {
+      var { name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, passthrough } = props, { addPortal: addUpdatePortal2, removePortal: removePortal2 } = usePortal(hostName), id = (0, import_react3.useId)(), name = _providedName || id, handleOnMount = (0, import_core12.useEvent)(function() {
+        _providedHandleOnMount ? _providedHandleOnMount(function() {
+          return addUpdatePortal2(name, children);
+        }) : addUpdatePortal2(name, children);
+      }), handleOnUnmount = (0, import_core12.useEvent)(function() {
+        _providedHandleOnUnmount ? _providedHandleOnUnmount(function() {
+          return removePortal2(name);
+        }) : removePortal2(name);
+      }), handleOnUpdate = (0, import_core12.useEvent)(function() {
+        _providedHandleOnUpdate ? _providedHandleOnUpdate(function() {
+          return addUpdatePortal2(name, children);
+        }) : addUpdatePortal2(name, children);
+      });
+      return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        if (!passthrough) return handleOnMount(), function() {
+          handleOnUnmount();
+        };
+      }, []), (0, import_react3.useEffect)(function() {
+        passthrough || handleOnUpdate();
+      }, [
+        children
+      ]), passthrough ? children : null;
+    };
   }
 });
 
-// ../../core/create-context/dist/cjs/create-context.native.js
-var require_create_context_native = __commonJS({
-  "../../core/create-context/dist/cjs/create-context.native.js"(exports2, module2) {
+// ../portal/dist/cjs/useStackedZIndex.native.js
+var require_useStackedZIndex_native = __commonJS({
+  "../portal/dist/cjs/useStackedZIndex.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, useStackedZIndex_exports = {};
+    __export2(useStackedZIndex_exports, {
+      useStackedZIndex: function() {
+        return useStackedZIndex;
+      }
+    });
+    module2.exports = __toCommonJS2(useStackedZIndex_exports);
+    var import_react3 = require("react"), CurrentPortalZIndices = {}, useStackedZIndex = function(props) {
+      var { stackZIndex, zIndex: zIndexProp = 1e3 } = props, zIndex = function() {
+        if (stackZIndex) {
+          var highest = Object.values(CurrentPortalZIndices).reduce(function(acc, cur) {
+            return Math.max(acc, cur);
+          }, 0);
+          return Math.max(stackZIndex, highest + 1);
+        }
+        if (zIndexProp) return zIndexProp;
+      }(), id = (0, import_react3.useId)();
+      return (0, import_react3.useEffect)(function() {
+        if (typeof zIndex == "number") return CurrentPortalZIndices[id] = zIndex, function() {
+          delete CurrentPortalZIndices[id];
+        };
+      }, [
+        zIndex
+      ]), zIndex;
+    };
+  }
+});
+
+// ../portal/dist/cjs/Portal.native.js
+var require_Portal_native = __commonJS({
+  "../portal/dist/cjs/Portal.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, {
@@ -15753,129 +15893,71 @@ var require_create_context_native = __commonJS({
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
-    }, create_context_exports = {};
-    __export2(create_context_exports, {
-      createContext: function() {
-        return createContext;
-      },
-      createContextScope: function() {
-        return createContextScope;
+    }, Portal_native_exports = {};
+    __export2(Portal_native_exports, {
+      Portal: function() {
+        return Portal;
       }
     });
-    module2.exports = __toCommonJS2(create_context_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), React4 = __toESM2(require("react"));
-    function createContext(rootComponentName, defaultContext) {
-      var Context = /* @__PURE__ */ React4.createContext(defaultContext);
-      function Provider(props) {
-        var { children, ...context } = props, value = React4.useMemo(function() {
-          return context;
-        }, Object.values(context));
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Context.Provider, {
-          value,
-          children
-        });
-      }
-      function useContext(consumerName) {
-        var context = React4.useContext(Context);
-        if (context) return context;
-        if (defaultContext !== void 0) return defaultContext;
-        throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-      }
-      return Provider.displayName = `${rootComponentName}Provider`, [
-        Provider,
-        useContext
-      ];
-    }
-    function createContextScope(scopeName) {
-      var createContextScopeDeps = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [], defaultContexts = [];
-      function createContext2(rootComponentName, defaultContext) {
-        var BaseContext = /* @__PURE__ */ React4.createContext(defaultContext), index = defaultContexts.length;
-        defaultContexts = [
-          ...defaultContexts,
-          defaultContext
-        ];
-        function Provider(props) {
-          var _scope_scopeName, { scope, children, ...context } = props, Context = (scope == null || (_scope_scopeName = scope[scopeName]) === null || _scope_scopeName === void 0 ? void 0 : _scope_scopeName[index]) || BaseContext, value = React4.useMemo(function() {
-            return context;
-          }, Object.values(context));
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Context.Provider, {
-            value,
-            children
+    module2.exports = __toCommonJS2(Portal_native_exports);
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_stacks3 = require_index_native21(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_GorhomPortal = require_GorhomPortal_native(), import_useStackedZIndex = require_useStackedZIndex_native(), _global, isFabric = (_global = global) === null || _global === void 0 ? void 0 : _global.nativeFabricUIManager, createPortal;
+    isFabric ? createPortal = require("react-native/Libraries/Renderer/shims/ReactFabric").createPortal : createPortal = require("react-native/Libraries/Renderer/shims/ReactNative").createPortal;
+    var Portal = function(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, {
+        pointerEvents: "box-none",
+        fullscreen: !0,
+        position: "absolute",
+        maxWidth: "100%",
+        ...props,
+        zIndex
+      });
+      return process.env.TAMAGUI_USE_NATIVE_PORTAL === "false" || import_react_native4.Platform.OS === "android" || !rootTag ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_GorhomPortal.PortalItem, {
+        hostName: "root",
+        children: contents
+      }) : createPortal(contents, rootTag);
+    };
+  }
+});
+
+// ../portal/dist/cjs/PortalProps.native.js
+var require_PortalProps_native = __commonJS({
+  "../portal/dist/cjs/PortalProps.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;
         }
-        function useContext(consumerName, scope, options) {
-          var _scope_scopeName, Context = (scope == null || (_scope_scopeName = scope[scopeName]) === null || _scope_scopeName === void 0 ? void 0 : _scope_scopeName[index]) || BaseContext, context = React4.useContext(Context);
-          if (context) return context;
-          if (defaultContext !== void 0) return defaultContext;
-          var missingContextMessage = `\`${consumerName}\` must be used within \`${rootComponentName}\``;
-          if (options != null && options.fallback) return (options == null ? void 0 : options.warn) !== !1 && console.warn(missingContextMessage), options.fallback;
-          throw new Error(missingContextMessage);
-        }
-        return Provider.displayName = `${rootComponentName}Provider`, [
-          Provider,
-          useContext
-        ];
       }
-      var createScope = function() {
-        var scopeContexts = defaultContexts.map(function(defaultContext) {
-          return /* @__PURE__ */ React4.createContext(defaultContext);
-        });
-        return function(scope) {
-          var contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
-          return React4.useMemo(function() {
-            return {
-              [`__scope${scopeName}`]: {
-                ...scope,
-                [scopeName]: contexts
-              }
-            };
-          }, [
-            scope,
-            contexts
-          ]);
-        };
-      };
-      return createScope.scopeName = scopeName, [
-        createContext2,
-        composeContextScopes(createScope, ...createContextScopeDeps)
-      ];
-    }
-    function composeContextScopes() {
-      for (var _len = arguments.length, scopes = new Array(_len), _key = 0; _key < _len; _key++) scopes[_key] = arguments[_key];
-      var baseScope = scopes[0];
-      if (scopes.length === 1) return baseScope;
-      var createScope = function() {
-        var scopeHooks = scopes.map(function(createScope22) {
-          return {
-            useScope: createScope22(),
-            scopeName: createScope22.scopeName
-          };
-        });
-        return function(overrideScopes) {
-          var nextScopes = scopeHooks.reduce(function(nextScopes2, param) {
-            var { useScope, scopeName } = param, scopeProps = useScope(overrideScopes), currentScope = scopeProps[`__scope${scopeName}`];
-            return {
-              ...nextScopes2,
-              ...currentScope
-            };
-          }, {});
-          return React4.useMemo(function() {
-            return {
-              [`__scope${baseScope.scopeName}`]: nextScopes
-            };
-          }, [
-            nextScopes
-          ]);
-        };
-      };
-      return createScope.scopeName = baseScope.scopeName, createScope;
-    }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, PortalProps_exports = {};
+    module2.exports = __toCommonJS2(PortalProps_exports);
   }
 });
 
-// ../../core/create-context/dist/cjs/index.native.js
-var require_index_native27 = __commonJS({
-  "../../core/create-context/dist/cjs/index.native.js"(exports2, module2) {
+// ../portal/dist/cjs/index.native.js
+var require_index_native26 = __commonJS({
+  "../portal/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
       var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
@@ -15908,15 +15990,17 @@ var require_index_native27 = __commonJS({
       }), mod);
     }, src_exports2 = {};
     module2.exports = __toCommonJS2(src_exports2);
-    __reExport2(src_exports2, require_create_context_native(), module2.exports);
+    __reExport2(src_exports2, require_Portal_native(), module2.exports);
+    __reExport2(src_exports2, require_PortalProps_native(), module2.exports);
+    __reExport2(src_exports2, require_GorhomPortal_native(), module2.exports);
   }
 });
 
-// ../../core/aria-hidden/dist/cjs/AriaHidden.native.js
-var require_AriaHidden_native = __commonJS({
-  "../../core/aria-hidden/dist/cjs/AriaHidden.native.js"(exports2, module2) {
+// ../adapt/dist/cjs/Adapt.native.js
+var require_Adapt_native = __commonJS({
+  "../adapt/dist/cjs/Adapt.native.js"(exports2, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    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
@@ -15944,25 +16028,151 @@ var require_AriaHidden_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
       }), mod);
-    }, AriaHidden_native_exports = {};
-    __export2(AriaHidden_native_exports, {
-      hideOthers: function() {
-        return hideOthers;
+    }, Adapt_exports = {};
+    __export2(Adapt_exports, {
+      Adapt: function() {
+        return Adapt;
+      },
+      AdaptContents: function() {
+        return AdaptContents;
+      },
+      AdaptContext: function() {
+        return AdaptContext;
+      },
+      AdaptParent: function() {
+        return AdaptParent;
+      },
+      AdaptPortalContents: function() {
+        return AdaptPortalContents;
+      },
+      useAdaptContext: function() {
+        return useAdaptContext;
+      },
+      useAdaptIsActive: function() {
+        return useAdaptIsActive;
       }
     });
-    module2.exports = __toCommonJS2(AriaHidden_native_exports);
-    var hideOthers = function() {
+    module2.exports = __toCommonJS2(Adapt_exports);
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_helpers = require_index_native7(), import_portal2 = require_index_native26(), import_react3 = __toESM2(require("react")), CurrentAdaptContextScope = /* @__PURE__ */ (0, import_react3.createContext)(""), AdaptContext = (0, import_core12.createStyledContext)({
+      Contents: null,
+      scopeName: "",
+      portalName: "",
+      platform: null,
+      setPlatform: null,
+      when: null,
+      setChildren: null,
+      setWhen: null
+    }), ProvideAdaptContext = function(param) {
+      var { children, ...context } = param, scope = context.scopeName || "";
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CurrentAdaptContextScope.Provider, {
+        value: scope,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AdaptContext.Provider, {
+          scope,
+          ...context,
+          children
+        })
+      });
+    }, useAdaptContext = function() {
+      var scope = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", contextScope = (0, import_react3.useContext)(CurrentAdaptContextScope), context = AdaptContext.useStyledContext(scope === "" && contextScope || scope);
+      return context;
+    }, AdaptPortals = /* @__PURE__ */ new Map(), AdaptParent = function(param) {
+      var { children, Contents, scope, portal } = param, portalName = `AdaptPortal${scope}`, id = (0, import_react3.useId)(), FinalContents = Contents || AdaptPortals.get(id);
+      FinalContents || (FinalContents = function() {
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, {
+          name: portalName,
+          forwardProps: typeof portal == "boolean" || portal == null ? void 0 : portal.forwardProps
+        });
+      }, AdaptPortals.set(id, FinalContents)), (0, import_react3.useEffect)(function() {
+        return function() {
+          AdaptPortals.delete(id);
+        };
+      }, []);
+      var [when, setWhen] = import_react3.default.useState(null), [platform2, setPlatform] = import_react3.default.useState(null), [children2, setChildren] = import_react3.default.useState(null);
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProvideAdaptContext, {
+        Contents: FinalContents,
+        when,
+        platform: platform2,
+        setPlatform,
+        setWhen,
+        setChildren,
+        portalName,
+        scopeName: scope,
+        children
+      });
+    }, AdaptContents = function(param) {
+      var { scope, ...rest } = param, context = useAdaptContext(scope);
+      if (!(context != null && context.Contents)) throw new Error(process.env.NODE_ENV === "production" ? "tamagui.dev/docs/intro/errors#warning-002" : "You're rendering a Tamagui <Adapt /> component without nesting it inside a parent that is able to adapt.");
+      return /* @__PURE__ */ import_react3.default.createElement(context.Contents, {
+        ...rest,
+        key: "stable"
+      });
+    };
+    AdaptContents.shouldForwardSpace = !0;
+    var Adapt = (0, import_helpers.withStaticProperties)(function(props) {
+      var { platform: platform2, when, children, scope } = props, context = useAdaptContext(scope), scopeName = scope ?? context.scopeName, enabled = useAdaptIsActiveGiven(props);
+      (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        context == null || context.setWhen(when || enabled), context == null || context.setPlatform(platform2 || null);
+      }, [
+        when,
+        platform2,
+        context,
+        enabled
+      ]), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        return function() {
+          context == null || context.setWhen(null);
+        };
+      }, []);
+      var output;
+      if (typeof children == "function") {
+        var Component = context == null ? void 0 : context.Contents;
+        output = children(Component ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Component, {}) : null);
+      } else output = children;
+      return (0, import_react3.useEffect)(function() {
+        typeof children == "function" && output !== void 0 && (context == null || context.setChildren(output));
+      }, [
+        output
+      ]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CurrentAdaptContextScope.Provider, {
+        value: scopeName,
+        children: enabled ? output : null
+      });
+    }, {
+      Contents: AdaptContents
+    }), AdaptPortalContents = function(props) {
+      var { portalName } = useAdaptContext(props.scope);
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, {
+        // passthrough={!isWeb && !isActive}
+        hostName: portalName,
+        children: props.children
+      });
+    }, useAdaptIsActiveGiven = function(param) {
+      var { when, platform: platform2 } = param, media = (0, import_core12.useMedia)(), enabled = !1;
+      return platform2 === "touch" && (enabled = import_constants4.isTouchable), platform2 === "native" && (enabled = !import_constants4.isWeb), platform2 === "web" && (enabled = import_constants4.isWeb), platform2 === "ios" && (enabled = import_constants4.isIos), platform2 === "android" && (enabled = import_constants4.isAndroid), when && typeof when == "string" && !media[when] && (enabled = !1), enabled;
+    }, useAdaptIsActive = function(scope) {
+      var props = useAdaptContext(scope);
+      return useAdaptIsActiveGiven(props);
     };
   }
 });
 
-// ../../core/aria-hidden/dist/cjs/index.native.js
-var require_index_native28 = __commonJS({
-  "../../core/aria-hidden/dist/cjs/index.native.js"(exports2, module2) {
+// ../adapt/dist/cjs/index.native.js
+var require_index_native27 = __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) {
       var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
@@ -15995,13 +16205,13 @@ var require_index_native28 = __commonJS({
       }), mod);
     }, src_exports2 = {};
     module2.exports = __toCommonJS2(src_exports2);
-    __reExport2(src_exports2, require_AriaHidden_native(), module2.exports);
+    __reExport2(src_exports2, require_Adapt_native(), module2.exports);
   }
 });
 
-// ../dismissable/dist/cjs/Dismissable.native.js
-var require_Dismissable_native = __commonJS({
-  "../dismissable/dist/cjs/Dismissable.native.js"(exports2, module2) {
+// ../../core/create-context/dist/cjs/create-context.native.js
+var require_create_context_native = __commonJS({
+  "../../core/create-context/dist/cjs/create-context.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, {
@@ -16047,27 +16257,129 @@ var require_Dismissable_native = __commonJS({
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
-    }, Dismissable_native_exports = {};
-    __export2(Dismissable_native_exports, {
-      Dismissable: function() {
-        return Dismissable;
+    }, create_context_exports = {};
+    __export2(create_context_exports, {
+      createContext: function() {
+        return createContext;
       },
-      DismissableBranch: function() {
-        return DismissableBranch;
+      createContextScope: function() {
+        return createContextScope;
       }
     });
-    module2.exports = __toCommonJS2(Dismissable_native_exports);
-    var import_react3 = __toESM2(require("react")), Dismissable = /* @__PURE__ */ import_react3.default.forwardRef(function(props, _ref) {
-      return props.children;
-    }), DismissableBranch = /* @__PURE__ */ import_react3.default.forwardRef(function(props, _ref) {
-      return props.children;
-    });
+    module2.exports = __toCommonJS2(create_context_exports);
+    var import_jsx_runtime6 = require("react/jsx-runtime"), React4 = __toESM2(require("react"));
+    function createContext(rootComponentName, defaultContext) {
+      var Context = /* @__PURE__ */ React4.createContext(defaultContext);
+      function Provider(props) {
+        var { children, ...context } = props, value = React4.useMemo(function() {
+          return context;
+        }, Object.values(context));
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Context.Provider, {
+          value,
+          children
+        });
+      }
+      function useContext(consumerName) {
+        var context = React4.useContext(Context);
+        if (context) return context;
+        if (defaultContext !== void 0) return defaultContext;
+        throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+      }
+      return Provider.displayName = `${rootComponentName}Provider`, [
+        Provider,
+        useContext
+      ];
+    }
+    function createContextScope(scopeName) {
+      var createContextScopeDeps = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [], defaultContexts = [];
+      function createContext2(rootComponentName, defaultContext) {
+        var BaseContext = /* @__PURE__ */ React4.createContext(defaultContext), index = defaultContexts.length;
+        defaultContexts = [
+          ...defaultContexts,
+          defaultContext
+        ];
+        function Provider(props) {
+          var _scope_scopeName, { scope, children, ...context } = props, Context = (scope == null || (_scope_scopeName = scope[scopeName]) === null || _scope_scopeName === void 0 ? void 0 : _scope_scopeName[index]) || BaseContext, value = React4.useMemo(function() {
+            return context;
+          }, Object.values(context));
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Context.Provider, {
+            value,
+            children
+          });
+        }
+        function useContext(consumerName, scope, options) {
+          var _scope_scopeName, Context = (scope == null || (_scope_scopeName = scope[scopeName]) === null || _scope_scopeName === void 0 ? void 0 : _scope_scopeName[index]) || BaseContext, context = React4.useContext(Context);
+          if (context) return context;
+          if (defaultContext !== void 0) return defaultContext;
+          var missingContextMessage = `\`${consumerName}\` must be used within \`${rootComponentName}\``;
+          if (options != null && options.fallback) return (options == null ? void 0 : options.warn) !== !1 && console.warn(missingContextMessage), options.fallback;
+          throw new Error(missingContextMessage);
+        }
+        return Provider.displayName = `${rootComponentName}Provider`, [
+          Provider,
+          useContext
+        ];
+      }
+      var createScope = function() {
+        var scopeContexts = defaultContexts.map(function(defaultContext) {
+          return /* @__PURE__ */ React4.createContext(defaultContext);
+        });
+        return function(scope) {
+          var contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
+          return React4.useMemo(function() {
+            return {
+              [`__scope${scopeName}`]: {
+                ...scope,
+                [scopeName]: contexts
+              }
+            };
+          }, [
+            scope,
+            contexts
+          ]);
+        };
+      };
+      return createScope.scopeName = scopeName, [
+        createContext2,
+        composeContextScopes(createScope, ...createContextScopeDeps)
+      ];
+    }
+    function composeContextScopes() {
+      for (var _len = arguments.length, scopes = new Array(_len), _key = 0; _key < _len; _key++) scopes[_key] = arguments[_key];
+      var baseScope = scopes[0];
+      if (scopes.length === 1) return baseScope;
+      var createScope = function() {
+        var scopeHooks = scopes.map(function(createScope22) {
+          return {
+            useScope: createScope22(),
+            scopeName: createScope22.scopeName
+          };
+        });
+        return function(overrideScopes) {
+          var nextScopes = scopeHooks.reduce(function(nextScopes2, param) {
+            var { useScope, scopeName } = param, scopeProps = useScope(overrideScopes), currentScope = scopeProps[`__scope${scopeName}`];
+            return {
+              ...nextScopes2,
+              ...currentScope
+            };
+          }, {});
+          return React4.useMemo(function() {
+            return {
+              [`__scope${baseScope.scopeName}`]: nextScopes
+            };
+          }, [
+            nextScopes
+          ]);
+        };
+      };
+      return createScope.scopeName = baseScope.scopeName, createScope;
+    }
   }
 });
 
-// ../dismissable/dist/cjs/index.native.js
-var require_index_native29 = __commonJS({
-  "../dismissable/dist/cjs/index.native.js"(exports2, module2) {
+// ../../core/create-context/dist/cjs/index.native.js
+var require_index_native28 = __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) {
       var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
@@ -16100,15 +16412,15 @@ var require_index_native29 = __commonJS({
       }), mod);
     }, src_exports2 = {};
     module2.exports = __toCommonJS2(src_exports2);
-    __reExport2(src_exports2, require_Dismissable_native(), module2.exports);
+    __reExport2(src_exports2, require_create_context_native(), module2.exports);
   }
 });
 
-// ../focus-scope/dist/cjs/FocusScope.native.js
-var require_FocusScope_native = __commonJS({
-  "../focus-scope/dist/cjs/FocusScope.native.js"(exports2, module2) {
+// ../../core/aria-hidden/dist/cjs/AriaHidden.native.js
+var require_AriaHidden_native = __commonJS({
+  "../../core/aria-hidden/dist/cjs/AriaHidden.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
@@ -16136,38 +16448,25 @@ var require_FocusScope_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
       }), mod);
-    }, FocusScope_native_exports = {};
-    __export2(FocusScope_native_exports, {
-      FocusScope: function() {
-        return FocusScope;
+    }, AriaHidden_native_exports = {};
+    __export2(AriaHidden_native_exports, {
+      hideOthers: function() {
+        return hideOthers;
       }
     });
-    module2.exports = __toCommonJS2(FocusScope_native_exports);
-    var import_react3 = __toESM2(require("react")), FocusScope = /* @__PURE__ */ import_react3.default.forwardRef(function(props, _ref) {
-      return props.children;
-    });
+    module2.exports = __toCommonJS2(AriaHidden_native_exports);
+    var hideOthers = function() {
+    };
   }
 });
 
-// ../focus-scope/dist/cjs/index.native.js
-var require_index_native30 = __commonJS({
-  "../focus-scope/dist/cjs/index.native.js"(exports2, module2) {
+// ../../core/aria-hidden/dist/cjs/index.native.js
+var require_index_native29 = __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) {
       var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
@@ -16200,13 +16499,13 @@ var require_index_native30 = __commonJS({
       }), mod);
     }, src_exports2 = {};
     module2.exports = __toCommonJS2(src_exports2);
-    __reExport2(src_exports2, require_FocusScope_native(), module2.exports);
+    __reExport2(src_exports2, require_AriaHidden_native(), module2.exports);
   }
 });
 
-// ../portal/dist/cjs/GorhomPortal.native.js
-var require_GorhomPortal_native = __commonJS({
-  "../portal/dist/cjs/GorhomPortal.native.js"(exports2, module2) {
+// ../dismissable/dist/cjs/Dismissable.native.js
+var require_Dismissable_native = __commonJS({
+  "../dismissable/dist/cjs/Dismissable.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, {
@@ -16252,197 +16551,29 @@ var require_GorhomPortal_native = __commonJS({
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
-    }, GorhomPortal_exports = {};
-    __export2(GorhomPortal_exports, {
-      ACTIONS: function() {
-        return ACTIONS;
-      },
-      INITIAL_STATE: function() {
-        return INITIAL_STATE;
-      },
-      PortalHost: function() {
-        return PortalHost;
-      },
-      PortalItem: function() {
-        return PortalItem;
-      },
-      PortalProvider: function() {
-        return PortalProvider2;
+    }, Dismissable_native_exports = {};
+    __export2(Dismissable_native_exports, {
+      Dismissable: function() {
+        return Dismissable;
       },
-      usePortal: function() {
-        return usePortal;
+      DismissableBranch: function() {
+        return DismissableBranch;
       }
     });
-    module2.exports = __toCommonJS2(GorhomPortal_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_react3 = __toESM2(require("react")), import_start_transition = require_index_native9(), ACTIONS;
-    (function(ACTIONS2) {
-      ACTIONS2[ACTIONS2.REGISTER_HOST = 0] = "REGISTER_HOST", ACTIONS2[ACTIONS2.DEREGISTER_HOST = 1] = "DEREGISTER_HOST", ACTIONS2[ACTIONS2.ADD_UPDATE_PORTAL = 2] = "ADD_UPDATE_PORTAL", ACTIONS2[ACTIONS2.REMOVE_PORTAL = 3] = "REMOVE_PORTAL";
-    })(ACTIONS || (ACTIONS = {}));
-    var INITIAL_STATE = {}, registerHost = function(state, hostName) {
-      return hostName in state || (state[hostName] = []), state;
-    }, deregisterHost = function(state, hostName) {
-      return delete state[hostName], state;
-    }, addUpdatePortal = function(state, hostName, portalName, node) {
-      hostName in state || (state = registerHost(state, hostName));
-      var index = state[hostName].findIndex(function(item) {
-        return item.name === portalName;
-      });
-      return index !== -1 ? state[hostName][index].node = node : state[hostName].push({
-        name: portalName,
-        node
-      }), state;
-    }, removePortal = function(state, hostName, portalName) {
-      if (!(hostName in state)) return console.info(`Failed to remove portal '${portalName}', '${hostName}' was not registered!`), state;
-      var index = state[hostName].findIndex(function(item) {
-        return item.name === portalName;
-      });
-      return index !== -1 && state[hostName].splice(index, 1), state;
-    }, reducer = function(state, action) {
-      var { type } = action;
-      switch (type) {
-        case 0:
-          return registerHost({
-            ...state
-          }, action.hostName);
-        case 1:
-          return deregisterHost({
-            ...state
-          }, action.hostName);
-        case 2:
-          return addUpdatePortal({
-            ...state
-          }, action.hostName, action.portalName, action.node);
-        case 3:
-          return removePortal({
-            ...state
-          }, action.hostName, action.portalName);
-        default:
-          return state;
-      }
-    }, PortalStateContext = /* @__PURE__ */ (0, import_react3.createContext)(null), PortalDispatchContext = /* @__PURE__ */ (0, import_react3.createContext)(null), usePortalState = function(hostName) {
-      var state = (0, import_react3.useContext)(PortalStateContext);
-      if (state === null) throw new Error("'PortalStateContext' cannot be null, please add 'PortalProvider' to the root component.");
-      return state[hostName] || [];
-    }, usePortal = function() {
-      var hostName = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "root", dispatch = (0, import_react3.useContext)(PortalDispatchContext);
-      if (dispatch === null) throw new Error("'PortalDispatchContext' cannot be null, please add 'PortalProvider' to the root component.");
-      var registerHost2 = (0, import_react3.useCallback)(function() {
-        dispatch({
-          type: 0,
-          hostName
-        });
-      }, []), deregisterHost2 = (0, import_react3.useCallback)(function() {
-        dispatch({
-          type: 1,
-          hostName
-        });
-      }, []), addUpdatePortal2 = (0, import_react3.useCallback)(function(name, node) {
-        dispatch({
-          type: 2,
-          hostName,
-          portalName: name,
-          node
-        });
-      }, []), removePortal2 = (0, import_react3.useCallback)(function(name) {
-        dispatch({
-          type: 3,
-          hostName,
-          portalName: name
-        });
-      }, []);
-      return {
-        registerHost: registerHost2,
-        deregisterHost: deregisterHost2,
-        addPortal: addUpdatePortal2,
-        updatePortal: addUpdatePortal2,
-        removePortal: removePortal2
-      };
-    }, PortalProviderComponent = function(param) {
-      var { rootHostName = "root", shouldAddRootHost = !0, children } = param, [state, dispatch] = (0, import_react3.useReducer)(reducer, INITIAL_STATE), transitionDispatch = (0, import_react3.useMemo)(function() {
-        var next = function(value) {
-          (0, import_start_transition.startTransition)(function() {
-            dispatch(value);
-          });
-        };
-        return next;
-      }, [
-        dispatch
-      ]);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalDispatchContext.Provider, {
-        value: transitionDispatch,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(PortalStateContext.Provider, {
-          value: state,
-          children: [
-            children,
-            shouldAddRootHost && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalHost, {
-              name: rootHostName
-            })
-          ]
-        })
-      });
-    }, PortalProvider2 = /* @__PURE__ */ (0, import_react3.memo)(PortalProviderComponent);
-    PortalProvider2.displayName = "PortalProvider";
-    var defaultRenderer = function(children) {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
-        children
-      });
-    }, PortalHostComponent = function(props) {
-      var { name, forwardProps, render = defaultRenderer } = props, state = usePortalState(name), { registerHost: registerHost2, deregisterHost: deregisterHost2 } = usePortal(props.name);
-      return (0, import_react3.useEffect)(function() {
-        if (!(typeof window > "u")) return registerHost2(), function() {
-          deregisterHost2();
-        };
-      }, []), render(forwardProps ? state.map(function(item) {
-        var next = item.node;
-        return forwardProps ? import_react3.default.Children.map(next, function(child) {
-          return /* @__PURE__ */ import_react3.default.isValidElement(child) ? /* @__PURE__ */ import_react3.default.cloneElement(child, {
-            key: child.key,
-            ...forwardProps
-          }) : child;
-        }) : next;
-      }) : state.map(function(item) {
-        return item.node;
-      }));
-    }, PortalHost = /* @__PURE__ */ (0, import_react3.memo)(PortalHostComponent);
-    PortalHost.displayName = "PortalHost";
-    var PortalComponent = function(props) {
-      var { name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children } = props, { addPortal: addUpdatePortal2, removePortal: removePortal2 } = usePortal(hostName), id = (0, import_react3.useId)(), name = _providedName || id, handleOnMount = (0, import_core12.useEvent)(function() {
-        _providedHandleOnMount ? _providedHandleOnMount(function() {
-          return addUpdatePortal2(name, children);
-        }) : addUpdatePortal2(name, children);
-      }), handleOnUnmount = (0, import_core12.useEvent)(function() {
-        _providedHandleOnUnmount ? _providedHandleOnUnmount(function() {
-          return removePortal2(name);
-        }) : removePortal2(name);
-      }), handleOnUpdate = (0, import_core12.useEvent)(function() {
-        _providedHandleOnUpdate ? _providedHandleOnUpdate(function() {
-          return addUpdatePortal2(name, children);
-        }) : addUpdatePortal2(name, children);
-      });
-      return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        return handleOnMount(), function() {
-          handleOnUnmount();
-        };
-      }, []), (0, import_react3.useEffect)(function() {
-        handleOnUpdate();
-      }, [
-        children
-      ]), null;
-    }, PortalItem = /* @__PURE__ */ (0, import_react3.memo)(PortalComponent);
-    PortalItem.displayName = "Portal";
+    module2.exports = __toCommonJS2(Dismissable_native_exports);
+    var import_react3 = __toESM2(require("react")), Dismissable = /* @__PURE__ */ import_react3.default.forwardRef(function(props, _ref) {
+      return props.children;
+    }), DismissableBranch = /* @__PURE__ */ import_react3.default.forwardRef(function(props, _ref) {
+      return props.children;
+    });
   }
 });
 
-// ../portal/dist/cjs/Portal.native.js
-var require_Portal_native = __commonJS({
-  "../portal/dist/cjs/Portal.native.js"(exports2, module2) {
+// ../dismissable/dist/cjs/index.native.js
+var require_index_native30 = __commonJS({
+  "../dismissable/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 __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() {
@@ -16465,53 +16596,28 @@ var require_Portal_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
-      );
+    }, __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);
-    }, Portal_native_exports = {};
-    __export2(Portal_native_exports, {
-      Portal: function() {
-        return Portal;
-      }
-    });
-    module2.exports = __toCommonJS2(Portal_native_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_stacks3 = require_index_native21(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_GorhomPortal = require_GorhomPortal_native(), _global, isFabric = (_global = global) === null || _global === void 0 ? void 0 : _global.nativeFabricUIManager, createPortal;
-    isFabric ? createPortal = require("react-native/Libraries/Renderer/shims/ReactFabric").createPortal : createPortal = require("react-native/Libraries/Renderer/shims/ReactNative").createPortal;
-    var Portal = function(props) {
-      var rootTag = React4.useContext(import_react_native4.RootTagContext), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_stacks3.YStack, {
-        pointerEvents: "box-none",
-        fullscreen: !0,
-        position: "absolute",
-        maxWidth: "100%",
-        zIndex: 1e5,
-        ...props
-      });
-      return process.env.TAMAGUI_USE_NATIVE_PORTAL === "false" || import_react_native4.Platform.OS === "android" || !rootTag ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_GorhomPortal.PortalItem, {
-        hostName: "root",
-        children: contents
-      }) : createPortal(contents, rootTag);
-    };
+    }, src_exports2 = {};
+    module2.exports = __toCommonJS2(src_exports2);
+    __reExport2(src_exports2, require_Dismissable_native(), module2.exports);
   }
 });
 
-// ../portal/dist/cjs/PortalProps.native.js
-var require_PortalProps_native = __commonJS({
-  "../portal/dist/cjs/PortalProps.native.js"(exports2, module2) {
+// ../focus-scope/dist/cjs/FocusScope.native.js
+var require_FocusScope_native = __commonJS({
+  "../focus-scope/dist/cjs/FocusScope.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 __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() {
@@ -16534,18 +16640,38 @@ var require_PortalProps_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
       }), mod);
-    }, PortalProps_exports = {};
-    module2.exports = __toCommonJS2(PortalProps_exports);
+    }, FocusScope_native_exports = {};
+    __export2(FocusScope_native_exports, {
+      FocusScope: function() {
+        return FocusScope;
+      }
+    });
+    module2.exports = __toCommonJS2(FocusScope_native_exports);
+    var import_react3 = __toESM2(require("react")), FocusScope = /* @__PURE__ */ import_react3.default.forwardRef(function(props, _ref) {
+      return props.children;
+    });
   }
 });
 
-// ../portal/dist/cjs/index.native.js
+// ../focus-scope/dist/cjs/index.native.js
 var require_index_native31 = __commonJS({
-  "../portal/dist/cjs/index.native.js"(exports2, module2) {
+  "../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) {
       var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
@@ -16578,9 +16704,7 @@ var require_index_native31 = __commonJS({
       }), mod);
     }, src_exports2 = {};
     module2.exports = __toCommonJS2(src_exports2);
-    __reExport2(src_exports2, require_Portal_native(), module2.exports);
-    __reExport2(src_exports2, require_PortalProps_native(), module2.exports);
-    __reExport2(src_exports2, require_GorhomPortal_native(), module2.exports);
+    __reExport2(src_exports2, require_FocusScope_native(), module2.exports);
   }
 });
 
@@ -16780,7 +16904,7 @@ var require_SheetContext_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SheetContext_exports);
-    var import_create_context = require_index_native27(), import_constants4 = require_constants_native3(), [createSheetContext, createSheetScope2] = (0, import_create_context.createContextScope)(import_constants4.SHEET_NAME), [SheetProvider, useSheetContext] = createSheetContext(import_constants4.SHEET_NAME, {});
+    var import_create_context = require_index_native28(), import_constants4 = require_constants_native3(), [createSheetContext, createSheetScope2] = (0, import_create_context.createContextScope)(import_constants4.SHEET_NAME), [SheetProvider, useSheetContext] = createSheetContext(import_constants4.SHEET_NAME, {});
   }
 });
 
@@ -17123,29 +17247,42 @@ var require_nativeSheet_native = __commonJS({
     function getNativeSheet(platform2) {
       return nativeSheets[platform2];
     }
-    function setupNativeSheet(platform2, Implementation) {
+    function setupNativeSheet(platform2, RNIOSModal) {
+      var { ModalSheetView, ModalSheetViewMainContent } = RNIOSModal;
       platform2 === "ios" && (nativeSheets[platform2] = function(props) {
         var state = (0, import_useSheetOpenState.useSheetOpenState)(props), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state), { open, setOpen } = state, ref = (0, import_react3.useRef)();
-        return (0, import_react3.useEffect)(function() {
-          var _ref_current;
-          (_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.setVisibility(open);
+        (0, import_react3.useEffect)(function() {
+          if (open) {
+            var _ref_current;
+            (_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.presentModal();
+          } else {
+            var _ref_current1;
+            (_ref_current1 = ref.current) === null || _ref_current1 === void 0 || _ref_current1.dismissModal();
+          }
         }, [
           open
-        ]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
+        ]);
+        function setOpenInternal(next) {
+          var _props_onOpenChange;
+          (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 || _props_onOpenChange.call(props, open), setOpen(next);
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_SheetContext.SheetProvider, {
             ...providerProps,
             onlyShowFrame: !0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Implementation, {
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModalSheetView, {
                 ref,
-                onModalDismiss: function() {
-                  return setOpen(!1);
+                onModalDidDismiss: function() {
+                  return setOpenInternal(!1);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native4.View, {
-                  style: {
-                    flex: 1
-                  },
-                  children: props.children
+                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModalSheetViewMainContent, {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native4.View, {
+                    style: {
+                      flex: 1
+                    },
+                    children: props.children
+                  })
                 })
               }),
               /* for some reason select triggers wont show on native if this isn't inside the actual tree not inside implementation... */
@@ -17339,10 +17476,10 @@ var require_SheetImplementationCustom_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SheetImplementationCustom_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native26(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_portal2 = require_index_native31(), 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_animate_presence = require_index_native4(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_portal2 = require_index_native26(), 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 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), animationConfig = function() {
+      }), { 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), animationConfig = function() {
         var [animationProp, animationPropConfig] = animation ? Array.isArray(animation) ? animation : [
           animation
         ] : [];
@@ -17350,7 +17487,8 @@ var require_SheetImplementationCustom_native = __commonJS({
           ...(0, import_core12.getConfig)().animations.animations[animationProp],
           ...animationPropConfig
         } : null);
-      }(), [isShowingInnerSheet, setIsShowingInnerSheet] = import_react3.default.useState(!1), shouldHideParentSheet = !import_constants4.isWeb && modal && isShowingInnerSheet, parentSheetContext = import_react3.default.useContext(import_contexts.SheetInsideSheetContext), onInnerSheet = import_react3.default.useCallback(function(hasChild) {
+      }(), [isShowingInnerSheet, setIsShowingInnerSheet] = import_react3.default.useState(!1), shouldHideParentSheet = !import_constants4.isWeb && modal && isShowingInnerSheet && // if not using weird portal limitation we dont need to hide parent sheet
+      process.env.TAMAGUI_USE_NATIVE_PORTAL !== "false", sheetInsideSheet = import_react3.default.useContext(import_contexts.SheetInsideSheetContext), onInnerSheet = import_react3.default.useCallback(function(hasChild) {
         setIsShowingInnerSheet(hasChild);
       }, []), positions = import_react3.default.useMemo(function() {
         return snapPoints.map(function(point) {
@@ -17363,11 +17501,11 @@ var require_SheetImplementationCustom_native = __commonJS({
         snapPointsMode
       ]), { animationDriver } = (0, import_core12.useConfiguration)(), { useAnimatedNumber, useAnimatedNumberStyle, useAnimatedNumberReaction } = animationDriver, _animationDriver_View, AnimatedView = (_animationDriver_View = animationDriver.View) !== null && _animationDriver_View !== void 0 ? _animationDriver_View : import_core12.Stack;
       (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        if (parentSheetContext && open) return parentSheetContext(!0), function() {
-          parentSheetContext(!1);
+        if (sheetInsideSheet && open) return sheetInsideSheet(!0), function() {
+          sheetInsideSheet(!1);
         };
       }, [
-        parentSheetContext,
+        sheetInsideSheet,
         open
       ]);
       var nextParentContext = import_react3.default.useMemo(function() {
@@ -17536,7 +17674,7 @@ var require_SheetImplementationCustom_native = __commonJS({
       }, [
         open
       ]);
-      var forcedContentHeight = hasFit ? void 0 : snapPointsMode === "percent" ? `${maxSnapPoint}${import_constants4.isWeb ? "dvh" : "%"}` : maxSnapPoint, contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_contexts.ParentSheetContext.Provider, {
+      var forcedContentHeight = hasFit ? void 0 : snapPointsMode === "percent" ? `${maxSnapPoint}${import_constants4.isWeb ? "dvh" : "%"}` : maxSnapPoint, id = (0, import_react3.useId)(), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_contexts.ParentSheetContext.Provider, {
         value: nextParentContext,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_SheetContext.SheetProvider, {
           ...providerProps,
@@ -17576,30 +17714,30 @@ var require_SheetImplementationCustom_native = __commonJS({
                   width: "100%",
                   height: forcedContentHeight,
                   minHeight: forcedContentHeight,
-                  opacity,
+                  opacity: shouldHideParentSheet ? 0 : opacity,
                   ...(shouldHideParentSheet || !open) && {
                     pointerEvents: "none"
                   }
                 },
                 animatedStyle
               ],
-              children: props.children
+              children: (
+                /* <AdaptProvider>{props.children}</AdaptProvider> */
+                props.children
+              )
             })
           ]
         })
-      }), adaptContext = import_react3.default.useContext(import_adapt.AdaptParentContext), shouldMountChildren = !!(opacity || !unmountChildrenWhenHidden);
+      }), shouldMountChildren = unmountChildrenWhenHidden ? !opacity : !0;
       if (modal) {
         var modalContents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
-          zIndex,
+          stackZIndex: zIndex,
           ...portalProps,
           children: shouldMountChildren && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ContainerComponent, {
             children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, {
               forceClassName: !0,
               name: themeName,
-              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptParentContext.Provider, {
-                value: adaptContext,
-                children: contents
-              })
+              children: contents
             })
           })
         });
@@ -17812,6 +17950,8 @@ var require_SheetScrollView_native = __commonJS({
         ref: (0, import_compose_refs.composeRefs)(scrollRef, ref),
         flex: 1,
         scrollEventThrottle: 8,
+        onResponderRelease: release,
+        className: "_ovs-contain",
         // scrollEnabled={scrollEnabled}
         onScroll: function(e) {
           var { y } = e.nativeEvent.contentOffset;
@@ -17859,14 +17999,8 @@ var require_SheetScrollView_native = __commonJS({
         //     state.current.dys = state.current.dys.slice(-10)
         //   }
         // }}
-        onResponderRelease: release,
-        className: "_ovs-contain",
         ...props,
-        children: import_react3.default.useMemo(function() {
-          return children;
-        }, [
-          children
-        ])
+        children
       });
     });
   }
@@ -18530,9 +18664,6 @@ var require_Dialog_native = __commonJS({
       DialogPortalFrame: function() {
         return DialogPortalFrame;
       },
-      DialogSheetContents: function() {
-        return DialogSheetContents;
-      },
       DialogTitle: function() {
         return DialogTitle;
       },
@@ -18547,7 +18678,7 @@ var require_Dialog_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Dialog_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native26(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native28(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_create_context = require_index_native27(), import_dismissable = require_index_native29(), import_focus_scope = require_index_native30(), import_helpers = require_index_native7(), import_portal2 = require_index_native31(), import_remove_scroll = require_index_native32(), import_sheet = require_index_native34(), import_stacks3 = require_index_native21(), import_text2 = require_index_native23(), 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_native27(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native29(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_create_context = require_index_native28(), import_dismissable = require_index_native30(), import_focus_scope = require_index_native31(), import_helpers = require_index_native7(), import_portal2 = require_index_native26(), import_remove_scroll = require_index_native32(), import_sheet = require_index_native34(), import_stacks3 = require_index_native21(), import_text2 = require_index_native23(), 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, {
       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);
@@ -18586,33 +18717,23 @@ var require_Dialog_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), DialogPortalItem = function(props) {
-      var themeName = (0, import_core12.useThemeName)(), context = useDialogContext(PORTAL_NAME, props.__scopeDialog);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, {
-        hostName: props.hostName,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalItemContent, {
-          ...props,
-          themeName,
-          context
-        })
-      });
-    };
-    function DialogPortalItemContent(props) {
-      var { __scopeDialog, children, context, themeName, space, spaceDirection, separator } = props, childrenSpaced = children;
+      var { __scopeDialog, children, space, spaceDirection, separator } = props, themeName = (0, import_core12.useThemeName)(), context = useDialogContext(PORTAL_NAME, props.__scopeDialog), childrenSpaced = children;
       return (space || separator) && (childrenSpaced = (0, import_core12.spacedChildren)({
         children,
         separator,
         space,
         direction: spaceDirection
-      })), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogProvider, {
-        scope: __scopeDialog,
-        ...context,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, {
-          name: themeName,
-          children: childrenSpaced
+      })), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptPortalContents, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogProvider, {
+          scope: __scopeDialog,
+          ...context,
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, {
+            name: themeName,
+            children: childrenSpaced
+          })
         })
       });
-    }
-    var DialogPortal = function(props) {
+    }, DialogPortal = function(props) {
       var { __scopeDialog, forceMount, children, ...frameProps } = props, context = useDialogContext(PORTAL_NAME, __scopeDialog), isShowing = forceMount || context.open, [isFullyHidden, setIsFullyHidden] = React4.useState(!isShowing);
       isShowing && isFullyHidden && setIsFullyHidden(!1);
       var handleExitComplete = React4.useCallback(function() {
@@ -18620,8 +18741,8 @@ var require_Dialog_native = __commonJS({
       }, []), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.AnimatePresence, {
         onExitComplete: handleExitComplete,
         children: isShowing ? children : null
-      }), isSheet = useShowDialogSheet(context);
-      if (isSheet) return children;
+      }), isAdapted = (0, import_adapt.useAdaptIsActive)();
+      if (isAdapted) return children;
       if (context.modal) {
         if (isFullyHidden) return null;
         var framedContents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalProvider2, {
@@ -18642,10 +18763,7 @@ var require_Dialog_native = __commonJS({
             })
           });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalItem, {
-          __scopeDialog,
-          children: framedContents
-        });
+        return framedContents;
       }
       return contents;
     }, PassthroughTheme = function(param) {
@@ -18658,8 +18776,8 @@ var require_Dialog_native = __commonJS({
     }, OVERLAY_NAME = "DialogOverlay", DialogOverlayFrame = (0, import_core12.styled)(import_sheet.Overlay, {
       name: OVERLAY_NAME
     }), DialogOverlay = DialogOverlayFrame.extractable(/* @__PURE__ */ React4.forwardRef(function(param, forwardedRef) {
-      var { __scopeDialog, ...props } = param, portalContext = usePortalContext(OVERLAY_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...overlayProps } = props, context = useDialogContext(OVERLAY_NAME, __scopeDialog), showSheet = useShowDialogSheet(context);
-      return !forceMount && (!context.modal || showSheet) ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogOverlayFrame, {
+      var { __scopeDialog, ...props } = param, portalContext = usePortalContext(OVERLAY_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...overlayProps } = props, context = useDialogContext(OVERLAY_NAME, __scopeDialog), isAdapted = (0, import_adapt.useAdaptIsActive)();
+      return !forceMount && (!context.modal || isAdapted) ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogOverlayFrame, {
         "data-state": getState(context.open),
         // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.
         pointerEvents: context.open ? "auto" : "none",
@@ -18779,17 +18897,18 @@ var require_Dialog_native = __commonJS({
         }
       });
     }), DialogContentImpl = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, context, ...contentProps } = props, contentRef = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), showSheet = useShowDialogSheet(context), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentFrame, {
+      var { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, context, ...contentProps } = props, contentRef = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), isAdapted = (0, import_adapt.useAdaptIsActive)();
+      if (isAdapted) return !import_constants4.isWeb && !context.open ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalItem, {
+        children: contentProps.children
+      });
+      var contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentFrame, {
         id: context.contentId,
         "aria-describedby": context.descriptionId,
         "aria-labelledby": context.titleId,
         "data-state": getState(context.open),
         ...contentProps
       });
-      return showSheet ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalItem, {
-        hostName: getSheetContentsName(context),
-        children: contentProps.children
-      }) : import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, {
+      return import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, {
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dismissable.Dismissable, {
             disableOutsidePointerEvents: context.open && disableOutsidePointerEvents,
@@ -18851,8 +18970,8 @@ var require_Dialog_native = __commonJS({
       var { __scopeDialog, displayWhenAdapted, ...closeProps } = props, context = useDialogContext(CLOSE_NAME, __scopeDialog, {
         warn: !1,
         fallback: {}
-      }), isSheet = useShowDialogSheet(context), isInsideButton = React4.useContext(import_stacks3.ButtonNestingContext);
-      return isSheet && !displayWhenAdapted ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogCloseFrame, {
+      }), isAdapted = (0, import_adapt.useAdaptIsActive)(), isInsideButton = React4.useContext(import_stacks3.ButtonNestingContext);
+      return isAdapted && !displayWhenAdapted ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogCloseFrame, {
         accessibilityLabel: "Dialog Close",
         tag: isInsideButton ? "span" : "button",
         ...closeProps,
@@ -18909,7 +19028,7 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
       }
       return null;
     }, Dialog = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ React4.forwardRef(function(props, ref) {
-      var { __scopeDialog, children, open: openProp, defaultOpen = !1, onOpenChange, modal = !0, allowPinchZoom = !1, disableRemoveScroll = !1 } = props, baseId = React4.useId(), scopeId = `scope-${baseId}`, contentId = `content-${baseId}`, titleId = `title-${baseId}`, descriptionId = `description-${baseId}`, scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId, sheetContentsName = getSheetContentsName({
+      var { __scopeDialog, children, open: openProp, defaultOpen = !1, onOpenChange, modal = !0, allowPinchZoom = !1, disableRemoveScroll = !1 } = props, baseId = React4.useId(), scopeId = `scope-${baseId}`, contentId = `content-${baseId}`, titleId = `title-${baseId}`, descriptionId = `description-${baseId}`, scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId, adaptName = getAdaptName({
         scopeKey,
         contentId
       }), triggerRef = React4.useRef(null), contentRef = React4.useRef(null), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
@@ -18934,28 +19053,22 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
         onOpenChange: setOpen,
         onOpenToggle,
         modal,
-        allowPinchZoom
-      }, { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
-        Contents: React4.useCallback(function(props2) {
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, {
-            forwardProps: props2,
-            name: sheetContentsName
-          });
-        }, [
-          sheetContentsName
-        ])
-      });
+        allowPinchZoom,
+        disableRemoveScroll
+      };
       return React4.useImperativeHandle(ref, function() {
         return {
           open: setOpen
         };
       }, [
         setOpen
-      ]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AdaptProvider, {
+      ]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptParent, {
+        scope: adaptName,
+        portal: {
+          forwardProps: props
+        },
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogProvider, {
           ...context,
-          sheetBreakpoint: when,
-          disableRemoveScroll,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogSheetController, {
             onOpenChange: setOpen,
             __scopeDialog,
@@ -18973,34 +19086,22 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
       Close: DialogClose,
       Sheet: import_sheet.Sheet.Controlled,
       Adapt: import_adapt.Adapt
-    }), DialogSheetContents = function(param) {
-      var { name, ...props } = param;
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, {
-        forwardProps: props,
-        name
-      });
-    }, getSheetContentsName = function(param) {
+    }), getAdaptName = function(param) {
       var { scopeKey, contentId } = param;
-      return `${scopeKey || contentId}SheetContents`;
+      return `${scopeKey || contentId}DialogAdapt`;
     }, DialogSheetController = function(props) {
-      var context = useDialogContext("DialogSheetController", props.__scopeDialog), showSheet = useShowDialogSheet(context), breakpointActive = useSheetBreakpointActive(context), getShowSheet = (0, import_core12.useGet)(showSheet);
+      var context = useDialogContext("DialogSheetController", props.__scopeDialog), isAdapted = (0, import_adapt.useAdaptIsActive)();
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_sheet.SheetController, {
         onOpenChange: function(val) {
-          if (getShowSheet()) {
+          if (isAdapted) {
             var _props_onOpenChange;
             (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 || _props_onOpenChange.call(props, val);
           }
         },
         open: context.open,
-        hidden: breakpointActive === !1,
+        hidden: !isAdapted,
         children: props.children
       });
-    }, useSheetBreakpointActive = function(context) {
-      var media = (0, import_core12.useMedia)();
-      return context.sheetBreakpoint ? context.sheetBreakpoint === !0 ? !0 : media[context.sheetBreakpoint] : !1;
-    }, useShowDialogSheet = function(context) {
-      var breakpointActive = useSheetBreakpointActive(context);
-      return context.open === !1 ? !1 : breakpointActive;
     };
   }
 });
@@ -19126,7 +19227,7 @@ var require_AlertDialog_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(AlertDialog_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_create_context = require_index_native27(), import_dialog = require_index_native35(), 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_native17(), import_create_context = require_index_native28(), import_dialog = require_index_native35(), 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
@@ -19816,7 +19917,7 @@ var require_Avatar_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Avatar_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native17(), import_create_context = require_index_native27(), import_helpers = require_index_native7(), import_image = require_index_native37(), import_shapes = require_index_native38(), import_stacks3 = require_index_native21(), 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_native17(), import_create_context = require_index_native28(), import_helpers = require_index_native7(), import_image = require_index_native37(), import_shapes = require_index_native38(), import_stacks3 = require_index_native21(), 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,
@@ -21209,7 +21310,7 @@ var require_Label_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Label_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_create_context = require_index_native27(), import_focusable2 = require_index_native44(), import_get_button_sized2 = require_index_native20(), import_get_font_sized2 = require_index_native22(), import_text2 = require_index_native23(), 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_native28(), import_focusable2 = require_index_native44(), import_get_button_sized2 = require_index_native20(), import_get_font_sized2 = require_index_native22(), import_text2 = require_index_native23(), 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
@@ -21995,7 +22096,7 @@ var require_Form_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Form_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native17(), import_create_context = require_index_native27(), 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_native17(), import_create_context = require_index_native28(), 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, {
@@ -22237,7 +22338,7 @@ var require_Group_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Group_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native17(), import_create_context = require_index_native27(), import_helpers = require_index_native7(), import_stacks3 = require_index_native21(), 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_native17(), import_create_context = require_index_native28(), import_helpers = require_index_native7(), import_stacks3 = require_index_native21(), 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: {
@@ -25185,7 +25286,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_native26(), import_animate = require_index_native54(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native28(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_floating = require_index_native55(), import_focus_scope = require_index_native30(), import_helpers = require_index_native7(), import_popper = require_index_native56(), import_portal2 = require_index_native31(), import_remove_scroll = require_index_native32(), import_sheet = require_index_native34(), import_stacks3 = require_index_native21(), 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_native27(), import_animate = require_index_native54(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native29(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_floating = require_index_native55(), import_focus_scope = require_index_native31(), import_helpers = require_index_native7(), import_popper = require_index_native56(), import_portal2 = require_index_native26(), import_remove_scroll = require_index_native32(), import_sheet = require_index_native34(), import_stacks3 = require_index_native21(), 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 { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover), { onCustomAnchorAdd, onCustomAnchorRemove } = context || {};
       return React4.useEffect(function() {
         return onCustomAnchorAdd(), function() {
@@ -25336,8 +25437,7 @@ var require_Popover_native = __commonJS({
           scope: __scopePopover || POPOVER_SCOPE,
           ...popperContext,
           children: childrenWithoutScrollView
-        })), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, {
-          hostName: `${context.id}PopoverContents`,
+        })), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptPortalContents, {
           children: content
         });
       }
@@ -25387,21 +25487,35 @@ var require_Popover_native = __commonJS({
         })
       });
     }), PopoverArrow = import_popper.PopperArrow.styleable(function(props, forwardedRef) {
-      var { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover), sheetActive = useSheetBreakpointActive(context.sheetBreakpoint);
-      return sheetActive ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperArrow, {
+      var { __scopePopover, ...rest } = props, isAdapted = (0, import_adapt.useAdaptIsActive)();
+      return isAdapted ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperArrow, {
         __scopePopper: __scopePopover || POPOVER_SCOPE,
         componentName: "PopoverArrow",
         ...rest,
         ref: forwardedRef
       });
-    }), Popover = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { children, open: openProp, defaultOpen, onOpenChange, __scopePopover, keepChildrenMounted, hoverable, disableFocus, ...restProps } = props, id = React4.useId(), { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
-        Contents: React4.useCallback(function() {
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, {
-            name: `${id}PopoverContents`
-          });
-        }, [])
-      }), sheetBreakpoint = when, triggerRef = React4.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React4.useState(!1), viaRef = React4.useRef(), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+    }), Popover = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ React4.forwardRef(function(props, ref) {
+      var id = React4.useId();
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptParent, {
+        scope: `${id}PopoverContents`,
+        portal: !0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverInner, {
+          ref,
+          id,
+          ...props
+        })
+      });
+    }), {
+      Anchor: PopoverAnchor,
+      Arrow: PopoverArrow,
+      Trigger: PopoverTrigger,
+      Content: PopoverContent,
+      Close: PopoverClose,
+      Adapt: import_adapt.Adapt,
+      ScrollView: import_react_native4.ScrollView,
+      Sheet: import_sheet.Sheet.Controlled
+    }), PopoverInner = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+      var { children, open: openProp, defaultOpen, onOpenChange, __scopePopover, keepChildrenMounted, hoverable, disableFocus, id, ...restProps } = props, triggerRef = React4.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React4.useState(!1), viaRef = React4.useRef(), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
         prop: openProp,
         defaultProp: defaultOpen || !1,
         onChange: function(val) {
@@ -25409,10 +25523,10 @@ var require_Popover_native = __commonJS({
         }
       }), handleOpenChange = (0, import_core12.useEvent)(function(val, via) {
         viaRef.current = via, setOpen(val);
-      }), sheetActive = useSheetBreakpointActive(sheetBreakpoint), floatingContext = (0, import_useFloatingContext.useFloatingContext)({
+      }), isAdapted = (0, import_adapt.useAdaptIsActive)(), floatingContext = (0, import_useFloatingContext.useFloatingContext)({
         open,
         setOpen: handleOpenChange,
-        disable: sheetActive,
+        disable: isAdapted,
         hoverable,
         disableFocus
       }), [anchorTo, setAnchorToRaw] = React4.useState(), setAnchorTo = (0, import_core12.createShallowSetState)(setAnchorToRaw);
@@ -25435,14 +25549,13 @@ var require_Popover_native = __commonJS({
       });
       var popoverContext = {
         id,
-        sheetBreakpoint,
         contentId: React4.useId(),
         triggerRef,
         open,
-        breakpointActive: sheetActive,
+        breakpointActive: isAdapted,
         onOpenChange: handleOpenChange,
         onOpenToggle: (0, import_core12.useEvent)(function() {
-          open && sheetActive || setOpen(!open);
+          open && isAdapted || setOpen(!open);
         }),
         hasCustomAnchor,
         anchorTo,
@@ -25466,21 +25579,12 @@ var require_Popover_native = __commonJS({
           })
         })
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AdaptProvider, {
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
         children: import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating.FloatingOverrideContext.Provider, {
           value: floatingContext,
           children: contents
         }) : contents
       });
-    }), {
-      Anchor: PopoverAnchor,
-      Arrow: PopoverArrow,
-      Trigger: PopoverTrigger,
-      Content: PopoverContent,
-      Close: PopoverClose,
-      Adapt: import_adapt.Adapt,
-      ScrollView: import_react_native4.ScrollView,
-      Sheet: import_sheet.Sheet.Controlled
     });
     function getState(open) {
       return open ? "open" : "closed";
@@ -25498,12 +25602,9 @@ var require_Popover_native = __commonJS({
         hidden: breakpointActive === !1,
         children: props.children
       });
-    }, useSheetBreakpointActive = function(breakpoint) {
-      var media = (0, import_core12.useMedia)();
-      return typeof breakpoint == "boolean" || !breakpoint ? !!breakpoint : media[breakpoint];
     }, useShowPopoverSheet = function(context) {
-      var breakpointActive = useSheetBreakpointActive(context.sheetBreakpoint);
-      return context.open === !1 ? !1 : breakpointActive;
+      var isAdapted = (0, import_adapt.useAdaptIsActive)();
+      return context.open === !1 ? !1 : isAdapted;
     };
   }
 });
@@ -25615,7 +25716,7 @@ var require_Progress_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Progress_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native17(), import_create_context = require_index_native27(), import_get_token2 = require_index_native19(), import_helpers = require_index_native7(), import_stacks3 = require_index_native21(), 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_native17(), import_create_context = require_index_native28(), import_get_token2 = require_index_native19(), import_helpers = require_index_native7(), import_stacks3 = require_index_native21(), 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: {
@@ -27012,7 +27113,7 @@ var require_context_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(context_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_create_context = require_index_native27(), import_constants4 = require_constants_native4(), [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_native28(), import_constants4 = require_constants_native4(), [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,
@@ -27545,7 +27646,7 @@ var require_SelectTrigger_native = __commonJS({
 var require_SelectViewport_native = __commonJS({
   "../select/dist/cjs/SelectViewport.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
@@ -27573,18 +27674,6 @@ var require_SelectViewport_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
@@ -27596,18 +27685,17 @@ var require_SelectViewport_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SelectViewport_native_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native26(), import_core12 = require_index_native17(), import_portal2 = require_index_native31(), React4 = __toESM2(require("react")), import_constants4 = require_constants_native4(), import_context = require_context_native(), 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 = React4.useContext(import_adapt.AdaptParentContext);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, {
-        hostName: `${context.scopeKey}SheetContents`,
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native27(), import_core12 = require_index_native17(), import_constants4 = require_constants_native4(), import_context = require_context_native(), 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, {
           name: themeName,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_context.ForwardSelectContext, {
             __scopeSelect,
             itemContext: itemParentContext,
             context,
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptParentContext.Provider, {
-              value: adaptContext,
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptContext.Provider, {
+              ...adaptContext,
               children
             })
           })
@@ -27656,19 +27744,13 @@ var require_useSelectBreakpointActive_native = __commonJS({
       }), mod);
     }, useSelectBreakpointActive_exports = {};
     __export2(useSelectBreakpointActive_exports, {
-      useSelectBreakpointActive: function() {
-        return useSelectBreakpointActive;
-      },
       useShowSelectSheet: function() {
         return useShowSelectSheet;
       }
     });
     module2.exports = __toCommonJS2(useSelectBreakpointActive_exports);
-    var import_core12 = require_index_native17(), useSelectBreakpointActive = function(sheetBreakpoint) {
-      var media = (0, import_core12.useMedia)();
-      return sheetBreakpoint ? sheetBreakpoint === !0 ? !0 : sheetBreakpoint ? media[sheetBreakpoint] : !1 : !1;
-    }, useShowSelectSheet = function(context) {
-      var breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
+    var import_adapt = require_index_native27(), useShowSelectSheet = function(context) {
+      var breakpointActive = (0, import_adapt.useAdaptIsActive)();
       return context.open === !1 ? !1 : breakpointActive;
     };
   }
@@ -27738,7 +27820,7 @@ var require_Select_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Select_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native26(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_get_token2 = require_index_native19(), import_helpers = require_index_native7(), import_list_item = require_index_native53(), import_portal2 = require_index_native31(), import_separator = require_index_native62(), import_focusable2 = require_index_native44(), import_sheet = require_index_native34(), import_stacks3 = require_index_native21(), import_text2 = require_index_native23(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_use_debounce = require_index_native63(), import_constants22 = require_constants_native4(), 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_native27(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_focusable2 = require_index_native44(), import_get_token2 = require_index_native19(), import_helpers = require_index_native7(), import_list_item = require_index_native53(), import_separator = require_index_native62(), import_sheet = require_index_native34(), import_stacks3 = require_index_native21(), import_text2 = require_index_native23(), 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, {
       name: VALUE_NAME,
       userSelect: "none"
     }), SelectValue = SelectValueFrame.styleable(function(param, forwardedRef) {
@@ -27872,13 +27954,13 @@ var require_Select_native = __commonJS({
     var SelectSeparator = (0, import_core12.styled)(import_separator.Separator, {
       name: "SelectSeparator"
     }), SelectSheetController = function(props) {
-      var context = (0, import_context.useSelectContext)("SelectSheetController", props.__scopeSelect), showSheet = (0, import_useSelectBreakpointActive.useShowSelectSheet)(context), breakpointActive = (0, import_useSelectBreakpointActive.useSelectBreakpointActive)(context.sheetBreakpoint), getShowSheet = (0, import_core12.useGet)(showSheet);
+      var context = (0, import_context.useSelectContext)("SelectSheetController", props.__scopeSelect), showSheet = (0, import_useSelectBreakpointActive.useShowSelectSheet)(context), isAdapted = (0, import_adapt.useAdaptIsActive)(), getShowSheet = (0, import_core12.useGet)(showSheet);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_sheet.SheetController, {
         onOpenChange: function(val) {
           getShowSheet() && props.onOpenChange(val);
         },
         open: context.open,
-        hidden: breakpointActive === !1,
+        hidden: isAdapted === !1,
         children: props.children
       });
     }, SelectSheetImpl = function(props) {
@@ -27886,15 +27968,50 @@ var require_Select_native = __commonJS({
         children: props.children
       });
     }, Select = (0, import_helpers.withStaticProperties)(function(props) {
-      var { __scopeSelect, native, children, open: openProp, defaultOpen, onOpenChange, value: valueProp, defaultValue, onValueChange, disablePreventBodyScroll, size: sizeProp = "$true", onActiveChange, dir, id } = props, internalId = React4.useId(), _Object_keys_, scopeKey = __scopeSelect && (_Object_keys_ = Object.keys(__scopeSelect)[0]) !== null && _Object_keys_ !== void 0 ? _Object_keys_ : internalId, { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
-        Contents: React4.useCallback(function() {
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, {
-            name: `${scopeKey}SheetContents`
-          });
-        }, [
-          scopeKey
-        ])
-      }), sheetBreakpoint = when, isSheet = (0, import_useSelectBreakpointActive.useSelectBreakpointActive)(sheetBreakpoint), SelectImpl = isSheet || !import_constants4.isWeb ? SelectSheetImpl : import_SelectImpl.SelectInlineImpl, forceUpdate = React4.useReducer(function() {
+      var internalId = React4.useId(), _Object_keys_, scopeKey = props.__scopeSelect && (_Object_keys_ = Object.keys(props.__scopeSelect)[0]) !== null && _Object_keys_ !== void 0 ? _Object_keys_ : internalId;
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptParent, {
+        scope: `${scopeKey}SheetContents`,
+        portal: !0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectInner, {
+          scopeKey,
+          ...props
+        })
+      });
+    }, {
+      Adapt: import_adapt.Adapt,
+      Content: import_SelectContent.SelectContent,
+      Group: SelectGroup,
+      Icon: SelectIcon,
+      Item: import_SelectItem.SelectItem,
+      ItemIndicator: SelectItemIndicator,
+      ItemText: import_SelectItemText.SelectItemText,
+      Label: SelectLabel,
+      ScrollDownButton: import_SelectScrollButton.SelectScrollDownButton,
+      ScrollUpButton: import_SelectScrollButton.SelectScrollUpButton,
+      Trigger: import_SelectTrigger.SelectTrigger,
+      Value: SelectValue,
+      Viewport: import_SelectViewport.SelectViewport,
+      Sheet: import_sheet.Sheet.Controlled
+    });
+    function useEmitter() {
+      var listeners = React4.useRef();
+      listeners.current || (listeners.current = /* @__PURE__ */ new Set());
+      var emit = function(value) {
+        listeners.current.forEach(function(l) {
+          return l(value);
+        });
+      }, subscribe = React4.useCallback(function(listener) {
+        return listeners.current.add(listener), function() {
+          listeners.current.delete(listener);
+        };
+      }, []);
+      return [
+        emit,
+        subscribe
+      ];
+    }
+    function SelectInner(props) {
+      var { __scopeSelect, native, children, open: openProp, defaultOpen, onOpenChange, value: valueProp, defaultValue, onValueChange, disablePreventBodyScroll, size: sizeProp = "$true", onActiveChange, dir, id } = props, isAdapted = (0, import_adapt.useAdaptIsActive)(), SelectImpl = isAdapted || !import_constants4.isWeb ? SelectSheetImpl : import_SelectImpl.SelectInlineImpl, forceUpdate = React4.useReducer(function() {
         return {};
       }, {})[1], [selectedItem, setSelectedItem] = React4.useState(null), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
         prop: openProp,
@@ -27936,100 +28053,64 @@ var require_Select_native = __commonJS({
           return prev !== index ? (typeof index == "number" && emitActiveIndex(index), index) : prev;
         });
       }, 1, {}, []);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AdaptProvider, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_context.SelectItemParentProvider, {
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_context.SelectItemParentProvider, {
+        scope: __scopeSelect,
+        initialValue: React4.useMemo(function() {
+          return value;
+        }, [
+          open
+        ]),
+        size: sizeProp,
+        activeIndexSubscribe,
+        valueSubscribe,
+        setOpen,
+        id,
+        onChange: React4.useCallback(function(val) {
+          setValue(val), emitValue(val);
+        }, []),
+        onActiveChange: (0, import_core12.useEvent)(function() {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
+          onActiveChange == null || onActiveChange(...args);
+        }),
+        setSelectedIndex,
+        setValueAtIndex: React4.useCallback(function(index, value2) {
+          listContentRef.current[index] = value2;
+        }, []),
+        shouldRenderWebNative,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_context.SelectProvider, {
           scope: __scopeSelect,
-          initialValue: React4.useMemo(function() {
-            return value;
-          }, [
-            open
-          ]),
-          size: sizeProp,
-          activeIndexSubscribe,
-          valueSubscribe,
-          setOpen,
-          id,
-          onChange: React4.useCallback(function(val) {
-            setValue(val), emitValue(val);
-          }, []),
-          onActiveChange: (0, import_core12.useEvent)(function() {
-            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
-            onActiveChange == null || onActiveChange(...args);
-          }),
-          setSelectedIndex,
-          setValueAtIndex: React4.useCallback(function(index, value2) {
-            listContentRef.current[index] = value2;
-          }, []),
-          shouldRenderWebNative,
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_context.SelectProvider, {
-            scope: __scopeSelect,
-            disablePreventBodyScroll,
-            dir,
-            blockSelection: !1,
-            fallback: !1,
-            selectedItem,
-            setSelectedItem,
-            forceUpdate,
-            valueNode,
-            onValueNodeChange: setValueNode,
-            scopeKey,
-            sheetBreakpoint,
-            activeIndex,
-            selectedIndex,
-            setActiveIndex: setActiveIndexDebounced,
-            value,
-            open,
-            native,
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectSheetController, {
-              onOpenChange: setOpen,
-              __scopeSelect,
-              children: shouldRenderWebNative ? children : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectImpl, {
-                activeIndexRef,
-                listContentRef,
-                selectedIndexRef,
-                ...props,
-                open,
-                value,
-                children
-              })
+          disablePreventBodyScroll,
+          dir,
+          blockSelection: !1,
+          fallback: !1,
+          selectedItem,
+          setSelectedItem,
+          forceUpdate,
+          valueNode,
+          onValueNodeChange: setValueNode,
+          scopeKey: props.scopeKey,
+          activeIndex,
+          selectedIndex,
+          setActiveIndex: setActiveIndexDebounced,
+          value,
+          open,
+          native,
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectSheetController, {
+            onOpenChange: setOpen,
+            __scopeSelect,
+            children: shouldRenderWebNative ? children : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectImpl, {
+              activeIndexRef,
+              listContentRef,
+              selectedIndexRef,
+              ...props,
+              open,
+              value,
+              children
             })
           })
         })
       });
-    }, {
-      Adapt: import_adapt.Adapt,
-      Content: import_SelectContent.SelectContent,
-      Group: SelectGroup,
-      Icon: SelectIcon,
-      Item: import_SelectItem.SelectItem,
-      ItemIndicator: SelectItemIndicator,
-      ItemText: import_SelectItemText.SelectItemText,
-      Label: SelectLabel,
-      ScrollDownButton: import_SelectScrollButton.SelectScrollDownButton,
-      ScrollUpButton: import_SelectScrollButton.SelectScrollUpButton,
-      Trigger: import_SelectTrigger.SelectTrigger,
-      Value: SelectValue,
-      Viewport: import_SelectViewport.SelectViewport,
-      Sheet: import_sheet.Sheet.Controlled
-    });
-    function useEmitter() {
-      var listeners = React4.useRef();
-      listeners.current || (listeners.current = /* @__PURE__ */ new Set());
-      var emit = function(value) {
-        listeners.current.forEach(function(l) {
-          return l(value);
-        });
-      }, subscribe = React4.useCallback(function(listener) {
-        return listeners.current.add(listener), function() {
-          listeners.current.delete(listener);
-        };
-      }, []);
-      return [
-        emit,
-        subscribe
-      ];
     }
-    Select.displayName = import_constants22.SELECT_NAME;
   }
 });
 
@@ -28143,7 +28224,7 @@ var require_constants_native5 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(constants_exports);
-    var import_create_context = require_index_native27(), 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_native28(), 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",
@@ -31133,7 +31214,7 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, __toESM(require_index_native25()), module.exports);
-__reExport(src_exports, __toESM(require_index_native26()), module.exports);
+__reExport(src_exports, __toESM(require_index_native27()), module.exports);
 __reExport(src_exports, __toESM(require_index_native36()), module.exports);
 __reExport(src_exports, __toESM(require_index_native4()), module.exports);
 __reExport(src_exports, __toESM(require_index_native39()), module.exports);
@@ -31141,7 +31222,7 @@ __reExport(src_exports, __toESM(require_index_native42()), module.exports);
 __reExport(src_exports, __toESM(require_index_native43()), module.exports);
 __reExport(src_exports, __toESM(require_index_native48()), module.exports);
 __reExport(src_exports, __toESM(require_index_native11()), module.exports);
-__reExport(src_exports, __toESM(require_index_native27()), module.exports);
+__reExport(src_exports, __toESM(require_index_native28()), module.exports);
 __reExport(src_exports, __toESM(require_index_native35()), module.exports);
 __reExport(src_exports, __toESM(require_index_native40()), module.exports);
 __reExport(src_exports, __toESM(require_index_native49()), module.exports);
@@ -31154,7 +31235,7 @@ __reExport(src_exports, __toESM(require_index_native45()), module.exports);
 __reExport(src_exports, __toESM(require_index_native53()), module.exports);
 __reExport(src_exports, __toESM(require_index_native57()), module.exports);
 __reExport(src_exports, __toESM(require_index_native56()), module.exports);
-__reExport(src_exports, __toESM(require_index_native31()), module.exports);
+__reExport(src_exports, __toESM(require_index_native26()), module.exports);
 __reExport(src_exports, __toESM(require_index_native58()), module.exports);
 __reExport(src_exports, __toESM(require_index_native61()), module.exports);
 __reExport(src_exports, __toESM(require_index_native33()), module.exports);
@@ -31234,7 +31315,7 @@ Expected a subset of: ${expected.join(", ")}
 };
 
 // src/views/TamaguiProvider.tsx
-var import_jsx_runtime = require("react/jsx-runtime"), import_core2 = __toESM(require_index_native17()), import_portal = __toESM(require_index_native31()), TamaguiProvider = function(param) {
+var import_jsx_runtime = require("react/jsx-runtime"), import_core2 = __toESM(require_index_native17()), import_portal = __toESM(require_index_native26()), TamaguiProvider = function(param) {
   var { children, ...props } = param;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.TamaguiProvider, {
     ...props,