tamagui 1.102.3 → 1.103.1

package/dist/native.js

@@ -1324,8 +1324,8 @@ var require_shouldRenderNativePlatform_native = __commonJS({
       var userRequestedPlatforms = resolvePlatformNames(nativeProp), _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
       try {
         for (var _iterator = ALL_PLATFORMS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
-          var platform = _step.value;
-          if (platform === import_constants4.currentPlatform && userRequestedPlatforms.has(platform)) return platform;
+          var platform2 = _step.value;
+          if (platform2 === import_constants4.currentPlatform && userRequestedPlatforms.has(platform2)) return platform2;
         }
       } catch (err) {
         _didIteratorError = !0, _iteratorError = err;
@@ -4237,9 +4237,9 @@ If this is intended and you are using Tamagui without any themes, you can disabl
               // if its a variable (web), its ignored!
               get: function(_2, subkey) {
                 if (subkey === "val") track(keyString);
-                else if (subkey === "get") return function(platform) {
+                else if (subkey === "get") return function(platform2) {
                   var outVal = (0, import_createVariable.getVariable)(val);
-                  if (platform !== "web" && import_constants4.isIos && !deopt && config.settings.fastSchemeChange && !someParentIsInversed(themeManager) && scheme) {
+                  if (platform2 !== "web" && import_constants4.isIos && !deopt && config.settings.fastSchemeChange && !someParentIsInversed(themeManager) && scheme) {
                     var oppositeThemeName = name.replace(scheme === "dark" ? "dark" : "light", scheme === "dark" ? "light" : "dark"), oppositeTheme = config.themes[oppositeThemeName], oppositeVal = (0, import_createVariable.getVariable)(oppositeTheme == null ? void 0 : oppositeTheme[keyString]);
                     if (oppositeVal) {
                       var dynamicVal = {
@@ -7870,6 +7870,7 @@ var require_getSplitStyles_native = __commonJS({
         staticConfig,
         shouldDoClasses,
         styleProps,
+        rulesToInsert,
         componentState,
         styleState,
         theme: _object_spread9({}, theme)
@@ -8053,11 +8054,11 @@ current`, _object_spread9({}, styleState.style)));
                   if (!val) continue;
                   var hasSpace = val.space, mediaKeyShort = key.slice(1);
                   if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (((typeof hasMedia > "u" ? "undefined" : _type_of3(hasMedia)) > "u" ? "undefined" : _type_of1(hasMedia)) !== "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform") {
-                    var platform = key.slice(10);
+                    var platform2 = key.slice(10);
                     if (
                       // supports web, ios, android
-                      platform !== import_constants4.currentPlatform && // supports web, native
-                      platform !== "native"
+                      platform2 !== import_constants4.currentPlatform && // supports web, native
+                      platform2 !== "native"
                     ) continue;
                   }
                   if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("  \u{1F4FA} ".concat(key), {
@@ -9769,7 +9770,7 @@ var require_createComponent_native = __commonJS({
           enabled: shouldListenForMedia,
           keys: mediaListeningKeys
         });
-        var viewPropsIn = splitStyles.viewProps, pseudos = splitStyles.pseudos, splitStylesStyle = splitStyles.style, classNames = splitStyles.classNames, space = splitStyles.space, propsWithAnimation = props, asChild = viewPropsIn.asChild, children = viewPropsIn.children, themeShallow = viewPropsIn.themeShallow, _spaceDirection = viewPropsIn.spaceDirection, onPress = viewPropsIn.onPress, onLongPress = viewPropsIn.onLongPress, onPressIn = viewPropsIn.onPressIn, onPressOut = viewPropsIn.onPressOut, onHoverIn = viewPropsIn.onHoverIn, onHoverOut = viewPropsIn.onHoverOut, onMouseUp = viewPropsIn.onMouseUp, onMouseDown = viewPropsIn.onMouseDown, onMouseEnter = viewPropsIn.onMouseEnter, onMouseLeave = viewPropsIn.onMouseLeave, onFocus = viewPropsIn.onFocus, onBlur = viewPropsIn.onBlur, separator = viewPropsIn.separator, _forceStyle = viewPropsIn.forceStyle, onClick = viewPropsIn.onClick, _themeProp = viewPropsIn.theme, defaultVariants = viewPropsIn.defaultVariants, nonTamaguiProps = _object_without_properties5(viewPropsIn, [
+        var viewPropsIn = splitStyles.viewProps, pseudos = splitStyles.pseudos, splitStylesStyle = splitStyles.style, classNames = splitStyles.classNames, space = splitStyles.space, propsWithAnimation = props, asChild = viewPropsIn.asChild, children = viewPropsIn.children, themeShallow = viewPropsIn.themeShallow, _spaceDirection = viewPropsIn.spaceDirection, onPress = viewPropsIn.onPress, onLongPress = viewPropsIn.onLongPress, onPressIn = viewPropsIn.onPressIn, onPressOut = viewPropsIn.onPressOut, onHoverIn = viewPropsIn.onHoverIn, onHoverOut = viewPropsIn.onHoverOut, onMouseUp = viewPropsIn.onMouseUp, onMouseDown = viewPropsIn.onMouseDown, onMouseEnter = viewPropsIn.onMouseEnter, onMouseLeave = viewPropsIn.onMouseLeave, onFocus = viewPropsIn.onFocus, onBlur = viewPropsIn.onBlur, separator = viewPropsIn.separator, _forceStyle = viewPropsIn.forceStyle, onClick = viewPropsIn.onClick, _themeProp = viewPropsIn.theme, nonTamaguiProps = _object_without_properties5(viewPropsIn, [
           "asChild",
           "children",
           "themeShallow",
@@ -9789,8 +9790,7 @@ var require_createComponent_native = __commonJS({
           "separator",
           "forceStyle",
           "onClick",
-          "theme",
-          "defaultVariants"
+          "theme"
         ]), viewProps = nonTamaguiProps;
         !isTaggable && props.forceStyle && (viewProps.forceStyle = props.forceStyle), isHOC && _themeProp && (viewProps.theme = _themeProp), elementType.acceptTagProp && (viewProps.tag = tagProp);
         var animationStyles, shouldUseAnimation = (
@@ -9810,7 +9810,7 @@ var require_createComponent_native = __commonJS({
             staticConfig,
             stateRef
           });
-          (isAnimated || supportsCSSVars) && animations && (animationStyles = animations.style, viewProps.style = animationStyles), process.env.NODE_ENV === "development" && time && time(_templateObject11());
+          (isAnimated || supportsCSSVars) && animations && (animationStyles = animations.style, viewProps.style = animationStyles, animations.className && (viewProps.className = "".concat(viewProps.className || "", " ").concat(animations.className))), process.env.NODE_ENV === "development" && time && time(_templateObject11());
         }
         process.env.NODE_ENV === "development" && props.untilMeasured && !props.group && console.warn(`You set the untilMeasured prop without setting group. This doesn't work, be sure to set untilMeasured on the parent that sets group, not the children that use the $group- prop.
 
@@ -9832,7 +9832,9 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             pressIn: !1
           });
         };
-        (0, import_react4.useEffect)(function() {
+        process.env.NODE_ENV === "development" && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+          debugProp && (console.groupCollapsed("Rendered style >"), console.warn(getComputedStyle(stateRef.current.host)), console.groupEnd());
+        }), (0, import_react4.useEffect)(function() {
           if (!disabled) {
             if (state.unmounted === !0 && hasEnterStyle) {
               setStateShallow({
@@ -10082,10 +10084,10 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       return props.children;
     }
     Unspaced2.isUnspaced = !0;
-    var getSpacerSize = function(size3, param) {
+    var getSpacerSize = function(size4, param) {
       var tokens = param.tokens;
-      size3 = size3 === !0 ? "$true" : size3;
-      var _tokens_space_size, sizePx = (_tokens_space_size = tokens.space[size3]) !== null && _tokens_space_size !== void 0 ? _tokens_space_size : size3;
+      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;
       return {
         width: sizePx,
         height: sizePx,
@@ -11613,12 +11615,19 @@ var require_styled_native = __commonJS({
             "defaultVariants",
             "acceptsClassName",
             "context"
-          ]);
-          if (defaultVariants && (defaultProps = _object_spread9({}, defaultVariants, defaultProps)), parentStaticConfig) {
+          ]), parentDefaultVariants, parentDefaultProps;
+          if (parentStaticConfig) {
             var avoid = parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC;
-            avoid || (defaultProps = _object_spread9({}, parentStaticConfig.defaultProps, defaultProps), parentStaticConfig.variants && (variants = (0, import_mergeVariants.mergeVariants)(parentStaticConfig.variants, variants)));
+            if (!avoid) {
+              var pdp = parentStaticConfig.defaultProps;
+              for (var key2 in pdp) {
+                var val = pdp[key2];
+                parentStaticConfig.defaultVariants && key2 in parentStaticConfig.defaultVariants && (!defaultVariants || !(key2 in defaultVariants)) && (parentDefaultVariants || (parentDefaultVariants = {}), parentDefaultVariants[key2] = val), key2 in defaultProps || (parentDefaultProps || (parentDefaultProps = {}), parentDefaultProps[key2] = pdp[key2]);
+              }
+              parentStaticConfig.variants && (variants = (0, import_mergeVariants.mergeVariants)(parentStaticConfig.variants, variants));
+            }
           }
-          parentStaticConfig != null && parentStaticConfig.isHOC && name && (defaultProps.componentName = name);
+          (parentDefaultProps || defaultVariants || parentDefaultVariants) && (defaultProps = _object_spread9({}, parentDefaultProps, parentDefaultVariants, defaultProps, defaultVariants)), parentStaticConfig != null && parentStaticConfig.isHOC && name && (defaultProps.componentName = name);
           var isText = !!(staticExtractionOptions != null && staticExtractionOptions.isText || parentStaticConfig != null && parentStaticConfig.isText), acceptsClassName = acceptsClassNameProp ?? (isPlainStyledComponent || isReactNative || (parentStaticConfig == null ? void 0 : parentStaticConfig.isHOC) && (parentStaticConfig == null ? void 0 : parentStaticConfig.acceptsClassName)), conf = _object_spread_props8(_object_spread9(_object_spread_props8(_object_spread9({}, parentStaticConfig, staticExtractionOptions, !isPlainStyledComponent && {
             Component
           }), {
@@ -12923,7 +12932,7 @@ var require_TamaguiProvider_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -12951,18 +12960,6 @@ var require_TamaguiProvider_native = __commonJS({
         }
       }
       return to;
-    }, __toESM2 = function(mod, isNodeMode, target) {
-      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-        // If the importer is in node compatibility mode or this is not an ESM
-        // file that has been converted to a CommonJS file using a Babel-
-        // compatible transform (i.e. "__esModule" has not been set), then set
-        // "default" to the CommonJS "module.exports" for node compatibility.
-        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
-          value: mod,
-          enumerable: !0
-        }) : target,
-        mod
-      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -12974,64 +12971,51 @@ var require_TamaguiProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(TamaguiProvider_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), React2 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native();
-    function _define_property9(obj, key, value) {
-      return key in obj ? Object.defineProperty(obj, key, {
-        value,
-        enumerable: !0,
-        configurable: !0,
-        writable: !0
-      }) : obj[key] = value, obj;
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_react4 = require("react"), import_ComponentContext = require_ComponentContext_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native();
+    function _array_like_to_array2(arr, len) {
+      (len == null || len > arr.length) && (len = arr.length);
+      for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+      return arr2;
     }
-    function _object_spread9(target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i] != null ? arguments[i] : {}, ownKeys22 = Object.keys(source);
-        typeof Object.getOwnPropertySymbols == "function" && (ownKeys22 = ownKeys22.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-        }))), ownKeys22.forEach(function(key) {
-          _define_property9(target, key, source[key]);
-        });
-      }
-      return target;
+    function _array_with_holes(arr) {
+      if (Array.isArray(arr)) return arr;
     }
-    function ownKeys8(object, enumerableOnly) {
-      var keys = Object.keys(object);
-      if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        enumerableOnly && (symbols = symbols.filter(function(sym) {
-          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-        })), keys.push.apply(keys, symbols);
+    function _iterable_to_array_limit(arr, i) {
+      var _i = arr == null ? null : (typeof Symbol > "u" ? "undefined" : _type_of3(Symbol)) < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+      if (_i != null) {
+        var _arr = [], _n = !0, _d = !1, _s, _e;
+        try {
+          for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0) ;
+        } catch (err) {
+          _d = !0, _e = err;
+        } finally {
+          try {
+            !_n && _i.return != null && _i.return();
+          } finally {
+            if (_d) throw _e;
+          }
+        }
+        return _arr;
       }
-      return keys;
     }
-    function _object_spread_props8(target, source) {
-      return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys8(Object(source)).forEach(function(key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      }), target;
+    function _non_iterable_rest() {
+      throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function _object_without_properties5(source, excluded) {
-      if (source == null) return {};
-      var target = _object_without_properties_loose5(source, excluded), key, i;
-      if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for (i = 0; i < sourceSymbolKeys.length; i++) key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
-      }
-      return target;
+    function _sliced_to_array(arr, i) {
+      return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array2(arr, i) || _non_iterable_rest();
     }
-    function _object_without_properties_loose5(source, excluded) {
-      if (source == null) return {};
-      var target = {}, sourceKeys = Object.keys(source), key, i;
-      for (i = 0; i < sourceKeys.length; i++) key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
-      return target;
+    function _unsupported_iterable_to_array2(o, minLen) {
+      if (o) {
+        if (typeof o == "string") return _array_like_to_array2(o, minLen);
+        var n = Object.prototype.toString.call(o).slice(8, -1);
+        if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
+        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array2(o, minLen);
+      }
     }
-    function TamaguiProvider2(_param) {
-      var children = _param.children, disableInjectCSS = _param.disableInjectCSS, config = _param.config, themePropsProvider = _object_without_properties5(_param, [
-        "children",
-        "disableInjectCSS",
-        "config"
-      ]);
-      (0, import_useMedia.setupMediaListeners)(), import_constants4.isClient && ((0, import_useDidHydrateOnce.useDidHydrateOnceRoot)(), React2.useInsertionEffect(function() {
-        if (config && (config.disableSSR || document.documentElement.classList.contains("t_unmounted") && document.documentElement.classList.remove("t_unmounted"), !disableInjectCSS)) {
+    function TamaguiProvider2(param) {
+      var children = param.children, disableInjectCSS = param.disableInjectCSS, config = param.config, className = param.className, defaultTheme = param.defaultTheme, disableRootThemeClass = param.disableRootThemeClass, reset = param.reset, themeClassNameOnRoot = param.themeClassNameOnRoot;
+      (0, import_useMedia.setupMediaListeners)(), import_constants4.isClient && ((0, import_useDidHydrateOnce.useDidHydrateOnceRoot)(), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        if (config && !disableInjectCSS) {
           var style = document.createElement("style");
           return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), function() {
             document.head.removeChild(style);
@@ -13041,18 +13025,32 @@ var require_TamaguiProvider_native = __commonJS({
         config,
         disableInjectCSS
       ]));
-      var _themePropsProvider_defaultTheme;
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
-        animationDriver: config == null ? void 0 : config.animations,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeProvider.ThemeProvider, _object_spread_props8(_object_spread9({
-          themeClassNameOnRoot: config == null ? void 0 : config.themeClassNameOnRoot,
-          disableRootThemeClass: config == null ? void 0 : config.disableRootThemeClass
-        }, themePropsProvider), {
-          defaultTheme: (_themePropsProvider_defaultTheme = themePropsProvider.defaultTheme) !== null && _themePropsProvider_defaultTheme !== void 0 ? _themePropsProvider_defaultTheme : config ? Object.keys(config.themes)[0] : "",
-          children
-        }))
+      var contents = (0, import_react4.useMemo)(function() {
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
+          animationDriver: config == null ? void 0 : config.animations,
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeProvider.ThemeProvider, {
+            themeClassNameOnRoot: themeClassNameOnRoot ?? (config == null ? void 0 : config.themeClassNameOnRoot),
+            disableRootThemeClass: disableRootThemeClass ?? (config == null ? void 0 : config.disableRootThemeClass),
+            defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
+            reset,
+            className,
+            children
+          })
+        });
+      }, []);
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(UnmountedClassName, {
+        children: contents
       });
     }
+    function UnmountedClassName(props) {
+      var _useState = _sliced_to_array((0, import_react4.useState)(!1), 2), mounted = _useState[0], setMounted = _useState[1];
+      return (0, import_react4.useEffect)(function() {
+        setMounted(!0);
+      }, []), import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", {
+        className: mounted ? "" : "t_unmounted",
+        children: props.children
+      }) : props.children;
+    }
     TamaguiProvider2.displayName = "TamaguiProvider";
   }
 });
@@ -15895,9 +15893,9 @@ var require_getElevation_native = __commonJS({
       }
       return target;
     }
-    var getElevation = function(size3, extras) {
-      if (size3) {
-        var tokens = extras.tokens, token = tokens.size[size3], sizeNum = (0, import_core12.isVariable)(token) ? +token.val : size3;
+    var getElevation = function(size4, extras) {
+      if (size4) {
+        var tokens = extras.tokens, token = tokens.size[size4], sizeNum = (0, import_core12.isVariable)(token) ? +token.val : size4;
         return getSizedElevation(sizeNum, extras);
       }
     }, getSizedElevation = function(val, param) {
@@ -16093,8 +16091,8 @@ var require_index_native18 = __commonJS({
       bounds: [
         0
       ]
-    }, getSize = function(size3, options) {
-      return getTokenRelative("size", size3, options);
+    }, getSize = function(size4, options) {
+      return getTokenRelative("size", size4, options);
     }, getSpace2 = function(space, options) {
       return getTokenRelative("space", space, options);
     }, getRadius = function(radius, options) {
@@ -16142,9 +16140,9 @@ var require_index_native18 = __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), shift3 = options.shift || 0;
-      shift3 && (current === "$true" || (0, import_web.isVariable)(current) && current.name === "true") && (shift3 += shift3 > 0 ? 1 : -1);
-      var index = Math.min(max2, Math.max(min2, currentIndex + shift3)), 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_, 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;
       return result;
     }, getTokenRelative = stepTokenUpOrDown;
   }
@@ -16363,14 +16361,14 @@ var require_variants_native = __commonJS({
       true: function(_, param) {
         var props = param.props, tokens = param.tokens;
         if (!("size" in props)) return circularStyle;
-        var size3 = typeof props.size == "number" ? props.size : tokens.size[props.size];
+        var size4 = typeof props.size == "number" ? props.size : tokens.size[props.size];
         return _object_spread_props8(_object_spread9({}, circularStyle), {
-          width: size3,
-          height: size3,
-          maxWidth: size3,
-          maxHeight: size3,
-          minWidth: size3,
-          minHeight: size3
+          width: size4,
+          height: size4,
+          maxWidth: size4,
+          maxHeight: size4,
+          minWidth: size4,
+          minHeight: size4
         });
       }
     }, hoverTheme = {
@@ -16870,8 +16868,8 @@ var require_SizableText_native = __commonJS({
     });
     SizableText2.staticConfig.variants.fontFamily = {
       "...": function(_, extras) {
-        var size3 = extras.props.size || "$true";
-        return (0, import_get_font_sized2.getFontSized)(size3, extras);
+        var size4 = extras.props.size || "$true";
+        return (0, import_get_font_sized2.getFontSized)(size4, extras);
       }
     };
   }
@@ -17130,12 +17128,12 @@ var require_wrapChildrenInText_native = __commonJS({
       }), target;
     }
     function wrapChildrenInText(TextComponent, propsIn, extraProps) {
-      var children = propsIn.children, textProps = propsIn.textProps, size3 = propsIn.size, noTextWrap = propsIn.noTextWrap, color = propsIn.color, fontFamily = propsIn.fontFamily, fontSize = propsIn.fontSize, fontWeight = propsIn.fontWeight, letterSpacing = propsIn.letterSpacing, textAlign = propsIn.textAlign, fontStyle = propsIn.fontStyle, maxFontSizeMultiplier = propsIn.maxFontSizeMultiplier;
+      var children = propsIn.children, textProps = propsIn.textProps, size4 = propsIn.size, noTextWrap = propsIn.noTextWrap, color = propsIn.color, fontFamily = propsIn.fontFamily, fontSize = propsIn.fontSize, fontWeight = propsIn.fontWeight, letterSpacing = propsIn.letterSpacing, textAlign = propsIn.textAlign, fontStyle = propsIn.fontStyle, maxFontSizeMultiplier = propsIn.maxFontSizeMultiplier;
       if (noTextWrap || !children) return [
         children
       ];
       var props = _object_spread9({}, 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), size3 && (props.size = size3), fontStyle && (props.fontStyle = fontStyle), maxFontSizeMultiplier && (props.maxFontSizeMultiplier = maxFontSizeMultiplier), import_react4.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), size4 && (props.size = size4), fontStyle && (props.fontStyle = fontStyle), maxFontSizeMultiplier && (props.maxFontSizeMultiplier = maxFontSizeMultiplier), import_react4.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, _object_spread_props8(_object_spread9({}, props, textProps), {
@@ -17992,8 +17990,8 @@ var require_Adapt_native = __commonJS({
         when
       };
     }, Adapt = (0, import_helpers.withStaticProperties)(function(param) {
-      var platform = param.platform, when = param.when, children = param.children, context = (0, import_react4.useContext)(AdaptParentContext), media = (0, import_core12.useMedia)(), enabled = !platform;
-      return platform === "touch" && (enabled = import_constants22.isTouchable), platform === "native" && (enabled = !import_constants4.isWeb), platform === "web" && (enabled = import_constants4.isWeb), platform === "ios" && (enabled = import_constants4.isIos), platform === "android" && (enabled = import_constants4.isAndroid), when && !media[when] && (enabled = !1), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+      var platform2 = param.platform, when = param.when, children = param.children, context = (0, import_react4.useContext)(AdaptParentContext), media = (0, import_core12.useMedia)(), enabled = !platform2;
+      return platform2 === "touch" && (enabled = import_constants22.isTouchable), platform2 === "native" && (enabled = !import_constants4.isWeb), platform2 === "web" && (enabled = import_constants4.isWeb), platform2 === "ios" && (enabled = import_constants4.isIos), platform2 === "android" && (enabled = import_constants4.isAndroid), when && !media[when] && (enabled = !1), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
         enabled && (context == null || context.setWhen(when || enabled));
       }, [
         when,
@@ -19820,11 +19818,11 @@ var require_nativeSheet_native = __commonJS({
     var nativeSheets = {
       ios: null
     };
-    function getNativeSheet(platform) {
-      return nativeSheets[platform];
+    function getNativeSheet(platform2) {
+      return nativeSheets[platform2];
     }
-    function setupNativeSheet(platform, Implementation) {
-      platform === "ios" && (nativeSheets[platform] = function(props) {
+    function setupNativeSheet(platform2, Implementation) {
+      platform2 === "ios" && (nativeSheets[platform2] = function(props) {
         var state = (0, import_useSheetOpenState.useSheetOpenState)(props), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state), open = state.open, setOpen = state.setOpen, ref = (0, import_react4.useRef)();
         return (0, import_react4.useEffect)(function() {
           var _ref_current;
@@ -23082,8 +23080,8 @@ var require_getShapeSize_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getShapeSize_exports);
-    var getShapeSize = function(size3, param) {
-      var tokens = param.tokens, _tokens_size_size, width = (_tokens_size_size = tokens.size[size3]) !== null && _tokens_size_size !== void 0 ? _tokens_size_size : size3, _tokens_size_size1, height = (_tokens_size_size1 = tokens.size[size3]) !== null && _tokens_size_size1 !== void 0 ? _tokens_size_size1 : size3;
+    var getShapeSize = function(size4, param) {
+      var tokens = param.tokens, _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;
       return {
         width,
         height,
@@ -23498,17 +23496,17 @@ var require_Avatar_native = __commonJS({
       position: "relative",
       overflow: "hidden"
     }), Avatar = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
-      var __scopeAvatar = props.__scopeAvatar, _props_size = props.size, size3 = _props_size === void 0 ? "$true" : _props_size, avatarProps = _object_without_properties5(props, [
+      var __scopeAvatar = props.__scopeAvatar, _props_size = props.size, size4 = _props_size === void 0 ? "$true" : _props_size, avatarProps = _object_without_properties5(props, [
         "__scopeAvatar",
         "size"
       ]), _React_useState = _sliced_to_array(React2.useState("idle"), 2), imageLoadingStatus = _React_useState[0], setImageLoadingStatus = _React_useState[1];
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AvatarProvider, {
-        size: size3,
+        size: size4,
         scope: __scopeAvatar,
         imageLoadingStatus,
         onImageLoadingStatusChange: setImageLoadingStatus,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AvatarFrame, _object_spread_props8(_object_spread9({
-          size: size3
+          size: size4
         }, avatarProps), {
           ref: forwardedRef
         }))
@@ -23627,10 +23625,10 @@ var require_getFontSize_native = __commonJS({
       return conf.fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size[token];
     }, getFontSizeToken = function(inSize, opts) {
       if (typeof inSize == "number") return null;
-      var relativeSize = (opts == null ? void 0 : opts.relativeSize) || 0, conf = (0, import_core12.getConfig)(), fontSize = conf.fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size, _ref, size3 = (_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(size3);
-      foundIndex === -1 && size3.endsWith(".5") && (foundIndex = sizeTokens.indexOf(size3.replace(".5", ""))), process.env.NODE_ENV === "development" && foundIndex === -1 && console.warn("No font size found", size3, opts, "in size tokens", sizeTokens);
+      var relativeSize = (opts == null ? void 0 : opts.relativeSize) || 0, conf = (0, import_core12.getConfig)(), fontSize = conf.fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].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", ""))), process.env.NODE_ENV === "development" && foundIndex === -1 && console.warn("No font size found", size4, opts, "in size tokens", sizeTokens);
       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 : size3;
+      return (_sizeTokens_tokenIndex = sizeTokens[tokenIndex]) !== null && _sizeTokens_tokenIndex !== void 0 ? _sizeTokens_tokenIndex : size4;
     };
   }
 });
@@ -24190,7 +24188,7 @@ var require_Button_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), ButtonIcon = function(props) {
-      var children = props.children, _props_scaleIcon = props.scaleIcon, scaleIcon = _props_scaleIcon === void 0 ? 1 : _props_scaleIcon, _useContext = (0, import_react4.useContext)(ButtonContext), size3 = _useContext.size, color = _useContext.color, iconSize = (typeof size3 == "number" ? size3 * 0.5 : (0, import_font_size.getFontSize)(size3)) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
+      var children = props.children, _props_scaleIcon = props.scaleIcon, scaleIcon = _props_scaleIcon === void 0 ? 1 : _props_scaleIcon, _useContext = (0, import_react4.useContext)(ButtonContext), size4 = _useContext.size, color = _useContext.color, iconSize = (typeof size4 == "number" ? size4 * 0.5 : (0, import_font_size.getFontSize)(size4)) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
         size: iconSize,
         color
       });
@@ -24242,7 +24240,7 @@ var require_Button_native = __commonJS({
         "tag",
         "ellipse",
         "maxFontSizeMultiplier"
-      ]), size3 = propsActive.size || (propsActive.unstyled ? void 0 : "$true"), color = propsActive.color, iconSize = (typeof size3 == "number" ? size3 * 0.5 : (0, import_font_size.getFontSize)(size3, {
+      ]), size4 = propsActive.size || (propsActive.unstyled ? void 0 : "$true"), color = propsActive.color, iconSize = (typeof size4 == "number" ? size4 * 0.5 : (0, import_font_size.getFontSize)(size4, {
         font: (fontFamily == null ? void 0 : fontFamily[0]) === "$" ? fontFamily : void 0
       })) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
         size: iconSize,
@@ -24264,7 +24262,7 @@ var require_Button_native = __commonJS({
         maxFontSizeMultiplier
       }, Text3 === ButtonText && propsActive.unstyled !== !0 ? {
         unstyled: process.env.TAMAGUI_HEADLESS === "1",
-        size: size3
+        size: size4
       } : void 0), inner = (0, import_web.spacedChildren)({
         // a bit arbitrary but scaling to font size is necessary so long as button does
         space: spaceSize,
@@ -24280,7 +24278,7 @@ var require_Button_native = __commonJS({
           themedIconAfter
         ])
       }), props = _object_spread_props8(_object_spread9(_object_spread_props8(_object_spread9({
-        size: size3
+        size: size4
       }, propsIn.disabled && {
         // in rnw - false still has keyboard tabIndex, undefined = not actually focusable
         focusable: void 0,
@@ -25988,12 +25986,12 @@ var require_createCheckbox_native = __commonJS({
           "onCheckedChange",
           "native",
           "unstyled"
-        ]), propsActive = (0, import_core12.useProps)(props), styledContext = import_react4.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext), adjustedSize = 0, size3 = 0;
+        ]), propsActive = (0, import_core12.useProps)(props), styledContext = import_react4.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext), adjustedSize = 0, size4 = 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
-          })), size3 = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
+          })), size4 = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
         }
         var _useControllableState = _sliced_to_array((0, import_use_controllable_state.useControllableState)({
           prop: checkedProp,
@@ -26045,14 +26043,14 @@ var require_createCheckbox_native = __commonJS({
             scaleIcon: (_ref2 = scaleIcon ?? (styledContext == null ? void 0 : styledContext.scaleIcon)) !== null && _ref2 !== void 0 ? _ref2 : 1,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Frame, _object_spread_props8(_object_spread9(_object_spread_props8(_object_spread9(_object_spread_props8(_object_spread9({}, !unstyled && {
-                width: size3,
-                height: size3
+                width: size4,
+                height: size4
               }), {
                 tag: "button",
                 ref: checkboxRef,
                 unstyled
               }), unstyled === !1 && {
-                size: size3,
+                size: size4,
                 theme: checked ? "active" : null
               }), {
                 // potential variant
@@ -27349,7 +27347,7 @@ 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 = activeProps.__scopeGroup, childrenProp = activeProps.children, space = activeProps.space, _activeProps_size = activeProps.size, size3 = _activeProps_size === void 0 ? "$true" : _activeProps_size, spaceDirection = activeProps.spaceDirection, separator = activeProps.separator, scrollable = activeProps.scrollable, _activeProps_axis = activeProps.axis, axis = _activeProps_axis === void 0 ? verticalDefault ? "vertical" : "horizontal" : _activeProps_axis, _activeProps_orientation = activeProps.orientation, orientation = _activeProps_orientation === void 0 ? axis : _activeProps_orientation, disabledProp = activeProps.disabled, disablePassBorderRadiusProp = activeProps.disablePassBorderRadius, borderRadius = activeProps.borderRadius, forceUseItem = activeProps.forceUseItem, restProps = _object_without_properties5(activeProps, [
+        var activeProps = (0, import_core12.useProps)(props), __scopeGroup = activeProps.__scopeGroup, childrenProp = activeProps.children, space = activeProps.space, _activeProps_size = activeProps.size, size4 = _activeProps_size === void 0 ? "$true" : _activeProps_size, spaceDirection = activeProps.spaceDirection, separator = activeProps.separator, scrollable = activeProps.scrollable, _activeProps_axis = activeProps.axis, axis = _activeProps_axis === void 0 ? verticalDefault ? "vertical" : "horizontal" : _activeProps_axis, _activeProps_orientation = activeProps.orientation, orientation = _activeProps_orientation === void 0 ? axis : _activeProps_orientation, disabledProp = activeProps.disabled, disablePassBorderRadiusProp = activeProps.disablePassBorderRadius, borderRadius = activeProps.borderRadius, forceUseItem = activeProps.forceUseItem, restProps = _object_without_properties5(activeProps, [
           "__scopeGroup",
           "children",
           "space",
@@ -27365,7 +27363,7 @@ var require_Group_native = __commonJS({
           "forceUseItem"
         ]), vertical = orientation === "vertical", _useControllableState = _sliced_to_array((0, import_use_controllable_state.useControllableState)({
           defaultProp: forceUseItem ? 1 : 0
-        }), 2), itemChildrenCount = _useControllableState[0], setItemChildrenCount = _useControllableState[1], isUsingItems = itemChildrenCount > 0, radius = borderRadius ?? (size3 ? (0, import_core12.getVariableValue)((0, import_core12.getTokens)().radius[size3]) - 1 : void 0), hasRadius = radius !== void 0, disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius, childrenArray = import_react4.Children.toArray(childrenProp), children = isUsingItems ? import_react4.Children.toArray(childrenProp).filter(import_react4.isValidElement) : childrenArray.map(function(child, i) {
+        }), 2), itemChildrenCount = _useControllableState[0], setItemChildrenCount = _useControllableState[1], 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_react4.Children.toArray(childrenProp), children = isUsingItems ? import_react4.Children.toArray(childrenProp).filter(import_react4.isValidElement) : childrenArray.map(function(child, i) {
           if (!/* @__PURE__ */ (0, import_react4.isValidElement)(child) || child.type === import_react4.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,
@@ -27404,7 +27402,7 @@ var require_Group_native = __commonJS({
           scope: __scopeGroup,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(GroupFrame, _object_spread_props8(_object_spread9({
             ref,
-            size: size3,
+            size: size4,
             flexDirection: orientation === "horizontal" ? "row" : "column",
             borderRadius
           }, restProps), {
@@ -28363,7 +28361,7 @@ var require_ListItem_native = __commonJS({
         textAlign,
         ellipse,
         children
-      }, size3 = props.size || "$true", iconSize = (0, import_font_size.getFontSize)(size3) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
+      }, size4 = props.size || "$true", iconSize = (0, import_font_size.getFontSize)(size4) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
         size: iconSize,
         color
       }), _map = _sliced_to_array([
@@ -28388,7 +28386,7 @@ var require_ListItem_native = __commonJS({
                 flex: 1,
                 children: [
                   noTextWrap === "all" ? title : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Title, {
-                    size: size3,
+                    size: size4,
                     children: title
                   }),
                   subTitle ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
@@ -28397,7 +28395,7 @@ var require_ListItem_native = __commonJS({
                       // or standardize on subtle colors in themes
                       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Subtitle, {
                         unstyled,
-                        size: size3,
+                        size: size4,
                         children: subTitle
                       })
                     ) : subTitle
@@ -28808,18 +28806,18 @@ var sides, alignments, placements, min, max, oppositeSideMap, oppositeAlignmentM
 // ../../../node_modules/@floating-ui/core/dist/floating-ui.core.esm.js
 var floating_ui_core_esm_exports = {};
 __export(floating_ui_core_esm_exports, {
-  arrow: () => arrow,
-  autoPlacement: () => autoPlacement,
+  arrow: () => arrow2,
+  autoPlacement: () => autoPlacement2,
   computePosition: () => computePosition,
-  detectOverflow: () => detectOverflow,
-  flip: () => flip,
-  hide: () => hide,
-  inline: () => inline,
-  limitShift: () => limitShift,
-  offset: () => offset,
+  detectOverflow: () => detectOverflow2,
+  flip: () => flip2,
+  hide: () => hide2,
+  inline: () => inline2,
+  limitShift: () => limitShift2,
+  offset: () => offset2,
   rectToClientRect: () => rectToClientRect,
-  shift: () => shift,
-  size: () => size
+  shift: () => shift2,
+  size: () => size2
 });
 function _array_like_to_array(arr, len) {
   (len == null || len > arr.length) && (len = arr.length);
@@ -29054,7 +29052,7 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
   }
   return coords;
 }
-function detectOverflow(state, options) {
+function detectOverflow2(state, options) {
   return _detectOverflow.apply(this, arguments);
 }
 function _detectOverflow() {
@@ -29067,13 +29065,13 @@ function _detectOverflow() {
   * @see https://floating-ui.com/docs/detectOverflow
   */
   _async_to_generator(function(state, options) {
-    var _await$platform$isEle, x, y, platform, rects, elements, strategy, _evaluate, _evaluate_boundary, boundary, _evaluate_rootBoundary, rootBoundary, _evaluate_elementContext, elementContext, _evaluate_altBoundary, altBoundary, _evaluate_padding, padding, paddingObject, altContext, element, clippingClientRect, _, _tmp, _tmp1, _tmp2, rect, offsetParent, offsetScale, _tmp3, elementClientRect, _tmp4;
+    var _await$platform$isEle, x, y, platform2, rects, elements, strategy, _evaluate, _evaluate_boundary, boundary, _evaluate_rootBoundary, rootBoundary, _evaluate_elementContext, elementContext, _evaluate_altBoundary, altBoundary, _evaluate_padding, padding, paddingObject, altContext, element, clippingClientRect, _, _tmp, _tmp1, _tmp2, rect, offsetParent, offsetScale, _tmp3, elementClientRect, _tmp4;
     return _ts_generator(this, function(_state) {
       switch (_state.label) {
         case 0:
-          return options === void 0 && (options = {}), x = state.x, y = state.y, platform = state.platform, rects = state.rects, elements = state.elements, strategy = state.strategy, _evaluate = evaluate(options, state), _evaluate_boundary = _evaluate.boundary, boundary = _evaluate_boundary === void 0 ? "clippingAncestors" : _evaluate_boundary, _evaluate_rootBoundary = _evaluate.rootBoundary, rootBoundary = _evaluate_rootBoundary === void 0 ? "viewport" : _evaluate_rootBoundary, _evaluate_elementContext = _evaluate.elementContext, elementContext = _evaluate_elementContext === void 0 ? "floating" : _evaluate_elementContext, _evaluate_altBoundary = _evaluate.altBoundary, altBoundary = _evaluate_altBoundary === void 0 ? !1 : _evaluate_altBoundary, _evaluate_padding = _evaluate.padding, padding = _evaluate_padding === void 0 ? 0 : _evaluate_padding, paddingObject = getPaddingObject(padding), altContext = elementContext === "floating" ? "reference" : "floating", element = elements[altBoundary ? altContext : elementContext], _ = platform.getClippingRect, _tmp = {}, [
+          return options === void 0 && (options = {}), x = state.x, y = state.y, platform2 = state.platform, rects = state.rects, elements = state.elements, strategy = state.strategy, _evaluate = evaluate(options, state), _evaluate_boundary = _evaluate.boundary, boundary = _evaluate_boundary === void 0 ? "clippingAncestors" : _evaluate_boundary, _evaluate_rootBoundary = _evaluate.rootBoundary, rootBoundary = _evaluate_rootBoundary === void 0 ? "viewport" : _evaluate_rootBoundary, _evaluate_elementContext = _evaluate.elementContext, elementContext = _evaluate_elementContext === void 0 ? "floating" : _evaluate_elementContext, _evaluate_altBoundary = _evaluate.altBoundary, altBoundary = _evaluate_altBoundary === void 0 ? !1 : _evaluate_altBoundary, _evaluate_padding = _evaluate.padding, padding = _evaluate_padding === void 0 ? 0 : _evaluate_padding, paddingObject = getPaddingObject(padding), altContext = elementContext === "floating" ? "reference" : "floating", element = elements[altBoundary ? altContext : elementContext], _ = platform2.getClippingRect, _tmp = {}, [
             4,
-            platform.isElement == null ? void 0 : platform.isElement(element)
+            platform2.isElement == null ? void 0 : platform2.isElement(element)
           ];
         case 1:
           return (_await$platform$isEle = _state.sent()) == null || _await$platform$isEle ? (_tmp1 = element, [
@@ -29089,7 +29087,7 @@ function _detectOverflow() {
             4
           ] : [
             4,
-            platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating)
+            platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)
           ];
         case 3:
           _tmp2 = _state.sent(), _state.label = 4;
@@ -29098,7 +29096,7 @@ function _detectOverflow() {
         case 5:
           return [
             4,
-            _.apply(platform, [
+            _.apply(platform2, [
               (_tmp.element = _tmp1, _tmp.boundary = boundary, _tmp.rootBoundary = rootBoundary, _tmp.strategy = strategy, _tmp)
             ])
           ];
@@ -29112,17 +29110,17 @@ function _detectOverflow() {
             height: rects.floating.height
           } : rects.reference, [
             4,
-            platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating)
+            platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating)
           ];
         case 7:
           return offsetParent = _state.sent(), [
             4,
-            platform.isElement == null ? void 0 : platform.isElement(offsetParent)
+            platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)
           ];
         case 8:
           return _state.sent() ? [
             4,
-            platform.getScale == null ? void 0 : platform.getScale(offsetParent)
+            platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)
           ] : [
             3,
             10
@@ -29141,9 +29139,9 @@ function _detectOverflow() {
             y: 1
           }, _state.label = 11;
         case 11:
-          return offsetScale = _tmp3, platform.convertOffsetParentRelativeRectToViewportRelativeRect ? [
+          return offsetScale = _tmp3, platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? [
             4,
-            platform.convertOffsetParentRelativeRectToViewportRelativeRect({
+            platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
               elements,
               rect,
               offsetParent,
@@ -29238,13 +29236,13 @@ function _convertValueToCoords() {
   return _convertValueToCoords = // For type backwards-compatibility, the `OffsetOptions` type was also
   // Derivable.
   _async_to_generator(function(state, options) {
-    var placement, platform, elements, rtl, side, alignment, isVertical, mainAxisMulti, crossAxisMulti, rawValue, _ref, mainAxis, crossAxis, alignmentAxis;
+    var placement, platform2, elements, rtl, side, alignment, isVertical, mainAxisMulti, crossAxisMulti, rawValue, _ref, mainAxis, crossAxis, alignmentAxis;
     return _ts_generator(this, function(_state) {
       switch (_state.label) {
         case 0:
-          return placement = state.placement, platform = state.platform, elements = state.elements, [
+          return placement = state.placement, platform2 = state.platform, elements = state.elements, [
             4,
-            platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)
+            platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)
           ];
         case 1:
           return rtl = _state.sent(), side = getSide(placement), alignment = getAlignment(placement), isVertical = getSideAxis(placement) === "y", mainAxisMulti = [
@@ -29272,24 +29270,24 @@ function _convertValueToCoords() {
     });
   }), _convertValueToCoords.apply(this, arguments);
 }
-var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, limitShift, size, init_floating_ui_core_esm = __esm({
+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 = function() {
       var _ref = _async_to_generator(function(reference, floating, config) {
-        var _config_placement, placement, _config_strategy, strategy, _config_middleware, middleware, platform, validMiddleware, rtl, rects, _computeCoordsFromPlacement, x, y, statefulPlacement, middlewareData, resetCount, i, _validMiddleware_i, name, fn, _ref2, nextX, nextY, data, reset, _tmp, ref;
+        var _config_placement, placement, _config_strategy, strategy, _config_middleware, middleware, platform2, validMiddleware, rtl, rects, _computeCoordsFromPlacement, x, y, statefulPlacement, middlewareData, resetCount, i, _validMiddleware_i, name, fn, _ref2, nextX, nextY, data, reset, _tmp, ref;
         return _ts_generator(this, function(_state) {
           switch (_state.label) {
             case 0:
-              return _config_placement = config.placement, placement = _config_placement === void 0 ? "bottom" : _config_placement, _config_strategy = config.strategy, strategy = _config_strategy === void 0 ? "absolute" : _config_strategy, _config_middleware = config.middleware, middleware = _config_middleware === void 0 ? [] : _config_middleware, platform = config.platform, validMiddleware = middleware.filter(Boolean), [
+              return _config_placement = config.placement, placement = _config_placement === void 0 ? "bottom" : _config_placement, _config_strategy = config.strategy, strategy = _config_strategy === void 0 ? "absolute" : _config_strategy, _config_middleware = config.middleware, middleware = _config_middleware === void 0 ? [] : _config_middleware, platform2 = config.platform, validMiddleware = middleware.filter(Boolean), [
                 4,
-                platform.isRTL == null ? void 0 : platform.isRTL(floating)
+                platform2.isRTL == null ? void 0 : platform2.isRTL(floating)
               ];
             case 1:
               return rtl = _state.sent(), [
                 4,
-                platform.getElementRects({
+                platform2.getElementRects({
                   reference,
                   floating,
                   strategy
@@ -29308,7 +29306,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
                   strategy,
                   middlewareData,
                   rects,
-                  platform,
+                  platform: platform2,
                   elements: {
                     reference,
                     floating
@@ -29327,7 +29325,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
                 6
               ] : [
                 4,
-                platform.getElementRects({
+                platform2.getElementRects({
                   reference,
                   floating,
                   strategy
@@ -29375,17 +29373,17 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
         return _ref.apply(this, arguments);
       };
     }();
-    arrow = function(options) {
+    arrow2 = function(options) {
       return {
         name: "arrow",
         options,
         fn: function(state) {
           return _async_to_generator(function() {
-            var x, y, placement, rects, platform, elements, middlewareData, _ref, element, _ref_padding, padding, paddingObject, coords, axis, length, arrowDimensions, isYAxis, minProp, maxProp, clientProp, endDiff, startDiff, arrowOffsetParent, clientSize, _tmp, centerToReference, largestPossiblePadding, minPadding, maxPadding, min$1, max2, center, offset3, shouldAddOffset, alignmentOffset, _obj, _obj1;
+            var x, y, placement, rects, platform2, elements, middlewareData, _ref, element, _ref_padding, padding, paddingObject, coords, axis, length, arrowDimensions, isYAxis, minProp, maxProp, clientProp, endDiff, startDiff, arrowOffsetParent, clientSize, _tmp, centerToReference, largestPossiblePadding, minPadding, maxPadding, min$1, max2, center, offset4, shouldAddOffset, alignmentOffset, _obj, _obj1;
             return _ts_generator(this, function(_state) {
               switch (_state.label) {
                 case 0:
-                  return x = state.x, y = state.y, placement = state.placement, rects = state.rects, platform = state.platform, elements = state.elements, middlewareData = state.middlewareData, _ref = evaluate(options, state) || {}, element = _ref.element, _ref_padding = _ref.padding, padding = _ref_padding === void 0 ? 0 : _ref_padding, element == null ? [
+                  return x = state.x, y = state.y, placement = state.placement, rects = state.rects, platform2 = state.platform, elements = state.elements, middlewareData = state.middlewareData, _ref = evaluate(options, state) || {}, element = _ref.element, _ref_padding = _ref.padding, padding = _ref_padding === void 0 ? 0 : _ref_padding, element == null ? [
                     2,
                     {}
                   ] : (paddingObject = getPaddingObject(padding), coords = {
@@ -29393,12 +29391,12 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
                     y
                   }, axis = getAlignmentAxis(placement), length = getAxisLength(axis), [
                     4,
-                    platform.getDimensions(element)
+                    platform2.getDimensions(element)
                   ]);
                 case 1:
                   return arrowDimensions = _state.sent(), 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], [
                     4,
-                    platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element)
+                    platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(element)
                   ];
                 case 2:
                   return arrowOffsetParent = _state.sent(), clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0, _tmp = !clientSize, _tmp ? [
@@ -29406,14 +29404,14 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
                     4
                   ] : [
                     4,
-                    platform.isElement == null ? void 0 : platform.isElement(arrowOffsetParent)
+                    platform2.isElement == null ? void 0 : platform2.isElement(arrowOffsetParent)
                   ];
                 case 3:
                   _tmp = !_state.sent(), _state.label = 4;
                 case 4:
-                  return _tmp && (clientSize = elements.floating[clientProp] || rects.floating[length]), 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, offset3 = clamp(min$1, center, max2), shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset3 && 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 _tmp && (clientSize = elements.floating[clientProp] || rects.floating[length]), 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, [
                     2,
-                    (_obj1 = {}, _define_property2(_obj1, axis, coords[axis] + alignmentOffset), _define_property2(_obj1, "data", _object_spread2((_obj = {}, _define_property2(_obj, axis, offset3), _define_property2(_obj, "centerOffset", center - offset3 - alignmentOffset), _obj), shouldAddOffset && {
+                    (_obj1 = {}, _define_property2(_obj1, axis, coords[axis] + alignmentOffset), _define_property2(_obj1, "data", _object_spread2((_obj = {}, _define_property2(_obj, axis, offset4), _define_property2(_obj, "centerOffset", center - offset4 - alignmentOffset), _obj), shouldAddOffset && {
                       alignmentOffset
                     })), _define_property2(_obj1, "reset", shouldAddOffset), _obj1)
                   ];
@@ -29423,24 +29421,24 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
         }
       };
     };
-    autoPlacement = function(options) {
+    autoPlacement2 = function(options) {
       return options === void 0 && (options = {}), {
         name: "autoPlacement",
         options,
         fn: function(state) {
           return _async_to_generator(function() {
-            var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE, rects, middlewareData, placement, platform, elements, _evaluate, _evaluate_crossAxis, crossAxis, alignment, _evaluate_allowedPlacements, allowedPlacements, _evaluate_autoAlignment, autoAlignment, detectOverflowOptions, placements$1, overflow, currentIndex, currentPlacement, alignmentSides, _tmp, currentOverflows, allOverflows, nextPlacement, placementsSortedByMostSpace, placementsThatFitOnEachSide, resetPlacement;
+            var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE, rects, middlewareData, placement, platform2, elements, _evaluate, _evaluate_crossAxis, crossAxis, alignment, _evaluate_allowedPlacements, allowedPlacements, _evaluate_autoAlignment, autoAlignment, detectOverflowOptions, placements$1, overflow, currentIndex, currentPlacement, alignmentSides, _tmp, currentOverflows, allOverflows, nextPlacement, placementsSortedByMostSpace, placementsThatFitOnEachSide, resetPlacement;
             return _ts_generator(this, function(_state) {
               switch (_state.label) {
                 case 0:
-                  return rects = state.rects, middlewareData = state.middlewareData, placement = state.placement, platform = state.platform, elements = state.elements, _evaluate = evaluate(options, state), _evaluate_crossAxis = _evaluate.crossAxis, crossAxis = _evaluate_crossAxis === void 0 ? !1 : _evaluate_crossAxis, alignment = _evaluate.alignment, _evaluate_allowedPlacements = _evaluate.allowedPlacements, allowedPlacements = _evaluate_allowedPlacements === void 0 ? placements : _evaluate_allowedPlacements, _evaluate_autoAlignment = _evaluate.autoAlignment, autoAlignment = _evaluate_autoAlignment === void 0 ? !0 : _evaluate_autoAlignment, detectOverflowOptions = _object_without_properties(_evaluate, [
+                  return rects = state.rects, middlewareData = state.middlewareData, placement = state.placement, platform2 = state.platform, elements = state.elements, _evaluate = evaluate(options, state), _evaluate_crossAxis = _evaluate.crossAxis, crossAxis = _evaluate_crossAxis === void 0 ? !1 : _evaluate_crossAxis, alignment = _evaluate.alignment, _evaluate_allowedPlacements = _evaluate.allowedPlacements, allowedPlacements = _evaluate_allowedPlacements === void 0 ? placements : _evaluate_allowedPlacements, _evaluate_autoAlignment = _evaluate.autoAlignment, autoAlignment = _evaluate_autoAlignment === void 0 ? !0 : _evaluate_autoAlignment, detectOverflowOptions = _object_without_properties(_evaluate, [
                     "crossAxis",
                     "alignment",
                     "allowedPlacements",
                     "autoAlignment"
                   ]), placements$1 = alignment !== void 0 || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements, [
                     4,
-                    detectOverflow(state, detectOverflowOptions)
+                    detectOverflow2(state, detectOverflowOptions)
                   ];
                 case 1:
                   return overflow = _state.sent(), currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0, currentPlacement = placements$1[currentIndex], currentPlacement == null ? [
@@ -29451,7 +29449,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
                     rects
                   ], [
                     4,
-                    platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)
+                    platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)
                   ]);
                 case 2:
                   return alignmentSides = getAlignmentSides.apply(void 0, _tmp.concat([
@@ -29529,17 +29527,17 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
           })();
         }
       };
-    }, flip = function(options) {
+    }, flip2 = function(options) {
       return options === void 0 && (options = {}), {
         name: "flip",
         options,
         fn: function(state) {
           return _async_to_generator(function() {
-            var _middlewareData$arrow, _middlewareData$flip, placement, middlewareData, rects, initialPlacement, platform, elements, _evaluate, tmp, checkMainAxis, tmp1, checkCrossAxis, specifiedFallbackPlacements, _evaluate_fallbackStrategy, fallbackStrategy, _evaluate_fallbackAxisSideDirection, fallbackAxisSideDirection, _evaluate_flipAlignment, flipAlignment, detectOverflowOptions, side, isBasePlacement, rtl, fallbackPlacements, _fallbackPlacements, placements2, overflow, overflows, overflowsData, sides2, _middlewareData$flip2, _overflowsData$filter, nextIndex, nextPlacement, resetPlacement, _overflowsData$map$so, placement1;
+            var _middlewareData$arrow, _middlewareData$flip, placement, middlewareData, rects, initialPlacement, platform2, elements, _evaluate, tmp, checkMainAxis, tmp1, checkCrossAxis, specifiedFallbackPlacements, _evaluate_fallbackStrategy, fallbackStrategy, _evaluate_fallbackAxisSideDirection, fallbackAxisSideDirection, _evaluate_flipAlignment, flipAlignment, detectOverflowOptions, side, isBasePlacement, rtl, fallbackPlacements, _fallbackPlacements, placements2, overflow, overflows, overflowsData, sides2, _middlewareData$flip2, _overflowsData$filter, nextIndex, nextPlacement, resetPlacement, _overflowsData$map$so, placement1;
             return _ts_generator(this, function(_state) {
               switch (_state.label) {
                 case 0:
-                  return placement = state.placement, middlewareData = state.middlewareData, rects = state.rects, initialPlacement = state.initialPlacement, platform = state.platform, elements = state.elements, _evaluate = evaluate(options, state), tmp = _evaluate.mainAxis, checkMainAxis = tmp === void 0 ? !0 : tmp, tmp1 = _evaluate.crossAxis, checkCrossAxis = tmp1 === void 0 ? !0 : tmp1, specifiedFallbackPlacements = _evaluate.fallbackPlacements, _evaluate_fallbackStrategy = _evaluate.fallbackStrategy, fallbackStrategy = _evaluate_fallbackStrategy === void 0 ? "bestFit" : _evaluate_fallbackStrategy, _evaluate_fallbackAxisSideDirection = _evaluate.fallbackAxisSideDirection, fallbackAxisSideDirection = _evaluate_fallbackAxisSideDirection === void 0 ? "none" : _evaluate_fallbackAxisSideDirection, _evaluate_flipAlignment = _evaluate.flipAlignment, flipAlignment = _evaluate_flipAlignment === void 0 ? !0 : _evaluate_flipAlignment, detectOverflowOptions = _object_without_properties(_evaluate, [
+                  return placement = state.placement, middlewareData = state.middlewareData, rects = state.rects, initialPlacement = state.initialPlacement, platform2 = state.platform, elements = state.elements, _evaluate = evaluate(options, state), tmp = _evaluate.mainAxis, checkMainAxis = tmp === void 0 ? !0 : tmp, tmp1 = _evaluate.crossAxis, checkCrossAxis = tmp1 === void 0 ? !0 : tmp1, specifiedFallbackPlacements = _evaluate.fallbackPlacements, _evaluate_fallbackStrategy = _evaluate.fallbackStrategy, fallbackStrategy = _evaluate_fallbackStrategy === void 0 ? "bestFit" : _evaluate_fallbackStrategy, _evaluate_fallbackAxisSideDirection = _evaluate.fallbackAxisSideDirection, fallbackAxisSideDirection = _evaluate_fallbackAxisSideDirection === void 0 ? "none" : _evaluate_fallbackAxisSideDirection, _evaluate_flipAlignment = _evaluate.flipAlignment, flipAlignment = _evaluate_flipAlignment === void 0 ? !0 : _evaluate_flipAlignment, detectOverflowOptions = _object_without_properties(_evaluate, [
                     "mainAxis",
                     "crossAxis",
                     "fallbackPlacements",
@@ -29551,7 +29549,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
                     {}
                   ] : (side = getSide(placement), isBasePlacement = getSide(initialPlacement) === initialPlacement, [
                     4,
-                    platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)
+                    platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)
                   ]);
                 case 1:
                   return rtl = _state.sent(), fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [
@@ -29560,7 +29558,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
                     initialPlacement
                   ].concat(_to_consumable_array(fallbackPlacements)), [
                     4,
-                    detectOverflow(state, detectOverflowOptions)
+                    detectOverflow2(state, detectOverflowOptions)
                   ];
                 case 2:
                   if (overflow = _state.sent(), overflows = [], overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [], checkMainAxis && overflows.push(overflow[side]), checkCrossAxis && (sides2 = getAlignmentSides(placement, rects, rtl), overflows.push(overflow[sides2[0]], overflow[sides2[1]])), overflowsData = _to_consumable_array(overflowsData).concat([
@@ -29629,7 +29627,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
         }
       };
     };
-    hide = function(options) {
+    hide2 = function(options) {
       return options === void 0 && (options = {}), {
         name: "hide",
         options,
@@ -29660,7 +29658,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
                 case 1:
                   return [
                     4,
-                    detectOverflow(state, _object_spread_props2(_object_spread2({}, detectOverflowOptions), {
+                    detectOverflow2(state, _object_spread_props2(_object_spread2({}, detectOverflowOptions), {
                       elementContext: "reference"
                     }))
                   ];
@@ -29677,7 +29675,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
                 case 3:
                   return [
                     4,
-                    detectOverflow(state, _object_spread_props2(_object_spread2({}, detectOverflowOptions), {
+                    detectOverflow2(state, _object_spread_props2(_object_spread2({}, detectOverflowOptions), {
                       altBoundary: !0
                     }))
                   ];
@@ -29706,13 +29704,13 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
         }
       };
     };
-    inline = function(options) {
+    inline2 = function(options) {
       return options === void 0 && (options = {}), {
         name: "inline",
         options,
         fn: function(state) {
           return _async_to_generator(function() {
-            var placement, elements, rects, platform, strategy, _evaluate, _evaluate_padding, padding, x, y, nativeClientRects, _, clientRects, fallback, paddingObject, resetRects;
+            var placement, elements, rects, platform2, strategy, _evaluate, _evaluate_padding, padding, x, y, nativeClientRects, _, clientRects, fallback, paddingObject, resetRects;
             function getBoundingClientRect() {
               if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null)
                 return clientRects.find(function(rect) {
@@ -29755,16 +29753,16 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
             return _ts_generator(this, function(_state) {
               switch (_state.label) {
                 case 0:
-                  return placement = state.placement, elements = state.elements, rects = state.rects, platform = state.platform, strategy = state.strategy, _evaluate = evaluate(options, state), _evaluate_padding = _evaluate.padding, padding = _evaluate_padding === void 0 ? 2 : _evaluate_padding, x = _evaluate.x, y = _evaluate.y, _ = Array.from, [
+                  return placement = state.placement, elements = state.elements, rects = state.rects, platform2 = state.platform, strategy = state.strategy, _evaluate = evaluate(options, state), _evaluate_padding = _evaluate.padding, padding = _evaluate_padding === void 0 ? 2 : _evaluate_padding, x = _evaluate.x, y = _evaluate.y, _ = Array.from, [
                     4,
-                    platform.getClientRects == null ? void 0 : platform.getClientRects(elements.reference)
+                    platform2.getClientRects == null ? void 0 : platform2.getClientRects(elements.reference)
                   ];
                 case 1:
                   return nativeClientRects = _.apply(Array, [
                     _state.sent() || []
                   ]), clientRects = getRectsByLine(nativeClientRects), fallback = rectToClientRect(getBoundingRect(nativeClientRects)), paddingObject = getPaddingObject(padding), [
                     4,
-                    platform.getElementRects({
+                    platform2.getElementRects({
                       reference: {
                         getBoundingClientRect
                       },
@@ -29790,7 +29788,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
         }
       };
     };
-    offset = function(options) {
+    offset2 = function(options) {
       return options === void 0 && (options = 0), {
         name: "offset",
         options,
@@ -29823,7 +29821,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
           })();
         }
       };
-    }, shift = function(options) {
+    }, shift2 = function(options) {
       return options === void 0 && (options = {}), {
         name: "shift",
         options,
@@ -29850,7 +29848,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
                     y
                   }, [
                     4,
-                    detectOverflow(state, detectOverflowOptions)
+                    detectOverflow2(state, detectOverflowOptions)
                   ];
                 case 1:
                   return overflow = _state.sent(), crossAxis = getSideAxis(getSide(placement)), mainAxis = getOppositeAxis(crossAxis), mainAxisCoord = coords[mainAxis], crossAxisCoord = coords[crossAxis], checkMainAxis && (minSide = mainAxis === "y" ? "top" : "left", maxSide = mainAxis === "y" ? "bottom" : "right", min2 = mainAxisCoord + overflow[minSide], max2 = mainAxisCoord - overflow[maxSide], mainAxisCoord = clamp(min2, mainAxisCoord, max2)), checkCrossAxis && (minSide1 = crossAxis === "y" ? "top" : "left", maxSide1 = crossAxis === "y" ? "bottom" : "right", min1 = crossAxisCoord + overflow[minSide1], max1 = crossAxisCoord - overflow[maxSide1], crossAxisCoord = clamp(min1, crossAxisCoord, max1)), limitedCoords = limiter.fn(_object_spread_props2(_object_spread2({}, state), (_obj = {}, _define_property2(_obj, mainAxis, mainAxisCoord), _define_property2(_obj, crossAxis, crossAxisCoord), _obj))), [
@@ -29867,14 +29865,14 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
           })();
         }
       };
-    }, limitShift = function(options) {
+    }, limitShift2 = function(options) {
       return options === void 0 && (options = {}), {
         options,
         fn: function(state) {
-          var x = state.x, y = state.y, placement = state.placement, rects = state.rects, middlewareData = state.middlewareData, _evaluate = evaluate(options, state), _evaluate_offset = _evaluate.offset, offset3 = _evaluate_offset === void 0 ? 0 : _evaluate_offset, tmp = _evaluate.mainAxis, checkMainAxis = tmp === void 0 ? !0 : tmp, tmp1 = _evaluate.crossAxis, checkCrossAxis = tmp1 === void 0 ? !0 : tmp1, coords = {
+          var x = state.x, y = state.y, placement = state.placement, rects = state.rects, middlewareData = state.middlewareData, _evaluate = evaluate(options, state), _evaluate_offset = _evaluate.offset, offset4 = _evaluate_offset === void 0 ? 0 : _evaluate_offset, tmp = _evaluate.mainAxis, checkMainAxis = tmp === void 0 ? !0 : tmp, tmp1 = _evaluate.crossAxis, checkCrossAxis = tmp1 === void 0 ? !0 : tmp1, coords = {
             x,
             y
-          }, crossAxis = getSideAxis(placement), mainAxis = getOppositeAxis(crossAxis), mainAxisCoord = coords[mainAxis], crossAxisCoord = coords[crossAxis], rawOffset = evaluate(offset3, state), computedOffset = typeof rawOffset == "number" ? {
+          }, crossAxis = getSideAxis(placement), mainAxis = getOppositeAxis(crossAxis), mainAxisCoord = coords[mainAxis], crossAxisCoord = coords[crossAxis], rawOffset = evaluate(offset4, state), computedOffset = typeof rawOffset == "number" ? {
             mainAxis: rawOffset,
             crossAxis: 0
           } : _object_spread2({
@@ -29896,27 +29894,27 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
           return _obj = {}, _define_property2(_obj, mainAxis, mainAxisCoord), _define_property2(_obj, crossAxis, crossAxisCoord), _obj;
         }
       };
-    }, size = function(options) {
+    }, size2 = function(options) {
       return options === void 0 && (options = {}), {
         name: "size",
         options,
         fn: function(state) {
           return _async_to_generator(function() {
-            var placement, rects, platform, elements, _evaluate, _evaluate_apply, apply, detectOverflowOptions, overflow, side, alignment, isYAxis, _rects_floating, width, height, heightSide, widthSide, maximumClippingHeight, maximumClippingWidth, overflowAvailableHeight, overflowAvailableWidth, noShift, availableHeight, availableWidth, xMin, xMax, yMin, yMax, nextDimensions;
+            var placement, rects, platform2, elements, _evaluate, _evaluate_apply, apply, detectOverflowOptions, overflow, side, alignment, isYAxis, _rects_floating, width, height, heightSide, widthSide, maximumClippingHeight, maximumClippingWidth, overflowAvailableHeight, overflowAvailableWidth, noShift, availableHeight, availableWidth, xMin, xMax, yMin, yMax, nextDimensions;
             return _ts_generator(this, function(_state) {
               switch (_state.label) {
                 case 0:
-                  return placement = state.placement, rects = state.rects, platform = state.platform, elements = state.elements, _evaluate = evaluate(options, state), _evaluate_apply = _evaluate.apply, apply = _evaluate_apply === void 0 ? function() {
+                  return placement = state.placement, rects = state.rects, platform2 = state.platform, elements = state.elements, _evaluate = evaluate(options, state), _evaluate_apply = _evaluate.apply, apply = _evaluate_apply === void 0 ? function() {
                   } : _evaluate_apply, detectOverflowOptions = _object_without_properties(_evaluate, [
                     "apply"
                   ]), [
                     4,
-                    detectOverflow(state, detectOverflowOptions)
+                    detectOverflow2(state, detectOverflowOptions)
                   ];
                 case 1:
                   return overflow = _state.sent(), side = getSide(placement), alignment = getAlignment(placement), isYAxis = getSideAxis(placement) === "y", _rects_floating = rects.floating, width = _rects_floating.width, height = _rects_floating.height, side === "top" || side === "bottom" ? (heightSide = side, [
                     4,
-                    platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)
+                    platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)
                   ]) : [
                     3,
                     3
@@ -29939,7 +29937,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
                 case 5:
                   return _state.sent(), [
                     4,
-                    platform.getDimensions(elements.floating)
+                    platform2.getDimensions(elements.floating)
                   ];
                 case 6:
                   return nextDimensions = _state.sent(), width !== nextDimensions.width || height !== nextDimensions.height ? [
@@ -30190,7 +30188,7 @@ var require_floating_ui_react_native = __commonJS({
         middlewareData: {}
       }), 2), data = _React__namespace_useState3[0], setData = _React__namespace_useState3[1], _React__namespace_useState4 = _sliced_to_array(React__namespace.useState(ORIGIN), 2), scrollOffsets = _React__namespace_useState4[0], setScrollOffsets = _React__namespace_useState4[1], _React__namespace_useState5 = _sliced_to_array(React__namespace.useState(middleware), 2), latestMiddleware = _React__namespace_useState5[0], setLatestMiddleware = _React__namespace_useState5[1];
       deepEqual(latestMiddleware, middleware) || setLatestMiddleware(middleware);
-      var platform = React__namespace.useMemo(function() {
+      var platform2 = React__namespace.useMemo(function() {
         return createPlatform({
           offsetParent: offsetParentEl,
           scrollOffsets,
@@ -30203,14 +30201,14 @@ var require_floating_ui_react_native = __commonJS({
       ]), update = React__namespace.useCallback(function() {
         !referenceRef.current || !floatingRef.current || core.computePosition(referenceRef.current, floatingRef.current, {
           middleware: latestMiddleware,
-          platform,
+          platform: platform2,
           placement
         }).then(function(data2) {
           isMountedRef.current && setData(data2);
         });
       }, [
         latestMiddleware,
-        platform,
+        platform2,
         placement
       ]);
       React__namespace.useLayoutEffect(function() {
@@ -30314,63 +30312,63 @@ var require_floating_ui_react_native = __commonJS({
           }).fn(state) : {};
         }
       };
-    }, offset3 = function(options, deps) {
+    }, offset4 = function(options, deps) {
       return _object_spread_props8(_object_spread9({}, core.offset(options)), {
         options: [
           options,
           deps
         ]
       });
-    }, shift3 = function(options, deps) {
+    }, shift4 = function(options, deps) {
       return _object_spread_props8(_object_spread9({}, core.shift(options)), {
         options: [
           options,
           deps
         ]
       });
-    }, limitShift3 = function(options, deps) {
+    }, limitShift4 = function(options, deps) {
       return _object_spread_props8(_object_spread9({}, core.limitShift(options)), {
         options: [
           options,
           deps
         ]
       });
-    }, flip3 = function(options, deps) {
+    }, flip4 = function(options, deps) {
       return _object_spread_props8(_object_spread9({}, core.flip(options)), {
         options: [
           options,
           deps
         ]
       });
-    }, size3 = function(options, deps) {
+    }, size4 = function(options, deps) {
       return _object_spread_props8(_object_spread9({}, core.size(options)), {
         options: [
           options,
           deps
         ]
       });
-    }, autoPlacement3 = function(options, deps) {
+    }, autoPlacement4 = function(options, deps) {
       return _object_spread_props8(_object_spread9({}, core.autoPlacement(options)), {
         options: [
           options,
           deps
         ]
       });
-    }, hide3 = function(options, deps) {
+    }, hide4 = function(options, deps) {
       return _object_spread_props8(_object_spread9({}, core.hide(options)), {
         options: [
           options,
           deps
         ]
       });
-    }, inline3 = function(options, deps) {
+    }, inline4 = function(options, deps) {
       return _object_spread_props8(_object_spread9({}, core.inline(options)), {
         options: [
           options,
           deps
         ]
       });
-    }, arrow2 = function(options, deps) {
+    }, arrow3 = function(options, deps) {
       return _object_spread_props8(_object_spread9({}, arrow$1(options)), {
         options: [
           options,
@@ -30384,15 +30382,15 @@ var require_floating_ui_react_native = __commonJS({
         return core.detectOverflow;
       }
     });
-    exports2.arrow = arrow2;
-    exports2.autoPlacement = autoPlacement3;
-    exports2.flip = flip3;
-    exports2.hide = hide3;
-    exports2.inline = inline3;
-    exports2.limitShift = limitShift3;
-    exports2.offset = offset3;
-    exports2.shift = shift3;
-    exports2.size = size3;
+    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;
   }
 });
@@ -30442,13 +30440,16 @@ var require_Floating_native = __commonJS({
     }, Floating_native_exports = {};
     __export2(Floating_native_exports, {
       autoUpdate: function() {
-        return autoUpdate;
+        return autoUpdate2;
+      },
+      platform: function() {
+        return platform2;
       }
     });
     module2.exports = __toCommonJS2(Floating_native_exports);
     __reExport2(Floating_native_exports, require_floating_ui_react_native(), module2.exports);
-    var autoUpdate = function() {
-    };
+    var autoUpdate2 = function() {
+    }, platform2 = null;
   }
 });
 
@@ -30557,8 +30558,6 @@ var require_index_native56 = __commonJS({
         }
       }
       return to;
-    }, __reExport2 = function(target, mod, secondTarget) {
-      return __copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default");
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -30568,13 +30567,48 @@ var require_index_native56 = __commonJS({
       FloatingOverrideContext: function() {
         return import_useFloating.FloatingOverrideContext;
       },
+      arrow: function() {
+        return import_Floating.arrow;
+      },
+      autoPlacement: function() {
+        return import_Floating.autoPlacement;
+      },
+      autoUpdate: function() {
+        return import_Floating.autoUpdate;
+      },
+      detectOverflow: function() {
+        return import_Floating.detectOverflow;
+      },
+      flip: function() {
+        return import_Floating.flip;
+      },
+      hide: function() {
+        return import_Floating.hide;
+      },
+      inline: function() {
+        return import_Floating.inline;
+      },
+      limitShift: function() {
+        return import_Floating.limitShift;
+      },
+      offset: function() {
+        return import_Floating.offset;
+      },
+      platform: function() {
+        return import_Floating.platform;
+      },
+      shift: function() {
+        return import_Floating.shift;
+      },
+      size: function() {
+        return import_Floating.size;
+      },
       useFloating: function() {
         return import_useFloating.useFloating;
       }
     });
     module2.exports = __toCommonJS2(src_exports2);
-    __reExport2(src_exports2, require_Floating_native(), module2.exports);
-    var import_useFloating = require_useFloating_native();
+    var import_Floating = require_Floating_native(), import_useFloating = require_useFloating_native();
   }
 });
 
@@ -30765,7 +30799,7 @@ var require_Popper_native = __commonJS({
       Object.assign(setupOptions, options);
     }
     function Popper(props) {
-      var _middlewareData_checkFloating, children = props.children, size3 = props.size, _props_strategy = props.strategy, strategy = _props_strategy === void 0 ? "absolute" : _props_strategy, _props_placement = props.placement, placement = _props_placement === void 0 ? "bottom" : _props_placement, stayInFrame = props.stayInFrame, allowFlip = props.allowFlip, offset3 = props.offset, disableRTL = props.disableRTL, __scopePopper = props.__scopePopper, isMounted = (0, import_core12.useDidFinishSSR)(), _React_useState = _sliced_to_array(React2.useState(null), 2), arrowEl = _React_useState[0], setArrow = _React_useState[1], _React_useState1 = _sliced_to_array(React2.useState(0), 2), arrowSize = _React_useState1[0], setArrowSize = _React_useState1[1], offsetOptions = offset3 ?? arrowSize, floating = (0, import_floating.useFloating)({
+      var _middlewareData_checkFloating, children = props.children, size4 = props.size, _props_strategy = props.strategy, strategy = _props_strategy === void 0 ? "absolute" : _props_strategy, _props_placement = props.placement, placement = _props_placement === void 0 ? "bottom" : _props_placement, stayInFrame = props.stayInFrame, allowFlip = props.allowFlip, offset4 = props.offset, disableRTL = props.disableRTL, __scopePopper = props.__scopePopper, isMounted = (0, import_core12.useDidFinishSSR)(), _React_useState = _sliced_to_array(React2.useState(null), 2), arrowEl = _React_useState[0], setArrow = _React_useState[1], _React_useState1 = _sliced_to_array(React2.useState(0), 2), arrowSize = _React_useState1[0], setArrowSize = _React_useState1[1], offsetOptions = offset4 ?? arrowSize, floating = (0, import_floating.useFloating)({
         strategy,
         placement,
         sameScrollView: !1,
@@ -30805,7 +30839,7 @@ var require_Popper_native = __commonJS({
         keyboardOpen
       ]);
       var popperContext = _object_spread9({
-        size: size3,
+        size: size4,
         arrowRef: setArrow,
         arrowStyle: middlewareData.arrow,
         onArrowSize: setArrowSize,
@@ -30859,7 +30893,7 @@ var require_Popper_native = __commonJS({
       var __scopePopper = props.__scopePopper, enableAnimationForPositionChange = props.enableAnimationForPositionChange, rest = _object_without_properties5(props, [
         "__scopePopper",
         "enableAnimationForPositionChange"
-      ]), _usePopperContext = usePopperContext(__scopePopper), strategy = _usePopperContext.strategy, placement = _usePopperContext.placement, refs = _usePopperContext.refs, x = _usePopperContext.x, y = _usePopperContext.y, getFloatingProps = _usePopperContext.getFloatingProps, size3 = _usePopperContext.size, isMounted = _usePopperContext.isMounted, update = _usePopperContext.update, floatingStyles = _usePopperContext.floatingStyles, hasFloating = _usePopperContext.hasFloating, contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), finalHasFloatingValue = !1;
+      ]), _usePopperContext = usePopperContext(__scopePopper), strategy = _usePopperContext.strategy, placement = _usePopperContext.placement, refs = _usePopperContext.refs, x = _usePopperContext.x, y = _usePopperContext.y, getFloatingProps = _usePopperContext.getFloatingProps, size4 = _usePopperContext.size, isMounted = _usePopperContext.isMounted, update = _usePopperContext.update, floatingStyles = _usePopperContext.floatingStyles, hasFloating = _usePopperContext.hasFloating, contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), finalHasFloatingValue = !1;
       if (import_constants4.isAndroid) {
         var initialRender = React2.useRef(!0), finalHasFloating = React2.useRef(!1);
         hasFloating === !1 && (initialRender.current = !1), initialRender.current || (finalHasFloating.current = hasFloating), finalHasFloatingValue = finalHasFloating.current;
@@ -30869,7 +30903,7 @@ var require_Popper_native = __commonJS({
           "data-placement": placement,
           "data-strategy": strategy,
           contain: "layout",
-          size: size3
+          size: size4
         }, rest), "popper-content-frame");
       }, [
         placement,
@@ -30956,7 +30990,7 @@ var require_Popper_native = __commonJS({
     }, PopperArrow = PopperArrowFrame.styleable(function(propsIn, forwardedRef) {
       var _context_arrowStyle, _context_arrowStyle1, __scopePopper = propsIn.__scopePopper, rest = _object_without_properties5(propsIn, [
         "__scopePopper"
-      ]), props = (0, import_core12.useProps)(rest), offset3 = props.offset, sizeProp = props.size, _props_borderWidth = props.borderWidth, borderWidth = _props_borderWidth === void 0 ? 0 : _props_borderWidth, arrowProps = _object_without_properties5(props, [
+      ]), props = (0, import_core12.useProps)(rest), offset4 = props.offset, sizeProp = props.size, _props_borderWidth = props.borderWidth, borderWidth = _props_borderWidth === void 0 ? 0 : _props_borderWidth, arrowProps = _object_without_properties5(props, [
         "offset",
         "size",
         "borderWidth"
@@ -30965,20 +30999,20 @@ var require_Popper_native = __commonJS({
         bounds: [
           2
         ]
-      })), size3 = Math.max(0, +sizeVal), placement = context.placement, 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 = {
+      })), size4 = Math.max(0, +sizeVal), placement = context.placement, 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: size3,
-        height: size3
+        width: size4,
+        height: size4
       }, innerArrowStyle = {}, isVertical = primaryPlacement === "bottom" || primaryPlacement === "top";
       if (primaryPlacement) {
-        arrowStyle[isVertical ? "width" : "height"] = size3 * 2;
+        arrowStyle[isVertical ? "width" : "height"] = size4 * 2;
         var oppSide = opposites[primaryPlacement];
-        oppSide && (arrowStyle[oppSide] = -size3, innerArrowStyle[oppSide] = size3 / 2), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        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() {
           var _context_onArrowSize;
-          (_context_onArrowSize = context.onArrowSize) === null || _context_onArrowSize === void 0 || _context_onArrowSize.call(context, size3);
+          (_context_onArrowSize = context.onArrowSize) === null || _context_onArrowSize === void 0 || _context_onArrowSize.call(context, size4);
         }, [
-          size3,
+          size4,
           context.onArrowSize
         ]);
       }
@@ -30986,8 +31020,8 @@ var require_Popper_native = __commonJS({
         ref: refs
       }, arrowStyle), {
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperArrowFrame, _object_spread9(_object_spread_props8(_object_spread9({
-          width: size3,
-          height: size3
+          width: size4,
+          height: size4
         }, arrowProps, innerArrowStyle), {
           rotate: "45deg"
         }), primaryPlacement === "bottom" && {
@@ -31897,10 +31931,10 @@ var require_Progress_native = __commonJS({
         },
         size: {
           "...size": function(val) {
-            var size3 = Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) * 0.25);
+            var size4 = Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) * 0.25);
             return {
-              height: size3,
-              minWidth: (0, import_core12.getVariableValue)(size3) * 20,
+              height: size4,
+              minWidth: (0, import_core12.getVariableValue)(size4) * 20,
               width: "100%"
             };
           }
@@ -31910,7 +31944,7 @@ var require_Progress_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), Progress = (0, import_helpers.withStaticProperties)(ProgressFrame.styleable(function(props, forwardedRef) {
-      var __scopeProgress = props.__scopeProgress, valueProp = props.value, maxProp = props.max, _props_getValueLabel = props.getValueLabel, getValueLabel = _props_getValueLabel === void 0 ? defaultGetValueLabel : _props_getValueLabel, _props_size = props.size, size3 = _props_size === void 0 ? "$true" : _props_size, progressProps = _object_without_properties5(props, [
+      var __scopeProgress = props.__scopeProgress, valueProp = props.value, maxProp = props.max, _props_getValueLabel = props.getValueLabel, getValueLabel = _props_getValueLabel === void 0 ? defaultGetValueLabel : _props_getValueLabel, _props_size = props.size, size4 = _props_size === void 0 ? "$true" : _props_size, progressProps = _object_without_properties5(props, [
         "__scopeProgress",
         "value",
         "max",
@@ -31933,7 +31967,7 @@ var require_Progress_native = __commonJS({
           "data-value": value ?? void 0,
           "data-max": max2
         }, progressProps.unstyled !== !0 && {
-          size: size3
+          size: size4
         }, progressProps), {
           onLayout: function(e) {
             var _progressProps_onLayout;
@@ -32097,10 +32131,10 @@ var require_RadioGroup_native = __commonJS({
         },
         size: {
           "...size": function(value, param) {
-            var props = param.props, _props_scaleSize, size3 = 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, _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));
             return {
-              width: size3,
-              height: size3
+              width: size4,
+              height: size4
             };
           }
         }
@@ -33925,7 +33959,7 @@ var require_SelectItem_native = __commonJS({
         "index"
       ]), _useListItem = (0, import_list_item.useListItem)(_object_spread9({}, !props.unstyled && {
         ellipse: !0
-      }, restProps)), listItemProps = _useListItem.props, context = (0, import_context.useSelectItemParentContext)(ITEM_NAME, __scopeSelect), setSelectedIndex = context.setSelectedIndex, listRef = context.listRef, setOpen = context.setOpen, onChange = context.onChange, activeIndexSubscribe = context.activeIndexSubscribe, valueSubscribe = context.valueSubscribe, allowMouseUpRef = context.allowMouseUpRef, allowSelectRef = context.allowSelectRef, setValueAtIndex = context.setValueAtIndex, selectTimeoutRef = context.selectTimeoutRef, dataRef = context.dataRef, interactions = context.interactions, shouldRenderWebNative = context.shouldRenderWebNative, size3 = context.size, onActiveChange = context.onActiveChange, initialValue = context.initialValue, _React_useState = _sliced_to_array(React2.useState(initialValue === value), 2), isSelected = _React_useState[0], setSelected = _React_useState[1];
+      }, restProps)), listItemProps = _useListItem.props, context = (0, import_context.useSelectItemParentContext)(ITEM_NAME, __scopeSelect), setSelectedIndex = context.setSelectedIndex, listRef = context.listRef, setOpen = context.setOpen, onChange = context.onChange, activeIndexSubscribe = context.activeIndexSubscribe, valueSubscribe = context.valueSubscribe, allowMouseUpRef = context.allowMouseUpRef, allowSelectRef = context.allowSelectRef, setValueAtIndex = context.setValueAtIndex, selectTimeoutRef = context.selectTimeoutRef, dataRef = context.dataRef, interactions = context.interactions, shouldRenderWebNative = context.shouldRenderWebNative, size4 = context.size, onActiveChange = context.onActiveChange, initialValue = context.initialValue, _React_useState = _sliced_to_array(React2.useState(initialValue === value), 2), isSelected = _React_useState[0], setSelected = _React_useState[1];
       React2.useEffect(function() {
         return activeIndexSubscribe(function(i) {
           var isActive = index === i;
@@ -34005,7 +34039,7 @@ var require_SelectItem_native = __commonJS({
           hoverTheme: !0,
           focusTheme: !0,
           cursor: "default",
-          size: size3,
+          size: size4,
           outlineOffset: -0.5,
           focusVisibleStyle: {
             outlineColor: "$outlineColor",
@@ -34787,10 +34821,10 @@ var require_Select_native = __commonJS({
     }), SelectGroup = /* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
       var __scopeSelect = props.__scopeSelect, groupProps = _object_without_properties5(props, [
         "__scopeSelect"
-      ]), groupId = React2.useId(), context = (0, import_context.useSelectContext)(GROUP_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(GROUP_NAME, __scopeSelect), _itemParentContext_size, size3 = (_itemParentContext_size = itemParentContext.size) !== null && _itemParentContext_size !== void 0 ? _itemParentContext_size : "$true", nativeSelectRef = React2.useRef(null), content = function() {
+      ]), groupId = React2.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 = React2.useRef(null), content = function() {
         return itemParentContext.shouldRenderWebNative ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NativeSelectFrame, {
           asChild: !0,
-          size: size3,
+          size: size4,
           // @ts-expect-error until we support typing based on tag
           value: context.value,
           id: itemParentContext.id,
@@ -34799,7 +34833,7 @@ var require_Select_native = __commonJS({
             onChange: function(event) {
               itemParentContext.onChange(event.currentTarget.value);
             },
-            size: size3,
+            size: size4,
             ref: nativeSelectRef,
             style: {
               color: "var(--color)",
@@ -35314,14 +35348,14 @@ var require_helpers_native2 = __commonJS({
       return distances.indexOf(closestDistance);
     }
     function getThumbInBoundsOffset(width, left, direction) {
-      var quarterWidth = width / 4, halfPercent = 50, offset3 = linearScale([
+      var quarterWidth = width / 4, halfPercent = 50, offset4 = linearScale([
         0,
         halfPercent
       ], [
         0,
         quarterWidth
       ]);
-      return (quarterWidth - offset3(left) * direction) * direction;
+      return (quarterWidth - offset4(left) * direction) * direction;
     }
     function getStepsBetweenValues(values) {
       return values.slice(0, -1).map(function(value, index) {
@@ -35479,14 +35513,14 @@ var require_SliderImpl_native = __commonJS({
         },
         size: function(val, extras) {
           if (val) {
-            var orientation = extras.props.orientation, size4 = Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) / 6);
+            var orientation = extras.props.orientation, size5 = Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) / 6);
             return orientation === "horizontal" ? {
-              height: size4,
-              borderRadius: size4,
+              height: size5,
+              borderRadius: size5,
               justifyContent: "center"
             } : {
-              width: size4,
-              borderRadius: size4,
+              width: size5,
+              borderRadius: size5,
               alignItems: "center"
             };
           }
@@ -35975,14 +36009,14 @@ var require_Slider_native = __commonJS({
     });
     SliderTrackActive.displayName = RANGE_NAME;
     var THUMB_NAME = "SliderThumb", getThumbSize = function(val) {
-      var tokens = (0, import_core12.getTokens)(), size3 = typeof val == "number" ? val : (0, import_get_token2.getSize)(tokens.size[val], {
+      var tokens = (0, import_core12.getTokens)(), size4 = typeof val == "number" ? val : (0, import_get_token2.getSize)(tokens.size[val], {
         shift: -1
       });
       return {
-        width: size3,
-        height: size3,
-        minWidth: size3,
-        minHeight: size3
+        width: size4,
+        height: size4,
+        minWidth: size4,
+        minHeight: size4
       };
     }, SliderThumbFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "SliderThumb",
@@ -36013,7 +36047,7 @@ var require_Slider_native = __commonJS({
       ]), context = (0, import_constants22.useSliderContext)(THUMB_NAME, __scopeSlider), orientation = (0, import_constants22.useSliderOrientationContext)(THUMB_NAME, __scopeSlider), _React_useState = _sliced_to_array(React2.useState(null), 2), thumb = _React_useState[0], setThumb = _React_useState[1], 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", _React_useState1 = _sliced_to_array(React2.useState(function() {
         var estimatedSize = (0, import_core12.getVariableValue)(getThumbSize(sizeIn).width);
         return estimatedSize;
-      }), 2), size3 = _React_useState1[0], setSize = _React_useState1[1], thumbInBoundsOffset = size3 ? (0, import_helpers3.getThumbInBoundsOffset)(size3, percent, orientation.direction) : 0;
+      }), 2), size4 = _React_useState1[0], setSize = _React_useState1[1], thumbInBoundsOffset = size4 ? (0, import_helpers3.getThumbInBoundsOffset)(size4, percent, orientation.direction) : 0;
       React2.useEffect(function() {
         if (thumb) return context.thumbs.set(thumb, index), function() {
           context.thumbs.delete(thumb);
@@ -36024,17 +36058,17 @@ var require_Slider_native = __commonJS({
         index
       ]);
       var positionalStyles = context.orientation === "horizontal" ? _object_spread9({
-        x: thumbInBoundsOffset - size3 / 2,
-        y: -size3 / 2,
+        x: thumbInBoundsOffset - size4 / 2,
+        y: -size4 / 2,
         top: "50%"
-      }, size3 === 0 && {
+      }, size4 === 0 && {
         top: "auto",
         bottom: "auto"
       }) : _object_spread9({
-        x: -size3 / 2,
-        y: size3 / 2,
+        x: -size4 / 2,
+        y: size4 / 2,
         left: "50%"
-      }, size3 === 0 && {
+      }, size4 === 0 && {
         left: "auto",
         right: "auto"
       }), _obj;
@@ -36638,10 +36672,10 @@ var require_Switch_native = __commonJS({
         },
         size: {
           "...size": function(val) {
-            var size3 = getSwitchHeight(val);
+            var size4 = getSwitchHeight(val);
             return {
-              height: size3,
-              width: size3
+              height: size4,
+              width: size4
             };
           }
         }
@@ -36856,12 +36890,12 @@ var require_createSwitch_native = __commonJS({
           "size",
           "unstyled",
           "nativeID"
-        ]), context = React2.useContext(SwitchContext), checked = context.checked, disabled = context.disabled, frameWidth = context.frameWidth, styledContext = import_StyledContext.SwitchStyledContext.useStyledContext(), unstyledContext = styledContext.unstyled, sizeContext = styledContext.size, _ref, unstyled = process.env.TAMAGUI_HEADLESS === "1" ? !0 : (_ref = unstyledProp ?? unstyledContext) !== null && _ref !== void 0 ? _ref : !1, _ref1, size3 = (_ref1 = sizeProp ?? sizeContext) !== null && _ref1 !== void 0 ? _ref1 : "$true", initialChecked = React2.useRef(checked).current, _React_useState = _sliced_to_array(React2.useState(0), 2), thumbWidth = _React_useState[0], setThumbWidth = _React_useState[1], distance = frameWidth - thumbWidth, x = initialChecked ? checked ? 0 : -distance : checked ? distance : 0;
+        ]), context = React2.useContext(SwitchContext), checked = context.checked, disabled = context.disabled, frameWidth = context.frameWidth, styledContext = import_StyledContext.SwitchStyledContext.useStyledContext(), unstyledContext = styledContext.unstyled, sizeContext = styledContext.size, _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 = React2.useRef(checked).current, _React_useState = _sliced_to_array(React2.useState(0), 2), thumbWidth = _React_useState[0], setThumbWidth = _React_useState[1], distance = frameWidth - thumbWidth, x = initialChecked ? checked ? 0 : -distance : checked ? distance : 0;
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Thumb, _object_spread9(_object_spread_props8(_object_spread9({
           ref: forwardedRef,
           unstyled
         }, unstyled === !1 && _object_spread9({
-          size: size3
+          size: size4
         }, !disableActiveTheme && {
           theme: checked ? "active" : null
         })), {
@@ -37363,7 +37397,7 @@ var require_Tabs_native = __commonJS({
     }), TABS_NAME = "Tabs", _createStyledContext = (0, import_web.createStyledContext)(), TabsProvider = _createStyledContext.Provider, useTabsContext = _createStyledContext.useStyledContext, TabsFrame = (0, import_web.styled)(import_stacks3.SizableStack, {
       name: TABS_NAME
     }), TabsComponent = TabsFrame.styleable(function(props, forwardedRef) {
-      var __scopeTabs = props.__scopeTabs, valueProp = props.value, onValueChange = props.onValueChange, defaultValue = props.defaultValue, _props_orientation = props.orientation, orientation = _props_orientation === void 0 ? "horizontal" : _props_orientation, dir = props.dir, _props_activationMode = props.activationMode, activationMode = _props_activationMode === void 0 ? "automatic" : _props_activationMode, _props_size = props.size, size3 = _props_size === void 0 ? "$true" : _props_size, tabsProps = _object_without_properties5(props, [
+      var __scopeTabs = props.__scopeTabs, valueProp = props.value, onValueChange = props.onValueChange, defaultValue = props.defaultValue, _props_orientation = props.orientation, orientation = _props_orientation === void 0 ? "horizontal" : _props_orientation, dir = props.dir, _props_activationMode = props.activationMode, activationMode = _props_activationMode === void 0 ? "automatic" : _props_activationMode, _props_size = props.size, size4 = _props_size === void 0 ? "$true" : _props_size, tabsProps = _object_without_properties5(props, [
         "__scopeTabs",
         "value",
         "onValueChange",
@@ -37393,7 +37427,7 @@ var require_Tabs_native = __commonJS({
         orientation,
         dir: direction,
         activationMode,
-        size: size3,
+        size: size4,
         registerTrigger,
         triggersCount,
         unregisterTrigger,
@@ -38364,11 +38398,11 @@ var require_ToggleGroup_native = __commonJS({
         "disablePassStyles"
       ]), 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, size3 = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : context.size, sizeProps = props.unstyled ? {} : {
+      }), _props_size, size4 = (_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)(size3) * 0.6
-      }, iconSize = (typeof size3 == "number" ? size3 * 0.7 : (0, import_font_size.getFontSize)(size3)) * 1.2, theme = (0, import_web.useTheme)(), getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
+        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)({
         size: iconSize,
         color: theme.color
       }), childrens = import_react4.default.Children.toArray(props.children), children = childrens.map(function(child) {
@@ -38549,12 +38583,12 @@ var require_ToggleGroup_native = __commonJS({
         dir: direction
       }, toggleGroupProps), adjustedSize = (0, import_web.getVariableValue)((0, import_get_token2.getSize)(sizeProp, {
         shift: sizeAdjust
-      })), size3 = Math.round(adjustedSize * 0.45);
+      })), size4 = Math.round(adjustedSize * 0.45);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupContext, {
         scope: __scopeToggleGroup,
         rovingFocus,
         disabled,
-        size: size3,
+        size: size4,
         children: rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_roving_focus.RovingFocusGroup, {
           asChild: "except-style",
           __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
@@ -39558,7 +39592,7 @@ function _object_without_properties_loose4(source, excluded) {
   return target;
 }
 var Spinner = import_stacks2.YStack.extractable((0, import_core8.themeable)(/* @__PURE__ */ React.forwardRef(function(props, ref) {
-  var size3 = props.size, colorProp = props.color, stackProps = _object_without_properties4(props, [
+  var size4 = props.size, colorProp = props.color, stackProps = _object_without_properties4(props, [
     "size",
     "color"
   ]), theme = (0, import_core8.useTheme)(), color = colorProp;
@@ -39566,7 +39600,7 @@ var Spinner = import_stacks2.YStack.extractable((0, import_core8.themeable)(/* @
     ref
   }, stackProps), {
     children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native3.ActivityIndicator, {
-      size: size3,
+      size: size4,
       color
     })
   }));