tamagui 1.72.0 → 1.72.2

package/dist/test.native.js

@@ -717,8 +717,8 @@ var require_clamp_native = __commonJS({
       clamp: () => clamp
     });
     module2.exports = __toCommonJS2(clamp_exports);
-    function clamp(value, [min, max]) {
-      return Math.min(max, Math.max(min, value));
+    function clamp(value, [min2, max2]) {
+      return Math.min(max2, Math.max(min2, value));
     }
   }
 });
@@ -3866,8 +3866,8 @@ var require_ThemeManager_native = __commonJS({
       props.reset && isDirectParentAComponentTheme && allComponentThemes.shift();
       let base = parentName.split(import_constants2.THEME_NAME_SEPARATOR), lastSegment = base[base.length - 1], isParentComponentTheme = parentName && lastSegment[0].toUpperCase() === lastSegment[0];
       isParentComponentTheme && base.pop();
-      let parentBaseTheme = isParentComponentTheme ? base.slice(0, base.length).join(import_constants2.THEME_NAME_SEPARATOR) : parentName, max = base.length, min = componentName && !nextName ? max : 0;
-      for (let i = max; i >= min; i--) {
+      let parentBaseTheme = isParentComponentTheme ? base.slice(0, base.length).join(import_constants2.THEME_NAME_SEPARATOR) : parentName, max2 = base.length, min2 = componentName && !nextName ? max2 : 0;
+      for (let i = max2; i >= min2; i--) {
         let prefix = base.slice(0, i).join(import_constants2.THEME_NAME_SEPARATOR);
         props.inverse && (prefix = inverseThemeName(prefix));
         let potentials = [];
@@ -4735,9 +4735,9 @@ var require_createComponent_native = __commonJS({
       },
       variants: {
         size: {
-          "...size": (size, { tokens }) => {
-            size = size === !0 ? "$true" : size;
-            let sizePx = tokens.space[size] ?? size;
+          "...size": (size2, { tokens }) => {
+            size2 = size2 === !0 ? "$true" : size2;
+            let sizePx = tokens.space[size2] ?? size2;
             return {
               width: sizePx,
               height: sizePx,
@@ -5811,13 +5811,13 @@ var require_useProps_native = __commonJS({
     }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), useProps_exports = {};
     __export2(useProps_exports, {
       useProps: () => useProps2,
-      usePropsAndStyle: () => usePropsAndStyle,
+      usePropsAndStyle: () => usePropsAndStyle2,
       useStyle: () => useStyle2
     });
     module2.exports = __toCommonJS2(useProps_exports);
     var import_react2 = require("react"), import_ComponentContext = require_ComponentContext_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_Stack = require_Stack_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native();
     function useProps2(props, opts) {
-      let [propsOut, styleOut] = usePropsAndStyle(props, {
+      let [propsOut, styleOut] = usePropsAndStyle2(props, {
         ...opts,
         noExpand: !0,
         noNormalize: !0,
@@ -5829,9 +5829,9 @@ var require_useProps_native = __commonJS({
       };
     }
     function useStyle2(props, opts) {
-      return usePropsAndStyle(props, opts)[1];
+      return usePropsAndStyle2(props, opts)[1];
     }
-    function usePropsAndStyle(props, opts) {
+    function usePropsAndStyle2(props, opts) {
       var _a;
       let staticConfig = ((_a = opts == null ? void 0 : opts.forComponent) == null ? void 0 : _a.staticConfig) ?? import_Stack.Stack.staticConfig, [themeState, theme] = (0, import_useTheme.useThemeWithState)({
         componentName: staticConfig.componentName
@@ -6231,45 +6231,6 @@ var require_index_native9 = __commonJS({
   }
 });
 
-// ../fake-react-native/index.js
-var require_fake_react_native = __commonJS({
-  "../fake-react-native/index.js"(exports, module2) {
-    module2.exports = proxyWorm();
-    function proxyWorm() {
-      return new Proxy(
-        {
-          StyleSheet: {
-            create() {
-            }
-          },
-          Platform: {
-            OS: "web"
-          },
-          Image: "Image",
-          View: "View",
-          Text: "Text",
-          TextInput: "TextInput",
-          ScrollView: "ScrollView",
-          Dimensions: {
-            addEventListener(cb) {
-            }
-          },
-          addPoolingTo() {
-          }
-        },
-        {
-          get(target, key) {
-            return Reflect.get(target, key) || proxyWorm();
-          },
-          apply() {
-            return proxyWorm();
-          }
-        }
-      );
-    }
-  }
-});
-
 // ../core/dist/cjs/getBaseViews.native.js
 var require_getBaseViews_native = __commonJS({
   "../core/dist/cjs/getBaseViews.native.js"(exports, module2) {
@@ -6288,7 +6249,7 @@ var require_getBaseViews_native = __commonJS({
     });
     module2.exports = __toCommonJS2(getBaseViews_native_exports);
     function getBaseViews() {
-      let native = require_fake_react_native();
+      let native = require("react-native");
       return {
         View: native.View || native.default.View,
         Text: native.Text || native.default.Text
@@ -6437,6 +6398,45 @@ var require_usePlatformMethods_native = __commonJS({
   }
 });
 
+// ../fake-react-native/index.js
+var require_fake_react_native = __commonJS({
+  "../fake-react-native/index.js"(exports, module2) {
+    module2.exports = proxyWorm();
+    function proxyWorm() {
+      return new Proxy(
+        {
+          StyleSheet: {
+            create() {
+            }
+          },
+          Platform: {
+            OS: "web"
+          },
+          Image: "Image",
+          View: "View",
+          Text: "Text",
+          TextInput: "TextInput",
+          ScrollView: "ScrollView",
+          Dimensions: {
+            addEventListener(cb) {
+            }
+          },
+          addPoolingTo() {
+          }
+        },
+        {
+          get(target, key) {
+            return Reflect.get(target, key) || proxyWorm();
+          },
+          apply() {
+            return proxyWorm();
+          }
+        }
+      );
+    }
+  }
+});
+
 // ../fake-react-native/idFn.js
 var idFn_exports = {};
 __export(idFn_exports, {
@@ -7239,10 +7239,10 @@ var require_getElevation_native = __commonJS({
       getSizedElevation: () => getSizedElevation
     });
     module2.exports = __toCommonJS2(getElevation_exports);
-    var import_core12 = require_index_native10(), getElevation = (size, extras) => {
-      if (!size)
+    var import_core12 = require_index_native10(), getElevation = (size2, extras) => {
+      if (!size2)
         return;
-      let { tokens } = extras, token = tokens.size[size], sizeNum = (0, import_core12.isVariable)(token) ? +token.val : size;
+      let { tokens } = extras, token = tokens.size[size2], sizeNum = (0, import_core12.isVariable)(token) ? +token.val : size2;
       return getSizedElevation(sizeNum, extras);
     }, getSizedElevation = (val, { theme, tokens }) => {
       let num = 0;
@@ -7342,7 +7342,7 @@ var require_index_native17 = __commonJS({
     var import_web = require_index_native9(), import_web2 = require_index_native9(), defaultOptions = {
       shift: 0,
       bounds: [0]
-    }, getSize = (size, options) => getTokenRelative("size", size, options), getSpace2 = (space, options) => getTokenRelative("space", space, options), getRadius = (radius, options) => getTokenRelative("radius", radius, options), cacheVariables = {}, cacheWholeVariables = {}, cacheKeys = {}, cacheWholeKeys = {}, stepTokenUpOrDown = (type, current, options = defaultOptions) => {
+    }, getSize = (size2, options) => getTokenRelative("size", size2, options), getSpace2 = (space, options) => getTokenRelative("space", space, options), getRadius = (radius, options) => getTokenRelative("radius", radius, options), cacheVariables = {}, cacheWholeVariables = {}, cacheKeys = {}, cacheWholeKeys = {}, stepTokenUpOrDown = (type, current, options = defaultOptions) => {
       var _a, _b;
       let tokens = (0, import_web2.getTokens)({ prefixed: !0 })[type];
       if (!(type in cacheVariables)) {
@@ -7354,9 +7354,9 @@ var require_index_native17 = __commonJS({
         for (let token of sortedExcludingHalfSteps)
           cacheWholeKeys[type].push(token.key), cacheWholeVariables[type].push(token);
       }
-      let isString = typeof current == "string", tokensOrdered = (options.excludeHalfSteps ? isString ? cacheWholeKeys : cacheWholeVariables : isString ? cacheKeys : cacheVariables)[type], min = ((_a = options.bounds) == null ? void 0 : _a[0]) ?? 0, max = ((_b = options.bounds) == null ? void 0 : _b[1]) ?? tokensOrdered.length - 1, currentIndex = tokensOrdered.indexOf(current), shift = options.shift || 0;
-      shift && (current === "$true" || (0, import_web.isVariable)(current) && current.name === "true") && (shift += shift > 0 ? 1 : -1);
-      let index = Math.min(max, Math.max(min, currentIndex + shift)), found = tokensOrdered[index];
+      let isString = typeof current == "string", tokensOrdered = (options.excludeHalfSteps ? isString ? cacheWholeKeys : cacheWholeVariables : isString ? cacheKeys : cacheVariables)[type], min2 = ((_a = options.bounds) == null ? void 0 : _a[0]) ?? 0, max2 = ((_b = options.bounds) == null ? void 0 : _b[1]) ?? tokensOrdered.length - 1, currentIndex = tokensOrdered.indexOf(current), shift2 = options.shift || 0;
+      shift2 && (current === "$true" || (0, import_web.isVariable)(current) && current.name === "true") && (shift2 += shift2 > 0 ? 1 : -1);
+      let index = Math.min(max2, Math.max(min2, currentIndex + shift2)), found = tokensOrdered[index];
       return (typeof found == "string" ? tokens[found] : found) || tokens.$true;
     }, getTokenRelative = stepTokenUpOrDown;
   }
@@ -7464,15 +7464,15 @@ var require_variants_native = __commonJS({
       true: (_, { props, tokens }) => {
         if (!("size" in props))
           return circularStyle;
-        let size = tokens.size[props.size];
+        let size2 = tokens.size[props.size];
         return {
           ...circularStyle,
-          width: size,
-          height: size,
-          maxWidth: size,
-          maxHeight: size,
-          minWidth: size,
-          minHeight: size
+          width: size2,
+          height: size2,
+          maxWidth: size2,
+          maxHeight: size2,
+          minWidth: size2,
+          minHeight: size2
         };
       }
     }, hoverTheme = {
@@ -7694,8 +7694,8 @@ var require_SizableText_native = __commonJS({
     };
     variants.fontFamily = {
       "...": (_, extras) => {
-        let size = extras.props.size || "$true";
-        return (0, import_get_font_sized2.getFontSized)(size, extras);
+        let size2 = extras.props.size || "$true";
+        return (0, import_get_font_sized2.getFontSized)(size2, extras);
       }
     };
     var SizableText2 = (0, import_web.styled)(import_web.Text, {
@@ -7826,7 +7826,7 @@ var require_wrapChildrenInText_native = __commonJS({
       let {
         children,
         textProps,
-        size,
+        size: size2,
         noTextWrap,
         color,
         fontFamily,
@@ -7842,7 +7842,7 @@ var require_wrapChildrenInText_native = __commonJS({
       let props = {
         ...extraProps
       };
-      return color && (props.color = color), fontFamily && (props.fontFamily = fontFamily), fontSize && (props.fontSize = fontSize), fontWeight && (props.fontWeight = fontWeight), letterSpacing && (props.letterSpacing = letterSpacing), textAlign && (props.textAlign = textAlign), size && (props.size = size), fontStyle && (props.fontStyle = fontStyle), maxFontSizeMultiplier && (props.maxFontSizeMultiplier = maxFontSizeMultiplier), import_react2.default.Children.toArray(children).map((child, index) => typeof child == "string" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TextComponent, { ...props, ...textProps, children: child }, index) : child);
+      return color && (props.color = color), fontFamily && (props.fontFamily = fontFamily), fontSize && (props.fontSize = fontSize), fontWeight && (props.fontWeight = fontWeight), letterSpacing && (props.letterSpacing = letterSpacing), textAlign && (props.textAlign = textAlign), size2 && (props.size = size2), fontStyle && (props.fontStyle = fontStyle), maxFontSizeMultiplier && (props.maxFontSizeMultiplier = maxFontSizeMultiplier), import_react2.default.Children.toArray(children).map((child, index) => typeof child == "string" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TextComponent, { ...props, ...textProps, children: child }, index) : child);
     }
   }
 });
@@ -8743,8 +8743,8 @@ var require_Portal_native = __commonJS({
       Portal: () => Portal
     });
     module2.exports = __toCommonJS2(Portal_native_exports);
-    var import_stacks3 = require_index_native19(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_GorhomPortal = require_GorhomPortal_native(), import_jsx_runtime6 = require("react/jsx-runtime"), isFabric = global == null ? void 0 : global.nativeFabricUIManager, createPortal;
-    isFabric ? createPortal = require_fake_react_native().createPortal : createPortal = require_fake_react_native().createPortal;
+    var import_stacks3 = require_index_native19(), React2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_GorhomPortal = require_GorhomPortal_native(), import_jsx_runtime6 = require("react/jsx-runtime"), isFabric = global == null ? void 0 : global.nativeFabricUIManager, createPortal;
+    isFabric ? createPortal = require("react-native/Libraries/Renderer/shims/ReactFabric").createPortal : createPortal = require("react-native/Libraries/Renderer/shims/ReactNative").createPortal;
     var Portal = (props) => {
       let rootTag = React2.useContext(import_react_native4.RootTagContext), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_stacks3.YStack,
@@ -9086,7 +9086,7 @@ var require_nativeSheet_native = __commonJS({
       setupNativeSheet: () => setupNativeSheet2
     });
     module2.exports = __toCommonJS2(nativeSheet_exports);
-    var import_stacks3 = require_index_native19(), import_react2 = require("react"), import_react_native4 = require_fake_react_native(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), import_jsx_runtime6 = require("react/jsx-runtime"), nativeSheets = {
+    var import_stacks3 = require_index_native19(), import_react2 = require("react"), import_react_native4 = require("react-native"), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), import_jsx_runtime6 = require("react/jsx-runtime"), nativeSheets = {
       ios: null
     };
     function getNativeSheet(platform) {
@@ -9134,7 +9134,7 @@ var require_useKeyboardVisible_native = __commonJS({
       useKeyboardVisible: () => useKeyboardVisible2
     });
     module2.exports = __toCommonJS2(useKeyboardVisible_exports);
-    var import_react2 = require("react"), import_react_native4 = require_fake_react_native(), useKeyboardVisible2 = () => {
+    var import_react2 = require("react"), import_react_native4 = require("react-native"), useKeyboardVisible2 = () => {
       let [isKeyboardVisible, setKeyboardVisible] = (0, import_react2.useState)(!1);
       return (0, import_react2.useEffect)(() => {
         let keyboardDidShowListener = import_react_native4.Keyboard.addListener("keyboardDidShow", () => {
@@ -9239,7 +9239,7 @@ var require_SheetImplementationCustom_native = __commonJS({
       SheetImplementationCustom: () => SheetImplementationCustom
     });
     module2.exports = __toCommonJS2(SheetImplementationCustom_exports);
-    var import_adapt = require_index_native24(), import_animate_presence = require_index_native13(), import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_portal2 = require_index_native29(), import_use_keyboard_visible = require_index_native32(), import_react2 = require("react"), import_react_native4 = require_fake_react_native(), import_constants = require_constants_native2(), import_contexts = require_contexts_native(), import_helpers = require_helpers_native(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), import_jsx_runtime6 = require("react/jsx-runtime"), hiddenSize = 10000.1, SheetImplementationCustom = (0, import_core12.themeable)(
+    var import_adapt = require_index_native24(), import_animate_presence = require_index_native13(), import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_portal2 = require_index_native29(), import_use_keyboard_visible = require_index_native32(), import_react2 = require("react"), import_react_native4 = require("react-native"), import_constants = require_constants_native2(), import_contexts = require_contexts_native(), import_helpers = require_helpers_native(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), import_jsx_runtime6 = require("react/jsx-runtime"), hiddenSize = 10000.1, SheetImplementationCustom = (0, import_core12.themeable)(
       (0, import_react2.forwardRef)(function(props, forwardedRef) {
         let parentSheet = (0, import_react2.useContext)(import_contexts.ParentSheetContext), {
           animation,
@@ -9508,7 +9508,7 @@ var require_ScrollView_native = __commonJS({
       ScrollView: () => ScrollView
     });
     module2.exports = __toCommonJS2(ScrollView_exports);
-    var import_stacks3 = require_index_native19(), import_web = require_index_native9(), import_react_native4 = require_fake_react_native();
+    var import_stacks3 = require_index_native19(), import_web = require_index_native9(), import_react_native4 = require("react-native");
     (0, import_web.setupReactNative)({
       ScrollView: import_react_native4.ScrollView
     });
@@ -9662,7 +9662,7 @@ var require_createSheet_native = __commonJS({
       createSheet: () => createSheet
     });
     module2.exports = __toCommonJS2(createSheet_exports);
-    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_remove_scroll = require_index_native30(), import_react2 = require("react"), import_react_native4 = require_fake_react_native(), import_constants = require_constants_native2(), import_nativeSheet = require_nativeSheet_native(), import_SheetContext = require_SheetContext_native(), import_SheetImplementationCustom = require_SheetImplementationCustom_native(), import_SheetScrollView = require_SheetScrollView_native(), import_useSheetController = require_useSheetController_native(), import_useSheetOffscreenSize = require_useSheetOffscreenSize_native(), import_jsx_runtime6 = (
+    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_remove_scroll = require_index_native30(), import_react2 = require("react"), import_react_native4 = require("react-native"), import_constants = require_constants_native2(), import_nativeSheet = require_nativeSheet_native(), import_SheetContext = require_SheetContext_native(), import_SheetImplementationCustom = require_SheetImplementationCustom_native(), import_SheetScrollView = require_SheetScrollView_native(), import_useSheetController = require_useSheetController_native(), import_useSheetOffscreenSize = require_useSheetOffscreenSize_native(), import_jsx_runtime6 = (
       // @ts-ignore
       require("react/jsx-runtime")
     );
@@ -9674,7 +9674,7 @@ var require_createSheet_native = __commonJS({
             Handle,
             {
               onPress: () => {
-                let max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0), nextPos = (context.position + 1) % max;
+                let max2 = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0), nextPos = (context.position + 1) % max2;
                 context.setPosition(nextPos);
               },
               open: context.open,
@@ -10491,7 +10491,7 @@ var require_AlertDialog_native = __commonJS({
       createAlertDialogScope: () => createAlertDialogScope
     });
     module2.exports = __toCommonJS2(AlertDialog_exports);
-    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_create_context = require_index_native25(), import_dialog = require_index_native35(), import_use_controllable_state = require_index_native14(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_jsx_runtime6 = require("react/jsx-runtime"), ROOT_NAME = "AlertDialog", [createAlertDialogContext, createAlertDialogScope] = (0, import_create_context.createContextScope)(ROOT_NAME, [
+    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_create_context = require_index_native25(), import_dialog = require_index_native35(), import_use_controllable_state = require_index_native14(), React2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_jsx_runtime6 = require("react/jsx-runtime"), ROOT_NAME = "AlertDialog", [createAlertDialogContext, createAlertDialogScope] = (0, import_create_context.createContextScope)(ROOT_NAME, [
       import_dialog.createDialogScope
     ]), useDialogScope = (0, import_dialog.createDialogScope)(), TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
       name: TRIGGER_NAME
@@ -10694,7 +10694,7 @@ var require_Image_native = __commonJS({
       Image: () => Image
     });
     module2.exports = __toCommonJS2(Image_exports);
-    var import_core12 = require_index_native10(), import_react2 = require("react"), import_react_native4 = require_fake_react_native(), import_jsx_runtime6 = require("react/jsx-runtime");
+    var import_core12 = require_index_native10(), import_react2 = require("react"), import_react_native4 = require("react-native"), import_jsx_runtime6 = require("react/jsx-runtime");
     (0, import_core12.setupReactNative)({
       Image: import_react_native4.Image
     });
@@ -10749,8 +10749,8 @@ var require_getShapeSize_native = __commonJS({
       getShapeSize: () => getShapeSize
     });
     module2.exports = __toCommonJS2(getShapeSize_exports);
-    var getShapeSize = (size, { tokens }) => {
-      let width = tokens.size[size] ?? size, height = tokens.size[size] ?? size;
+    var getShapeSize = (size2, { tokens }) => {
+      let width = tokens.size[size2] ?? size2, height = tokens.size[size2] ?? size2;
       return {
         width,
         height,
@@ -10926,15 +10926,15 @@ var require_Avatar_native = __commonJS({
     }), Avatar = (0, import_core12.withStaticProperties)(
       React2.forwardRef(
         (props, forwardedRef) => {
-          let { __scopeAvatar, size = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React2.useState("idle");
+          let { __scopeAvatar, size: size2 = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React2.useState("idle");
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             AvatarProvider,
             {
-              size,
+              size: size2,
               scope: __scopeAvatar,
               imageLoadingStatus,
               onImageLoadingStatusChange: setImageLoadingStatus,
-              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AvatarFrame, { size, ...avatarProps, ref: forwardedRef })
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AvatarFrame, { size: size2, ...avatarProps, ref: forwardedRef })
             }
           );
         }
@@ -10991,13 +10991,13 @@ var require_getFontSize_native = __commonJS({
     }, getFontSizeToken = (inSize, opts) => {
       if (typeof inSize == "number")
         return null;
-      let relativeSize = (opts == null ? void 0 : opts.relativeSize) || 0, fontSize = (0, import_core12.getConfig)().fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size, size = inSize || ("$true" in fontSize ? "$true" : "$4"), sizeTokens = Object.keys(fontSize), foundIndex = sizeTokens.indexOf(size);
-      foundIndex === -1 && size.endsWith(".5") && (foundIndex = sizeTokens.indexOf(size.replace(".5", "")));
+      let relativeSize = (opts == null ? void 0 : opts.relativeSize) || 0, fontSize = (0, import_core12.getConfig)().fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size, size2 = inSize || ("$true" in fontSize ? "$true" : "$4"), sizeTokens = Object.keys(fontSize), foundIndex = sizeTokens.indexOf(size2);
+      foundIndex === -1 && size2.endsWith(".5") && (foundIndex = sizeTokens.indexOf(size2.replace(".5", "")));
       let tokenIndex = Math.min(
         Math.max(0, foundIndex + relativeSize),
         sizeTokens.length - 1
       );
-      return sizeTokens[tokenIndex] ?? size;
+      return sizeTokens[tokenIndex] ?? size2;
     };
   }
 });
@@ -11212,7 +11212,7 @@ var require_Button_native = __commonJS({
         unstyled: !1
       }
     }), ButtonIcon = (props) => {
-      let { children, scaleIcon = 1 } = props, { size, color } = (0, import_react2.useContext)(ButtonContext), iconSize = (typeof size == "number" ? size * 0.5 : (0, import_font_size.getFontSize)(size)) * scaleIcon;
+      let { children, scaleIcon = 1 } = props, { size: size2, color } = (0, import_react2.useContext)(ButtonContext), iconSize = (typeof size2 == "number" ? size2 * 0.5 : (0, import_font_size.getFontSize)(size2)) * scaleIcon;
       return (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color })(children);
     }, ButtonComponent = ButtonFrame.styleable(function(props, ref) {
       let { props: buttonProps } = useButton(props);
@@ -11256,12 +11256,12 @@ var require_Button_native = __commonJS({
         textAlign,
         textProps,
         ...rest
-      } = propsIn, isNested = (0, import_react2.useContext)(ButtonNestingContext), propsActive = (0, import_web.useProps)(propsIn), size = propsActive.size || (propsActive.unstyled ? void 0 : "$true"), iconSize = (typeof size == "number" ? size * 0.5 : (0, import_font_size.getFontSize)(size)) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color }), [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon), spaceSize = propsActive.space ?? (0, import_web.getVariableValue)(iconSize) * scaleSpace, contents = (0, import_text2.wrapChildrenInText)(
+      } = propsIn, isNested = (0, import_react2.useContext)(ButtonNestingContext), propsActive = (0, import_web.useProps)(propsIn), size2 = propsActive.size || (propsActive.unstyled ? void 0 : "$true"), iconSize = (typeof size2 == "number" ? size2 * 0.5 : (0, import_font_size.getFontSize)(size2)) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color }), [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon), spaceSize = propsActive.space ?? (0, import_web.getVariableValue)(iconSize) * scaleSpace, contents = (0, import_text2.wrapChildrenInText)(
         Text3,
         propsActive,
         Text3 === ButtonText && propsIn.unstyled !== !0 ? {
           unstyled: !1,
-          size
+          size: size2
         } : void 0
       ), inner = (0, import_web.spacedChildren)({
         // a bit arbitrary but scaling to font size is necessary so long as button does
@@ -11895,7 +11895,7 @@ var require_Checkbox_native = __commonJS({
           (0, import_get_token2.getSize)(propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true", {
             shift: sizeAdjust
           })
-        ), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId;
+        ), size2 = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId;
         return React2.useEffect(() => {
           if (props.id && !disabled)
             return (0, import_focusable2.registerFocusable)(props.id, {
@@ -11921,8 +11921,8 @@ var require_Checkbox_native = __commonJS({
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             CheckboxFrame,
             {
-              width: size,
-              height: size,
+              width: size2,
+              height: size2,
               tag: "button",
               role: "checkbox",
               "aria-labelledby": labelledBy,
@@ -12549,7 +12549,7 @@ var require_Group_native = __commonJS({
       useGroupItem: () => useGroupItem
     });
     module2.exports = __toCommonJS2(Group_exports);
-    var import_core12 = require_index_native10(), import_create_context = require_index_native25(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native14(), import_react2 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_reforest = require_dist(), import_jsx_runtime6 = require("react/jsx-runtime"), GROUP_NAME = "Group", [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME), [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME), GroupFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
+    var import_core12 = require_index_native10(), import_create_context = require_index_native25(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native14(), import_react2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_reforest = require_dist(), import_jsx_runtime6 = require("react/jsx-runtime"), GROUP_NAME = "Group", [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME), [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME), GroupFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "GroupFrame",
       variants: {
         unstyled: {
@@ -12573,7 +12573,7 @@ var require_Group_native = __commonJS({
             __scopeGroup,
             children: childrenProp,
             space,
-            size = "$true",
+            size: size2 = "$true",
             spaceDirection,
             separator,
             scrollable,
@@ -12586,7 +12586,7 @@ var require_Group_native = __commonJS({
             ...restProps
           } = (0, import_core12.getExpandedShorthands)(activeProps), vertical = orientation === "vertical", [itemChildrenCount, setItemChildrenCount] = (0, import_use_controllable_state.useControllableState)({
             defaultProp: forceUseItem ? 1 : 0
-          }), isUsingItems = itemChildrenCount > 0, radius = borderRadius ?? (size ? (0, import_core12.getVariableValue)((0, import_core12.getTokens)().radius[size]) - 1 : void 0), disablePassBorderRadius = disablePassBorderRadiusProp ?? radius === void 0, childrenArray = import_react2.Children.toArray(childrenProp), children = isUsingItems ? import_react2.Children.toArray(childrenProp).filter(import_react2.isValidElement) : childrenArray.map((child, i) => {
+          }), isUsingItems = itemChildrenCount > 0, radius = borderRadius ?? (size2 ? (0, import_core12.getVariableValue)((0, import_core12.getTokens)().radius[size2]) - 1 : void 0), disablePassBorderRadius = disablePassBorderRadiusProp ?? radius === void 0, childrenArray = import_react2.Children.toArray(childrenProp), children = isUsingItems ? import_react2.Children.toArray(childrenProp).filter(import_react2.isValidElement) : childrenArray.map((child, i) => {
             if (!(0, import_react2.isValidElement)(child))
               return child;
             let disabled = child.props.disabled ?? disabledProp, isFirst = i === 0, isLast = i === childrenArray.length - 1, radiusStyles = disablePassBorderRadius === !0 ? null : getBorderRadius({
@@ -12629,7 +12629,7 @@ var require_Group_native = __commonJS({
                 GroupFrame,
                 {
                   ref,
-                  size,
+                  size: size2,
                   flexDirection: orientation === "horizontal" ? "row" : "column",
                   borderRadius,
                   ...restProps,
@@ -12868,7 +12868,7 @@ var require_ListItem_native = __commonJS({
         textAlign,
         ellipse,
         children
-      }, size = props.size || "$true", iconSize = (0, import_font_size.getFontSize)(size) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color }), [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon), spaceSize = (0, import_web.getVariableValue)((0, import_web.getTokens)().space[props.space] ?? iconSize) * scaleSpace, contents = (0, import_text2.wrapChildrenInText)(Text3, textProps);
+      }, size2 = props.size || "$true", iconSize = (0, import_font_size.getFontSize)(size2) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color }), [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon), spaceSize = (0, import_web.getVariableValue)((0, import_web.getTokens)().space[props.space] ?? iconSize) * scaleSpace, contents = (0, import_text2.wrapChildrenInText)(Text3, textProps);
       return {
         props: {
           ...rest,
@@ -12878,11 +12878,11 @@ var require_ListItem_native = __commonJS({
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_web.Spacer, { size: spaceSize })
             ] }) : null,
             title || subTitle ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_stacks3.YStack, { flex: 1, children: [
-              noTextWrap === "all" ? title : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Title, { size, children: title }),
+              noTextWrap === "all" ? title : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Title, { size: size2, children: title }),
               subTitle ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: typeof subTitle == "string" && noTextWrap !== "all" ? (
                 // TODO can use theme but we need to standardize to alt themes
                 // or standardize on subtle colors in themes
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Subtitle, { unstyled, size, children: subTitle })
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Subtitle, { unstyled, size: size2, children: subTitle })
               ) : subTitle }) : null,
               contents
             ] }) : contents,
@@ -12980,6 +12980,1054 @@ var require_index_native52 = __commonJS({
   }
 });
 
+// ../../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,
+  computePosition: () => computePosition,
+  detectOverflow: () => detectOverflow,
+  flip: () => flip,
+  hide: () => hide,
+  inline: () => inline,
+  limitShift: () => limitShift,
+  offset: () => offset,
+  rectToClientRect: () => rectToClientRect,
+  shift: () => shift,
+  size: () => size
+});
+function getAlignment(placement) {
+  return placement.split("-")[1];
+}
+function getLengthFromAxis(axis) {
+  return axis === "y" ? "height" : "width";
+}
+function getSide(placement) {
+  return placement.split("-")[0];
+}
+function getMainAxisFromPlacement(placement) {
+  return ["top", "bottom"].includes(getSide(placement)) ? "x" : "y";
+}
+function computeCoordsFromPlacement(_ref, placement, rtl) {
+  let {
+    reference,
+    floating
+  } = _ref, commonX = reference.x + reference.width / 2 - floating.width / 2, commonY = reference.y + reference.height / 2 - floating.height / 2, mainAxis = getMainAxisFromPlacement(placement), length = getLengthFromAxis(mainAxis), commonAlign = reference[length] / 2 - floating[length] / 2, side = getSide(placement), isVertical = mainAxis === "x", coords;
+  switch (side) {
+    case "top":
+      coords = {
+        x: commonX,
+        y: reference.y - floating.height
+      };
+      break;
+    case "bottom":
+      coords = {
+        x: commonX,
+        y: reference.y + reference.height
+      };
+      break;
+    case "right":
+      coords = {
+        x: reference.x + reference.width,
+        y: commonY
+      };
+      break;
+    case "left":
+      coords = {
+        x: reference.x - floating.width,
+        y: commonY
+      };
+      break;
+    default:
+      coords = {
+        x: reference.x,
+        y: reference.y
+      };
+  }
+  switch (getAlignment(placement)) {
+    case "start":
+      coords[mainAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
+      break;
+    case "end":
+      coords[mainAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
+      break;
+  }
+  return coords;
+}
+function evaluate(value, param) {
+  return typeof value == "function" ? value(param) : value;
+}
+function expandPaddingObject(padding) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...padding
+  };
+}
+function getSideObjectFromPadding(padding) {
+  return typeof padding != "number" ? expandPaddingObject(padding) : {
+    top: padding,
+    right: padding,
+    bottom: padding,
+    left: padding
+  };
+}
+function rectToClientRect(rect) {
+  return {
+    ...rect,
+    top: rect.y,
+    left: rect.x,
+    right: rect.x + rect.width,
+    bottom: rect.y + rect.height
+  };
+}
+async function detectOverflow(state, options) {
+  var _await$platform$isEle;
+  options === void 0 && (options = {});
+  let {
+    x,
+    y,
+    platform,
+    rects,
+    elements,
+    strategy
+  } = state, {
+    boundary = "clippingAncestors",
+    rootBoundary = "viewport",
+    elementContext = "floating",
+    altBoundary = !1,
+    padding = 0
+  } = evaluate(options, state), paddingObject = getSideObjectFromPadding(padding), element = elements[altBoundary ? elementContext === "floating" ? "reference" : "floating" : elementContext], clippingClientRect = rectToClientRect(await platform.getClippingRect({
+    element: (_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) == null || _await$platform$isEle ? element : element.contextElement || await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating)),
+    boundary,
+    rootBoundary,
+    strategy
+  })), rect = elementContext === "floating" ? {
+    ...rects.floating,
+    x,
+    y
+  } : rects.reference, offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating)), offsetScale = await (platform.isElement == null ? void 0 : platform.isElement(offsetParent)) ? await (platform.getScale == null ? void 0 : platform.getScale(offsetParent)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
+    rect,
+    offsetParent,
+    strategy
+  }) : rect);
+  return {
+    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+  };
+}
+function within(min$1, value, max$1) {
+  return max(min$1, min(value, max$1));
+}
+function getOppositePlacement(placement) {
+  return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
+}
+function getAlignmentSides(placement, rects, rtl) {
+  rtl === void 0 && (rtl = !1);
+  let alignment = getAlignment(placement), mainAxis = getMainAxisFromPlacement(placement), length = getLengthFromAxis(mainAxis), mainAlignmentSide = mainAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
+  return rects.reference[length] > rects.floating[length] && (mainAlignmentSide = getOppositePlacement(mainAlignmentSide)), {
+    main: mainAlignmentSide,
+    cross: getOppositePlacement(mainAlignmentSide)
+  };
+}
+function getOppositeAlignmentPlacement(placement) {
+  return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
+}
+function getPlacementList(alignment, autoAlignment, allowedPlacements) {
+  return (alignment ? [...allowedPlacements.filter((placement) => getAlignment(placement) === alignment), ...allowedPlacements.filter((placement) => getAlignment(placement) !== alignment)] : allowedPlacements.filter((placement) => getSide(placement) === placement)).filter((placement) => alignment ? getAlignment(placement) === alignment || (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : !1) : !0);
+}
+function getExpandedPlacements(placement) {
+  let oppositePlacement = getOppositePlacement(placement);
+  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
+}
+function getSideList(side, isStart, rtl) {
+  let lr = ["left", "right"], rl = ["right", "left"], tb = ["top", "bottom"], bt = ["bottom", "top"];
+  switch (side) {
+    case "top":
+    case "bottom":
+      return rtl ? isStart ? rl : lr : isStart ? lr : rl;
+    case "left":
+    case "right":
+      return isStart ? tb : bt;
+    default:
+      return [];
+  }
+}
+function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
+  let alignment = getAlignment(placement), list = getSideList(getSide(placement), direction === "start", rtl);
+  return alignment && (list = list.map((side) => side + "-" + alignment), flipAlignment && (list = list.concat(list.map(getOppositeAlignmentPlacement)))), list;
+}
+function getSideOffsets(overflow, rect) {
+  return {
+    top: overflow.top - rect.height,
+    right: overflow.right - rect.width,
+    bottom: overflow.bottom - rect.height,
+    left: overflow.left - rect.width
+  };
+}
+function isAnySideFullyClipped(overflow) {
+  return sides.some((side) => overflow[side] >= 0);
+}
+function getBoundingRect(rects) {
+  let minX = min(...rects.map((rect) => rect.left)), minY = min(...rects.map((rect) => rect.top)), maxX = max(...rects.map((rect) => rect.right)), maxY = max(...rects.map((rect) => rect.bottom));
+  return {
+    x: minX,
+    y: minY,
+    width: maxX - minX,
+    height: maxY - minY
+  };
+}
+function getRectsByLine(rects) {
+  let sortedRects = rects.slice().sort((a, b) => a.y - b.y), groups = [], prevRect = null;
+  for (let i = 0; i < sortedRects.length; i++) {
+    let rect = sortedRects[i];
+    !prevRect || rect.y - prevRect.y > prevRect.height / 2 ? groups.push([rect]) : groups[groups.length - 1].push(rect), prevRect = rect;
+  }
+  return groups.map((rect) => rectToClientRect(getBoundingRect(rect)));
+}
+async function convertValueToCoords(state, options) {
+  let {
+    placement,
+    platform,
+    elements
+  } = state, rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)), side = getSide(placement), alignment = getAlignment(placement), isVertical = getMainAxisFromPlacement(placement) === "x", mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1, crossAxisMulti = rtl && isVertical ? -1 : 1, rawValue = evaluate(options, state), {
+    mainAxis,
+    crossAxis,
+    alignmentAxis
+  } = typeof rawValue == "number" ? {
+    mainAxis: rawValue,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...rawValue
+  };
+  return alignment && typeof alignmentAxis == "number" && (crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis), isVertical ? {
+    x: crossAxis * crossAxisMulti,
+    y: mainAxis * mainAxisMulti
+  } : {
+    x: mainAxis * mainAxisMulti,
+    y: crossAxis * crossAxisMulti
+  };
+}
+function getCrossAxis(axis) {
+  return axis === "x" ? "y" : "x";
+}
+var computePosition, min, max, arrow, sides, allPlacements, oppositeSideMap, oppositeAlignmentMap, autoPlacement, flip, hide, inline, offset, shift, limitShift, size, init_floating_ui_core_esm = __esm({
+  "../../node_modules/@floating-ui/core/dist/floating-ui.core.esm.js"() {
+    computePosition = async (reference, floating, config) => {
+      let {
+        placement = "bottom",
+        strategy = "absolute",
+        middleware = [],
+        platform
+      } = config, validMiddleware = middleware.filter(Boolean), rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating)), rects = await platform.getElementRects({
+        reference,
+        floating,
+        strategy
+      }), {
+        x,
+        y
+      } = computeCoordsFromPlacement(rects, placement, rtl), statefulPlacement = placement, middlewareData = {}, resetCount = 0;
+      for (let i = 0; i < validMiddleware.length; i++) {
+        let {
+          name,
+          fn
+        } = validMiddleware[i], {
+          x: nextX,
+          y: nextY,
+          data,
+          reset
+        } = await fn({
+          x,
+          y,
+          initialPlacement: placement,
+          placement: statefulPlacement,
+          strategy,
+          middlewareData,
+          rects,
+          platform,
+          elements: {
+            reference,
+            floating
+          }
+        });
+        if (x = nextX ?? x, y = nextY ?? y, middlewareData = {
+          ...middlewareData,
+          [name]: {
+            ...middlewareData[name],
+            ...data
+          }
+        }, reset && resetCount <= 50) {
+          resetCount++, typeof reset == "object" && (reset.placement && (statefulPlacement = reset.placement), reset.rects && (rects = reset.rects === !0 ? await platform.getElementRects({
+            reference,
+            floating,
+            strategy
+          }) : reset.rects), {
+            x,
+            y
+          } = computeCoordsFromPlacement(rects, statefulPlacement, rtl)), i = -1;
+          continue;
+        }
+      }
+      return {
+        x,
+        y,
+        placement: statefulPlacement,
+        strategy,
+        middlewareData
+      };
+    };
+    min = Math.min, max = Math.max;
+    arrow = (options) => ({
+      name: "arrow",
+      options,
+      async fn(state) {
+        let {
+          x,
+          y,
+          placement,
+          rects,
+          platform,
+          elements
+        } = state, {
+          element,
+          padding = 0
+        } = evaluate(options, state) || {};
+        if (element == null)
+          return {};
+        let paddingObject = getSideObjectFromPadding(padding), coords = {
+          x,
+          y
+        }, axis = getMainAxisFromPlacement(placement), length = getLengthFromAxis(axis), arrowDimensions = await platform.getDimensions(element), isYAxis = axis === "y", minProp = isYAxis ? "top" : "left", maxProp = isYAxis ? "bottom" : "right", clientProp = isYAxis ? "clientHeight" : "clientWidth", endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length], startDiff = coords[axis] - rects.reference[axis], arrowOffsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element)), clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
+        (!clientSize || !await (platform.isElement == null ? void 0 : platform.isElement(arrowOffsetParent))) && (clientSize = elements.floating[clientProp] || rects.floating[length]);
+        let 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, offset2 = within(min$1, center, max2), alignmentOffset = getAlignment(placement) != null && center != offset2 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0 ? center < min$1 ? min$1 - center : max2 - center : 0;
+        return {
+          [axis]: coords[axis] - alignmentOffset,
+          data: {
+            [axis]: offset2,
+            centerOffset: center - offset2 + alignmentOffset
+          }
+        };
+      }
+    }), sides = ["top", "right", "bottom", "left"], allPlacements = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-start", side + "-end"), []), oppositeSideMap = {
+      left: "right",
+      right: "left",
+      bottom: "top",
+      top: "bottom"
+    };
+    oppositeAlignmentMap = {
+      start: "end",
+      end: "start"
+    };
+    autoPlacement = function(options) {
+      return options === void 0 && (options = {}), {
+        name: "autoPlacement",
+        options,
+        async fn(state) {
+          var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;
+          let {
+            rects,
+            middlewareData,
+            placement,
+            platform,
+            elements
+          } = state, {
+            crossAxis = !1,
+            alignment,
+            allowedPlacements = allPlacements,
+            autoAlignment = !0,
+            ...detectOverflowOptions
+          } = evaluate(options, state), placements = alignment !== void 0 || allowedPlacements === allPlacements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements, overflow = await detectOverflow(state, detectOverflowOptions), currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0, currentPlacement = placements[currentIndex];
+          if (currentPlacement == null)
+            return {};
+          let {
+            main,
+            cross
+          } = getAlignmentSides(currentPlacement, rects, await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)));
+          if (placement !== currentPlacement)
+            return {
+              reset: {
+                placement: placements[0]
+              }
+            };
+          let currentOverflows = [overflow[getSide(currentPlacement)], overflow[main], overflow[cross]], allOverflows = [...((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) || [], {
+            placement: currentPlacement,
+            overflows: currentOverflows
+          }], nextPlacement = placements[currentIndex + 1];
+          if (nextPlacement)
+            return {
+              data: {
+                index: currentIndex + 1,
+                overflows: allOverflows
+              },
+              reset: {
+                placement: nextPlacement
+              }
+            };
+          let placementsSortedByMostSpace = allOverflows.map((d) => {
+            let alignment2 = getAlignment(d.placement);
+            return [d.placement, alignment2 && crossAxis ? (
+              // Check along the mainAxis and main crossAxis side.
+              d.overflows.slice(0, 2).reduce((acc, v) => acc + v, 0)
+            ) : (
+              // Check only the mainAxis.
+              d.overflows[0]
+            ), d.overflows];
+          }).sort((a, b) => a[1] - b[1]), resetPlacement = ((_placementsThatFitOnE = placementsSortedByMostSpace.filter((d) => d[2].slice(
+            0,
+            // Aligned placements should not check their opposite crossAxis
+            // side.
+            getAlignment(d[0]) ? 2 : 3
+          ).every((v) => v <= 0))[0]) == null ? void 0 : _placementsThatFitOnE[0]) || placementsSortedByMostSpace[0][0];
+          return resetPlacement !== placement ? {
+            data: {
+              index: currentIndex + 1,
+              overflows: allOverflows
+            },
+            reset: {
+              placement: resetPlacement
+            }
+          } : {};
+        }
+      };
+    };
+    flip = function(options) {
+      return options === void 0 && (options = {}), {
+        name: "flip",
+        options,
+        async fn(state) {
+          var _middlewareData$flip;
+          let {
+            placement,
+            middlewareData,
+            rects,
+            initialPlacement,
+            platform,
+            elements
+          } = state, {
+            mainAxis: checkMainAxis = !0,
+            crossAxis: checkCrossAxis = !0,
+            fallbackPlacements: specifiedFallbackPlacements,
+            fallbackStrategy = "bestFit",
+            fallbackAxisSideDirection = "none",
+            flipAlignment = !0,
+            ...detectOverflowOptions
+          } = evaluate(options, state), side = getSide(placement), isBasePlacement = getSide(initialPlacement) === initialPlacement, rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)), fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
+          !specifiedFallbackPlacements && fallbackAxisSideDirection !== "none" && fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
+          let placements = [initialPlacement, ...fallbackPlacements], overflow = await detectOverflow(state, detectOverflowOptions), overflows = [], overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
+          if (checkMainAxis && overflows.push(overflow[side]), checkCrossAxis) {
+            let {
+              main,
+              cross
+            } = getAlignmentSides(placement, rects, rtl);
+            overflows.push(overflow[main], overflow[cross]);
+          }
+          if (overflowsData = [...overflowsData, {
+            placement,
+            overflows
+          }], !overflows.every((side2) => side2 <= 0)) {
+            var _middlewareData$flip2, _overflowsData$filter;
+            let nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1, nextPlacement = placements[nextIndex];
+            if (nextPlacement)
+              return {
+                data: {
+                  index: nextIndex,
+                  overflows: overflowsData
+                },
+                reset: {
+                  placement: nextPlacement
+                }
+              };
+            let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
+            if (!resetPlacement)
+              switch (fallbackStrategy) {
+                case "bestFit": {
+                  var _overflowsData$map$so;
+                  let placement2 = (_overflowsData$map$so = overflowsData.map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
+                  placement2 && (resetPlacement = placement2);
+                  break;
+                }
+                case "initialPlacement":
+                  resetPlacement = initialPlacement;
+                  break;
+              }
+            if (placement !== resetPlacement)
+              return {
+                reset: {
+                  placement: resetPlacement
+                }
+              };
+          }
+          return {};
+        }
+      };
+    };
+    hide = function(options) {
+      return options === void 0 && (options = {}), {
+        name: "hide",
+        options,
+        async fn(state) {
+          let {
+            rects
+          } = state, {
+            strategy = "referenceHidden",
+            ...detectOverflowOptions
+          } = evaluate(options, state);
+          switch (strategy) {
+            case "referenceHidden": {
+              let overflow = await detectOverflow(state, {
+                ...detectOverflowOptions,
+                elementContext: "reference"
+              }), offsets = getSideOffsets(overflow, rects.reference);
+              return {
+                data: {
+                  referenceHiddenOffsets: offsets,
+                  referenceHidden: isAnySideFullyClipped(offsets)
+                }
+              };
+            }
+            case "escaped": {
+              let overflow = await detectOverflow(state, {
+                ...detectOverflowOptions,
+                altBoundary: !0
+              }), offsets = getSideOffsets(overflow, rects.floating);
+              return {
+                data: {
+                  escapedOffsets: offsets,
+                  escaped: isAnySideFullyClipped(offsets)
+                }
+              };
+            }
+            default:
+              return {};
+          }
+        }
+      };
+    };
+    inline = function(options) {
+      return options === void 0 && (options = {}), {
+        name: "inline",
+        options,
+        async fn(state) {
+          let {
+            placement,
+            elements,
+            rects,
+            platform,
+            strategy
+          } = state, {
+            padding = 2,
+            x,
+            y
+          } = evaluate(options, state), nativeClientRects = Array.from(await (platform.getClientRects == null ? void 0 : platform.getClientRects(elements.reference)) || []), clientRects = getRectsByLine(nativeClientRects), fallback = rectToClientRect(getBoundingRect(nativeClientRects)), paddingObject = getSideObjectFromPadding(padding);
+          function getBoundingClientRect() {
+            if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null)
+              return clientRects.find((rect) => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.top && y < rect.bottom + paddingObject.bottom) || fallback;
+            if (clientRects.length >= 2) {
+              if (getMainAxisFromPlacement(placement) === "x") {
+                let firstRect = clientRects[0], lastRect = clientRects[clientRects.length - 1], isTop = getSide(placement) === "top", top2 = firstRect.top, bottom2 = lastRect.bottom, left2 = isTop ? firstRect.left : lastRect.left, right2 = isTop ? firstRect.right : lastRect.right, width2 = right2 - left2, height2 = bottom2 - top2;
+                return {
+                  top: top2,
+                  bottom: bottom2,
+                  left: left2,
+                  right: right2,
+                  width: width2,
+                  height: height2,
+                  x: left2,
+                  y: top2
+                };
+              }
+              let isLeftSide = getSide(placement) === "left", maxRight = max(...clientRects.map((rect) => rect.right)), minLeft = min(...clientRects.map((rect) => rect.left)), measureRects = clientRects.filter((rect) => isLeftSide ? rect.left === minLeft : rect.right === maxRight), top = measureRects[0].top, bottom = measureRects[measureRects.length - 1].bottom, left = minLeft, right = maxRight, width = right - left, height = bottom - top;
+              return {
+                top,
+                bottom,
+                left,
+                right,
+                width,
+                height,
+                x: left,
+                y: top
+              };
+            }
+            return fallback;
+          }
+          let resetRects = await platform.getElementRects({
+            reference: {
+              getBoundingClientRect
+            },
+            floating: elements.floating,
+            strategy
+          });
+          return rects.reference.x !== resetRects.reference.x || rects.reference.y !== resetRects.reference.y || rects.reference.width !== resetRects.reference.width || rects.reference.height !== resetRects.reference.height ? {
+            reset: {
+              rects: resetRects
+            }
+          } : {};
+        }
+      };
+    };
+    offset = function(options) {
+      return options === void 0 && (options = 0), {
+        name: "offset",
+        options,
+        async fn(state) {
+          let {
+            x,
+            y
+          } = state, diffCoords = await convertValueToCoords(state, options);
+          return {
+            x: x + diffCoords.x,
+            y: y + diffCoords.y,
+            data: diffCoords
+          };
+        }
+      };
+    };
+    shift = function(options) {
+      return options === void 0 && (options = {}), {
+        name: "shift",
+        options,
+        async fn(state) {
+          let {
+            x,
+            y,
+            placement
+          } = state, {
+            mainAxis: checkMainAxis = !0,
+            crossAxis: checkCrossAxis = !1,
+            limiter = {
+              fn: (_ref) => {
+                let {
+                  x: x2,
+                  y: y2
+                } = _ref;
+                return {
+                  x: x2,
+                  y: y2
+                };
+              }
+            },
+            ...detectOverflowOptions
+          } = evaluate(options, state), coords = {
+            x,
+            y
+          }, overflow = await detectOverflow(state, detectOverflowOptions), mainAxis = getMainAxisFromPlacement(getSide(placement)), crossAxis = getCrossAxis(mainAxis), mainAxisCoord = coords[mainAxis], crossAxisCoord = coords[crossAxis];
+          if (checkMainAxis) {
+            let minSide = mainAxis === "y" ? "top" : "left", maxSide = mainAxis === "y" ? "bottom" : "right", min2 = mainAxisCoord + overflow[minSide], max2 = mainAxisCoord - overflow[maxSide];
+            mainAxisCoord = within(min2, mainAxisCoord, max2);
+          }
+          if (checkCrossAxis) {
+            let minSide = crossAxis === "y" ? "top" : "left", maxSide = crossAxis === "y" ? "bottom" : "right", min2 = crossAxisCoord + overflow[minSide], max2 = crossAxisCoord - overflow[maxSide];
+            crossAxisCoord = within(min2, crossAxisCoord, max2);
+          }
+          let limitedCoords = limiter.fn({
+            ...state,
+            [mainAxis]: mainAxisCoord,
+            [crossAxis]: crossAxisCoord
+          });
+          return {
+            ...limitedCoords,
+            data: {
+              x: limitedCoords.x - x,
+              y: limitedCoords.y - y
+            }
+          };
+        }
+      };
+    }, limitShift = function(options) {
+      return options === void 0 && (options = {}), {
+        options,
+        fn(state) {
+          let {
+            x,
+            y,
+            placement,
+            rects,
+            middlewareData
+          } = state, {
+            offset: offset2 = 0,
+            mainAxis: checkMainAxis = !0,
+            crossAxis: checkCrossAxis = !0
+          } = evaluate(options, state), coords = {
+            x,
+            y
+          }, mainAxis = getMainAxisFromPlacement(placement), crossAxis = getCrossAxis(mainAxis), mainAxisCoord = coords[mainAxis], crossAxisCoord = coords[crossAxis], rawOffset = evaluate(offset2, state), computedOffset = typeof rawOffset == "number" ? {
+            mainAxis: rawOffset,
+            crossAxis: 0
+          } : {
+            mainAxis: 0,
+            crossAxis: 0,
+            ...rawOffset
+          };
+          if (checkMainAxis) {
+            let len = mainAxis === "y" ? "height" : "width", limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis, limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;
+            mainAxisCoord < limitMin ? mainAxisCoord = limitMin : mainAxisCoord > limitMax && (mainAxisCoord = limitMax);
+          }
+          if (checkCrossAxis) {
+            var _middlewareData$offse, _middlewareData$offse2;
+            let len = mainAxis === "y" ? "width" : "height", isOriginSide = ["top", "left"].includes(getSide(placement)), limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide && ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0) + (isOriginSide ? 0 : computedOffset.crossAxis), limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);
+            crossAxisCoord < limitMin ? crossAxisCoord = limitMin : crossAxisCoord > limitMax && (crossAxisCoord = limitMax);
+          }
+          return {
+            [mainAxis]: mainAxisCoord,
+            [crossAxis]: crossAxisCoord
+          };
+        }
+      };
+    }, size = function(options) {
+      return options === void 0 && (options = {}), {
+        name: "size",
+        options,
+        async fn(state) {
+          let {
+            placement,
+            rects,
+            platform,
+            elements
+          } = state, {
+            apply = () => {
+            },
+            ...detectOverflowOptions
+          } = evaluate(options, state), overflow = await detectOverflow(state, detectOverflowOptions), side = getSide(placement), alignment = getAlignment(placement), isXAxis = getMainAxisFromPlacement(placement) === "x", {
+            width,
+            height
+          } = rects.floating, heightSide, widthSide;
+          side === "top" || side === "bottom" ? (heightSide = side, widthSide = alignment === (await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)) ? "start" : "end") ? "left" : "right") : (widthSide = side, heightSide = alignment === "end" ? "top" : "bottom");
+          let overflowAvailableHeight = height - overflow[heightSide], overflowAvailableWidth = width - overflow[widthSide], noShift = !state.middlewareData.shift, availableHeight = overflowAvailableHeight, availableWidth = overflowAvailableWidth;
+          if (isXAxis) {
+            let maximumClippingWidth = width - overflow.left - overflow.right;
+            availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
+          } else {
+            let maximumClippingHeight = height - overflow.top - overflow.bottom;
+            availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
+          }
+          if (noShift && !alignment) {
+            let xMin = max(overflow.left, 0), xMax = max(overflow.right, 0), yMin = max(overflow.top, 0), yMax = max(overflow.bottom, 0);
+            isXAxis ? availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right)) : availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
+          }
+          await apply({
+            ...state,
+            availableWidth,
+            availableHeight
+          });
+          let nextDimensions = await platform.getDimensions(elements.floating);
+          return width !== nextDimensions.width || height !== nextDimensions.height ? {
+            reset: {
+              rects: !0
+            }
+          } : {};
+        }
+      };
+    };
+  }
+});
+
+// ../../node_modules/@floating-ui/react-native/dist/floating-ui.react-native.js
+var require_floating_ui_react_native = __commonJS({
+  "../../node_modules/@floating-ui/react-native/dist/floating-ui.react-native.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: !0 });
+    var core = (init_floating_ui_core_esm(), __toCommonJS(floating_ui_core_esm_exports)), React2 = require("react"), reactNative = require("react-native");
+    function _interopNamespace(e) {
+      if (e && e.__esModule)
+        return e;
+      var n = /* @__PURE__ */ Object.create(null);
+      return e && Object.keys(e).forEach(function(k) {
+        if (k !== "default") {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: !0,
+            get: function() {
+              return e[k];
+            }
+          });
+        }
+      }), n.default = e, Object.freeze(n);
+    }
+    var React__namespace = /* @__PURE__ */ _interopNamespace(React2), arrow2 = (options) => {
+      let {
+        element,
+        padding
+      } = options;
+      function isRef(value) {
+        return {}.hasOwnProperty.call(value, "current");
+      }
+      return {
+        name: "arrow",
+        options,
+        fn(args) {
+          return element && isRef(element) ? element.current != null ? core.arrow({
+            element: element.current,
+            padding
+          }).fn(args) : {} : element ? core.arrow({
+            element,
+            padding
+          }).fn(args) : {};
+        }
+      };
+    }, ORIGIN$1 = {
+      x: 0,
+      y: 0
+    }, createPlatform = (_ref) => {
+      let {
+        offsetParent,
+        sameScrollView = !0,
+        scrollOffsets = ORIGIN$1
+      } = _ref;
+      return {
+        getElementRects(_ref2) {
+          let {
+            reference,
+            floating
+          } = _ref2;
+          return new Promise((resolve) => {
+            let onMeasure = function(offsetX, offsetY) {
+              offsetX === void 0 && (offsetX = 0), offsetY === void 0 && (offsetY = 0), floating.measure((x, y, width, height) => {
+                let floatingRect = {
+                  width,
+                  height,
+                  ...ORIGIN$1
+                };
+                reference[sameScrollView ? "measure" : "measureInWindow"]((x2, y2, width2, height2) => {
+                  let referenceRect = {
+                    width: width2,
+                    height: height2,
+                    x: x2 - offsetX,
+                    y: y2 - offsetY
+                  };
+                  resolve({
+                    reference: referenceRect,
+                    floating: floatingRect
+                  });
+                });
+              });
+            };
+            offsetParent ? offsetParent.measure(onMeasure) : onMeasure();
+          });
+        },
+        getClippingRect() {
+          let {
+            width,
+            height
+          } = reactNative.Dimensions.get("window");
+          return Promise.resolve({
+            width,
+            height,
+            ...sameScrollView ? scrollOffsets : ORIGIN$1
+          });
+        },
+        convertOffsetParentRelativeRectToViewportRelativeRect(_ref3) {
+          let {
+            rect
+          } = _ref3;
+          return new Promise((resolve) => {
+            let onMeasure = function(offsetX, offsetY) {
+              offsetX === void 0 && (offsetX = 0), offsetY === void 0 && (offsetY = 0), resolve({
+                ...rect,
+                x: rect.x + offsetX,
+                y: rect.y + offsetY
+              });
+            };
+            offsetParent ? offsetParent.measure(onMeasure) : onMeasure();
+          });
+        },
+        getDimensions: (element) => new Promise((resolve) => element.measure((x, y, width, height) => resolve({
+          width,
+          height
+        })))
+      };
+    };
+    function deepEqual(a, b) {
+      if (a === b)
+        return !0;
+      if (typeof a != typeof b)
+        return !1;
+      if (typeof a == "function" && a.toString() === b.toString())
+        return !0;
+      let length, i, keys;
+      if (a && b && typeof a == "object") {
+        if (Array.isArray(a)) {
+          if (length = a.length, length != b.length)
+            return !1;
+          for (i = length; i-- !== 0; )
+            if (!deepEqual(a[i], b[i]))
+              return !1;
+          return !0;
+        }
+        if (keys = Object.keys(a), length = keys.length, length !== Object.keys(b).length)
+          return !1;
+        for (i = length; i-- !== 0; )
+          if (!{}.hasOwnProperty.call(b, keys[i]))
+            return !1;
+        for (i = length; i-- !== 0; ) {
+          let key = keys[i];
+          if (!(key === "_owner" && a.$$typeof) && !deepEqual(a[key], b[key]))
+            return !1;
+        }
+        return !0;
+      }
+      return a !== a && b !== b;
+    }
+    var ORIGIN = {
+      x: 0,
+      y: 0
+    };
+    function useFloating2(options) {
+      options === void 0 && (options = {});
+      let {
+        placement = "bottom",
+        middleware = [],
+        sameScrollView = !0,
+        elements: {
+          reference: externalReference,
+          floating: externalFloating,
+          offsetParent: externalOffsetParent
+        } = {}
+      } = options, [_reference, _setReference] = React__namespace.useState(null), [_floating, _setFloating] = React__namespace.useState(null), [_offsetParent, _setOffsetParent] = React__namespace.useState(null), referenceEl = externalReference || _reference, floatingEl = externalFloating || _floating, offsetParentEl = externalOffsetParent || _offsetParent, setReference = React__namespace.useCallback((node) => {
+        node !== referenceRef.current && (referenceRef.current = node, _setReference(node));
+      }, [_setReference]), setFloating = React__namespace.useCallback((node) => {
+        node !== floatingRef.current && (floatingRef.current = node, _setFloating(node));
+      }, [_setFloating]), setOffsetParent = React__namespace.useCallback((node) => {
+        node !== offsetParentRef.current && (offsetParentRef.current = node, _setOffsetParent(node));
+      }, [_setOffsetParent]), referenceRef = React__namespace.useRef(null), floatingRef = React__namespace.useRef(null), offsetParentRef = React__namespace.useRef(null), [data, setData] = React__namespace.useState({
+        x: 0,
+        y: 0,
+        placement,
+        strategy: "absolute",
+        middlewareData: {}
+      }), [scrollOffsets, setScrollOffsets] = React__namespace.useState(ORIGIN), [latestMiddleware, setLatestMiddleware] = React__namespace.useState(middleware);
+      deepEqual(latestMiddleware, middleware) || setLatestMiddleware(middleware);
+      let platform = React__namespace.useMemo(() => createPlatform({
+        offsetParent: offsetParentEl,
+        scrollOffsets,
+        sameScrollView
+      }), [offsetParentEl, scrollOffsets, sameScrollView]), update = React__namespace.useCallback(() => {
+        !referenceRef.current || !floatingRef.current || core.computePosition(referenceRef.current, floatingRef.current, {
+          middleware: latestMiddleware,
+          platform,
+          placement
+        }).then((data2) => {
+          isMountedRef.current && setData(data2);
+        });
+      }, [latestMiddleware, platform, placement]);
+      React__namespace.useLayoutEffect(() => {
+        referenceEl && (referenceRef.current = referenceEl), floatingEl && (floatingRef.current = floatingEl), offsetParentEl && (offsetParentRef.current = offsetParentEl);
+        let frame = requestAnimationFrame(update);
+        return () => {
+          cancelAnimationFrame(frame);
+        };
+      }, [referenceEl, floatingEl, offsetParentEl, update]);
+      let isMountedRef = React__namespace.useRef(!0);
+      React__namespace.useLayoutEffect(() => (isMountedRef.current = !0, () => {
+        isMountedRef.current = !1;
+      }), []);
+      let refs = React__namespace.useMemo(() => ({
+        reference: referenceRef,
+        floating: floatingRef,
+        offsetParent: offsetParentRef,
+        setReference,
+        setFloating,
+        setOffsetParent
+      }), [setReference, setFloating, setOffsetParent]), elements = React__namespace.useMemo(() => ({
+        reference: referenceEl,
+        floating: floatingEl,
+        offsetParent: offsetParentEl
+      }), [referenceEl, floatingEl, offsetParentEl]), floatingStyles = React__namespace.useMemo(() => elements.floating ? {
+        position: "absolute",
+        left: data.x,
+        top: data.y
+      } : {
+        position: "absolute",
+        left: 0,
+        top: 0
+      }, [elements.floating, data.x, data.y]);
+      return React__namespace.useMemo(() => ({
+        ...data,
+        update,
+        refs,
+        elements,
+        floatingStyles,
+        offsetParent: setOffsetParent,
+        reference: setReference,
+        floating: setFloating,
+        scrollProps: {
+          onScroll: (event) => setScrollOffsets(event.nativeEvent.contentOffset),
+          scrollEventThrottle: 16
+        }
+      }), [data, refs, elements, floatingStyles, setReference, setFloating, setOffsetParent, update]);
+    }
+    Object.defineProperty(exports, "autoPlacement", {
+      enumerable: !0,
+      get: function() {
+        return core.autoPlacement;
+      }
+    });
+    Object.defineProperty(exports, "detectOverflow", {
+      enumerable: !0,
+      get: function() {
+        return core.detectOverflow;
+      }
+    });
+    Object.defineProperty(exports, "flip", {
+      enumerable: !0,
+      get: function() {
+        return core.flip;
+      }
+    });
+    Object.defineProperty(exports, "hide", {
+      enumerable: !0,
+      get: function() {
+        return core.hide;
+      }
+    });
+    Object.defineProperty(exports, "inline", {
+      enumerable: !0,
+      get: function() {
+        return core.inline;
+      }
+    });
+    Object.defineProperty(exports, "limitShift", {
+      enumerable: !0,
+      get: function() {
+        return core.limitShift;
+      }
+    });
+    Object.defineProperty(exports, "offset", {
+      enumerable: !0,
+      get: function() {
+        return core.offset;
+      }
+    });
+    Object.defineProperty(exports, "shift", {
+      enumerable: !0,
+      get: function() {
+        return core.shift;
+      }
+    });
+    Object.defineProperty(exports, "size", {
+      enumerable: !0,
+      get: function() {
+        return core.size;
+      }
+    });
+    exports.arrow = arrow2;
+    exports.useFloating = useFloating2;
+  }
+});
+
 // ../floating/dist/cjs/Floating.native.js
 var require_Floating_native = __commonJS({
   "../floating/dist/cjs/Floating.native.js"(exports, module2) {
@@ -12997,7 +14045,7 @@ var require_Floating_native = __commonJS({
       autoUpdate: () => autoUpdate
     });
     module2.exports = __toCommonJS2(Floating_native_exports);
-    __reExport2(Floating_native_exports, require_fake_react_native(), module2.exports);
+    __reExport2(Floating_native_exports, require_floating_ui_react_native(), module2.exports);
     var autoUpdate = () => {
     };
   }
@@ -13089,22 +14137,22 @@ var require_Popper_native = __commonJS({
       usePopperContext: () => usePopperContext
     });
     module2.exports = __toCommonJS2(Popper_exports);
-    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_floating = require_index_native53(), import_get_token2 = require_index_native17(), import_stacks3 = require_index_native19(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_jsx_runtime6 = require("react/jsx-runtime"), PopperContext = (0, import_core12.createStyledContext)({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext;
+    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_floating = require_index_native53(), import_get_token2 = require_index_native17(), import_stacks3 = require_index_native19(), React2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_jsx_runtime6 = require("react/jsx-runtime"), PopperContext = (0, import_core12.createStyledContext)({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext;
     function Popper(props) {
       let {
         children,
-        size,
+        size: size2,
         strategy = "absolute",
         placement = "bottom",
         stayInFrame,
         allowFlip,
-        offset,
+        offset: offset2,
         __scopePopper
       } = props, [isMounted, setIsMounted] = React2.useState(!1);
       (0, import_core12.useIsomorphicLayoutEffect)(() => {
         setIsMounted(!0);
       }, []);
-      let [anchorRef, setAnchorRef] = React2.useState(), [arrowEl, setArrow] = React2.useState(null), [arrowSize, setArrowSize] = React2.useState(0), offsetOptions = offset ?? arrowSize, floating = (0, import_floating.useFloating)({
+      let [anchorRef, setAnchorRef] = React2.useState(), [arrowEl, setArrow] = React2.useState(null), [arrowSize, setArrowSize] = React2.useState(0), offsetOptions = offset2 ?? arrowSize, floating = (0, import_floating.useFloating)({
         strategy,
         placement,
         sameScrollView: !1,
@@ -13145,7 +14193,7 @@ var require_Popper_native = __commonJS({
       }
       let popperContext = {
         anchorRef: setAnchorRef,
-        size,
+        size: size2,
         arrowRef: setArrow,
         arrowStyle: middlewareData.arrow,
         onArrowSize: setArrowSize,
@@ -13195,13 +14243,13 @@ var require_Popper_native = __commonJS({
         unstyled: !1
       }
     }), PopperContent = React2.forwardRef(function(props, forwardedRef) {
-      let { __scopePopper, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size, isMounted, update } = usePopperContext(__scopePopper), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), contents = React2.useMemo(() => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      let { __scopePopper, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size: size2, isMounted, update } = usePopperContext(__scopePopper), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), contents = React2.useMemo(() => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         PopperContentFrame,
         {
           "data-placement": placement,
           "data-strategy": strategy,
           contain: "layout",
-          size,
+          size: size2,
           ...rest
         },
         "popper-content-frame"
@@ -13255,25 +14303,25 @@ var require_Popper_native = __commonJS({
       left: "right"
     }, PopperArrow = PopperArrowFrame.styleable(function(propsIn, forwardedRef) {
       var _a, _b;
-      let { __scopePopper, ...rest } = propsIn, props = (0, import_core12.useProps)(rest), { offset, size: sizeProp, borderWidth = 0, ...arrowProps } = props, context = usePopperContext(__scopePopper), sizeVal = sizeProp ?? context.size, size = +(0, import_core12.getVariableValue)(
+      let { __scopePopper, ...rest } = propsIn, props = (0, import_core12.useProps)(rest), { offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props, context = usePopperContext(__scopePopper), sizeVal = sizeProp ?? context.size, size2 = +(0, import_core12.getVariableValue)(
         (0, import_get_token2.getSpace)(sizeVal, {
           shift: -2,
           bounds: [2]
         })
-      ), { placement } = context, refs = (0, import_compose_refs.useComposedRefs)(context.arrowRef, forwardedRef), x = ((_a = context.arrowStyle) == null ? void 0 : _a.x) || 0, y = ((_b = context.arrowStyle) == null ? void 0 : _b.y) || 0, primaryPlacement = placement ? placement.split("-")[0] : "top", arrowStyle = { x, y, width: size, height: size }, innerArrowStyle = {}, isVertical = primaryPlacement === "bottom" || primaryPlacement === "top";
+      ), { placement } = context, refs = (0, import_compose_refs.useComposedRefs)(context.arrowRef, forwardedRef), x = ((_a = context.arrowStyle) == null ? void 0 : _a.x) || 0, y = ((_b = context.arrowStyle) == null ? void 0 : _b.y) || 0, primaryPlacement = placement ? placement.split("-")[0] : "top", arrowStyle = { x, y, width: size2, height: size2 }, innerArrowStyle = {}, isVertical = primaryPlacement === "bottom" || primaryPlacement === "top";
       if (primaryPlacement) {
-        arrowStyle[isVertical ? "width" : "height"] = size * 2;
+        arrowStyle[isVertical ? "width" : "height"] = size2 * 2;
         let oppSide = opposites[primaryPlacement];
-        oppSide && (arrowStyle[oppSide] = -size, innerArrowStyle[oppSide] = size / 2), oppSide === "bottom" && (arrowStyle[oppSide] += 1), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0), (0, import_core12.useIsomorphicLayoutEffect)(() => {
+        oppSide && (arrowStyle[oppSide] = -size2, innerArrowStyle[oppSide] = size2 / 2), oppSide === "bottom" && (arrowStyle[oppSide] += 1), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0), (0, import_core12.useIsomorphicLayoutEffect)(() => {
           var _a2;
-          (_a2 = context.onArrowSize) == null || _a2.call(context, size);
-        }, [size, context.onArrowSize]);
+          (_a2 = context.onArrowSize) == null || _a2.call(context, size2);
+        }, [size2, context.onArrowSize]);
       }
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperArrowOuterFrame, { ref: refs, ...arrowStyle, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         PopperArrowFrame,
         {
-          width: size,
-          height: size,
+          width: size2,
+          height: size2,
           ...arrowProps,
           ...innerArrowStyle,
           rotate: "45deg",
@@ -13396,7 +14444,7 @@ var require_Popover_native = __commonJS({
       usePopoverContext: () => usePopoverContext
     });
     module2.exports = __toCommonJS2(Popover_exports);
-    var import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native24(), import_animate = require_index_native52(), import_aria_hidden = require_index_native26(), import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_floating = require_index_native53(), import_focus_scope = require_index_native28(), import_popper = require_index_native54(), import_portal2 = require_index_native29(), import_remove_scroll = require_index_native30(), import_sheet = require_index_native34(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native14(), React2 = __toESM2(require("react")), import_react_freeze = require_dist2(), import_react_native4 = require_fake_react_native(), import_useFloatingContext = require_useFloatingContext_native(), import_jsx_runtime6 = require("react/jsx-runtime"), POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core12.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = React2.forwardRef(function(props, forwardedRef) {
+    var import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native24(), import_animate = require_index_native52(), import_aria_hidden = require_index_native26(), import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_floating = require_index_native53(), import_focus_scope = require_index_native28(), import_popper = require_index_native54(), import_portal2 = require_index_native29(), import_remove_scroll = require_index_native30(), import_sheet = require_index_native34(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native14(), React2 = __toESM2(require("react")), import_react_freeze = require_dist2(), import_react_native4 = require("react-native"), import_useFloatingContext = require_useFloatingContext_native(), import_jsx_runtime6 = require("react/jsx-runtime"), POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core12.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = React2.forwardRef(function(props, forwardedRef) {
       let { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover), { onCustomAnchorAdd, onCustomAnchorRemove } = context || {};
       return React2.useEffect(() => (onCustomAnchorAdd(), () => onCustomAnchorRemove()), [onCustomAnchorAdd, onCustomAnchorRemove]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_popper.PopperAnchor,
@@ -13740,8 +14788,8 @@ var require_Progress_native = __commonJS({
         }
       );
     });
-    function defaultGetValueLabel(value, max) {
-      return `${Math.round(value / max * 100)}%`;
+    function defaultGetValueLabel(value, max2) {
+      return `${Math.round(value / max2 * 100)}%`;
     }
     function getProgressState(value, maxValue) {
       return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
@@ -13749,11 +14797,11 @@ var require_Progress_native = __commonJS({
     function isNumber(value) {
       return typeof value == "number";
     }
-    function isValidMaxNumber(max) {
-      return isNumber(max) && !isNaN(max) && max > 0;
+    function isValidMaxNumber(max2) {
+      return isNumber(max2) && !isNaN(max2) && max2 > 0;
     }
-    function isValidValueNumber(value, max) {
-      return isNumber(value) && !isNaN(value) && value <= max && value >= 0;
+    function isValidValueNumber(value, max2) {
+      return isNumber(value) && !isNaN(value) && value <= max2 && value >= 0;
     }
     var DEFAULT_MAX = 100, ProgressFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "Progress",
@@ -13767,10 +14815,10 @@ var require_Progress_native = __commonJS({
         },
         size: {
           "...size": (val) => {
-            let size = Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) * 0.25);
+            let size2 = Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) * 0.25);
             return {
-              height: size,
-              minWidth: (0, import_core12.getVariableValue)(size) * 20,
+              height: size2,
+              minWidth: (0, import_core12.getVariableValue)(size2) * 20,
               width: "100%"
             };
           }
@@ -13786,22 +14834,22 @@ var require_Progress_native = __commonJS({
           value: valueProp,
           max: maxProp,
           getValueLabel = defaultGetValueLabel,
-          size = "$true",
+          size: size2 = "$true",
           ...progressProps
-        } = props, max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX, value = isValidValueNumber(valueProp, max) ? valueProp : null, valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0, [width, setWidth] = React2.useState(0);
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProgressProvider, { scope: __scopeProgress, value, max, width, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        } = props, max2 = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX, value = isValidValueNumber(valueProp, max2) ? valueProp : null, valueLabel = isNumber(value) ? getValueLabel(value, max2) : void 0, [width, setWidth] = React2.useState(0);
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProgressProvider, { scope: __scopeProgress, value, max: max2, width, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           ProgressFrame,
           {
-            "aria-valuemax": max,
+            "aria-valuemax": max2,
             "aria-valuemin": 0,
             "aria-valuenow": isNumber(value) ? value : void 0,
             "aria-valuetext": valueLabel,
             role: "progressbar",
-            "data-state": getProgressState(value, max),
+            "data-state": getProgressState(value, max2),
             "data-value": value ?? void 0,
-            "data-max": max,
+            "data-max": max2,
             ...progressProps.unstyled !== !0 && {
-              size
+              size: size2
             },
             ...progressProps,
             onLayout: (e) => {
@@ -13946,12 +14994,12 @@ var require_RadioGroup_native = __commonJS({
         },
         size: {
           "...size": (value, { props }) => {
-            let size = Math.floor(
+            let size2 = Math.floor(
               (0, import_core12.getVariableValue)((0, import_get_token2.getSize)(value)) * (props.scaleSize ?? 0.5)
             );
             return {
-              width: size,
-              height: size
+              width: size2,
+              height: size2
             };
           }
         }
@@ -14399,7 +15447,7 @@ var require_SelectItem_native = __commonJS({
           dataRef,
           interactions,
           shouldRenderWebNative,
-          size,
+          size: size2,
           onActiveChange,
           initialValue
         } = context, [isSelected, setSelected] = React2.useState(initialValue === value), [isActive, setActive] = React2.useState(!1);
@@ -14468,7 +15516,7 @@ var require_SelectItem_native = __commonJS({
                   focusTheme: !0,
                   cursor: "default",
                   outlineWidth: 0,
-                  size,
+                  size: size2,
                   ellipse: !0
                 },
                 ...itemProps,
@@ -14793,16 +15841,16 @@ var require_Select_native = __commonJS({
       }
     }), SelectGroup = React2.forwardRef(
       (props, forwardedRef) => {
-        let { __scopeSelect, ...groupProps } = props, groupId = React2.useId(), context = (0, import_context.useSelectContext)(GROUP_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(GROUP_NAME, __scopeSelect), size = itemParentContext.size ?? "$true", nativeSelectRef = React2.useRef(null), content = function() {
+        let { __scopeSelect, ...groupProps } = props, groupId = React2.useId(), context = (0, import_context.useSelectContext)(GROUP_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(GROUP_NAME, __scopeSelect), size2 = itemParentContext.size ?? "$true", nativeSelectRef = React2.useRef(null), content = function() {
           return itemParentContext.shouldRenderWebNative ? (
             // @ts-expect-error until we support typing based on tag
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NativeSelectFrame, { asChild: !0, size, value: context.value, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NativeSelectFrame, { asChild: !0, size: size2, value: context.value, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               NativeSelectTextFrame,
               {
                 onChange: (event) => {
                   itemParentContext.onChange(event.currentTarget.value);
                 },
-                size,
+                size: size2,
                 ref: nativeSelectRef,
                 style: {
                   color: "var(--color)",
@@ -15073,8 +16121,8 @@ var require_helpers_native2 = __commonJS({
       let nextValues = [...prevValues];
       return nextValues[atIndex] = nextValue, nextValues.sort((a, b) => a - b);
     }
-    function convertValueToPercentage(value, min, max) {
-      return 100 / (max - min) * (value - min);
+    function convertValueToPercentage(value, min2, max2) {
+      return 100 / (max2 - min2) * (value - min2);
     }
     function getLabel(index, totalValues) {
       return totalValues > 2 ? `Value ${index + 1} of ${totalValues}` : totalValues === 2 ? ["Minimum", "Maximum"][index] : void 0;
@@ -15086,8 +16134,8 @@ var require_helpers_native2 = __commonJS({
       return distances.indexOf(closestDistance);
     }
     function getThumbInBoundsOffset(width, left, direction) {
-      let halfWidth = width / 2, offset = linearScale([0, 50], [0, halfWidth]);
-      return (halfWidth - offset(left) * direction) * direction;
+      let halfWidth = width / 2, offset2 = linearScale([0, 50], [0, halfWidth]);
+      return (halfWidth - offset2(left) * direction) * direction;
     }
     function getStepsBetweenValues(values) {
       return values.slice(0, -1).map((value, index) => values[index + 1] - value);
@@ -15156,14 +16204,14 @@ var require_SliderImpl_native = __commonJS({
         size: (val, extras) => {
           if (!val)
             return;
-          let orientation = extras.props.orientation, size = Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) / 6);
+          let orientation = extras.props.orientation, size2 = Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) / 6);
           return orientation === "horizontal" ? {
-            height: size,
-            borderRadius: size,
+            height: size2,
+            borderRadius: size2,
             justifyContent: "center"
           } : {
-            width: size,
-            borderRadius: size,
+            width: size2,
+            borderRadius: size2,
             alignItems: "center"
           };
         }
@@ -15251,8 +16299,8 @@ var require_Slider_native = __commonJS({
     var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_get_token2 = require_index_native17(), import_helpers = require_index_native4(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native14(), import_use_direction = require_index_native22(), React2 = __toESM2(require("react")), import_constants = require_constants_native4(), import_helpers2 = require_helpers_native2(), import_SliderImpl = require_SliderImpl_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SliderHorizontal = React2.forwardRef(
       (props, forwardedRef) => {
         let {
-          min,
-          max,
+          min: min2,
+          max: max2,
           dir,
           onSlideStart,
           onSlideMove,
@@ -15262,7 +16310,7 @@ var require_Slider_native = __commonJS({
         } = props, direction = (0, import_use_direction.useDirection)(dir), isDirectionLTR = direction === "ltr", sliderRef = React2.useRef(null), [state, setState_] = React2.useState(() => ({ size: 0, offset: 0 })), setState = (0, import_core12.createShallowSetState)(setState_);
         function getValueFromPointer(pointerPosition) {
           let input = [0, state.size];
-          return (0, import_helpers2.linearScale)(input, isDirectionLTR ? [min, max] : [max, min])(pointerPosition);
+          return (0, import_helpers2.linearScale)(input, isDirectionLTR ? [min2, max2] : [max2, min2])(pointerPosition);
         }
         let measure = () => {
           var _a;
@@ -15325,8 +16373,8 @@ var require_Slider_native = __commonJS({
     var SliderVertical = React2.forwardRef(
       (props, forwardedRef) => {
         let {
-          min,
-          max,
+          min: min2,
+          max: max2,
           onSlideStart,
           onSlideMove,
           onStepKeyDown,
@@ -15335,7 +16383,7 @@ var require_Slider_native = __commonJS({
         } = props, [state, setState_] = React2.useState(() => ({ size: 0, offset: 0 })), setState = (0, import_core12.createShallowSetState)(setState_), sliderRef = React2.useRef(null);
         function getValueFromPointer(pointerPosition) {
           let input = [0, state.size];
-          return (0, import_helpers2.linearScale)(input, [max, min])(pointerPosition);
+          return (0, import_helpers2.linearScale)(input, [max2, min2])(pointerPosition);
         }
         let measure = () => {
           var _a;
@@ -15450,14 +16498,14 @@ var require_Slider_native = __commonJS({
     );
     SliderTrackActive.displayName = RANGE_NAME;
     var THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
-      let tokens = (0, import_core12.getTokens)(), size = typeof val == "number" ? val : (0, import_get_token2.getSize)(tokens.size[val], {
+      let tokens = (0, import_core12.getTokens)(), size2 = typeof val == "number" ? val : (0, import_get_token2.getSize)(tokens.size[val], {
         shift: -1
       });
       return {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size
+        width: size2,
+        height: size2,
+        minWidth: size2,
+        minHeight: size2
       };
     }, SliderThumbFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "SliderThumb",
@@ -15484,7 +16532,7 @@ var require_Slider_native = __commonJS({
       let { __scopeSlider, index, size: sizeProp, ...thumbProps } = props, context = (0, import_constants.useSliderContext)(THUMB_NAME, __scopeSlider), orientation = (0, import_constants.useSliderOrientationContext)(THUMB_NAME, __scopeSlider), [thumb, setThumb] = React2.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(
         forwardedRef,
         (node) => setThumb(node)
-      ), value = context.values[index], percent = value === void 0 ? 0 : (0, import_helpers2.convertValueToPercentage)(value, context.min, context.max), label = (0, import_helpers2.getLabel)(index, context.values.length), sizeIn = sizeProp ?? context.size ?? "$true", [size, setSize] = React2.useState(() => (0, import_core12.getVariableValue)(getThumbSize(sizeIn).width)), thumbInBoundsOffset = size ? (0, import_helpers2.getThumbInBoundsOffset)(size, percent, orientation.direction) : 0;
+      ), value = context.values[index], percent = value === void 0 ? 0 : (0, import_helpers2.convertValueToPercentage)(value, context.min, context.max), label = (0, import_helpers2.getLabel)(index, context.values.length), sizeIn = sizeProp ?? context.size ?? "$true", [size2, setSize] = React2.useState(() => (0, import_core12.getVariableValue)(getThumbSize(sizeIn).width)), thumbInBoundsOffset = size2 ? (0, import_helpers2.getThumbInBoundsOffset)(size2, percent, orientation.direction) : 0;
       React2.useEffect(() => {
         if (thumb)
           return context.thumbs.add(thumb), () => {
@@ -15492,18 +16540,18 @@ var require_Slider_native = __commonJS({
           };
       }, [thumb, context.thumbs]);
       let positionalStyles = context.orientation === "horizontal" ? {
-        x: thumbInBoundsOffset - size / 2,
-        y: -size / 2,
+        x: thumbInBoundsOffset - size2 / 2,
+        y: -size2 / 2,
         top: "50%",
-        ...size === 0 && {
+        ...size2 === 0 && {
           top: "auto",
           bottom: "auto"
         }
       } : {
-        x: -size / 2,
-        y: size / 2,
+        x: -size2 / 2,
+        y: size2 / 2,
         left: "50%",
-        ...size === 0 && {
+        ...size2 === 0 && {
           left: "auto",
           right: "auto"
         }
@@ -15538,13 +16586,13 @@ var require_Slider_native = __commonJS({
       (props, forwardedRef) => {
         let {
           name,
-          min = 0,
-          max = 100,
+          min: min2 = 0,
+          max: max2 = 100,
           step = 1,
           orientation = "horizontal",
           disabled = !1,
           minStepsBetweenThumbs = 0,
-          defaultValue = [min],
+          defaultValue = [min2],
           value,
           onValueChange = () => {
           },
@@ -15578,9 +16626,9 @@ var require_Slider_native = __commonJS({
         }
         function updateValues(value2, atIndex) {
           let decimalCount = (0, import_helpers2.getDecimalCount)(step), snapToStep = (0, import_helpers2.roundValue)(
-            Math.round((value2 - min) / step) * step + min,
+            Math.round((value2 - min2) / step) * step + min2,
             decimalCount
-          ), nextValue = (0, import_helpers.clamp)(snapToStep, [min, max]);
+          ), nextValue = (0, import_helpers.clamp)(snapToStep, [min2, max2]);
           setValues((prevValues = []) => {
             let nextValues = (0, import_helpers2.getNextSortedValues)(prevValues, nextValue, atIndex);
             return (0, import_helpers2.hasMinStepsBetweenValues)(nextValues, minStepsBetweenThumbs * step) ? (valueIndexToChangeRef.current = nextValues.indexOf(nextValue), String(nextValues) === String(prevValues) ? prevValues : nextValues) : prevValues;
@@ -15592,8 +16640,8 @@ var require_Slider_native = __commonJS({
           {
             scope: props.__scopeSlider,
             disabled,
-            min,
-            max,
+            min: min2,
+            max: max2,
             valueIndexToChangeRef,
             thumbs: thumbRefs.current,
             values,
@@ -15606,8 +16654,8 @@ var require_Slider_native = __commonJS({
                 "data-disabled": disabled ? "" : void 0,
                 ...sliderProps,
                 ref: composedRefs,
-                min,
-                max,
+                min: min2,
+                max: max2,
                 onSlideEnd,
                 onSlideStart: disabled ? void 0 : (value2, target, event) => {
                   if (target !== "thumb") {
@@ -15616,8 +16664,8 @@ var require_Slider_native = __commonJS({
                   }
                 },
                 onSlideMove: disabled ? void 0 : handleSlideMove,
-                onHomeKeyDown: () => !disabled && updateValues(min, 0),
-                onEndKeyDown: () => !disabled && updateValues(max, values.length - 1),
+                onHomeKeyDown: () => !disabled && updateValues(min2, 0),
+                onEndKeyDown: () => !disabled && updateValues(max2, values.length - 1),
                 onStepKeyDown: ({ event, direction: stepDirection }) => {
                   if (!disabled) {
                     let multiplier = import_constants.PAGE_KEYS.includes(event.key) || event.shiftKey && import_constants.ARROW_KEYS.includes(event.key) ? 10 : 1, atIndex = valueIndexToChangeRef.current, value2 = values[atIndex], stepInDirection = step * multiplier * stepDirection;
@@ -15723,10 +16771,10 @@ var require_Switch_native = __commonJS({
         },
         size: {
           "...size": (val) => {
-            let size = getSwitchHeight(val);
+            let size2 = getSwitchHeight(val);
             return {
-              height: size,
-              width: size
+              height: size2,
+              width: size2
             };
           }
         }
@@ -15800,7 +16848,7 @@ var require_createSwitch_native = __commonJS({
       createSwitch: () => createSwitch
     });
     module2.exports = __toCommonJS2(createSwitch_exports);
-    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_focusable2 = require_index_native44(), import_label = require_index_native45(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native14(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_Switch = require_Switch_native(), import_SwitchContext = require_SwitchContext_native(), import_jsx_runtime6 = (
+    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_focusable2 = require_index_native44(), import_label = require_index_native45(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native14(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_Switch = require_Switch_native(), import_SwitchContext = require_SwitchContext_native(), import_jsx_runtime6 = (
       // @ts-ignore
       require("react/jsx-runtime")
     );
@@ -15860,7 +16908,7 @@ var require_createSwitch_native = __commonJS({
             disabled,
             value = "on",
             onCheckedChange,
-            size = styledContext.size ?? "$true",
+            size: size2 = styledContext.size ?? "$true",
             unstyled = styledContext.unstyled ?? !1,
             native: nativeProp,
             nativeProps,
@@ -15891,7 +16939,7 @@ var require_createSwitch_native = __commonJS({
               Frame,
               {
                 unstyled,
-                size,
+                size: size2,
                 checked,
                 disabled,
                 frameWidth,
@@ -16284,7 +17332,7 @@ var require_Tabs_native = __commonJS({
               orientation = "horizontal",
               dir,
               activationMode = "automatic",
-              size = "$true",
+              size: size2 = "$true",
               ...tabsProps
             } = props, direction = (0, import_use_direction.useDirection)(dir), [value, setValue] = (0, import_use_controllable_state.useControllableState)({
               prop: valueProp,
@@ -16301,7 +17349,7 @@ var require_Tabs_native = __commonJS({
                 orientation,
                 dir: direction,
                 activationMode,
-                size,
+                size: size2,
                 registerTrigger,
                 triggersCount,
                 unregisterTrigger,
@@ -16685,13 +17733,13 @@ var require_ToggleGroup_native = __commonJS({
     var import_focusable2 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native17(), import_group = require_index_native50(), import_helpers_tamagui = require_index_native41(), import_roving_focus = require_index_native62(), import_use_controllable_state = require_index_native14(), import_use_direction = require_index_native22(), import_web = require_index_native9(), import_react2 = __toESM2(require("react")), import_Toggle = require_Toggle_native(), import_jsx_runtime6 = require("react/jsx-runtime"), TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider, useStyledContext: useToggleGroupItemContext } = (0, import_web.createStyledContext)(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)(), ToggleGroupItem = import_Toggle.ToggleFrame.extractable(
       import_react2.default.forwardRef(
         (props, forwardedRef) => {
-          let { __scopeToggleGroup, ...rest } = props, valueContext = useToggleGroupValueContext(__scopeToggleGroup), context = useToggleGroupContext(__scopeToggleGroup), pressed = valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, ref = import_react2.default.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled }), size = props.size ?? context.size, sizeProps = props.unstyled ? {} : {
+          let { __scopeToggleGroup, ...rest } = props, valueContext = useToggleGroupValueContext(__scopeToggleGroup), context = useToggleGroupContext(__scopeToggleGroup), pressed = valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, ref = import_react2.default.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled }), size2 = props.size ?? context.size, sizeProps = props.unstyled ? {} : {
             width: void 0,
             height: void 0,
-            padding: (0, import_web.getVariableValue)(size) * 0.6
+            padding: (0, import_web.getVariableValue)(size2) * 0.6
           };
-          props.unstyled || (props.orientation === "horizontal" ? sizeProps.height = (0, import_web.getVariableValue)(size) * 2.4 : sizeProps.width = (0, import_web.getVariableValue)(size) * 2.4);
-          let iconSize = (typeof size == "number" ? size * 0.7 : (0, import_font_size.getFontSize)(size)) * 1.2, theme = (0, import_web.useTheme)(), getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color: theme.color }), children = import_react2.default.Children.toArray(props.children).map((child) => props.disablePassStyles || !import_react2.default.isValidElement(child) ? child : getThemedIcon(child)), commonProps = { pressed, disabled, ...sizeProps, ...props, children };
+          props.unstyled || (props.orientation === "horizontal" ? sizeProps.height = (0, import_web.getVariableValue)(size2) * 2.4 : sizeProps.width = (0, import_web.getVariableValue)(size2) * 2.4);
+          let iconSize = (typeof size2 == "number" ? size2 * 0.7 : (0, import_font_size.getFontSize)(size2)) * 1.2, theme = (0, import_web.useTheme)(), getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color: theme.color }), children = import_react2.default.Children.toArray(props.children).map((child) => props.disablePassStyles || !import_react2.default.isValidElement(child) ? child : getThemedIcon(child)), commonProps = { pressed, disabled, ...sizeProps, ...props, children };
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupItemProvider, { scope: __scopeToggleGroup, children: context.rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             import_roving_focus.RovingFocusGroup.Item,
             {
@@ -16889,14 +17937,14 @@ var require_ToggleGroup_native = __commonJS({
             (0, import_get_token2.getSize)(sizeProp, {
               shift: sizeAdjust
             })
-          ), size = Math.round(adjustedSize * 0.45);
+          ), size2 = Math.round(adjustedSize * 0.45);
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             ToggleGroupContext,
             {
               scope: __scopeToggleGroup,
               rovingFocus,
               disabled,
-              size,
+              size: size2,
               children: rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                 import_roving_focus.RovingFocusGroup,
                 {
@@ -17089,7 +18137,7 @@ var require_index_native68 = __commonJS({
       useWindowDimensions: () => useWindowDimensions
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_constants = require_index_native2(), import_react2 = require("react"), import_react_native4 = require_fake_react_native(), initialValue = {
+    var import_constants = require_index_native2(), import_react2 = require("react"), import_react_native4 = require("react-native"), initialValue = {
       height: 800,
       width: 600
     };
@@ -17257,6 +18305,7 @@ __export(src_exports, {
   useIsomorphicLayoutEffect: () => import_core11.useIsomorphicLayoutEffect,
   useMedia: () => import_core11.useMedia,
   useProps: () => import_core11.useProps,
+  usePropsAndStyle: () => import_core11.usePropsAndStyle,
   useStyle: () => import_core11.useStyle,
   useTheme: () => import_core11.useTheme,
   useThemeName: () => import_core11.useThemeName,
@@ -17313,7 +18362,7 @@ var import_core = __toESM(require_index_native10()), createTamagui = import_core
 var import_core2 = __toESM(require_index_native10()), import_portal = __toESM(require_index_native29()), import_jsx_runtime = require("react/jsx-runtime"), TamaguiProvider = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.TamaguiProvider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalProvider, { shouldAddRootHost: !0, children }) });
 
 // src/views/Anchor.tsx
-var import_core3 = __toESM(require_index_native10()), import_text = __toESM(require_index_native21()), import_react_native = __toESM(require_fake_react_native()), import_jsx_runtime2 = require("react/jsx-runtime"), AnchorFrame = (0, import_core3.styled)(import_text.SizableText, {
+var import_core3 = __toESM(require_index_native10()), import_text = __toESM(require_index_native21()), import_react_native = require("react-native"), import_jsx_runtime2 = require("react/jsx-runtime"), AnchorFrame = (0, import_core3.styled)(import_text.SizableText, {
   name: "Anchor",
   tag: "a",
   accessibilityRole: "link"
@@ -17366,7 +18415,7 @@ var import_core5 = __toESM(require_index_native10()), import_stacks = __toESM(re
 });
 
 // src/views/Input.tsx
-var import_core7 = __toESM(require_index_native10()), import_focusable = __toESM(require_index_native44()), import_react_native2 = __toESM(require_fake_react_native());
+var import_core7 = __toESM(require_index_native10()), import_focusable = __toESM(require_index_native44()), import_react_native2 = require("react-native");
 
 // src/helpers/inputHelpers.tsx
 var import_core6 = __toESM(require_index_native10()), import_get_button_sized = __toESM(require_index_native18()), import_get_font_sized = __toESM(require_index_native20()), import_get_token = __toESM(require_index_native17()), inputSizeVariant = (val = "$true", extras) => {
@@ -17503,11 +18552,11 @@ var import_core8 = __toESM(require_index_native10()), Section = (0, import_core8
 });
 
 // src/views/Spinner.tsx
-var import_core9 = __toESM(require_index_native10()), import_stacks2 = __toESM(require_index_native19()), React = __toESM(require("react")), import_react_native3 = __toESM(require_fake_react_native()), import_jsx_runtime4 = require("react/jsx-runtime"), Spinner = import_stacks2.YStack.extractable(
+var import_core9 = __toESM(require_index_native10()), import_stacks2 = __toESM(require_index_native19()), React = __toESM(require("react")), import_react_native3 = require("react-native"), import_jsx_runtime4 = require("react/jsx-runtime"), Spinner = import_stacks2.YStack.extractable(
   (0, import_core9.themeable)(
     React.forwardRef((props, ref) => {
-      let { size, color: colorProp, ...stackProps } = props, theme = (0, import_core9.useTheme)(), color = colorProp;
-      return color && color[0] === "$" && (color = (0, import_core9.variableToString)(theme[color])), /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_stacks2.YStack, { ref, ...stackProps, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native3.ActivityIndicator, { size, color }) });
+      let { size: size2, color: colorProp, ...stackProps } = props, theme = (0, import_core9.useTheme)(), color = colorProp;
+      return color && color[0] === "$" && (color = (0, import_core9.variableToString)(theme[color])), /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_stacks2.YStack, { ref, ...stackProps, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native3.ActivityIndicator, { size: size2, color }) });
     }),
     {
       componentName: "Spinner"
@@ -17620,6 +18669,7 @@ var import_core11 = __toESM(require_index_native10());
   useIsomorphicLayoutEffect,
   useMedia,
   useProps,
+  usePropsAndStyle,
   useStyle,
   useTheme,
   useThemeName,