tamagui 1.127.3 → 1.128.0

package/dist/test.native.js

@@ -902,13 +902,13 @@ var require_clamp_native = __commonJS({
     }, clamp_exports = {};
     __export2(clamp_exports, {
       clamp: function() {
-        return clamp2;
+        return clamp;
       }
     });
     module2.exports = __toCommonJS2(clamp_exports);
-    function clamp2(value, param) {
-      var [min2, max2] = param;
-      return Math.min(max2, Math.max(min2, value));
+    function clamp(value, param) {
+      var [min, max] = param;
+      return Math.min(max, Math.max(min, value));
     }
   }
 });
@@ -1111,6 +1111,42 @@ var require_types_native2 = __commonJS({
   }
 });
 
+// ../../packages/fake-react-native/index.js
+var require_fake_react_native = __commonJS({
+  "../../packages/fake-react-native/index.js"(exports2, module2) {
+    module2.exports = proxyWorm();
+    function proxyWorm() {
+      return new Proxy({
+        StyleSheet: {
+          create() {
+          }
+        },
+        Platform: {
+          OS: "web"
+        },
+        Image: "Image",
+        View: "View",
+        Text: "Text",
+        TextInput: "TextInput",
+        ScrollView: "ScrollView",
+        Dimensions: {
+          addEventListener(cb) {
+          }
+        },
+        addPoolingTo() {
+        }
+      }, {
+        get(target, key) {
+          return Reflect.get(target, key) || proxyWorm();
+        },
+        apply() {
+          return proxyWorm();
+        }
+      });
+    }
+  }
+});
+
 // ../../core/constants/dist/cjs/constants.native.js
 var require_constants_native = __commonJS({
   "../../core/constants/dist/cjs/constants.native.js"(exports2, module2) {
@@ -1187,7 +1223,7 @@ var require_constants_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(constants_native_exports);
-    var import_react3 = require("react"), import_react22 = require("react"), import_react_native4 = require("react-native"), IS_REACT_19 = !!import_react22.use, isWeb6 = !1, isWindowDefined = !1, isServer2 = !1, isClient2 = !1, useIsomorphicLayoutEffect2 = import_react3.useLayoutEffect, isChrome2 = !1, isWebTouchable2 = !1, isTouchable2 = !0, isAndroid = import_react_native4.Platform.OS === "android" || process.env.TEST_NATIVE_PLATFORM === "android", isIos = import_react_native4.Platform.OS === "ios" || process.env.TEST_NATIVE_PLATFORM === "ios", platforms = {
+    var import_react3 = require("react"), import_react22 = require("react"), import_react_native4 = require_fake_react_native(), IS_REACT_19 = !!import_react22.use, isWeb6 = !1, isWindowDefined = !1, isServer2 = !1, isClient2 = !1, useIsomorphicLayoutEffect2 = import_react3.useLayoutEffect, isChrome2 = !1, isWebTouchable2 = !1, isTouchable2 = !0, isAndroid = import_react_native4.Platform.OS === "android" || process.env.TEST_NATIVE_PLATFORM === "android", isIos = import_react_native4.Platform.OS === "ios" || process.env.TEST_NATIVE_PLATFORM === "ios", platforms = {
       ios: "ios",
       android: "android"
     }, currentPlatform = platforms[import_react_native4.Platform.OS] || "native";
@@ -5742,7 +5778,7 @@ var require_propMapper_native = __commonJS({
         if (styleProps.disableExpandShorthands || key in conf.shorthands && (key = conf.shorthands[key]), value != null && (value[0] === "$" ? value = getTokenForKey(key, value, styleProps, styleState) : (0, import_createVariable.isVariable)(value) && (value = resolveVariableValue(key, value, styleProps.resolveValues))), value != null) {
           key === "fontFamily" && lastFontFamilyToken && (styleState.fontFamily = lastFontFamilyToken);
           var expanded = styleProps.noExpand ? null : (0, import_expandStyle.expandStyle)(key, value);
-          if (expanded) for (var max2 = expanded.length, i = 0; i < max2; i++) {
+          if (expanded) for (var max = expanded.length, i = 0; i < max; i++) {
             var [nkey, nvalue] = expanded[i];
             map(nkey, nvalue);
           }
@@ -7062,7 +7098,7 @@ var require_useThemeState_native = __commonJS({
         name && componentName ? `${name}_${componentName}` : void 0,
         name,
         componentName
-      ].filter(Boolean), found = null, max2 = parentParts.length, i = 0; i <= max2; i++) {
+      ].filter(Boolean), found = null, max = parentParts.length, i = 0; i <= max; i++) {
         var base = (i === 0 ? parentParts : parentParts.slice(0, -i)).join("_"), _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
         try {
           for (var _iterator = subNames[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
@@ -7144,7 +7180,7 @@ var require_doesRootSchemeMatchSystem_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(doesRootSchemeMatchSystem_native_exports);
-    var import_react_native4 = require("react-native"), import_useThemeState = require_useThemeState_native();
+    var import_react_native4 = require_fake_react_native(), import_useThemeState = require_useThemeState_native();
     function doesRootSchemeMatchSystem() {
       var _getRootThemeState;
       return ((_getRootThemeState = (0, import_useThemeState.getRootThemeState)()) === null || _getRootThemeState === void 0 ? void 0 : _getRootThemeState.scheme) === import_react_native4.Appearance.getColorScheme();
@@ -8442,10 +8478,10 @@ var require_createComponent_native = __commonJS({
       return props.children;
     }
     Unspaced2.isUnspaced = !0;
-    var getSpacerSize = function(size4, param) {
+    var getSpacerSize = function(size2, param) {
       var { tokens } = param;
-      size4 = size4 === !0 ? "$true" : size4;
-      var _tokens_space_size, sizePx = (_tokens_space_size = tokens.space[size4]) !== null && _tokens_space_size !== void 0 ? _tokens_space_size : size4;
+      size2 = size2 === !0 ? "$true" : size2;
+      var _tokens_space_size, sizePx = (_tokens_space_size = tokens.space[size2]) !== null && _tokens_space_size !== void 0 ? _tokens_space_size : size2;
       return {
         width: sizePx,
         height: sizePx,
@@ -11405,7 +11441,7 @@ var require_mediaQueryList_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(mediaQueryList_exports);
-    var import_react_native4 = require("react-native"), import_matchQuery = require_matchQuery_native();
+    var import_react_native4 = require_fake_react_native(), import_matchQuery = require_matchQuery_native();
     function _class_call_check(instance, Constructor) {
       if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
     }
@@ -11815,7 +11851,7 @@ var require_createResponderEvent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createResponderEvent_exports);
-    var import_utils3 = require_utils_native(), emptyFunction = function() {
+    var import_utils = require_utils_native(), emptyFunction = function() {
     }, emptyObject = {}, emptyArray = [];
     function normalizeIdentifier(identifier) {
       return identifier > 20 ? identifier % 20 : identifier;
@@ -11906,10 +11942,10 @@ var require_createResponderEvent_native = __commonJS({
         touchHistory: responderTouchHistoryStore.touchHistory
       };
       function locationX(x) {
-        if (rect = rect || (0, import_utils3.getBoundingClientRect)(responderEvent.currentTarget), rect) return x - rect.left;
+        if (rect = rect || (0, import_utils.getBoundingClientRect)(responderEvent.currentTarget), rect) return x - rect.left;
       }
       function locationY(y) {
-        if (rect = rect || (0, import_utils3.getBoundingClientRect)(responderEvent.currentTarget), rect) return y - rect.top;
+        if (rect = rect || (0, import_utils.getBoundingClientRect)(responderEvent.currentTarget), rect) return y - rect.top;
       }
       return responderEvent;
     }
@@ -12272,7 +12308,7 @@ var require_ResponderSystem_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ResponderSystem_exports);
-    var import_createResponderEvent = __toESM2(require_createResponderEvent_native()), import_ResponderTouchHistoryStore = require_ResponderTouchHistoryStore_native(), import_types = require_types_native3(), import_utils3 = require_utils_native(), import_utils22 = require_utils_native(), emptyObject = {}, startRegistration = [
+    var import_createResponderEvent = __toESM2(require_createResponderEvent_native()), import_ResponderTouchHistoryStore = require_ResponderTouchHistoryStore_native(), import_types = require_types_native3(), import_utils = require_utils_native(), import_utils2 = require_utils_native(), emptyObject = {}, startRegistration = [
       "onStartShouldSetResponderCapture",
       "onStartShouldSetResponder",
       {
@@ -12321,13 +12357,13 @@ var require_ResponderSystem_native = __commonJS({
           trackedTouchCount === 0 && (isEmulatingMouseEvents = !1);
           return;
         }
-        var isStartEvent = (0, import_types.isStartish)(eventType) && (0, import_utils22.isPrimaryPointerDown)(domEvent), isMoveEvent = (0, import_types.isMoveish)(eventType), isEndEvent = (0, import_types.isEndish)(eventType), isScrollEvent = (0, import_types.isScroll)(eventType), isSelectionChangeEvent = (0, import_types.isSelectionChange)(eventType), responderEvent = (0, import_createResponderEvent.default)(domEvent, responderTouchHistoryStore);
+        var isStartEvent = (0, import_types.isStartish)(eventType) && (0, import_utils2.isPrimaryPointerDown)(domEvent), isMoveEvent = (0, import_types.isMoveish)(eventType), isEndEvent = (0, import_types.isEndish)(eventType), isScrollEvent = (0, import_types.isScroll)(eventType), isSelectionChangeEvent = (0, import_types.isSelectionChange)(eventType), responderEvent = (0, import_createResponderEvent.default)(domEvent, responderTouchHistoryStore);
         (isStartEvent || isMoveEvent || isEndEvent) && (domEvent.touches ? trackedTouchCount = domEvent.touches.length : isStartEvent ? trackedTouchCount = 1 : isEndEvent && (trackedTouchCount = 0), responderTouchHistoryStore.recordTouchTrack(eventType, responderEvent.nativeEvent));
-        var eventPaths = (0, import_utils22.getResponderPaths)(domEvent), wasNegotiated = !1, wantsResponder;
+        var eventPaths = (0, import_utils2.getResponderPaths)(domEvent), wasNegotiated = !1, wantsResponder;
         if (isStartEvent || isMoveEvent || isScrollEvent && trackedTouchCount > 0) {
           var currentResponderIdPath = currentResponder.idPath, eventIdPath = eventPaths.idPath;
           if (currentResponderIdPath != null && eventIdPath != null) {
-            var lowestCommonAncestor = (0, import_utils22.getLowestCommonAncestor)(currentResponderIdPath, eventIdPath);
+            var lowestCommonAncestor = (0, import_utils2.getLowestCommonAncestor)(currentResponderIdPath, eventIdPath);
             if (lowestCommonAncestor != null) {
               var indexOfLowestCommonAncestor = eventIdPath.indexOf(lowestCommonAncestor), index = indexOfLowestCommonAncestor + (lowestCommonAncestor === currentResponder.id ? 1 : 0);
               eventPaths = {
@@ -12349,7 +12385,7 @@ var require_ResponderSystem_native = __commonJS({
             eventType === "blur" && eventTarget.contains(node) && domEvent.relatedTarget !== node || // native scroll without using a pointer
             isScrollEvent && trackedTouchCount === 0 || // native scroll on node that is parent of the responder (allow siblings to scroll)
             isScrollEvent && eventTarget.contains(node) && eventTarget !== node || // native select/selectionchange on node
-            isSelectionChangeEvent && (0, import_utils22.hasValidSelection)(domEvent), isReleaseEvent = isEndEvent && !isTerminateEvent && !(0, import_utils22.hasTargetTouches)(node, domEvent.touches);
+            isSelectionChangeEvent && (0, import_utils2.hasValidSelection)(domEvent), isReleaseEvent = isEndEvent && !isTerminateEvent && !(0, import_utils2.hasTargetTouches)(node, domEvent.touches);
             if (isEndEvent && onResponderEnd != null && (responderEvent.dispatchConfig.registrationName = "onResponderEnd", onResponderEnd(responderEvent)), isReleaseEvent && (onResponderRelease != null && (responderEvent.dispatchConfig.registrationName = "onResponderRelease", onResponderRelease(responderEvent)), changeCurrentResponder(emptyResponder)), isTerminateEvent) {
               var shouldTerminate = !0;
               (eventType === "contextmenu" || eventType === "scroll" || eventType === "selectionchange") && (wasNegotiated ? shouldTerminate = !1 : onResponderTerminationRequest != null && (responderEvent.dispatchConfig.registrationName = "onResponderTerminationRequest", onResponderTerminationRequest(responderEvent) === !1 && (shouldTerminate = !1))), shouldTerminate && (onResponderTerminate != null && (responderEvent.dispatchConfig.registrationName = "onResponderTerminate", onResponderTerminate(responderEvent)), changeCurrentResponder(emptyResponder), isEmulatingMouseEvents = !1, trackedTouchCount = 0);
@@ -12415,14 +12451,14 @@ var require_ResponderSystem_native = __commonJS({
       "selectionchange"
     ], isTamaguiResponderActive = Symbol();
     function attachListeners() {
-      import_utils3.canUseDOM && !window[isTamaguiResponderActive] && (window.addEventListener("blur", eventListener), documentEventsBubblePhase.forEach(function(eventType) {
+      import_utils.canUseDOM && !window[isTamaguiResponderActive] && (window.addEventListener("blur", eventListener), documentEventsBubblePhase.forEach(function(eventType) {
         document.addEventListener(eventType, eventListener);
       }), documentEventsCapturePhase.forEach(function(eventType) {
         document.addEventListener(eventType, eventListener, !0);
       }), window[isTamaguiResponderActive] = !0);
     }
     function addNode(id, node, config) {
-      (0, import_utils22.setResponderId)(node, id), responderListenersMap.set(id, config);
+      (0, import_utils2.setResponderId)(node, id), responderListenersMap.set(id, config);
     }
     function removeNode(id) {
       currentResponder.id === id && terminateResponder(), responderListenersMap.has(id) && responderListenersMap.delete(id);
@@ -12944,7 +12980,7 @@ var require_getBaseViews_native = __commonJS({
     });
     module2.exports = __toCommonJS2(getBaseViews_native_exports);
     function getBaseViews() {
-      var native = require("react-native"), View2, TextAncestor;
+      var native = require_fake_react_native(), View2, TextAncestor;
       if (0)
         var TextAncestorModule, _TextAncestorModule_default;
       return View2 || (View2 = native.View || native.default.View), {
@@ -13290,42 +13326,6 @@ var require_useElementLayout_native = __commonJS({
   }
 });
 
-// ../../packages/fake-react-native/index.js
-var require_fake_react_native = __commonJS({
-  "../../packages/fake-react-native/index.js"(exports2, module2) {
-    module2.exports = proxyWorm();
-    function proxyWorm() {
-      return new Proxy({
-        StyleSheet: {
-          create() {
-          }
-        },
-        Platform: {
-          OS: "web"
-        },
-        Image: "Image",
-        View: "View",
-        Text: "Text",
-        TextInput: "TextInput",
-        ScrollView: "ScrollView",
-        Dimensions: {
-          addEventListener(cb) {
-          }
-        },
-        addPoolingTo() {
-        }
-      }, {
-        get(target, key) {
-          return Reflect.get(target, key) || proxyWorm();
-        },
-        apply() {
-          return proxyWorm();
-        }
-      });
-    }
-  }
-});
-
 // ../../packages/fake-react-native/idFn.js
 var idFn_exports = {};
 __export(idFn_exports, {
@@ -13763,9 +13763,9 @@ var require_getElevation_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getElevation_exports);
-    var import_core12 = require_index_native18(), getElevation = function(size4, extras) {
-      if (size4) {
-        var { tokens } = extras, token = tokens.size[size4], sizeNum = (0, import_core12.isVariable)(token) ? +token.val : size4;
+    var import_core12 = require_index_native18(), getElevation = function(size2, extras) {
+      if (size2) {
+        var { tokens } = extras, token = tokens.size[size2], sizeNum = (0, import_core12.isVariable)(token) ? +token.val : size2;
         return getSizedElevation(sizeNum, extras);
       }
     }, getSizedElevation = function(val, param) {
@@ -13949,8 +13949,8 @@ var require_index_native20 = __commonJS({
       bounds: [
         0
       ]
-    }, getSize = function(size4, options) {
-      return getTokenRelative("size", size4, options);
+    }, getSize = function(size2, options) {
+      return getTokenRelative("size", size2, options);
     }, getSpace2 = function(space, options) {
       return getTokenRelative("space", space, options);
     }, getRadius = function(radius, options) {
@@ -13998,9 +13998,9 @@ var require_index_native20 = __commonJS({
           }
         }
       }
-      var isString = typeof current == "string", cache = options.excludeHalfSteps ? isString ? cacheWholeKeys : cacheWholeVariables : isString ? cacheKeys : cacheVariables, tokensOrdered = cache[type], _options_bounds_, min2 = (_options_bounds_ = (_options_bounds = options.bounds) === null || _options_bounds === void 0 ? void 0 : _options_bounds[0]) !== null && _options_bounds_ !== void 0 ? _options_bounds_ : 0, _options_bounds_1, max2 = (_options_bounds_1 = (_options_bounds1 = options.bounds) === null || _options_bounds1 === void 0 ? void 0 : _options_bounds1[1]) !== null && _options_bounds_1 !== void 0 ? _options_bounds_1 : tokensOrdered.length - 1, currentIndex = tokensOrdered.indexOf(current), shift4 = options.shift || 0;
-      shift4 && (current === "$true" || (0, import_web.isVariable)(current) && current.name === "true") && (shift4 += shift4 > 0 ? 1 : -1);
-      var index = Math.min(max2, Math.max(min2, currentIndex + shift4)), found = tokensOrdered[index], result = (typeof found == "string" ? tokens[found] : found) || tokens.$true;
+      var isString = typeof current == "string", cache = options.excludeHalfSteps ? isString ? cacheWholeKeys : cacheWholeVariables : isString ? cacheKeys : cacheVariables, tokensOrdered = cache[type], _options_bounds_, min = (_options_bounds_ = (_options_bounds = options.bounds) === null || _options_bounds === void 0 ? void 0 : _options_bounds[0]) !== null && _options_bounds_ !== void 0 ? _options_bounds_ : 0, _options_bounds_1, max = (_options_bounds_1 = (_options_bounds1 = options.bounds) === null || _options_bounds1 === void 0 ? void 0 : _options_bounds1[1]) !== null && _options_bounds_1 !== void 0 ? _options_bounds_1 : tokensOrdered.length - 1, currentIndex = tokensOrdered.indexOf(current), shift2 = options.shift || 0;
+      shift2 && (current === "$true" || (0, import_web.isVariable)(current) && current.name === "true") && (shift2 += shift2 > 0 ? 1 : -1);
+      var index = Math.min(max, Math.max(min, currentIndex + shift2)), found = tokensOrdered[index], result = (typeof found == "string" ? tokens[found] : found) || tokens.$true;
       return result;
     }, getTokenRelative = stepTokenUpOrDown;
   }
@@ -14179,15 +14179,15 @@ var require_variants_native = __commonJS({
       true: function(_, param) {
         var { props, tokens } = param;
         if (!("size" in props)) return circularStyle;
-        var size4 = typeof props.size == "number" ? props.size : tokens.size[props.size];
+        var size2 = typeof props.size == "number" ? props.size : tokens.size[props.size];
         return {
           ...circularStyle,
-          width: size4,
-          height: size4,
-          maxWidth: size4,
-          maxHeight: size4,
-          minWidth: size4,
-          minHeight: size4
+          width: size2,
+          height: size2,
+          maxWidth: size2,
+          maxHeight: size2,
+          minWidth: size2,
+          minHeight: size2
         };
       }
     }, hoverTheme = {
@@ -14614,8 +14614,8 @@ var require_SizableText_native = __commonJS({
     });
     SizableText2.staticConfig.variants.fontFamily = {
       "...": function(_val, extras) {
-        var sizeProp = extras.props.size, fontSizeProp = extras.props.fontSize, size4 = sizeProp === "$true" && fontSizeProp ? fontSizeProp : extras.props.size || "$true";
-        return (0, import_get_font_sized2.getFontSized)(size4, extras);
+        var sizeProp = extras.props.size, fontSizeProp = extras.props.fontSize, size2 = sizeProp === "$true" && fontSizeProp ? fontSizeProp : extras.props.size || "$true";
+        return (0, import_get_font_sized2.getFontSized)(size2, extras);
       }
     };
   }
@@ -14882,14 +14882,14 @@ var require_wrapChildrenInText_native = __commonJS({
     module2.exports = __toCommonJS2(wrapChildrenInText_exports);
     var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react"));
     function wrapChildrenInText(TextComponent, propsIn, extraProps) {
-      var { children, textProps, size: size4, noTextWrap, color, fontFamily, fontSize, fontWeight, letterSpacing, textAlign, fontStyle, maxFontSizeMultiplier } = propsIn;
+      var { children, textProps, size: size2, noTextWrap, color, fontFamily, fontSize, fontWeight, letterSpacing, textAlign, fontStyle, maxFontSizeMultiplier } = propsIn;
       if (noTextWrap || !children) return [
         children
       ];
       var props = {
         ...extraProps
       };
-      return color && (props.color = color), fontFamily && (props.fontFamily = fontFamily), fontSize && (props.fontSize = fontSize), fontWeight && (props.fontWeight = fontWeight), letterSpacing && (props.letterSpacing = letterSpacing), textAlign && (props.textAlign = textAlign), size4 && (props.size = size4), fontStyle && (props.fontStyle = fontStyle), maxFontSizeMultiplier && (props.maxFontSizeMultiplier = maxFontSizeMultiplier), import_react3.default.Children.toArray(children).map(function(child, index) {
+      return color && (props.color = color), fontFamily && (props.fontFamily = fontFamily), fontSize && (props.fontSize = fontSize), fontWeight && (props.fontWeight = fontWeight), letterSpacing && (props.letterSpacing = letterSpacing), textAlign && (props.textAlign = textAlign), size2 && (props.size = size2), fontStyle && (props.fontStyle = fontStyle), maxFontSizeMultiplier && (props.maxFontSizeMultiplier = maxFontSizeMultiplier), import_react3.default.Children.toArray(children).map(function(child, index) {
         return typeof child == "string" ? (
           // so "data-disable-theme" is a hack to fix themeInverse, don't ask me why
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TextComponent, {
@@ -16177,15 +16177,15 @@ var require_Portal_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Portal_native_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_stacks3 = require_index_native22(), import_z_index_stack2 = require_index_native27(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_constants4 = require_constants_native3(), import_GorhomPortalItem = require_GorhomPortalItem_native(), import_helpers = require_helpers_native(), createPortal = function() {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_stacks3 = require_index_native22(), import_z_index_stack2 = require_index_native27(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_constants4 = require_constants_native3(), import_GorhomPortalItem = require_GorhomPortalItem_native(), import_helpers = require_helpers_native(), createPortal = function() {
       if (import_constants4.IS_FABRIC) try {
-        var _ReactFabricShimModule_default, ReactFabricShimModule = require("react-native/Libraries/Renderer/shims/ReactFabric"), _ReactFabricShimModule_default_createPortal;
+        var _ReactFabricShimModule_default, ReactFabricShimModule = require_fake_react_native(), _ReactFabricShimModule_default_createPortal;
         return (_ReactFabricShimModule_default_createPortal = ReactFabricShimModule == null || (_ReactFabricShimModule_default = ReactFabricShimModule.default) === null || _ReactFabricShimModule_default === void 0 ? void 0 : _ReactFabricShimModule_default.createPortal) !== null && _ReactFabricShimModule_default_createPortal !== void 0 ? _ReactFabricShimModule_default_createPortal : ReactFabricShimModule.createPortal;
       } catch (err) {
         return console.info("Note: error importing portal, defaulting to non-native portals", err), null;
       }
       try {
-        var _ReactNativeShimModule_default, ReactNativeShimModule = require("react-native/Libraries/Renderer/shims/ReactNative"), _ReactNativeShimModule_default_createPortal;
+        var _ReactNativeShimModule_default, ReactNativeShimModule = require_fake_react_native(), _ReactNativeShimModule_default_createPortal;
         return (_ReactNativeShimModule_default_createPortal = ReactNativeShimModule == null || (_ReactNativeShimModule_default = ReactNativeShimModule.default) === null || _ReactNativeShimModule_default === void 0 ? void 0 : _ReactNativeShimModule_default.createPortal) !== null && _ReactNativeShimModule_default_createPortal !== void 0 ? _ReactNativeShimModule_default_createPortal : ReactNativeShimModule.createPortal;
       } catch (err) {
         return console.info("Note: error importing portal, defaulting to non-native portals", err), null;
@@ -16985,6 +16985,101 @@ var require_FocusScope_native = __commonJS({
   }
 });
 
+// ../focus-scope/dist/cjs/FocusScopeController.native.js
+var require_FocusScopeController_native = __commonJS({
+  "../focus-scope/dist/cjs/FocusScopeController.native.js"(exports2, module2) {
+    "use strict";
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, FocusScopeController_exports = {};
+    __export2(FocusScopeController_exports, {
+      FocusScopeController: function() {
+        return FocusScopeControllerComponent;
+      },
+      FocusScopeControllerProvider: function() {
+        return FocusScopeControllerProvider;
+      },
+      createFocusScopeControllerScope: function() {
+        return createFocusScopeControllerScope;
+      },
+      useFocusScopeControllerContext: function() {
+        return useFocusScopeControllerContext;
+      }
+    });
+    module2.exports = __toCommonJS2(FocusScopeController_exports);
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_create_context = require_index_native30(), import_use_event = require_index_native8(), React4 = __toESM2(require("react")), FOCUS_SCOPE_CONTROLLER_NAME = "FocusScopeController", [createFocusScopeControllerContext, createFocusScopeControllerScope] = (0, import_create_context.createContextScope)(FOCUS_SCOPE_CONTROLLER_NAME), [FocusScopeControllerProvider, useFocusScopeControllerContext] = createFocusScopeControllerContext(FOCUS_SCOPE_CONTROLLER_NAME);
+    function FocusScopeController(props) {
+      var { __scopeFocusScope, children, enabled, loop, trapped, onMountAutoFocus, onUnmountAutoFocus, forceUnmount, focusOnIdle } = props, stableOnMountAutoFocus = (0, import_use_event.useEvent)(onMountAutoFocus), stableOnUnmountAutoFocus = (0, import_use_event.useEvent)(onUnmountAutoFocus), contextValue = React4.useMemo(function() {
+        return {
+          enabled,
+          loop,
+          trapped,
+          onMountAutoFocus: stableOnMountAutoFocus,
+          onUnmountAutoFocus: stableOnUnmountAutoFocus,
+          forceUnmount,
+          focusOnIdle
+        };
+      }, [
+        enabled,
+        loop,
+        trapped,
+        stableOnMountAutoFocus,
+        stableOnUnmountAutoFocus,
+        forceUnmount,
+        focusOnIdle
+      ]);
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FocusScopeControllerProvider, {
+        scope: __scopeFocusScope,
+        ...contextValue,
+        children
+      });
+    }
+    var FocusScopeControllerComponent = FocusScopeController;
+  }
+});
+
 // ../focus-scope/dist/cjs/index.native.js
 var require_index_native33 = __commonJS({
   "../focus-scope/dist/cjs/index.native.js"(exports2, module2) {
@@ -17021,6 +17116,7 @@ var require_index_native33 = __commonJS({
     }, index_exports2 = {};
     module2.exports = __toCommonJS2(index_exports2);
     __reExport2(index_exports2, require_FocusScope_native(), module2.exports);
+    __reExport2(index_exports2, require_FocusScopeController_native(), module2.exports);
   }
 });
 
@@ -17543,7 +17639,7 @@ var require_nativeSheet_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(nativeSheet_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_stacks3 = require_index_native22(), import_react3 = require("react"), import_react_native4 = require("react-native"), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), nativeSheets = {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_stacks3 = require_index_native22(), import_react3 = require("react"), import_react_native4 = require_fake_react_native(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), nativeSheets = {
       ios: null
     };
     function getNativeSheet(platform2) {
@@ -17780,7 +17876,7 @@ var require_SheetImplementationCustom_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SheetImplementationCustom_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_portal2 = require_index_native28(), import_react3 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_contexts = require_contexts_native(), import_helpers = require_helpers_native2(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), hiddenSize = 10000.1, sheetHiddenStyleSheet = null, relativeDimensionTo = import_constants4.isWeb ? "window" : "screen", SheetImplementationCustom = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_portal2 = require_index_native28(), import_react3 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_contexts = require_contexts_native(), import_helpers = require_helpers_native2(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), hiddenSize = 10000.1, sheetHiddenStyleSheet = null, relativeDimensionTo = import_constants4.isWeb ? "window" : "screen", SheetImplementationCustom = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
       var parentSheet = import_react3.default.useContext(import_contexts.ParentSheetContext), { animation, animationConfig: animationConfigProp, modal = !1, zIndex = parentSheet.zIndex + 1, moveOnKeyboardChange = !1, unmountChildrenWhenHidden = !1, portalProps, containerComponent: ContainerComponent = import_react3.default.Fragment } = props, state = (0, import_useSheetOpenState.useSheetOpenState)(props), [overlayComponent, setOverlayComponent] = import_react3.default.useState(null), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
         onOverlayComponent: setOverlayComponent
       }), { frameSize, setFrameSize, snapPoints, snapPointsMode, hasFit, position, setPosition, scrollBridge, screenSize, setMaxContentSize, maxSnapPoint } = providerProps, { open, controller, isHidden } = state, sheetRef = import_react3.default.useRef(null), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef, providerProps.contentRef), { animationDriver } = (0, import_core12.useConfiguration)(), animationConfig = function() {
@@ -18126,7 +18222,7 @@ var require_ScrollView_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ScrollView_exports);
-    var import_stacks3 = require_index_native22(), import_web = require_index_native14(), import_react_native4 = require("react-native"), ScrollView = (0, import_web.styled)(import_react_native4.ScrollView, {
+    var import_stacks3 = require_index_native22(), import_web = require_index_native14(), import_react_native4 = require_fake_react_native(), ScrollView = (0, import_web.styled)(import_react_native4.ScrollView, {
       name: "ScrollView",
       scrollEnabled: !0,
       variants: {
@@ -18434,7 +18530,7 @@ var require_createSheet_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createSheet_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_helpers = require_index_native7(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_use_did_finish_ssr = require_index_native13(), import_z_index_stack2 = require_index_native27(), import_react3 = require("react"), import_react_native4 = require("react-native"), import_constants22 = require_constants_native4(), import_nativeSheet = require_nativeSheet_native(), import_SheetContext = require_SheetContext_native(), import_SheetImplementationCustom = require_SheetImplementationCustom_native(), import_SheetScrollView = require_SheetScrollView_native(), import_useSheetController = require_useSheetController_native(), import_useSheetOffscreenSize = require_useSheetOffscreenSize_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_helpers = require_index_native7(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_use_did_finish_ssr = require_index_native13(), import_z_index_stack2 = require_index_native27(), import_react3 = require("react"), import_react_native4 = require_fake_react_native(), import_constants22 = require_constants_native4(), import_nativeSheet = require_nativeSheet_native(), import_SheetContext = require_SheetContext_native(), import_SheetImplementationCustom = require_SheetImplementationCustom_native(), import_SheetScrollView = require_SheetScrollView_native(), import_useSheetController = require_useSheetController_native(), import_useSheetOffscreenSize = require_useSheetOffscreenSize_native();
     function createSheet(param) {
       var { Handle, Frame, Overlay } = param, SheetHandle = Handle.styleable(function(param2, forwardedRef) {
         var { __scopeSheet, ...props } = param2, context = (0, import_SheetContext.useSheetContext)(import_constants22.SHEET_HANDLE_NAME, __scopeSheet), composedRef = (0, import_compose_refs.useComposedRefs)(context.handleRef, forwardedRef);
@@ -18443,7 +18539,7 @@ var require_createSheet_native = __commonJS({
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Handle, {
             ref: composedRef,
             onPress: function() {
-              var max2 = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0), nextPos = (context.position + 1) % max2;
+              var max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0), nextPos = (context.position + 1) % max;
               context.setPosition(nextPos);
             },
             open: context.open,
@@ -19376,6 +19472,7 @@ var require_Dialog_native = __commonJS({
       Description: DialogDescription,
       Close: DialogClose,
       Sheet: import_sheet.Sheet.Controlled,
+      FocusScope: import_focus_scope.FocusScopeController,
       Adapt: import_adapt.Adapt
     }), getAdaptName = function(param) {
       var { scopeKey, contentId } = param;
@@ -19518,7 +19615,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_native18(), import_create_context = require_index_native30(), import_dialog = require_index_native37(), import_helpers = require_index_native7(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), ROOT_NAME = "AlertDialog", [createAlertDialogContext, createAlertDialogScope] = (0, import_create_context.createContextScope)(ROOT_NAME, [
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_dialog = require_index_native37(), import_helpers = require_index_native7(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_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
@@ -19822,7 +19919,7 @@ var require_Image_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Image_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_react_native4 = require("react-native"), StyledImage = (0, import_core12.styled)(import_react_native4.Image, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_react_native4 = require_fake_react_native(), StyledImage = (0, import_core12.styled)(import_react_native4.Image, {
       name: "Image"
     }), Image = StyledImage.styleable(function(inProps, ref) {
       var [props, style] = (0, import_core12.usePropsAndStyle)(inProps), { src, source, objectFit, ...rest } = props, finalSource = typeof src == "string" ? {
@@ -19940,8 +20037,8 @@ var require_getShapeSize_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getShapeSize_exports);
-    var getShapeSize = function(size4, param) {
-      var { tokens } = param, _tokens_size_size, width = (_tokens_size_size = tokens.size[size4]) !== null && _tokens_size_size !== void 0 ? _tokens_size_size : size4, _tokens_size_size1, height = (_tokens_size_size1 = tokens.size[size4]) !== null && _tokens_size_size1 !== void 0 ? _tokens_size_size1 : size4;
+    var getShapeSize = function(size2, param) {
+      var { tokens } = param, _tokens_size_size, width = (_tokens_size_size = tokens.size[size2]) !== null && _tokens_size_size !== void 0 ? _tokens_size_size : size2, _tokens_size_size1, height = (_tokens_size_size1 = tokens.size[size2]) !== null && _tokens_size_size1 !== void 0 ? _tokens_size_size1 : size2;
       return {
         width,
         height,
@@ -20245,14 +20342,14 @@ var require_Avatar_native = __commonJS({
       position: "relative",
       overflow: "hidden"
     }), Avatar = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeAvatar, size: size4 = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React4.useState("idle");
+      var { __scopeAvatar, size: size2 = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React4.useState("idle");
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AvatarProvider, {
-        size: size4,
+        size: size2,
         scope: __scopeAvatar,
         imageLoadingStatus,
         onImageLoadingStatusChange: setImageLoadingStatus,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AvatarFrame, {
-          size: size4,
+          size: size2,
           ...avatarProps,
           ref: forwardedRef
         })
@@ -20364,10 +20461,10 @@ var require_getFontSize_native = __commonJS({
     }, getFontSizeToken = function(inSize, opts) {
       if (typeof inSize == "number") return null;
       var relativeSize = (opts == null ? void 0 : opts.relativeSize) || 0, conf = (0, import_core12.getConfig)(), font = conf.fontsParsed[(opts == null ? void 0 : opts.font) || conf.defaultFontToken], fontSize = (font == null ? void 0 : font.size) || // fallback to size tokens
-      conf.tokensParsed.size, _ref, size4 = (_ref = inSize === "$true" && !("$true" in fontSize) ? "$4" : inSize) !== null && _ref !== void 0 ? _ref : "$true" in fontSize ? "$true" : "$4", sizeTokens = Object.keys(fontSize), foundIndex = sizeTokens.indexOf(size4);
-      foundIndex === -1 && size4.endsWith(".5") && (foundIndex = sizeTokens.indexOf(size4.replace(".5", "")));
+      conf.tokensParsed.size, _ref, size2 = (_ref = inSize === "$true" && !("$true" in fontSize) ? "$4" : inSize) !== null && _ref !== void 0 ? _ref : "$true" in fontSize ? "$true" : "$4", sizeTokens = Object.keys(fontSize), foundIndex = sizeTokens.indexOf(size2);
+      foundIndex === -1 && size2.endsWith(".5") && (foundIndex = sizeTokens.indexOf(size2.replace(".5", "")));
       var tokenIndex = Math.min(Math.max(0, foundIndex + relativeSize), sizeTokens.length - 1), _sizeTokens_tokenIndex;
-      return (_sizeTokens_tokenIndex = sizeTokens[tokenIndex]) !== null && _sizeTokens_tokenIndex !== void 0 ? _sizeTokens_tokenIndex : size4;
+      return (_sizeTokens_tokenIndex = sizeTokens[tokenIndex]) !== null && _sizeTokens_tokenIndex !== void 0 ? _sizeTokens_tokenIndex : size2;
     };
   }
 });
@@ -20774,7 +20871,7 @@ var require_Button_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), ButtonIcon = function(props) {
-      var { children, scaleIcon = 1 } = props, { size: size4, color } = (0, import_react3.useContext)(ButtonContext), iconSize = (typeof size4 == "number" ? size4 * 0.5 : (0, import_font_size.getFontSize)(size4)) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
+      var { children, scaleIcon = 1 } = props, { size: size2, color } = (0, import_react3.useContext)(ButtonContext), iconSize = (typeof size2 == "number" ? size2 * 0.5 : (0, import_font_size.getFontSize)(size2)) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
         size: iconSize,
         color
       });
@@ -20796,7 +20893,7 @@ var require_Button_native = __commonJS({
       }, isNested = (0, import_react3.useContext)(import_stacks3.ButtonNestingContext), propsActive = (0, import_web.useProps)(propsIn, {
         noNormalize: !0,
         noExpand: !0
-      }), { icon, iconAfter, space, spaceFlex, scaleIcon = 1, scaleSpace = 0.66, separator, noTextWrap, fontFamily, fontSize, fontWeight, fontStyle, letterSpacing, tag, ellipse, maxFontSizeMultiplier, ...restProps } = propsActive, size4 = propsActive.size || (propsActive.unstyled ? void 0 : "$true"), color = propsActive.color, iconSize = (typeof size4 == "number" ? size4 * 0.5 : (0, import_font_size.getFontSize)(size4, {
+      }), { icon, iconAfter, space, spaceFlex, scaleIcon = 1, scaleSpace = 0.66, separator, noTextWrap, fontFamily, fontSize, fontWeight, fontStyle, letterSpacing, tag, ellipse, maxFontSizeMultiplier, ...restProps } = propsActive, size2 = propsActive.size || (propsActive.unstyled ? void 0 : "$true"), color = propsActive.color, iconSize = (typeof size2 == "number" ? size2 * 0.5 : (0, import_font_size.getFontSize)(size2, {
         font: (fontFamily == null ? void 0 : fontFamily[0]) === "$" ? fontFamily : void 0
       })) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
         size: iconSize,
@@ -20818,7 +20915,7 @@ var require_Button_native = __commonJS({
         maxFontSizeMultiplier
       }, Text3 === ButtonText && propsActive.unstyled !== !0 ? {
         unstyled: process.env.TAMAGUI_HEADLESS === "1",
-        size: size4
+        size: size2
       } : void 0), inner = (0, import_web.spacedChildren)({
         // a bit arbitrary but scaling to font size is necessary so long as button does
         space: spaceSize === !1 ? 0 : spaceSize == !0 ? "$true" : spaceSize,
@@ -20834,7 +20931,7 @@ var require_Button_native = __commonJS({
           themedIconAfter
         ]
       }), props = {
-        size: size4,
+        size: size2,
         ...propsIn.disabled && {
           // in rnw - false still has keyboard tabIndex, undefined = not actually focusable
           focusable: void 0,
@@ -21872,7 +21969,7 @@ var require_BubbleInput_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(BubbleInput_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_use_previous = require_index_native48(), React4 = __toESM2(require("react")), import_utils3 = require_utils_native2(), BubbleInput = function(props) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_use_previous = require_index_native48(), React4 = __toESM2(require("react")), import_utils = require_utils_native2(), BubbleInput = function(props) {
       var { checked, bubbles = !0, control, isHidden, ...inputProps } = props, ref = React4.useRef(null), prevChecked = (0, import_use_previous.usePrevious)(checked);
       return React4.useEffect(function() {
         var input = ref.current, inputProto = window.HTMLInputElement.prototype, descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked"), setChecked = descriptor.set;
@@ -21880,7 +21977,7 @@ var require_BubbleInput_native = __commonJS({
           var event = new Event("click", {
             bubbles
           });
-          input.indeterminate = (0, import_utils3.isIndeterminate)(checked), setChecked.call(input, (0, import_utils3.isIndeterminate)(checked) ? !1 : checked), input.dispatchEvent(event);
+          input.indeterminate = (0, import_utils.isIndeterminate)(checked), setChecked.call(input, (0, import_utils.isIndeterminate)(checked) ? !1 : checked), input.dispatchEvent(event);
         }
       }, [
         prevChecked,
@@ -21888,7 +21985,7 @@ var require_BubbleInput_native = __commonJS({
         bubbles
       ]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", {
         type: "checkbox",
-        defaultChecked: (0, import_utils3.isIndeterminate)(checked) ? !1 : checked,
+        defaultChecked: (0, import_utils.isIndeterminate)(checked) ? !1 : checked,
         ...inputProps,
         tabIndex: -1,
         ref,
@@ -21966,7 +22063,7 @@ var require_useCheckbox_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useCheckbox_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_label = require_index_native47(), import_react3 = __toESM2(require("react")), import_BubbleInput = require_BubbleInput_native(), import_utils3 = require_utils_native2();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_label = require_index_native47(), import_react3 = __toESM2(require("react")), import_BubbleInput = require_BubbleInput_native(), import_utils = require_utils_native2();
     function useCheckbox(props, param, ref) {
       var [checked, setChecked] = param, { labelledBy: ariaLabelledby, name, required, disabled, value = "on", onCheckedChange, ...checkboxProps } = props, [button, setButton] = import_react3.default.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(ref, setButton), hasConsumerStoppedPropagationRef = import_react3.default.useRef(!1), isFormControl = import_constants4.isWeb ? button ? !!button.closest("form") : !0 : !1, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId, parentKeyDown = props.onKeyDown, handleKeyDown = (0, import_react3.useMemo)(function() {
         return (0, import_helpers.composeEventHandlers)(parentKeyDown, function(event) {
@@ -21977,7 +22074,7 @@ var require_useCheckbox_native = __commonJS({
       ]), handlePress = (0, import_react3.useMemo)(function() {
         return (0, import_helpers.composeEventHandlers)(props.onPress, function(event) {
           setChecked(function(prevChecked) {
-            return (0, import_utils3.isIndeterminate)(prevChecked) ? !0 : !prevChecked;
+            return (0, import_utils.isIndeterminate)(prevChecked) ? !0 : !prevChecked;
           }), isFormControl && "isPropagationStopped" in event && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
         });
       }, [
@@ -21998,12 +22095,12 @@ var require_useCheckbox_native = __commonJS({
         checkboxProps: {
           role: "checkbox",
           "aria-labelledby": labelledBy,
-          "aria-checked": (0, import_utils3.isIndeterminate)(checked) ? "mixed" : checked,
+          "aria-checked": (0, import_utils.isIndeterminate)(checked) ? "mixed" : checked,
           ...checkboxProps,
           ...import_constants4.isWeb && {
             type: "button",
             value,
-            "data-state": (0, import_utils3.getState)(checked),
+            "data-state": (0, import_utils.getState)(checked),
             "data-disabled": disabled ? "" : void 0,
             disabled,
             onKeyDown: disabled ? void 0 : handleKeyDown
@@ -22123,12 +22220,12 @@ var require_createCheckbox_native = __commonJS({
       var { disableActiveTheme, Frame = import_Checkbox.CheckboxFrame, Indicator = import_Checkbox.CheckboxIndicatorFrame } = createProps;
       ensureContext(Frame), ensureContext(Indicator);
       var FrameComponent = Frame.styleable(function(_props, forwardedRef) {
-        var { scaleSize = 0.45, sizeAdjust = 0, scaleIcon, checked: checkedProp, defaultChecked, onCheckedChange, native, unstyled = !1, ...props } = _props, propsActive = (0, import_core12.useProps)(props), styledContext = import_react3.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext), adjustedSize = 0, size4 = 0;
+        var { scaleSize = 0.45, sizeAdjust = 0, scaleIcon, checked: checkedProp, defaultChecked, onCheckedChange, native, unstyled = !1, ...props } = _props, propsActive = (0, import_core12.useProps)(props), styledContext = import_react3.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext), adjustedSize = 0, size2 = 0;
         if (!unstyled) {
           var _propsActive_size, _ref;
           adjustedSize = (0, import_core12.getVariableValue)((0, import_get_token2.getSize)((_ref = (_propsActive_size = propsActive.size) !== null && _propsActive_size !== void 0 ? _propsActive_size : styledContext == null ? void 0 : styledContext.size) !== null && _ref !== void 0 ? _ref : "$true", {
             shift: sizeAdjust
-          })), size4 = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
+          })), size2 = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
         }
         var [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
           prop: checkedProp,
@@ -22187,14 +22284,14 @@ var require_createCheckbox_native = __commonJS({
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Frame, {
                 ...!unstyled && {
-                  width: size4,
-                  height: size4
+                  width: size2,
+                  height: size2
                 },
                 tag: "button",
                 ref: checkboxRef,
                 unstyled,
                 ...unstyled === !1 && {
-                  size: size4,
+                  size: size2,
                   theme: checked ? "active" : null
                 },
                 // potential variant
@@ -22595,7 +22692,7 @@ var require_Group_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Group_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_helpers = require_index_native7(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_react3 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_useIndexedChildren = require_useIndexedChildren_native(), GROUP_NAME = "Group", [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME), [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME), GroupFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native18(), import_create_context = require_index_native30(), import_helpers = require_index_native7(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_react3 = __toESM2(require("react")), import_react_native4 = require_fake_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: {
@@ -22616,9 +22713,9 @@ var require_Group_native = __commonJS({
     });
     function createGroup(verticalDefault) {
       return (0, import_helpers.withStaticProperties)(GroupFrame.styleable(function(props, ref) {
-        var activeProps = (0, import_core12.useProps)(props), { __scopeGroup, children: childrenProp, space, size: size4 = "$true", spaceDirection, separator, scrollable, axis = verticalDefault ? "vertical" : "horizontal", orientation = axis, disabled: disabledProp, disablePassBorderRadius: disablePassBorderRadiusProp, borderRadius, forceUseItem, ...restProps } = activeProps, vertical = orientation === "vertical", [itemChildrenCount, setItemChildrenCount] = (0, import_use_controllable_state.useControllableState)({
+        var activeProps = (0, import_core12.useProps)(props), { __scopeGroup, children: childrenProp, space, size: size2 = "$true", spaceDirection, separator, scrollable, axis = verticalDefault ? "vertical" : "horizontal", orientation = axis, disabled: disabledProp, disablePassBorderRadius: disablePassBorderRadiusProp, borderRadius, forceUseItem, ...restProps } = activeProps, vertical = orientation === "vertical", [itemChildrenCount, setItemChildrenCount] = (0, import_use_controllable_state.useControllableState)({
           defaultProp: forceUseItem ? 1 : 0
-        }), isUsingItems = itemChildrenCount > 0, radius = borderRadius ?? (size4 ? (0, import_core12.getVariableValue)((0, import_core12.getTokens)().radius[size4]) - 1 : void 0), hasRadius = radius !== void 0, disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius, childrenArray = import_react3.default.Children.toArray(childrenProp), children = isUsingItems ? import_react3.default.Children.toArray(childrenProp).filter(import_react3.default.isValidElement) : childrenArray.map(function(child, i) {
+        }), isUsingItems = itemChildrenCount > 0, radius = borderRadius ?? (size2 ? (0, import_core12.getVariableValue)((0, import_core12.getTokens)().radius[size2]) - 1 : void 0), hasRadius = radius !== void 0, disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius, childrenArray = import_react3.default.Children.toArray(childrenProp), children = isUsingItems ? import_react3.default.Children.toArray(childrenProp).filter(import_react3.default.isValidElement) : childrenArray.map(function(child, i) {
           if (!/* @__PURE__ */ import_react3.default.isValidElement(child) || child.type === import_react3.default.Fragment) return child;
           var _child_props_disabled, disabled = (_child_props_disabled = child.props.disabled) !== null && _child_props_disabled !== void 0 ? _child_props_disabled : disabledProp, isFirst = i === 0, isLast = i === childrenArray.length - 1, radiusStyles = disablePassBorderRadius === !0 ? null : getBorderRadius({
             isFirst,
@@ -22656,7 +22753,7 @@ var require_Group_native = __commonJS({
           scope: __scopeGroup,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(GroupFrame, {
             ref,
-            size: size4,
+            size: size2,
             flexDirection: orientation === "horizontal" ? "row" : "column",
             borderRadius,
             ...restProps,
@@ -23052,7 +23149,7 @@ var require_ListItem_native = __commonJS({
         textAlign,
         ellipse,
         children
-      }, size4 = props.size || "$true", iconSize = (0, import_font_size.getFontSize)(size4) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
+      }, size2 = props.size || "$true", iconSize = (0, import_font_size.getFontSize)(size2) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
         size: iconSize,
         color
       }), [themedIcon, themedIconAfter] = [
@@ -23078,7 +23175,7 @@ var require_ListItem_native = __commonJS({
                 flex: 1,
                 children: [
                   noTextWrap === "all" ? title : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Title, {
-                    size: size4,
+                    size: size2,
                     children: title
                   }),
                   subTitle ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
@@ -23087,7 +23184,7 @@ var require_ListItem_native = __commonJS({
                       // or standardize on subtle colors in themes
                       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Subtitle, {
                         unstyled,
-                        size: size4,
+                        size: size2,
                         children: subTitle
                       })
                     ) : subTitle
@@ -23266,1138 +23363,6 @@ var require_index_native55 = __commonJS({
   }
 });
 
-// ../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
-function clamp(start, value, end) {
-  return max(start, min(value, end));
-}
-function evaluate(value, param) {
-  return typeof value == "function" ? value(param) : value;
-}
-function getSide(placement) {
-  return placement.split("-")[0];
-}
-function getAlignment(placement) {
-  return placement.split("-")[1];
-}
-function getOppositeAxis(axis) {
-  return axis === "x" ? "y" : "x";
-}
-function getAxisLength(axis) {
-  return axis === "y" ? "height" : "width";
-}
-function getSideAxis(placement) {
-  return [
-    "top",
-    "bottom"
-  ].includes(getSide(placement)) ? "y" : "x";
-}
-function getAlignmentAxis(placement) {
-  return getOppositeAxis(getSideAxis(placement));
-}
-function getAlignmentSides(placement, rects, rtl) {
-  rtl === void 0 && (rtl = !1);
-  var alignment = getAlignment(placement), alignmentAxis = getAlignmentAxis(placement), length = getAxisLength(alignmentAxis), mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
-  return rects.reference[length] > rects.floating[length] && (mainAlignmentSide = getOppositePlacement(mainAlignmentSide)), [
-    mainAlignmentSide,
-    getOppositePlacement(mainAlignmentSide)
-  ];
-}
-function getExpandedPlacements(placement) {
-  var oppositePlacement = getOppositePlacement(placement);
-  return [
-    getOppositeAlignmentPlacement(placement),
-    oppositePlacement,
-    getOppositeAlignmentPlacement(oppositePlacement)
-  ];
-}
-function getOppositeAlignmentPlacement(placement) {
-  return placement.replace(/start|end/g, function(alignment) {
-    return oppositeAlignmentMap[alignment];
-  });
-}
-function getSideList(side, isStart, rtl) {
-  var lr = [
-    "left",
-    "right"
-  ], rl = [
-    "right",
-    "left"
-  ], tb = [
-    "top",
-    "bottom"
-  ], bt = [
-    "bottom",
-    "top"
-  ];
-  switch (side) {
-    case "top":
-    case "bottom":
-      return rtl ? isStart ? rl : lr : isStart ? lr : rl;
-    case "left":
-    case "right":
-      return isStart ? tb : bt;
-    default:
-      return [];
-  }
-}
-function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
-  var alignment = getAlignment(placement), list = getSideList(getSide(placement), direction === "start", rtl);
-  return alignment && (list = list.map(function(side) {
-    return side + "-" + alignment;
-  }), flipAlignment && (list = list.concat(list.map(getOppositeAlignmentPlacement)))), list;
-}
-function getOppositePlacement(placement) {
-  return placement.replace(/left|right|bottom|top/g, function(side) {
-    return oppositeSideMap[side];
-  });
-}
-function expandPaddingObject(padding) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...padding
-  };
-}
-function getPaddingObject(padding) {
-  return typeof padding != "number" ? expandPaddingObject(padding) : {
-    top: padding,
-    right: padding,
-    bottom: padding,
-    left: padding
-  };
-}
-function rectToClientRect(rect) {
-  var { x, y, width, height } = rect;
-  return {
-    width,
-    height,
-    top: y,
-    left: x,
-    right: x + width,
-    bottom: y + height,
-    x,
-    y
-  };
-}
-var sides, alignments, placements, min, max, oppositeSideMap, oppositeAlignmentMap, init_floating_ui_utils = __esm({
-  "../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs"() {
-    sides = [
-      "top",
-      "right",
-      "bottom",
-      "left"
-    ], alignments = [
-      "start",
-      "end"
-    ], placements = /* @__PURE__ */ sides.reduce(function(acc, side) {
-      return acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]);
-    }, []), min = Math.min, max = Math.max, oppositeSideMap = {
-      left: "right",
-      right: "left",
-      bottom: "top",
-      top: "bottom"
-    }, oppositeAlignmentMap = {
-      start: "end",
-      end: "start"
-    };
-  }
-});
-
-// ../../../node_modules/@floating-ui/core/dist/floating-ui.core.esm.js
-var floating_ui_core_esm_exports = {};
-__export(floating_ui_core_esm_exports, {
-  arrow: () => arrow2,
-  autoPlacement: () => autoPlacement2,
-  computePosition: () => computePosition,
-  detectOverflow: () => detectOverflow2,
-  flip: () => flip2,
-  hide: () => hide2,
-  inline: () => inline2,
-  limitShift: () => limitShift2,
-  offset: () => offset2,
-  rectToClientRect: () => rectToClientRect,
-  shift: () => shift2,
-  size: () => size2
-});
-function computeCoordsFromPlacement(_ref, placement, rtl) {
-  var { reference, floating } = _ref, sideAxis = getSideAxis(placement), alignmentAxis = getAlignmentAxis(placement), alignLength = getAxisLength(alignmentAxis), side = getSide(placement), isVertical = sideAxis === "y", commonX = reference.x + reference.width / 2 - floating.width / 2, commonY = reference.y + reference.height / 2 - floating.height / 2, commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2, coords;
-  switch (side) {
-    case "top":
-      coords = {
-        x: commonX,
-        y: reference.y - floating.height
-      };
-      break;
-    case "bottom":
-      coords = {
-        x: commonX,
-        y: reference.y + reference.height
-      };
-      break;
-    case "right":
-      coords = {
-        x: reference.x + reference.width,
-        y: commonY
-      };
-      break;
-    case "left":
-      coords = {
-        x: reference.x - floating.width,
-        y: commonY
-      };
-      break;
-    default:
-      coords = {
-        x: reference.x,
-        y: reference.y
-      };
-  }
-  switch (getAlignment(placement)) {
-    case "start":
-      coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
-      break;
-    case "end":
-      coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
-      break;
-  }
-  return coords;
-}
-async function detectOverflow2(state, options) {
-  var _await$platform$isEle;
-  options === void 0 && (options = {});
-  var { x, y, platform: platform2, rects, elements, strategy } = state, { boundary = "clippingAncestors", rootBoundary = "viewport", elementContext = "floating", altBoundary = !1, padding = 0 } = evaluate(options, state), paddingObject = getPaddingObject(padding), altContext = elementContext === "floating" ? "reference" : "floating", element = elements[altBoundary ? altContext : elementContext], clippingClientRect = rectToClientRect(await platform2.getClippingRect({
-    element: (_await$platform$isEle = await (platform2.isElement == null ? void 0 : platform2.isElement(element))) == null || _await$platform$isEle ? element : element.contextElement || await (platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
-    boundary,
-    rootBoundary,
-    strategy
-  })), rect = elementContext === "floating" ? {
-    x,
-    y,
-    width: rects.floating.width,
-    height: rects.floating.height
-  } : rects.reference, offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating)), offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements,
-    rect,
-    offsetParent,
-    strategy
-  }) : rect);
-  return {
-    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
-    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
-    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
-    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
-  };
-}
-function getPlacementList(alignment, autoAlignment, allowedPlacements) {
-  var allowedPlacementsSortedByAlignment = alignment ? [
-    ...allowedPlacements.filter(function(placement) {
-      return getAlignment(placement) === alignment;
-    }),
-    ...allowedPlacements.filter(function(placement) {
-      return getAlignment(placement) !== alignment;
-    })
-  ] : allowedPlacements.filter(function(placement) {
-    return getSide(placement) === placement;
-  });
-  return allowedPlacementsSortedByAlignment.filter(function(placement) {
-    return alignment ? getAlignment(placement) === alignment || (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : !1) : !0;
-  });
-}
-function getSideOffsets(overflow, rect) {
-  return {
-    top: overflow.top - rect.height,
-    right: overflow.right - rect.width,
-    bottom: overflow.bottom - rect.height,
-    left: overflow.left - rect.width
-  };
-}
-function isAnySideFullyClipped(overflow) {
-  return sides.some(function(side) {
-    return overflow[side] >= 0;
-  });
-}
-function getBoundingRect(rects) {
-  var minX = min(...rects.map(function(rect) {
-    return rect.left;
-  })), minY = min(...rects.map(function(rect) {
-    return rect.top;
-  })), maxX = max(...rects.map(function(rect) {
-    return rect.right;
-  })), maxY = max(...rects.map(function(rect) {
-    return rect.bottom;
-  }));
-  return {
-    x: minX,
-    y: minY,
-    width: maxX - minX,
-    height: maxY - minY
-  };
-}
-function getRectsByLine(rects) {
-  for (var sortedRects = rects.slice().sort(function(a, b) {
-    return a.y - b.y;
-  }), groups = [], prevRect = null, i = 0; i < sortedRects.length; i++) {
-    var rect = sortedRects[i];
-    !prevRect || rect.y - prevRect.y > prevRect.height / 2 ? groups.push([
-      rect
-    ]) : groups[groups.length - 1].push(rect), prevRect = rect;
-  }
-  return groups.map(function(rect2) {
-    return rectToClientRect(getBoundingRect(rect2));
-  });
-}
-async function convertValueToCoords(state, options) {
-  var { placement, platform: platform2, elements } = state, rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)), side = getSide(placement), alignment = getAlignment(placement), isVertical = getSideAxis(placement) === "y", mainAxisMulti = [
-    "left",
-    "top"
-  ].includes(side) ? -1 : 1, crossAxisMulti = rtl && isVertical ? -1 : 1, rawValue = evaluate(options, state), { mainAxis, crossAxis, alignmentAxis } = typeof rawValue == "number" ? {
-    mainAxis: rawValue,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: rawValue.mainAxis || 0,
-    crossAxis: rawValue.crossAxis || 0,
-    alignmentAxis: rawValue.alignmentAxis
-  };
-  return alignment && typeof alignmentAxis == "number" && (crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis), isVertical ? {
-    x: crossAxis * crossAxisMulti,
-    y: mainAxis * mainAxisMulti
-  } : {
-    x: mainAxis * mainAxisMulti,
-    y: crossAxis * crossAxisMulti
-  };
-}
-var computePosition, arrow2, autoPlacement2, flip2, hide2, inline2, offset2, shift2, limitShift2, size2, init_floating_ui_core_esm = __esm({
-  "../../../node_modules/@floating-ui/core/dist/floating-ui.core.esm.js"() {
-    init_floating_ui_utils();
-    init_floating_ui_utils();
-    computePosition = async function(reference, floating, config) {
-      for (var { placement = "bottom", strategy = "absolute", middleware = [], platform: platform2 } = config, validMiddleware = middleware.filter(Boolean), rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(floating)), rects = await platform2.getElementRects({
-        reference,
-        floating,
-        strategy
-      }), { x, y } = computeCoordsFromPlacement(rects, placement, rtl), statefulPlacement = placement, middlewareData = {}, resetCount = 0, i = 0; i < validMiddleware.length; i++) {
-        var { name, fn } = validMiddleware[i], { x: nextX, y: nextY, data, reset } = await fn({
-          x,
-          y,
-          initialPlacement: placement,
-          placement: statefulPlacement,
-          strategy,
-          middlewareData,
-          rects,
-          platform: platform2,
-          elements: {
-            reference,
-            floating
-          }
-        });
-        x = nextX ?? x, y = nextY ?? y, middlewareData = {
-          ...middlewareData,
-          [name]: {
-            ...middlewareData[name],
-            ...data
-          }
-        }, reset && resetCount <= 50 && (resetCount++, typeof reset == "object" && (reset.placement && (statefulPlacement = reset.placement), reset.rects && (rects = reset.rects === !0 ? await platform2.getElementRects({
-          reference,
-          floating,
-          strategy
-        }) : reset.rects), { x, y } = computeCoordsFromPlacement(rects, statefulPlacement, rtl)), i = -1);
-      }
-      return {
-        x,
-        y,
-        placement: statefulPlacement,
-        strategy,
-        middlewareData
-      };
-    };
-    arrow2 = function(options) {
-      return {
-        name: "arrow",
-        options,
-        async fn(state) {
-          var { x, y, placement, rects, platform: platform2, elements, middlewareData } = state, { element, padding = 0 } = evaluate(options, state) || {};
-          if (element == null)
-            return {};
-          var paddingObject = getPaddingObject(padding), coords = {
-            x,
-            y
-          }, axis = getAlignmentAxis(placement), length = getAxisLength(axis), arrowDimensions = await platform2.getDimensions(element), isYAxis = axis === "y", minProp = isYAxis ? "top" : "left", maxProp = isYAxis ? "bottom" : "right", clientProp = isYAxis ? "clientHeight" : "clientWidth", endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length], startDiff = coords[axis] - rects.reference[axis], arrowOffsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(element)), clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
-          (!clientSize || !await (platform2.isElement == null ? void 0 : platform2.isElement(arrowOffsetParent))) && (clientSize = elements.floating[clientProp] || rects.floating[length]);
-          var centerToReference = endDiff / 2 - startDiff / 2, largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1, minPadding = min(paddingObject[minProp], largestPossiblePadding), maxPadding = min(paddingObject[maxProp], largestPossiblePadding), min$1 = minPadding, max2 = clientSize - arrowDimensions[length] - maxPadding, center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference, offset4 = clamp(min$1, center, max2), shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset4 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0, alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
-          return {
-            [axis]: coords[axis] + alignmentOffset,
-            data: {
-              [axis]: offset4,
-              centerOffset: center - offset4 - alignmentOffset,
-              ...shouldAddOffset && {
-                alignmentOffset
-              }
-            },
-            reset: shouldAddOffset
-          };
-        }
-      };
-    };
-    autoPlacement2 = function(options) {
-      return options === void 0 && (options = {}), {
-        name: "autoPlacement",
-        options,
-        async fn(state) {
-          var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE, { rects, middlewareData, placement, platform: platform2, elements } = state, { crossAxis = !1, alignment, allowedPlacements = placements, autoAlignment = !0, ...detectOverflowOptions } = evaluate(options, state), placements$1 = alignment !== void 0 || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements, overflow = await detectOverflow2(state, detectOverflowOptions), currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0, currentPlacement = placements$1[currentIndex];
-          if (currentPlacement == null)
-            return {};
-          var alignmentSides = getAlignmentSides(currentPlacement, rects, await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)));
-          if (placement !== currentPlacement)
-            return {
-              reset: {
-                placement: placements$1[0]
-              }
-            };
-          var currentOverflows = [
-            overflow[getSide(currentPlacement)],
-            overflow[alignmentSides[0]],
-            overflow[alignmentSides[1]]
-          ], allOverflows = [
-            ...((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) || [],
-            {
-              placement: currentPlacement,
-              overflows: currentOverflows
-            }
-          ], nextPlacement = placements$1[currentIndex + 1];
-          if (nextPlacement)
-            return {
-              data: {
-                index: currentIndex + 1,
-                overflows: allOverflows
-              },
-              reset: {
-                placement: nextPlacement
-              }
-            };
-          var placementsSortedByMostSpace = allOverflows.map(function(d) {
-            var alignment2 = getAlignment(d.placement);
-            return [
-              d.placement,
-              alignment2 && crossAxis ? (
-                // Check along the mainAxis and main crossAxis side.
-                d.overflows.slice(0, 2).reduce(function(acc, v) {
-                  return acc + v;
-                }, 0)
-              ) : (
-                // Check only the mainAxis.
-                d.overflows[0]
-              ),
-              d.overflows
-            ];
-          }).sort(function(a, b) {
-            return a[1] - b[1];
-          }), placementsThatFitOnEachSide = placementsSortedByMostSpace.filter(function(d) {
-            return d[2].slice(
-              0,
-              // Aligned placements should not check their opposite crossAxis
-              // side.
-              getAlignment(d[0]) ? 2 : 3
-            ).every(function(v) {
-              return v <= 0;
-            });
-          }), resetPlacement = ((_placementsThatFitOnE = placementsThatFitOnEachSide[0]) == null ? void 0 : _placementsThatFitOnE[0]) || placementsSortedByMostSpace[0][0];
-          return resetPlacement !== placement ? {
-            data: {
-              index: currentIndex + 1,
-              overflows: allOverflows
-            },
-            reset: {
-              placement: resetPlacement
-            }
-          } : {};
-        }
-      };
-    }, flip2 = function(options) {
-      return options === void 0 && (options = {}), {
-        name: "flip",
-        options,
-        async fn(state) {
-          var _middlewareData$arrow, _middlewareData$flip, { placement, middlewareData, rects, initialPlacement, platform: platform2, elements } = state, { mainAxis: checkMainAxis = !0, crossAxis: checkCrossAxis = !0, fallbackPlacements: specifiedFallbackPlacements, fallbackStrategy = "bestFit", fallbackAxisSideDirection = "none", flipAlignment = !0, ...detectOverflowOptions } = evaluate(options, state);
-          if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset)
-            return {};
-          var side = getSide(placement), initialSideAxis = getSideAxis(initialPlacement), isBasePlacement = getSide(initialPlacement) === initialPlacement, rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)), fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [
-            getOppositePlacement(initialPlacement)
-          ] : getExpandedPlacements(initialPlacement)), hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
-          !specifiedFallbackPlacements && hasFallbackAxisSideDirection && fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
-          var placements2 = [
-            initialPlacement,
-            ...fallbackPlacements
-          ], overflow = await detectOverflow2(state, detectOverflowOptions), overflows = [], overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
-          if (checkMainAxis && overflows.push(overflow[side]), checkCrossAxis) {
-            var sides2 = getAlignmentSides(placement, rects, rtl);
-            overflows.push(overflow[sides2[0]], overflow[sides2[1]]);
-          }
-          if (overflowsData = [
-            ...overflowsData,
-            {
-              placement,
-              overflows
-            }
-          ], !overflows.every(function(side2) {
-            return side2 <= 0;
-          })) {
-            var _middlewareData$flip2, _overflowsData$filter, nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1, nextPlacement = placements2[nextIndex];
-            if (nextPlacement) {
-              var _overflowsData$, ignoreCrossAxisOverflow = checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : !1, hasInitialMainAxisOverflow = ((_overflowsData$ = overflowsData[0]) == null ? void 0 : _overflowsData$.overflows[0]) > 0;
-              if (!ignoreCrossAxisOverflow || hasInitialMainAxisOverflow)
-                return {
-                  data: {
-                    index: nextIndex,
-                    overflows: overflowsData
-                  },
-                  reset: {
-                    placement: nextPlacement
-                  }
-                };
-            }
-            var resetPlacement = (_overflowsData$filter = overflowsData.filter(function(d) {
-              return d.overflows[0] <= 0;
-            }).sort(function(a, b) {
-              return a.overflows[1] - b.overflows[1];
-            })[0]) == null ? void 0 : _overflowsData$filter.placement;
-            if (!resetPlacement)
-              switch (fallbackStrategy) {
-                case "bestFit": {
-                  var _overflowsData$filter2, placement1 = (_overflowsData$filter2 = overflowsData.filter(function(d) {
-                    if (hasFallbackAxisSideDirection) {
-                      var currentSideAxis = getSideAxis(d.placement);
-                      return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
-                      // reading directions favoring greater width.
-                      currentSideAxis === "y";
-                    }
-                    return !0;
-                  }).map(function(d) {
-                    return [
-                      d.placement,
-                      d.overflows.filter(function(overflow2) {
-                        return overflow2 > 0;
-                      }).reduce(function(acc, overflow2) {
-                        return acc + overflow2;
-                      }, 0)
-                    ];
-                  }).sort(function(a, b) {
-                    return a[1] - b[1];
-                  })[0]) == null ? void 0 : _overflowsData$filter2[0];
-                  placement1 && (resetPlacement = placement1);
-                  break;
-                }
-                case "initialPlacement":
-                  resetPlacement = initialPlacement;
-                  break;
-              }
-            if (placement !== resetPlacement)
-              return {
-                reset: {
-                  placement: resetPlacement
-                }
-              };
-          }
-          return {};
-        }
-      };
-    };
-    hide2 = function(options) {
-      return options === void 0 && (options = {}), {
-        name: "hide",
-        options,
-        async fn(state) {
-          var { rects } = state, { strategy = "referenceHidden", ...detectOverflowOptions } = evaluate(options, state);
-          switch (strategy) {
-            case "referenceHidden": {
-              var overflow = await detectOverflow2(state, {
-                ...detectOverflowOptions,
-                elementContext: "reference"
-              }), offsets = getSideOffsets(overflow, rects.reference);
-              return {
-                data: {
-                  referenceHiddenOffsets: offsets,
-                  referenceHidden: isAnySideFullyClipped(offsets)
-                }
-              };
-            }
-            case "escaped": {
-              var overflow1 = await detectOverflow2(state, {
-                ...detectOverflowOptions,
-                altBoundary: !0
-              }), offsets1 = getSideOffsets(overflow1, rects.floating);
-              return {
-                data: {
-                  escapedOffsets: offsets1,
-                  escaped: isAnySideFullyClipped(offsets1)
-                }
-              };
-            }
-            default:
-              return {};
-          }
-        }
-      };
-    };
-    inline2 = function(options) {
-      return options === void 0 && (options = {}), {
-        name: "inline",
-        options,
-        async fn(state) {
-          var { placement, elements, rects, platform: platform2, strategy } = state, { padding = 2, x, y } = evaluate(options, state), nativeClientRects = Array.from(await (platform2.getClientRects == null ? void 0 : platform2.getClientRects(elements.reference)) || []), clientRects = getRectsByLine(nativeClientRects), fallback = rectToClientRect(getBoundingRect(nativeClientRects)), paddingObject = getPaddingObject(padding);
-          function getBoundingClientRect() {
-            if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null)
-              return clientRects.find(function(rect) {
-                return x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.top && y < rect.bottom + paddingObject.bottom;
-              }) || fallback;
-            if (clientRects.length >= 2) {
-              if (getSideAxis(placement) === "y") {
-                var firstRect = clientRects[0], lastRect = clientRects[clientRects.length - 1], isTop = getSide(placement) === "top", top = firstRect.top, bottom = lastRect.bottom, left = isTop ? firstRect.left : lastRect.left, right = isTop ? firstRect.right : lastRect.right, width = right - left, height = bottom - top;
-                return {
-                  top,
-                  bottom,
-                  left,
-                  right,
-                  width,
-                  height,
-                  x: left,
-                  y: top
-                };
-              }
-              var isLeftSide = getSide(placement) === "left", maxRight = max(...clientRects.map(function(rect) {
-                return rect.right;
-              })), minLeft = min(...clientRects.map(function(rect) {
-                return rect.left;
-              })), measureRects = clientRects.filter(function(rect) {
-                return isLeftSide ? rect.left === minLeft : rect.right === maxRight;
-              }), top1 = measureRects[0].top, bottom1 = measureRects[measureRects.length - 1].bottom, left1 = minLeft, right1 = maxRight, width1 = right1 - left1, height1 = bottom1 - top1;
-              return {
-                top: top1,
-                bottom: bottom1,
-                left: left1,
-                right: right1,
-                width: width1,
-                height: height1,
-                x: left1,
-                y: top1
-              };
-            }
-            return fallback;
-          }
-          var resetRects = await platform2.getElementRects({
-            reference: {
-              getBoundingClientRect
-            },
-            floating: elements.floating,
-            strategy
-          });
-          return rects.reference.x !== resetRects.reference.x || rects.reference.y !== resetRects.reference.y || rects.reference.width !== resetRects.reference.width || rects.reference.height !== resetRects.reference.height ? {
-            reset: {
-              rects: resetRects
-            }
-          } : {};
-        }
-      };
-    };
-    offset2 = function(options) {
-      return options === void 0 && (options = 0), {
-        name: "offset",
-        options,
-        async fn(state) {
-          var _middlewareData$offse, _middlewareData$arrow, { x, y, placement, middlewareData } = state, diffCoords = await convertValueToCoords(state, options);
-          return placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset ? {} : {
-            x: x + diffCoords.x,
-            y: y + diffCoords.y,
-            data: {
-              ...diffCoords,
-              placement
-            }
-          };
-        }
-      };
-    }, shift2 = function(options) {
-      return options === void 0 && (options = {}), {
-        name: "shift",
-        options,
-        async fn(state) {
-          var { x, y, placement } = state, { mainAxis: checkMainAxis = !0, crossAxis: checkCrossAxis = !1, limiter = {
-            fn: function(_ref) {
-              var { x: x2, y: y2 } = _ref;
-              return {
-                x: x2,
-                y: y2
-              };
-            }
-          }, ...detectOverflowOptions } = evaluate(options, state), coords = {
-            x,
-            y
-          }, overflow = await detectOverflow2(state, detectOverflowOptions), crossAxis = getSideAxis(getSide(placement)), mainAxis = getOppositeAxis(crossAxis), mainAxisCoord = coords[mainAxis], crossAxisCoord = coords[crossAxis];
-          if (checkMainAxis) {
-            var minSide = mainAxis === "y" ? "top" : "left", maxSide = mainAxis === "y" ? "bottom" : "right", min2 = mainAxisCoord + overflow[minSide], max2 = mainAxisCoord - overflow[maxSide];
-            mainAxisCoord = clamp(min2, mainAxisCoord, max2);
-          }
-          if (checkCrossAxis) {
-            var minSide1 = crossAxis === "y" ? "top" : "left", maxSide1 = crossAxis === "y" ? "bottom" : "right", min1 = crossAxisCoord + overflow[minSide1], max1 = crossAxisCoord - overflow[maxSide1];
-            crossAxisCoord = clamp(min1, crossAxisCoord, max1);
-          }
-          var limitedCoords = limiter.fn({
-            ...state,
-            [mainAxis]: mainAxisCoord,
-            [crossAxis]: crossAxisCoord
-          });
-          return {
-            ...limitedCoords,
-            data: {
-              x: limitedCoords.x - x,
-              y: limitedCoords.y - y,
-              enabled: {
-                [mainAxis]: checkMainAxis,
-                [crossAxis]: checkCrossAxis
-              }
-            }
-          };
-        }
-      };
-    }, limitShift2 = function(options) {
-      return options === void 0 && (options = {}), {
-        options,
-        fn(state) {
-          var { x, y, placement, rects, middlewareData } = state, { offset: offset4 = 0, mainAxis: checkMainAxis = !0, crossAxis: checkCrossAxis = !0 } = evaluate(options, state), coords = {
-            x,
-            y
-          }, crossAxis = getSideAxis(placement), mainAxis = getOppositeAxis(crossAxis), mainAxisCoord = coords[mainAxis], crossAxisCoord = coords[crossAxis], rawOffset = evaluate(offset4, state), computedOffset = typeof rawOffset == "number" ? {
-            mainAxis: rawOffset,
-            crossAxis: 0
-          } : {
-            mainAxis: 0,
-            crossAxis: 0,
-            ...rawOffset
-          };
-          if (checkMainAxis) {
-            var len = mainAxis === "y" ? "height" : "width", limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis, limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;
-            mainAxisCoord < limitMin ? mainAxisCoord = limitMin : mainAxisCoord > limitMax && (mainAxisCoord = limitMax);
-          }
-          if (checkCrossAxis) {
-            var _middlewareData$offse, _middlewareData$offse2, len1 = mainAxis === "y" ? "width" : "height", isOriginSide = [
-              "top",
-              "left"
-            ].includes(getSide(placement)), limitMin1 = rects.reference[crossAxis] - rects.floating[len1] + (isOriginSide && ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0) + (isOriginSide ? 0 : computedOffset.crossAxis), limitMax1 = rects.reference[crossAxis] + rects.reference[len1] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);
-            crossAxisCoord < limitMin1 ? crossAxisCoord = limitMin1 : crossAxisCoord > limitMax1 && (crossAxisCoord = limitMax1);
-          }
-          return {
-            [mainAxis]: mainAxisCoord,
-            [crossAxis]: crossAxisCoord
-          };
-        }
-      };
-    }, size2 = function(options) {
-      return options === void 0 && (options = {}), {
-        name: "size",
-        options,
-        async fn(state) {
-          var _state$middlewareData, _state$middlewareData2, { placement, rects, platform: platform2, elements } = state, { apply = function() {
-          }, ...detectOverflowOptions } = evaluate(options, state), overflow = await detectOverflow2(state, detectOverflowOptions), side = getSide(placement), alignment = getAlignment(placement), isYAxis = getSideAxis(placement) === "y", { width, height } = rects.floating, heightSide, widthSide;
-          side === "top" || side === "bottom" ? (heightSide = side, widthSide = alignment === (await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)) ? "start" : "end") ? "left" : "right") : (widthSide = side, heightSide = alignment === "end" ? "top" : "bottom");
-          var maximumClippingHeight = height - overflow.top - overflow.bottom, maximumClippingWidth = width - overflow.left - overflow.right, overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight), overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth), noShift = !state.middlewareData.shift, availableHeight = overflowAvailableHeight, availableWidth = overflowAvailableWidth;
-          if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x && (availableWidth = maximumClippingWidth), (_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y && (availableHeight = maximumClippingHeight), noShift && !alignment) {
-            var xMin = max(overflow.left, 0), xMax = max(overflow.right, 0), yMin = max(overflow.top, 0), yMax = max(overflow.bottom, 0);
-            isYAxis ? availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right)) : availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
-          }
-          await apply({
-            ...state,
-            availableWidth,
-            availableHeight
-          });
-          var nextDimensions = await platform2.getDimensions(elements.floating);
-          return width !== nextDimensions.width || height !== nextDimensions.height ? {
-            reset: {
-              rects: !0
-            }
-          } : {};
-        }
-      };
-    };
-  }
-});
-
-// ../../../node_modules/@floating-ui/react-native/dist/floating-ui.react-native.js
-var require_floating_ui_react_native = __commonJS({
-  "../../../node_modules/@floating-ui/react-native/dist/floating-ui.react-native.js"(exports2) {
-    "use strict";
-    var core = (init_floating_ui_core_esm(), __toCommonJS(floating_ui_core_esm_exports)), React4 = require("react"), reactNative = require("react-native");
-    function _interopNamespaceDefault(e) {
-      var n = /* @__PURE__ */ Object.create(null);
-      return e && Object.keys(e).forEach(function(k) {
-        if (k !== "default") {
-          var d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: !0,
-            get: function() {
-              return e[k];
-            }
-          });
-        }
-      }), n.default = e, Object.freeze(n);
-    }
-    var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React4), ORIGIN$1 = {
-      x: 0,
-      y: 0
-    }, isAndroid = reactNative.Platform.OS === "android";
-    function isView(reference) {
-      return "measure" in reference;
-    }
-    var createPlatform = function(_ref) {
-      var { offsetParent, sameScrollView = !0, scrollOffsets = ORIGIN$1 } = _ref;
-      return {
-        getElementRects(_ref2) {
-          var { reference, floating } = _ref2;
-          return new Promise(function(resolve) {
-            var onMeasure = function(offsetX, offsetY) {
-              offsetX === void 0 && (offsetX = 0), offsetY === void 0 && (offsetY = 0), floating.measure(function(x, y, width, height) {
-                var floatingRect = {
-                  width,
-                  height,
-                  ...ORIGIN$1
-                }, method = sameScrollView ? "measure" : "measureInWindow";
-                if (isView(reference))
-                  reference[method](function(x2, y2, width2, height2) {
-                    y2 = isAndroid && !sameScrollView && reactNative.StatusBar.currentHeight ? y2 + reactNative.StatusBar.currentHeight : y2;
-                    var referenceRect2 = {
-                      width: width2,
-                      height: height2,
-                      x: x2 - offsetX,
-                      y: y2 - offsetY
-                    };
-                    resolve({
-                      reference: referenceRect2,
-                      floating: floatingRect
-                    });
-                  });
-                else {
-                  var boundingRect = reference.getBoundingClientRect(), referenceRect = {
-                    width: boundingRect.width,
-                    height: boundingRect.height,
-                    x: boundingRect.x - offsetX,
-                    y: boundingRect.y - offsetY
-                  };
-                  resolve({
-                    reference: referenceRect,
-                    floating: floatingRect
-                  });
-                }
-              });
-            };
-            offsetParent ? offsetParent.measure(onMeasure) : onMeasure();
-          });
-        },
-        getClippingRect() {
-          var { width: windowWidth, height: windowHeight } = reactNative.Dimensions.get("window"), { height: screenHeight } = reactNative.Dimensions.get("screen"), statusBarHeight = reactNative.StatusBar.currentHeight || 0, navigationBarHeight = isAndroid ? screenHeight - windowHeight - statusBarHeight : 0;
-          return Promise.resolve({
-            width: windowWidth,
-            height: screenHeight - navigationBarHeight,
-            ...sameScrollView ? scrollOffsets : ORIGIN$1
-          });
-        },
-        convertOffsetParentRelativeRectToViewportRelativeRect(_ref3) {
-          var { rect } = _ref3;
-          return new Promise(function(resolve) {
-            var onMeasure = function(offsetX, offsetY) {
-              offsetX === void 0 && (offsetX = 0), offsetY === void 0 && (offsetY = 0), resolve({
-                ...rect,
-                x: rect.x + offsetX,
-                y: rect.y + offsetY
-              });
-            };
-            offsetParent ? offsetParent.measure(onMeasure) : onMeasure();
-          });
-        },
-        getDimensions: function(element) {
-          return new Promise(function(resolve) {
-            return element.measure(function(x, y, width, height) {
-              return resolve({
-                width,
-                height
-              });
-            });
-          });
-        }
-      };
-    };
-    function deepEqual(a, b) {
-      if (a === b)
-        return !0;
-      if (typeof a != typeof b)
-        return !1;
-      if (typeof a == "function" && a.toString() === b.toString())
-        return !0;
-      var length, i, keys;
-      if (a && b && typeof a == "object") {
-        if (Array.isArray(a)) {
-          if (length = a.length, length !== b.length) return !1;
-          for (i = length; i-- !== 0; )
-            if (!deepEqual(a[i], b[i]))
-              return !1;
-          return !0;
-        }
-        if (keys = Object.keys(a), length = keys.length, length !== Object.keys(b).length)
-          return !1;
-        for (i = length; i-- !== 0; )
-          if (!{}.hasOwnProperty.call(b, keys[i]))
-            return !1;
-        for (i = length; i-- !== 0; ) {
-          var key = keys[i];
-          if (!(key === "_owner" && a.$$typeof) && !deepEqual(a[key], b[key]))
-            return !1;
-        }
-        return !0;
-      }
-      return a !== a && b !== b;
-    }
-    var ORIGIN = {
-      x: 0,
-      y: 0
-    };
-    function useFloating2(options) {
-      options === void 0 && (options = {});
-      var { placement = "bottom", middleware = [], sameScrollView = !0, elements: { reference: externalReference, floating: externalFloating, offsetParent: externalOffsetParent } = {} } = options, [_reference, _setReference] = React__namespace.useState(null), [_floating, _setFloating] = React__namespace.useState(null), [_offsetParent, _setOffsetParent] = React__namespace.useState(null), referenceEl = externalReference || _reference, floatingEl = externalFloating || _floating, offsetParentEl = externalOffsetParent || _offsetParent, setReference = React__namespace.useCallback(function(node) {
-        node !== referenceRef.current && (referenceRef.current = node, _setReference(node));
-      }, []), setFloating = React__namespace.useCallback(function(node) {
-        node !== floatingRef.current && (floatingRef.current = node, _setFloating(node));
-      }, []), setOffsetParent = React__namespace.useCallback(function(node) {
-        node !== offsetParentRef.current && (offsetParentRef.current = node, _setOffsetParent(node));
-      }, []), referenceRef = React__namespace.useRef(null), floatingRef = React__namespace.useRef(null), offsetParentRef = React__namespace.useRef(null), [data, setData] = React__namespace.useState({
-        x: 0,
-        y: 0,
-        placement,
-        strategy: "absolute",
-        middlewareData: {}
-      }), [scrollOffsets, setScrollOffsets] = React__namespace.useState(ORIGIN), [latestMiddleware, setLatestMiddleware] = React__namespace.useState(middleware);
-      deepEqual(latestMiddleware, middleware) || setLatestMiddleware(middleware);
-      var platform2 = React__namespace.useMemo(function() {
-        return createPlatform({
-          offsetParent: offsetParentEl,
-          scrollOffsets,
-          sameScrollView
-        });
-      }, [
-        offsetParentEl,
-        scrollOffsets,
-        sameScrollView
-      ]), update = React__namespace.useCallback(function() {
-        !referenceRef.current || !floatingRef.current || core.computePosition(referenceRef.current, floatingRef.current, {
-          middleware: latestMiddleware,
-          platform: platform2,
-          placement
-        }).then(function(data2) {
-          isMountedRef.current && setData(data2);
-        });
-      }, [
-        latestMiddleware,
-        platform2,
-        placement
-      ]);
-      React__namespace.useLayoutEffect(function() {
-        referenceEl && (referenceRef.current = referenceEl), floatingEl && (floatingRef.current = floatingEl), offsetParentEl && (offsetParentRef.current = offsetParentEl);
-        var frame = requestAnimationFrame(update);
-        return function() {
-          cancelAnimationFrame(frame);
-        };
-      }, [
-        referenceEl,
-        floatingEl,
-        offsetParentEl,
-        update
-      ]);
-      var isMountedRef = React__namespace.useRef(!0);
-      React__namespace.useLayoutEffect(function() {
-        return isMountedRef.current = !0, function() {
-          isMountedRef.current = !1;
-        };
-      }, []);
-      var refs = React__namespace.useMemo(function() {
-        return {
-          reference: referenceRef,
-          floating: floatingRef,
-          offsetParent: offsetParentRef,
-          setReference,
-          setFloating,
-          setOffsetParent
-        };
-      }, [
-        setReference,
-        setFloating,
-        setOffsetParent
-      ]), elements = React__namespace.useMemo(function() {
-        return {
-          reference: referenceEl,
-          floating: floatingEl,
-          offsetParent: offsetParentEl
-        };
-      }, [
-        referenceEl,
-        floatingEl,
-        offsetParentEl
-      ]), floatingStyles = React__namespace.useMemo(function() {
-        return elements.floating ? {
-          position: "absolute",
-          left: data.x,
-          top: data.y
-        } : {
-          position: "absolute",
-          left: 0,
-          top: 0
-        };
-      }, [
-        elements.floating,
-        data.x,
-        data.y
-      ]);
-      return React__namespace.useMemo(function() {
-        return {
-          ...data,
-          update,
-          refs,
-          elements,
-          floatingStyles,
-          offsetParent: setOffsetParent,
-          reference: setReference,
-          floating: setFloating,
-          scrollProps: {
-            onScroll: function(event) {
-              return setScrollOffsets(event.nativeEvent.contentOffset);
-            },
-            scrollEventThrottle: 16
-          }
-        };
-      }, [
-        data,
-        refs,
-        elements,
-        floatingStyles,
-        setReference,
-        setFloating,
-        setOffsetParent,
-        update
-      ]);
-    }
-    var arrow$1 = function(options) {
-      function isRef(value) {
-        return {}.hasOwnProperty.call(value, "current");
-      }
-      return {
-        name: "arrow",
-        options,
-        fn(state) {
-          var { element, padding } = typeof options == "function" ? options(state) : options;
-          return element && isRef(element) ? element.current != null ? core.arrow({
-            element: element.current,
-            padding
-          }).fn(state) : {} : element ? core.arrow({
-            element,
-            padding
-          }).fn(state) : {};
-        }
-      };
-    }, offset4 = function(options, deps) {
-      return {
-        ...core.offset(options),
-        options: [
-          options,
-          deps
-        ]
-      };
-    }, shift4 = function(options, deps) {
-      return {
-        ...core.shift(options),
-        options: [
-          options,
-          deps
-        ]
-      };
-    }, limitShift4 = function(options, deps) {
-      return {
-        ...core.limitShift(options),
-        options: [
-          options,
-          deps
-        ]
-      };
-    }, flip4 = function(options, deps) {
-      return {
-        ...core.flip(options),
-        options: [
-          options,
-          deps
-        ]
-      };
-    }, size4 = function(options, deps) {
-      return {
-        ...core.size(options),
-        options: [
-          options,
-          deps
-        ]
-      };
-    }, autoPlacement4 = function(options, deps) {
-      return {
-        ...core.autoPlacement(options),
-        options: [
-          options,
-          deps
-        ]
-      };
-    }, hide4 = function(options, deps) {
-      return {
-        ...core.hide(options),
-        options: [
-          options,
-          deps
-        ]
-      };
-    }, inline4 = function(options, deps) {
-      return {
-        ...core.inline(options),
-        options: [
-          options,
-          deps
-        ]
-      };
-    }, arrow3 = function(options, deps) {
-      return {
-        ...arrow$1(options),
-        options: [
-          options,
-          deps
-        ]
-      };
-    };
-    Object.defineProperty(exports2, "detectOverflow", {
-      enumerable: !0,
-      get: function() {
-        return core.detectOverflow;
-      }
-    });
-    exports2.arrow = arrow3;
-    exports2.autoPlacement = autoPlacement4;
-    exports2.flip = flip4;
-    exports2.hide = hide4;
-    exports2.inline = inline4;
-    exports2.limitShift = limitShift4;
-    exports2.offset = offset4;
-    exports2.shift = shift4;
-    exports2.size = size4;
-    exports2.useFloating = useFloating2;
-  }
-});
-
 // ../../core/floating/dist/cjs/Floating.native.js
 var require_Floating_native = __commonJS({
   "../../core/floating/dist/cjs/Floating.native.js"(exports2, module2) {
@@ -24446,7 +23411,7 @@ var require_Floating_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Floating_native_exports);
-    __reExport2(Floating_native_exports, require_floating_ui_react_native(), module2.exports);
+    __reExport2(Floating_native_exports, require_fake_react_native(), module2.exports);
     var autoUpdate2 = function() {
     }, platform2 = null;
   }
@@ -24682,7 +23647,7 @@ var require_Popper_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Popper_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_get_token2 = require_index_native20(), import_stacks3 = require_index_native22(), import_start_transition = require_index_native9(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), PopperContext = (0, import_core12.createStyledContext)({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext, checkFloating = {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_get_token2 = require_index_native20(), import_stacks3 = require_index_native22(), import_start_transition = require_index_native9(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), PopperContext = (0, import_core12.createStyledContext)({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext, checkFloating = {
       name: "checkFloating",
       fn(data) {
         return {
@@ -24696,7 +23661,7 @@ var require_Popper_native = __commonJS({
       Object.assign(setupOptions, options);
     }
     function Popper(props) {
-      var _middlewareData_checkFloating, { children, size: size4, strategy = "absolute", placement = "bottom", stayInFrame, allowFlip, offset: offset4, disableRTL, resize, __scopePopper } = props, [arrowEl, setArrow] = React4.useState(null), [arrowSize, setArrowSize] = React4.useState(0), offsetOptions = offset4 ?? arrowSize, floatingStyle = React4.useRef({}), floating = (0, import_floating.useFloating)({
+      var _middlewareData_checkFloating, { children, size: size2, strategy = "absolute", placement = "bottom", stayInFrame, allowFlip, offset: offset2, disableRTL, resize, __scopePopper } = props, [arrowEl, setArrow] = React4.useState(null), [arrowSize, setArrowSize] = React4.useState(0), offsetOptions = offset2 ?? arrowSize, floatingStyle = React4.useRef({}), floating = (0, import_floating.useFloating)({
         strategy,
         placement,
         sameScrollView: !1,
@@ -24739,7 +23704,7 @@ var require_Popper_native = __commonJS({
         keyboardOpen
       ]);
       var popperContext = {
-        size: size4,
+        size: size2,
         arrowRef: setArrow,
         arrowStyle: middlewareData.arrow,
         onArrowSize: setArrowSize,
@@ -24791,7 +23756,7 @@ var require_Popper_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), PopperContent = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopePopper, enableAnimationForPositionChange, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size: size4 } = usePopperContext(__scopePopper), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React4.useState(enableAnimationForPositionChange);
+      var { __scopePopper, enableAnimationForPositionChange, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size: size2 } = usePopperContext(__scopePopper), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React4.useState(enableAnimationForPositionChange);
       (0, import_constants4.useIsomorphicLayoutEffect)(function() {
         x && y && setNeedsMeasure(!1);
       }, [
@@ -24824,7 +23789,7 @@ var require_Popper_native = __commonJS({
           "data-placement": placement,
           "data-strategy": strategy,
           contain: "layout",
-          size: size4,
+          size: size2,
           ...style,
           ...rest
         }, "popper-content-frame")
@@ -24866,25 +23831,25 @@ var require_Popper_native = __commonJS({
       bottom: "top",
       left: "right"
     }, PopperArrow = PopperArrowFrame.styleable(function(propsIn, forwardedRef) {
-      var _context_arrowStyle, _context_arrowStyle1, { __scopePopper, ...rest } = propsIn, props = (0, import_core12.useProps)(rest), { offset: offset4, size: sizeProp, borderWidth = 0, ...arrowProps } = props, context = usePopperContext(__scopePopper), sizeVal = typeof sizeProp == "number" ? sizeProp : (0, import_core12.getVariableValue)((0, import_get_token2.getSpace)(sizeProp ?? context.size, {
+      var _context_arrowStyle, _context_arrowStyle1, { __scopePopper, ...rest } = propsIn, props = (0, import_core12.useProps)(rest), { offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props, context = usePopperContext(__scopePopper), sizeVal = typeof sizeProp == "number" ? sizeProp : (0, import_core12.getVariableValue)((0, import_get_token2.getSpace)(sizeProp ?? context.size, {
         shift: -2,
         bounds: [
           2
         ]
-      })), size4 = Math.max(0, +sizeVal), { placement } = context, refs = (0, import_compose_refs.useComposedRefs)(context.arrowRef, forwardedRef), x = ((_context_arrowStyle = context.arrowStyle) === null || _context_arrowStyle === void 0 ? void 0 : _context_arrowStyle.x) || 0, y = ((_context_arrowStyle1 = context.arrowStyle) === null || _context_arrowStyle1 === void 0 ? void 0 : _context_arrowStyle1.y) || 0, primaryPlacement = placement ? placement.split("-")[0] : "top", arrowStyle = {
+      })), size2 = Math.max(0, +sizeVal), { placement } = context, refs = (0, import_compose_refs.useComposedRefs)(context.arrowRef, forwardedRef), x = ((_context_arrowStyle = context.arrowStyle) === null || _context_arrowStyle === void 0 ? void 0 : _context_arrowStyle.x) || 0, y = ((_context_arrowStyle1 = context.arrowStyle) === null || _context_arrowStyle1 === void 0 ? void 0 : _context_arrowStyle1.y) || 0, primaryPlacement = placement ? placement.split("-")[0] : "top", arrowStyle = {
         x,
         y,
-        width: size4,
-        height: size4
+        width: size2,
+        height: size2
       }, innerArrowStyle = {}, isVertical = primaryPlacement === "bottom" || primaryPlacement === "top";
       if (primaryPlacement) {
-        arrowStyle[isVertical ? "width" : "height"] = size4 * 2;
+        arrowStyle[isVertical ? "width" : "height"] = size2 * 2;
         var oppSide = opposites[primaryPlacement];
-        oppSide && (arrowStyle[oppSide] = -size4, innerArrowStyle[oppSide] = size4 / 2), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        oppSide && (arrowStyle[oppSide] = -size2, innerArrowStyle[oppSide] = size2 / 2), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
           var _context_onArrowSize;
-          (_context_onArrowSize = context.onArrowSize) === null || _context_onArrowSize === void 0 || _context_onArrowSize.call(context, size4);
+          (_context_onArrowSize = context.onArrowSize) === null || _context_onArrowSize === void 0 || _context_onArrowSize.call(context, size2);
         }, [
-          size4,
+          size2,
           context.onArrowSize
         ]);
       }
@@ -24892,8 +23857,8 @@ var require_Popper_native = __commonJS({
         ref: refs,
         ...arrowStyle,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperArrowFrame, {
-          width: size4,
-          height: size4,
+          width: size2,
+          height: size2,
           ...arrowProps,
           ...innerArrowStyle,
           rotate: "45deg",
@@ -25096,7 +24061,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_native29(), import_animate = require_index_native55(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_popper = require_index_native57(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_scroll_view = require_index_native35(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native27(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_useFloatingContext = require_useFloatingContext_native(), POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core12.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native29(), import_animate = require_index_native55(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_popper = require_index_native57(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_scroll_view = require_index_native35(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native27(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_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() {
@@ -25320,7 +24285,8 @@ var require_Popover_native = __commonJS({
       Close: PopoverClose,
       Adapt: import_adapt.Adapt,
       ScrollView: PopoverScrollView,
-      Sheet: import_sheet.Sheet.Controlled
+      Sheet: import_sheet.Sheet.Controlled,
+      FocusScope: import_focus_scope.FocusScopeController
     }), 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,
@@ -25557,8 +24523,8 @@ var require_Progress_native = __commonJS({
         animation: context.width ? animation : null
       });
     });
-    function defaultGetValueLabel(value, max2) {
-      return `${Math.round(value / max2 * 100)}%`;
+    function defaultGetValueLabel(value, max) {
+      return `${Math.round(value / max * 100)}%`;
     }
     function getProgressState(value, maxValue) {
       return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
@@ -25566,11 +24532,11 @@ var require_Progress_native = __commonJS({
     function isNumber(value) {
       return typeof value == "number";
     }
-    function isValidMaxNumber(max2) {
-      return isNumber(max2) && !Number.isNaN(max2) && max2 > 0;
+    function isValidMaxNumber(max) {
+      return isNumber(max) && !Number.isNaN(max) && max > 0;
     }
-    function isValidValueNumber(value, max2) {
-      return isNumber(value) && !Number.isNaN(value) && value <= max2 && value >= 0;
+    function isValidValueNumber(value, max) {
+      return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
     }
     var DEFAULT_MAX = 100, ProgressFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "Progress",
@@ -25584,10 +24550,10 @@ var require_Progress_native = __commonJS({
         },
         size: {
           "...size": function(val) {
-            var size4 = Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) * 0.25);
+            var size2 = Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) * 0.25);
             return {
-              height: size4,
-              minWidth: (0, import_core12.getVariableValue)(size4) * 20,
+              height: size2,
+              minWidth: (0, import_core12.getVariableValue)(size2) * 20,
               width: "100%"
             };
           }
@@ -25603,26 +24569,26 @@ var require_Progress_native = __commonJS({
         value: valueProp,
         max: maxProp,
         getValueLabel = defaultGetValueLabel,
-        size: size4 = "$true",
+        size: size2 = "$true",
         ...progressProps
-      } = props, max2 = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX, value = isValidValueNumber(valueProp, max2) ? valueProp : null, valueLabel = isNumber(value) ? getValueLabel(value, max2) : void 0, [width, setWidth] = React4.useState(0);
+      } = props, max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX, value = isValidValueNumber(valueProp, max) ? valueProp : null, valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0, [width, setWidth] = React4.useState(0);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProgressProvider, {
         scope: __scopeProgress,
         value,
-        max: max2,
+        max,
         width,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProgressFrame, {
-          "aria-valuemax": max2,
+          "aria-valuemax": max,
           "aria-valuemin": 0,
           "aria-valuenow": isNumber(value) ? value : void 0,
           "aria-valuetext": valueLabel,
           // @ts-ignore
           role: "progressbar",
-          "data-state": getProgressState(value, max2),
+          "data-state": getProgressState(value, max),
           "data-value": value ?? void 0,
-          "data-max": max2,
+          "data-max": max,
           ...progressProps.unstyled !== !0 && {
-            size: size4
+            size: size2
           },
           ...progressProps,
           onLayout: function(e) {
@@ -25779,10 +24745,10 @@ var require_RadioGroup_native = __commonJS({
         },
         size: {
           "...size": function(value, param) {
-            var { props } = param, _props_scaleSize, size4 = Math.floor((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(value)) * ((_props_scaleSize = props.scaleSize) !== null && _props_scaleSize !== void 0 ? _props_scaleSize : 0.5));
+            var { props } = param, _props_scaleSize, size2 = Math.floor((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(value)) * ((_props_scaleSize = props.scaleSize) !== null && _props_scaleSize !== void 0 ? _props_scaleSize : 0.5));
             return {
-              width: size4,
-              height: size4
+              width: size2,
+              height: size2
             };
           }
         }
@@ -26016,7 +24982,7 @@ var require_useRadioGroup_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useRadioGroup_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_focusable2 = require_index_native46(), import_helpers = require_index_native7(), import_label = require_index_native47(), import_use_controllable_state = require_index_native10(), import_react3 = require("react"), import_BubbleInput = require_BubbleInput_native2(), import_utils3 = require_utils_native3();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_focusable2 = require_index_native46(), import_helpers = require_index_native7(), import_label = require_index_native47(), import_use_controllable_state = require_index_native10(), import_react3 = require("react"), import_BubbleInput = require_BubbleInput_native2(), import_utils = require_utils_native3();
     function useRadioGroup(params) {
       var { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
@@ -26100,7 +25066,7 @@ var require_useRadioGroup_native = __commonJS({
         }),
         native,
         frameAttrs: {
-          "data-state": (0, import_utils3.getState)(checked),
+          "data-state": (0, import_utils.getState)(checked),
           "data-disabled": isDisabled ? "" : void 0,
           role: "radio",
           "aria-labelledby": labelledBy,
@@ -26139,7 +25105,7 @@ var require_useRadioGroup_native = __commonJS({
       var { radioGroupItemContext, disabled, ...rest } = params, { checked } = (0, import_react3.useContext)(radioGroupItemContext);
       return {
         checked,
-        "data-state": (0, import_utils3.getState)(checked),
+        "data-state": (0, import_utils.getState)(checked),
         "data-disabled": disabled ? "" : void 0,
         ...rest
       };
@@ -27104,7 +26070,7 @@ var require_SelectItem_native = __commonJS({
           ellipse: !0
         },
         ...restProps
-      }), context = (0, import_context.useSelectItemParentContext)(ITEM_NAME, __scopeSelect), { setSelectedIndex, listRef, setOpen, onChange, activeIndexSubscribe, valueSubscribe, allowMouseUpRef, allowSelectRef, setValueAtIndex, selectTimeoutRef, dataRef, interactions, shouldRenderWebNative, size: size4, onActiveChange, initialValue } = context, [isSelected, setSelected] = React4.useState(initialValue === value);
+      }), context = (0, import_context.useSelectItemParentContext)(ITEM_NAME, __scopeSelect), { setSelectedIndex, listRef, setOpen, onChange, activeIndexSubscribe, valueSubscribe, allowMouseUpRef, allowSelectRef, setValueAtIndex, selectTimeoutRef, dataRef, interactions, shouldRenderWebNative, size: size2, onActiveChange, initialValue } = context, [isSelected, setSelected] = React4.useState(initialValue === value);
       React4.useEffect(function() {
         return activeIndexSubscribe(function(i) {
           var isActive = index === i;
@@ -27184,7 +26150,7 @@ var require_SelectItem_native = __commonJS({
             hoverTheme: !0,
             focusTheme: !0,
             cursor: "default",
-            size: size4,
+            size: size2,
             outlineOffset: -0.5,
             focusVisibleStyle: {
               outlineColor: "$outlineColor",
@@ -27627,7 +26593,7 @@ var require_Select_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Select_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_focusable2 = require_index_native46(), import_get_token2 = require_index_native20(), import_helpers = require_index_native7(), import_list_item = require_index_native54(), import_separator = require_index_native63(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_debounce = require_index_native64(), React4 = __toESM2(require("react")), import_context = require_context_native2(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectItemText = require_SelectItemText_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native(), VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core12.styled)(import_text2.SizableText, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native29(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_focus_scope = require_index_native33(), import_focusable2 = require_index_native46(), import_get_token2 = require_index_native20(), import_helpers = require_index_native7(), import_list_item = require_index_native54(), import_separator = require_index_native63(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_debounce = require_index_native64(), React4 = __toESM2(require("react")), import_context = require_context_native2(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectItemText = require_SelectItemText_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native(), VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core12.styled)(import_text2.SizableText, {
       name: VALUE_NAME,
       userSelect: "none"
     }), SelectValue = SelectValueFrame.styleable(function(param, forwardedRef) {
@@ -27709,10 +26675,10 @@ var require_Select_native = __commonJS({
         size: "$2"
       }
     }), SelectGroup = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeSelect, ...groupProps } = props, groupId = React4.useId(), context = (0, import_context.useSelectContext)(GROUP_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(GROUP_NAME, __scopeSelect), _itemParentContext_size, size4 = (_itemParentContext_size = itemParentContext.size) !== null && _itemParentContext_size !== void 0 ? _itemParentContext_size : "$true", nativeSelectRef = React4.useRef(null), content = function() {
+      var { __scopeSelect, ...groupProps } = props, groupId = React4.useId(), context = (0, import_context.useSelectContext)(GROUP_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(GROUP_NAME, __scopeSelect), _itemParentContext_size, size2 = (_itemParentContext_size = itemParentContext.size) !== null && _itemParentContext_size !== void 0 ? _itemParentContext_size : "$true", nativeSelectRef = React4.useRef(null), content = function() {
         return itemParentContext.shouldRenderWebNative ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NativeSelectFrame, {
           asChild: !0,
-          size: size4,
+          size: size2,
           // @ts-expect-error until we support typing based on tag
           value: context.value,
           id: itemParentContext.id,
@@ -27721,7 +26687,7 @@ var require_Select_native = __commonJS({
             onChange: function(event) {
               itemParentContext.onChange(event.currentTarget.value);
             },
-            size: size4,
+            size: size2,
             ref: nativeSelectRef,
             style: {
               color: "var(--color)",
@@ -27798,7 +26764,8 @@ var require_Select_native = __commonJS({
       Trigger: import_SelectTrigger.SelectTrigger,
       Value: SelectValue,
       Viewport: import_SelectViewport.SelectViewport,
-      Sheet: import_sheet.Sheet.Controlled
+      Sheet: import_sheet.Sheet.Controlled,
+      FocusScope: import_focus_scope.FocusScopeController
     });
     function useEmitter() {
       var listeners = React4.useRef();
@@ -28139,9 +27106,9 @@ var require_helpers_native3 = __commonJS({
         return a - b;
       });
     }
-    function convertValueToPercentage(value, min2, max2) {
-      var maxSteps = max2 - min2, percentPerStep = 100 / maxSteps;
-      return percentPerStep * (value - min2);
+    function convertValueToPercentage(value, min, max) {
+      var maxSteps = max - min, percentPerStep = 100 / maxSteps;
+      return percentPerStep * (value - min);
     }
     function getLabel(index, totalValues) {
       if (totalValues > 2) return `Value ${index + 1} of ${totalValues}`;
@@ -28158,14 +27125,14 @@ var require_helpers_native3 = __commonJS({
       return distances.indexOf(closestDistance);
     }
     function getThumbInBoundsOffset(width, left, direction) {
-      var quarterWidth = width / 4, halfPercent = 50, offset4 = linearScale([
+      var quarterWidth = width / 4, halfPercent = 50, offset2 = linearScale([
         0,
         halfPercent
       ], [
         0,
         quarterWidth
       ]);
-      return (quarterWidth - offset4(left) * direction) * direction;
+      return (quarterWidth - offset2(left) * direction) * direction;
     }
     function getStepsBetweenValues(values) {
       return values.slice(0, -1).map(function(value, index) {
@@ -28263,14 +27230,14 @@ var require_SliderImpl_native = __commonJS({
         },
         size: function(val, extras) {
           if (val) {
-            var orientation = extras.props.orientation, size5 = Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) / 6);
+            var orientation = extras.props.orientation, size3 = Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) / 6);
             return orientation === "horizontal" ? {
-              height: size5,
-              borderRadius: size5,
+              height: size3,
+              borderRadius: size3,
               justifyContent: "center"
             } : {
-              width: size5,
-              borderRadius: size5,
+              width: size3,
+              borderRadius: size3,
               alignItems: "center"
             };
           }
@@ -28415,7 +27382,7 @@ var require_Slider_native = __commonJS({
       1e3
     ));
     var _setInterval, SliderHorizontal = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { min: min2, max: max2, dir, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props, direction = (0, import_use_direction.useDirection)(dir), isDirectionLTR = direction === "ltr", sliderRef = React4.useRef(null), [state, setState_] = React4.useState(function() {
+      var { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props, direction = (0, import_use_direction.useDirection)(dir), isDirectionLTR = direction === "ltr", sliderRef = React4.useRef(null), [state, setState_] = React4.useState(function() {
         return {
           size: 0,
           offset: 0
@@ -28426,11 +27393,11 @@ var require_Slider_native = __commonJS({
           0,
           state.size
         ], output = isDirectionLTR ? [
-          min2,
-          max2
+          min,
+          max
         ] : [
-          max2,
-          min2
+          max,
+          min
         ], value = (0, import_helpers3.linearScale)(input, output);
         return value(pointerPosition);
       }
@@ -28513,7 +27480,7 @@ var require_Slider_native = __commonJS({
       }, []);
     }
     var SliderVertical = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { min: min2, max: max2, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props, [state, setState_] = React4.useState(function() {
+      var { min, max, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props, [state, setState_] = React4.useState(function() {
         return {
           size: 0,
           offset: 0
@@ -28524,8 +27491,8 @@ var require_Slider_native = __commonJS({
           0,
           state.size
         ], output = [
-          max2,
-          min2
+          max,
+          min
         ], value = (0, import_helpers3.linearScale)(input, output);
         return value(pointerPosition);
       }
@@ -28634,14 +27601,14 @@ var require_Slider_native = __commonJS({
     });
     SliderTrackActive.displayName = RANGE_NAME;
     var getThumbSize = function(val) {
-      var tokens = (0, import_core12.getTokens)(), size4 = typeof val == "number" ? val : (0, import_get_token2.getSize)(tokens.size[val], {
+      var tokens = (0, import_core12.getTokens)(), size2 = typeof val == "number" ? val : (0, import_get_token2.getSize)(tokens.size[val], {
         shift: -1
       });
       return {
-        width: size4,
-        height: size4,
-        minWidth: size4,
-        minHeight: size4
+        width: size2,
+        height: size2,
+        minWidth: size2,
+        minHeight: size2
       };
     }, SliderThumbFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "SliderThumb",
@@ -28665,10 +27632,10 @@ var require_Slider_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), SliderThumb = SliderThumbFrame.styleable(function(props, forwardedRef) {
-      var { __scopeSlider, index, circular, size: sizeProp, ...thumbProps } = props, context = (0, import_constants22.useSliderContext)(__scopeSlider), orientation = (0, import_constants22.useSliderOrientationContext)(__scopeSlider), [thumb, setThumb] = React4.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, setThumb), value = context.values[index], percent = value === void 0 ? 0 : (0, import_helpers3.convertValueToPercentage)(value, context.min, context.max), label = (0, import_helpers3.getLabel)(index, context.values.length), _ref, sizeIn = (_ref = sizeProp ?? context.size) !== null && _ref !== void 0 ? _ref : "$true", [size4, setSize] = React4.useState(function() {
+      var { __scopeSlider, index, circular, size: sizeProp, ...thumbProps } = props, context = (0, import_constants22.useSliderContext)(__scopeSlider), orientation = (0, import_constants22.useSliderOrientationContext)(__scopeSlider), [thumb, setThumb] = React4.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, setThumb), value = context.values[index], percent = value === void 0 ? 0 : (0, import_helpers3.convertValueToPercentage)(value, context.min, context.max), label = (0, import_helpers3.getLabel)(index, context.values.length), _ref, sizeIn = (_ref = sizeProp ?? context.size) !== null && _ref !== void 0 ? _ref : "$true", [size2, setSize] = React4.useState(function() {
         var estimatedSize = (0, import_core12.getVariableValue)(getThumbSize(sizeIn).width);
         return estimatedSize;
-      }), thumbInBoundsOffset = size4 ? (0, import_helpers3.getThumbInBoundsOffset)(size4, percent, orientation.direction) : 0;
+      }), thumbInBoundsOffset = size2 ? (0, import_helpers3.getThumbInBoundsOffset)(size2, percent, orientation.direction) : 0;
       React4.useEffect(function() {
         if (thumb) return context.thumbs.set(thumb, index), function() {
           context.thumbs.delete(thumb);
@@ -28679,18 +27646,18 @@ var require_Slider_native = __commonJS({
         index
       ]);
       var positionalStyles = context.orientation === "horizontal" ? {
-        x: thumbInBoundsOffset - size4 / 2,
-        y: -size4 / 2,
+        x: thumbInBoundsOffset - size2 / 2,
+        y: -size2 / 2,
         top: "50%",
-        ...size4 === 0 && {
+        ...size2 === 0 && {
           top: "auto",
           bottom: "auto"
         }
       } : {
-        x: -size4 / 2,
-        y: size4 / 2,
+        x: -size2 / 2,
+        y: size2 / 2,
         left: "50%",
-        ...size4 === 0 && {
+        ...size2 === 0 && {
           left: "auto",
           right: "auto"
         }
@@ -28737,8 +27704,8 @@ var require_Slider_native = __commonJS({
         memo: !0
       }
     }), SliderComponent = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { name, min: min2 = 0, max: max2 = 100, step = 1, orientation = "horizontal", disabled = !1, minStepsBetweenThumbs = 0, defaultValue = [
-        min2
+      var { name, min = 0, max = 100, step = 1, orientation = "horizontal", disabled = !1, minStepsBetweenThumbs = 0, defaultValue = [
+        min
       ], value, onValueChange = function() {
       }, size: sizeProp, onSlideEnd, onSlideMove, onSlideStart, ...sliderProps } = props, sliderRef = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(sliderRef, forwardedRef), thumbRefs = React4.useRef(/* @__PURE__ */ new Map()), valueIndexToChangeRef = React4.useRef(0), isHorizontal = orientation === "horizontal", [values = [], setValues] = (0, import_use_controllable_state.useControllableState)({
         prop: value,
@@ -28785,9 +27752,9 @@ var require_Slider_native = __commonJS({
         updateValues(value2, valueIndexToChangeRef.current), onSlideMove == null || onSlideMove(event, value2);
       }
       function updateValues(value2, atIndex) {
-        var decimalCount = (0, import_helpers3.getDecimalCount)(step), snapToStep = (0, import_helpers3.roundValue)(Math.round((value2 - min2) / step) * step + min2, decimalCount), nextValue = (0, import_helpers2.clamp)(snapToStep, [
-          min2,
-          max2
+        var decimalCount = (0, import_helpers3.getDecimalCount)(step), snapToStep = (0, import_helpers3.roundValue)(Math.round((value2 - min) / step) * step + min, decimalCount), nextValue = (0, import_helpers2.clamp)(snapToStep, [
+          min,
+          max
         ]);
         setValues(function() {
           var prevValues = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], nextValues = (0, import_helpers3.getNextSortedValues)(prevValues, nextValue, atIndex);
@@ -28798,8 +27765,8 @@ var require_Slider_native = __commonJS({
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_constants22.SliderProvider, {
         scope: props.__scopeSlider,
         disabled,
-        min: min2,
-        max: max2,
+        min,
+        max,
         valueIndexToChangeRef,
         thumbs: thumbRefs.current,
         values,
@@ -28810,8 +27777,8 @@ var require_Slider_native = __commonJS({
           "data-disabled": disabled ? "" : void 0,
           ...sliderProps,
           ref: composedRefs,
-          min: min2,
-          max: max2,
+          min,
+          max,
           onSlideEnd,
           onSlideStart: disabled ? void 0 : function(value2, target, event) {
             if (target !== "thumb") {
@@ -28822,10 +27789,10 @@ var require_Slider_native = __commonJS({
           },
           onSlideMove: disabled ? void 0 : handleSlideMove,
           onHomeKeyDown: function() {
-            return !disabled && updateValues(min2, 0);
+            return !disabled && updateValues(min, 0);
           },
           onEndKeyDown: function() {
-            return !disabled && updateValues(max2, values.length - 1);
+            return !disabled && updateValues(max, values.length - 1);
           },
           onStepKeyDown: function(param) {
             var { event, direction: stepDirection } = param;
@@ -29123,10 +28090,10 @@ var require_Switch_native = __commonJS({
         },
         size: {
           "...size": function(val) {
-            var size4 = getSwitchHeight(val);
+            var size2 = getSwitchHeight(val);
             return {
-              height: size4,
-              width: size4
+              height: size2,
+              width: size2
             };
           }
         }
@@ -29235,7 +28202,7 @@ var require_createSwitch_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createSwitch_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native18(), import_focusable2 = require_index_native46(), import_switch_headless = require_index_native67(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_StyledContext = require_StyledContext_native(), import_Switch = require_Switch_native(), SwitchContext = /* @__PURE__ */ React4.createContext({
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native18(), import_focusable2 = require_index_native46(), import_switch_headless = require_index_native67(), import_use_controllable_state = require_index_native10(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_StyledContext = require_StyledContext_native(), import_Switch = require_Switch_native(), SwitchContext = /* @__PURE__ */ React4.createContext({
       checked: !1,
       disabled: !1,
       frameWidth: 0
@@ -29244,12 +28211,12 @@ var require_createSwitch_native = __commonJS({
       var { disableActiveTheme, Frame = import_Switch.SwitchFrame, Thumb = import_Switch.SwitchThumb } = createProps;
       Frame.staticConfig.context = import_StyledContext.SwitchStyledContext, Thumb.staticConfig.context = import_StyledContext.SwitchStyledContext;
       var SwitchThumbComponent = Thumb.styleable(function(props, forwardedRef) {
-        var { size: sizeProp, unstyled: unstyledProp, nativeID, ...thumbProps } = props, context = React4.useContext(SwitchContext), { checked, disabled, frameWidth } = context, styledContext = import_StyledContext.SwitchStyledContext.useStyledContext(), { unstyled: unstyledContext, size: sizeContext } = styledContext, _ref, unstyled = process.env.TAMAGUI_HEADLESS === "1" ? !0 : (_ref = unstyledProp ?? unstyledContext) !== null && _ref !== void 0 ? _ref : !1, _ref1, size4 = (_ref1 = sizeProp ?? sizeContext) !== null && _ref1 !== void 0 ? _ref1 : "$true", initialChecked = React4.useRef(checked).current, initialWidth = (0, import_core12.getVariableValue)(props.width, "size"), [thumbWidth, setThumbWidth] = React4.useState(typeof initialWidth == "number" ? initialWidth : 0), distance = frameWidth - thumbWidth, x = initialChecked ? checked ? 0 : -distance : checked ? distance : 0;
+        var { size: sizeProp, unstyled: unstyledProp, nativeID, ...thumbProps } = props, context = React4.useContext(SwitchContext), { checked, disabled, frameWidth } = context, styledContext = import_StyledContext.SwitchStyledContext.useStyledContext(), { unstyled: unstyledContext, size: sizeContext } = styledContext, _ref, unstyled = process.env.TAMAGUI_HEADLESS === "1" ? !0 : (_ref = unstyledProp ?? unstyledContext) !== null && _ref !== void 0 ? _ref : !1, _ref1, size2 = (_ref1 = sizeProp ?? sizeContext) !== null && _ref1 !== void 0 ? _ref1 : "$true", initialChecked = React4.useRef(checked).current, initialWidth = (0, import_core12.getVariableValue)(props.width, "size"), [thumbWidth, setThumbWidth] = React4.useState(typeof initialWidth == "number" ? initialWidth : 0), distance = frameWidth - thumbWidth, x = initialChecked ? checked ? 0 : -distance : checked ? distance : 0;
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Thumb, {
           ref: forwardedRef,
           unstyled,
           ...unstyled === !1 && {
-            size: size4,
+            size: size2,
             ...!disableActiveTheme && !unstyled && {
               theme: checked ? "active" : null
             }
@@ -29758,7 +28725,7 @@ var require_createTabs_native = __commonJS({
           children
         }, value) : null;
       }), TabsComponent = TabsFrame.styleable(function(props, forwardedRef) {
-        var { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic", size: size4 = "$true", ...tabsProps } = props, direction = (0, import_use_direction.useDirection)(dir), [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+        var { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic", size: size2 = "$true", ...tabsProps } = props, direction = (0, import_use_direction.useDirection)(dir), [value, setValue] = (0, import_use_controllable_state.useControllableState)({
           prop: valueProp,
           onChange: onValueChange,
           defaultProp: defaultValue ?? ""
@@ -29779,7 +28746,7 @@ var require_createTabs_native = __commonJS({
           orientation,
           dir: direction,
           activationMode,
-          size: size4,
+          size: size2,
           registerTrigger,
           triggersCount,
           unregisterTrigger,
@@ -30439,11 +29406,11 @@ var require_ToggleGroup_native = __commonJS({
     var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_focusable2 = require_index_native46(), import_font_size = require_index_native42(), import_get_token2 = require_index_native20(), import_group = require_index_native52(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native43(), import_roving_focus = require_index_native61(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), import_web = require_index_native14(), import_react3 = __toESM2(require("react")), import_Toggle = require_Toggle_native(), TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider, useStyledContext: useToggleGroupItemContext } = (0, import_web.createStyledContext)(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)(), ToggleGroupItem = import_Toggle.ToggleFrame.extractable(/* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
       var [_, { color }] = (0, import_web.usePropsAndStyle)(props), { disablePassStyles, ...rest } = props, valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), pressed = valueContext == null ? void 0 : valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, groupItemProps = (0, import_group.useGroupItem)({
         disabled
-      }), _props_size, size4 = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : context.size, sizeProps = props.unstyled ? {} : {
+      }), _props_size, size2 = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : context.size, sizeProps = props.unstyled ? {} : {
         width: void 0,
         height: void 0,
-        padding: (0, import_web.getVariableValue)(size4) * 0.6
-      }, iconSize = (typeof size4 == "number" ? size4 * 0.7 : (0, import_font_size.getFontSize)(size4)) * 1.2, theme = (0, import_web.useTheme)(), getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
+        padding: (0, import_web.getVariableValue)(size2) * 0.6
+      }, iconSize = (typeof size2 == "number" ? size2 * 0.7 : (0, import_font_size.getFontSize)(size2)) * 1.2, theme = (0, import_web.useTheme)(), getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
         size: iconSize,
         color: color ?? theme.color
       }), childrens = import_react3.default.Children.toArray(props.children), children = childrens.map(function(child) {
@@ -30611,12 +29578,12 @@ var require_ToggleGroup_native = __commonJS({
         ...toggleGroupProps
       }, adjustedSize = (0, import_web.getVariableValue)((0, import_get_token2.getSize)(sizeProp, {
         shift: sizeAdjust
-      })), size4 = Math.round(adjustedSize * 0.45);
+      })), size2 = Math.round(adjustedSize * 0.45);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupContext, {
         scope: __scopeToggleGroup,
         rovingFocus,
         disabled,
-        size: size4,
+        size: size2,
         children: rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_roving_focus.RovingFocusGroup, {
           asChild: "except-style",
           __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
@@ -30897,7 +29864,7 @@ var require_index_native73 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(index_exports2);
-    var import_react3 = __toESM2(require("react")), import_constants4 = require_index_native6(), import_react_native4 = require("react-native"), initialValue = {
+    var import_react3 = __toESM2(require("react")), import_constants4 = require_index_native6(), import_react_native4 = require_fake_react_native(), initialValue = {
       height: 800,
       width: 600
     };
@@ -31184,7 +30151,7 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_core2 = __toESM(re
 };
 
 // src/views/Anchor.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime"), import_constants = __toESM(require_index_native6()), import_core3 = __toESM(require_index_native18()), import_text = __toESM(require_index_native24()), import_react_native = require("react-native"), AnchorFrame = (0, import_core3.styled)(import_text.SizableText, {
+var import_jsx_runtime2 = require("react/jsx-runtime"), import_constants = __toESM(require_index_native6()), import_core3 = __toESM(require_index_native18()), import_text = __toESM(require_index_native24()), import_react_native = __toESM(require_fake_react_native()), AnchorFrame = (0, import_core3.styled)(import_text.SizableText, {
   name: "Anchor",
   tag: "a",
   accessibilityRole: "link"
@@ -31232,7 +30199,7 @@ var import_core5 = __toESM(require_index_native18()), import_stacks = __toESM(re
 });
 
 // src/views/Input.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_constants2 = __toESM(require_index_native6()), import_core7 = __toESM(require_index_native18()), import_focusable = __toESM(require_index_native46()), import_react_native2 = require("react-native");
+var import_jsx_runtime3 = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_constants2 = __toESM(require_index_native6()), import_core7 = __toESM(require_index_native18()), import_focusable = __toESM(require_index_native46()), import_react_native2 = __toESM(require_fake_react_native());
 
 // src/helpers/inputHelpers.tsx
 var import_core6 = __toESM(require_index_native18()), import_get_button_sized = __toESM(require_index_native21()), import_get_font_sized = __toESM(require_index_native23()), import_get_token = __toESM(require_index_native20()), inputSizeVariant = function() {
@@ -31356,13 +30323,13 @@ function useInputProps(props, ref) {
 }
 
 // src/views/Spinner.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime"), import_core8 = __toESM(require_index_native18()), import_stacks2 = __toESM(require_index_native22()), React2 = __toESM(require("react")), import_react_native3 = require("react-native"), Spinner = import_stacks2.YStack.extractable((0, import_core8.themeable)(/* @__PURE__ */ React2.forwardRef(function(props, ref) {
-  var { size: size4, color: colorProp, ...stackProps } = props, theme = (0, import_core8.useTheme)(), color = colorProp;
+var import_jsx_runtime4 = require("react/jsx-runtime"), import_core8 = __toESM(require_index_native18()), import_stacks2 = __toESM(require_index_native22()), React2 = __toESM(require("react")), import_react_native3 = __toESM(require_fake_react_native()), Spinner = import_stacks2.YStack.extractable((0, import_core8.themeable)(/* @__PURE__ */ React2.forwardRef(function(props, ref) {
+  var { size: size2, color: colorProp, ...stackProps } = props, theme = (0, import_core8.useTheme)(), color = colorProp;
   return color && color[0] === "$" && (color = (0, import_core8.variableToString)(theme[color])), /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_stacks2.YStack, {
     ref,
     ...stackProps,
     children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native3.ActivityIndicator, {
-      size: size4,
+      size: size2,
       color
     })
   });