tamagui 1.65.4 → 1.67.0

package/dist/native.js

@@ -669,14 +669,14 @@ var require_useResponderEvents_native = __commonJS({
       useResponderEvents: () => useResponderEvents
     });
     module2.exports = __toCommonJS2(useResponderEvents_exports);
-    var React3 = __toESM2(require("react")), ResponderSystem = __toESM2(require_ResponderSystem_native());
+    var React2 = __toESM2(require("react")), ResponderSystem = __toESM2(require_ResponderSystem_native());
     __reExport2(useResponderEvents_exports, require_utils_native(), module2.exports);
     var emptyObject = {};
     function useResponderEvents(hostRef, config = emptyObject) {
-      let id = React3.useId(), isAttachedRef = React3.useRef(!1);
-      React3.useEffect(() => (ResponderSystem.attachListeners(), () => {
+      let id = React2.useId(), isAttachedRef = React2.useRef(!1);
+      React2.useEffect(() => (ResponderSystem.attachListeners(), () => {
         ResponderSystem.removeNode(id);
-      }), [id]), React3.useEffect(() => {
+      }), [id]), React2.useEffect(() => {
         let {
           onMoveShouldSetResponder,
           onMoveShouldSetResponderCapture,
@@ -688,9 +688,9 @@ var require_useResponderEvents_native = __commonJS({
           onStartShouldSetResponderCapture
         } = config, requiresResponderSystem = onMoveShouldSetResponder != null || onMoveShouldSetResponderCapture != null || onScrollShouldSetResponder != null || onScrollShouldSetResponderCapture != null || onSelectionChangeShouldSetResponder != null || onSelectionChangeShouldSetResponderCapture != null || onStartShouldSetResponder != null || onStartShouldSetResponderCapture != null, node = hostRef.current;
         requiresResponderSystem ? (ResponderSystem.addNode(id, node, config), isAttachedRef.current = !0) : isAttachedRef.current && (ResponderSystem.removeNode(id), isAttachedRef.current = !1);
-      }, [config, hostRef, id]), process.env.NODE_ENV === "development" && (React3.useDebugValue({
+      }, [config, hostRef, id]), process.env.NODE_ENV === "development" && (React2.useDebugValue({
         isResponder: hostRef.current === ResponderSystem.getResponderNode()
-      }), React3.useDebugValue(config));
+      }), React2.useDebugValue(config));
     }
   }
 });
@@ -852,7 +852,7 @@ var require_index_native2 = __commonJS({
       useIsomorphicLayoutEffect: () => useIsomorphicLayoutEffect2
     });
     module2.exports = __toCommonJS2(index_native_exports);
-    var import_react3 = require("react"), isWeb6 = !1, isWindowDefined = !1, isServer2 = !1, isClient2 = !1, useIsomorphicLayoutEffect2 = import_react3.useLayoutEffect, isChrome2 = !1, isWebTouchable2 = !1, isTouchable2 = !0, isAndroid = !1, isIos = !1, currentPlatform = "native";
+    var import_react2 = require("react"), isWeb6 = !1, isWindowDefined = !1, isServer2 = !1, isClient2 = !1, useIsomorphicLayoutEffect2 = import_react2.useLayoutEffect, isChrome2 = !1, isWebTouchable2 = !1, isTouchable2 = !0, isAndroid = !1, isIos = !1, currentPlatform = "native";
   }
 });
 
@@ -1162,6 +1162,7 @@ var require_config_native = __commonJS({
     }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), config_exports = {};
     __export2(config_exports, {
       configListeners: () => configListeners,
+      devConfig: () => devConfig,
       getConfig: () => getConfig3,
       getFont: () => getFont,
       getThemes: () => getThemes3,
@@ -1173,6 +1174,7 @@ var require_config_native = __commonJS({
       setConfig: () => setConfig,
       setConfigFont: () => setConfigFont,
       setTokens: () => setTokens,
+      setupDev: () => setupDev3,
       updateConfig: () => updateConfig2,
       useTokens: () => useTokens
     });
@@ -1219,7 +1221,10 @@ var require_config_native = __commonJS({
           return ((_b = (_a2 = conf2.fontsParsed[k]) == null ? void 0 : _a2.family) == null ? void 0 : _b.val) === name;
         }
       )) == null ? void 0 : _a[1]);
-    };
+    }, devConfig;
+    function setupDev3(conf2) {
+      process.env.NODE_ENV === "development" && (devConfig = conf2);
+    }
   }
 });
 
@@ -2408,7 +2413,7 @@ var require_getVariantExtras_native = __commonJS({
         tokens: conf.tokensParsed,
         theme,
         fontFamily,
-        font: fonts[fontFamily],
+        font: fonts[fontFamily] || fonts[styleState.conf.defaultFont],
         // TODO do this in splitstlye
         // we avoid passing in default props for media queries because that would confuse things like SizableText.size:
         props: (0, import_createProxy.createProxy)(curProps, {
@@ -2634,9 +2639,9 @@ var require_propMapper_native = __commonJS({
           case "lineHeight":
           case "letterSpacing":
           case "fontWeight": {
-            let fam = fontFamily || conf.defaultFont;
+            let defaultFont = conf.defaultFont || "$body", fam = fontFamily || defaultFont;
             if (fam) {
-              let font = (context != null && context.language ? (0, import_getVariantExtras.getFontsForLanguage)(conf.fontsParsed, context.language) : conf.fontsParsed)[fam];
+              let fontsParsed = context != null && context.language ? (0, import_getVariantExtras.getFontsForLanguage)(conf.fontsParsed, context.language) : conf.fontsParsed, font = fontsParsed[fam] || fontsParsed[defaultFont];
               valOrVar = ((_b = font == null ? void 0 : font[fontShorthand[key] || key]) == null ? void 0 : _b[value]) || value, hasSet = !0;
             }
             break;
@@ -2865,7 +2870,7 @@ var require_ThemeManagerContext_native = __commonJS({
       ThemeManagerContext: () => ThemeManagerContext
     });
     module2.exports = __toCommonJS2(ThemeManagerContext_exports);
-    var import_react3 = require("react"), ThemeManagerContext = (0, import_react3.createContext)(null);
+    var import_react2 = require("react"), ThemeManagerContext = (0, import_react2.createContext)(null);
   }
 });
 
@@ -2912,7 +2917,7 @@ var require_useTheme_native = __commonJS({
       useThemeWithState: () => useThemeWithState
     });
     module2.exports = __toCommonJS2(useTheme_exports);
-    var import_constants = require_index_native2(), import_react3 = require("react"), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_createProxy = require_createProxy_native(), import_ThemeManager = require_ThemeManager_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_getThemeUnwrapped = require_getThemeUnwrapped_native(), emptyProps = { name: null }, cached;
+    var import_constants = require_index_native2(), import_react2 = require("react"), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_createProxy = require_createProxy_native(), import_ThemeManager = require_ThemeManager_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_getThemeUnwrapped = require_getThemeUnwrapped_native(), emptyProps = { name: null }, cached;
     function getDefaultThemeProxied() {
       if (cached)
         return cached;
@@ -2923,7 +2928,7 @@ var require_useTheme_native = __commonJS({
       let [_, theme] = useThemeWithState(props);
       return theme || getDefaultThemeProxied();
     }, useThemeWithState = (props) => {
-      let keys = (0, import_react3.useRef)([]), changedThemeState = useChangeThemeEffect(
+      let keys = (0, import_react2.useRef)([]), changedThemeState = useChangeThemeEffect(
         props,
         !1,
         keys.current,
@@ -2942,7 +2947,7 @@ var require_useTheme_native = __commonJS({
             props
           )}. Themes given to tamagui are: ${Object.keys((0, import_config.getConfig)().themes)}`
         ) : "\u274C 1";
-      let themeProxied = (0, import_react3.useMemo)(() => getThemeProxied(theme, themeManager, keys.current, props.debug), [theme, name, className, themeManager]);
+      let themeProxied = (0, import_react2.useMemo)(() => getThemeProxied(theme, themeManager, keys.current, props.debug), [theme, name, className, themeManager]);
       return process.env.NODE_ENV === "development" && props.debug === "verbose" && (console.groupCollapsed("  \u{1F539} useTheme =>", name), console.log("returning state", changedThemeState, "from props", props), console.groupEnd()), [changedThemeState, themeProxied];
     };
     function getThemeProxied(theme, themeManager, keys, debug) {
@@ -2979,7 +2984,7 @@ var require_useTheme_native = __commonJS({
       let {
         // @ts-expect-error internal use only
         disable
-      } = props, parentManager = (0, import_react3.useContext)(import_ThemeManagerContext.ThemeManagerContext);
+      } = props, parentManager = (0, import_react2.useContext)(import_ThemeManagerContext.ThemeManagerContext);
       if (disable) {
         if (!parentManager)
           throw "\u274C 2";
@@ -2989,7 +2994,7 @@ var require_useTheme_native = __commonJS({
           themeManager: parentManager
         };
       }
-      let [themeState, setThemeState] = (0, import_react3.useState)(createState), { state, mounted, isNewTheme, themeManager } = themeState, isInversingOnMount = !!(!themeState.mounted && props.inverse);
+      let [themeState, setThemeState] = (0, import_react2.useState)(createState), { state, mounted, isNewTheme, themeManager } = themeState, isInversingOnMount = !!(!themeState.mounted && props.inverse);
       function getShouldUpdateTheme(manager = themeManager, nextState, prevState = state, forceShouldChange = !1) {
         let forceUpdate = shouldUpdate == null ? void 0 : shouldUpdate();
         if (!forceShouldChange && forceUpdate === !1)
@@ -2998,7 +3003,7 @@ var require_useTheme_native = __commonJS({
         if (forceShouldChange || next && !(forceUpdate !== !0 && !manager.getStateShouldChange(next, prevState)))
           return next;
       }
-      if (import_constants.isServer || ((0, import_react3.useLayoutEffect)(() => {
+      if (import_constants.isServer || ((0, import_react2.useLayoutEffect)(() => {
         if (props.inverse && !mounted) {
           setThemeState({ ...themeState, mounted: !0 });
           return;
@@ -3029,7 +3034,7 @@ var require_useTheme_native = __commonJS({
         props.name,
         props.reset,
         mounted
-      ]), process.env.NODE_ENV === "development" && props.debug !== "profile" && (0, import_react3.useEffect)(() => (globalThis.TamaguiThemeManagers ??= /* @__PURE__ */ new Set(), globalThis.TamaguiThemeManagers.add(themeManager), () => {
+      ]), process.env.NODE_ENV === "development" && props.debug !== "profile" && (0, import_react2.useEffect)(() => (globalThis.TamaguiThemeManagers ??= /* @__PURE__ */ new Set(), globalThis.TamaguiThemeManagers.add(themeManager), () => {
         globalThis.TamaguiThemeManagers.delete(themeManager);
       }), [themeManager])), isInversingOnMount) {
         if (!parentManager)
@@ -3128,7 +3133,7 @@ var require_useMedia_native = __commonJS({
       useMediaPropsActive: () => useMediaPropsActive3
     });
     module2.exports = __toCommonJS2(useMedia_exports);
-    var import_constants = require_index_native2(), import_react3 = require("react"), import_config = require_config_native(), import_createProxy = require_createProxy_native(), import_matchMedia = require_matchMedia_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useTheme = require_useTheme_native(), mediaState3 = (
+    var import_constants = require_index_native2(), import_react2 = require("react"), import_config = require_config_native(), import_createProxy = require_createProxy_native(), import_matchMedia = require_matchMedia_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useTheme = require_useTheme_native(), mediaState3 = (
       // development only safeguard
       process.env.NODE_ENV === "development" ? (0, import_createProxy.createProxy)(
         {},
@@ -3195,7 +3200,7 @@ var require_useMedia_native = __commonJS({
       return listeners.add(subscriber), () => listeners.delete(subscriber);
     }
     function useMedia3(uid) {
-      let internal = (0, import_react3.useRef)(), state = (0, import_react3.useSyncExternalStore)(
+      let internal = (0, import_react2.useRef)(), state = (0, import_react2.useSyncExternalStore)(
         subscribe,
         () => {
           if (!internal.current)
@@ -3216,7 +3221,7 @@ var require_useMedia_native = __commonJS({
     }
     function useMediaPropsActive3(props, opts) {
       let media = useMedia3(), resolveAs = (opts == null ? void 0 : opts.resolveValues) || "none", theme = resolveAs ? (0, import_useTheme.useTheme)() : null, styleState = { theme }, shouldExpandShorthands = opts == null ? void 0 : opts.expandShorthands;
-      return (0, import_react3.useMemo)(() => {
+      return (0, import_react2.useMemo)(() => {
         let config = (0, import_config.getConfig)(), next = {}, importancesUsed = {}, propNames = Object.keys(props), len = propNames.length;
         for (let i = 0; i < len; i++) {
           let key = propNames[i], val = props[key];
@@ -3361,7 +3366,7 @@ var require_compose_refs_native = __commonJS({
       useComposedRefs: () => useComposedRefs
     });
     module2.exports = __toCommonJS2(compose_refs_exports);
-    var React3 = __toESM2(require("react"));
+    var React2 = __toESM2(require("react"));
     function setRef(ref, value) {
       typeof ref == "function" ? ref(value) : ref && (ref.current = value);
     }
@@ -3369,7 +3374,7 @@ var require_compose_refs_native = __commonJS({
       return (node) => refs.forEach((ref) => setRef(ref, node));
     }
     function useComposedRefs(...refs) {
-      return React3.useCallback(composeRefs(...refs), refs);
+      return React2.useCallback(composeRefs(...refs), refs);
     }
   }
 });
@@ -3407,7 +3412,7 @@ var require_index_native7 = __commonJS({
       useDidFinishSSR: () => useDidFinishSSR2
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_react3 = require("react");
+    var import_react2 = require("react");
     function useDidFinishSSR2(value) {
       return value ?? !0;
     }
@@ -3471,13 +3476,13 @@ var require_createStyledContext_native = __commonJS({
       createStyledContext: () => createStyledContext2
     });
     module2.exports = __toCommonJS2(createStyledContext_exports);
-    var import_react3 = require("react"), import_objectIdentityKey = require_objectIdentityKey_native(), import_jsx_runtime6 = require("react/jsx-runtime");
+    var import_react2 = require("react"), import_objectIdentityKey = require_objectIdentityKey_native(), import_jsx_runtime6 = require("react/jsx-runtime");
     function createStyledContext2(props) {
-      let OGContext = (0, import_react3.createContext)(props), OGProvider2 = OGContext.Provider, Context = OGContext, Provider = ({
+      let OGContext = (0, import_react2.createContext)(props), OGProvider2 = OGContext.Provider, Context = OGContext, Provider = ({
         children,
         ...values
       }) => {
-        let value = (0, import_react3.useMemo)(() => ({
+        let value = (0, import_react2.useMemo)(() => ({
           ...props,
           ...values
         }), [(0, import_objectIdentityKey.objectIdentityKey)(values)]);
@@ -3797,7 +3802,7 @@ var require_getSplitStyles_native = __commonJS({
       useSplitStyles: () => useSplitStyles
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_constants = require_index_native2(), import_helpers = require_index_native4(), import_react3 = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), fontFamilyKey = "fontFamily", IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-", getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) => {
+    var import_constants = require_index_native2(), import_helpers = require_index_native4(), import_react2 = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), fontFamilyKey = "fontFamily", IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-", getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) => {
       var _a, _b, _c, _e, _f, _g;
       conf = conf || (0, import_config.getConfig)();
       let { shorthands } = conf, {
@@ -3890,7 +3895,7 @@ var require_getSplitStyles_native = __commonJS({
         if (isStyleProp && props.asChild === "except-style")
           continue;
         let shouldPassProp = !isStyleProp || // is in parent variants
-        isHOC && (parentStaticConfig == null ? void 0 : parentStaticConfig.variants) && keyInit in parentStaticConfig.variants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || (_a = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) != null && _a[keyInit] || keyInit in skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
+        isHOC && (parentStaticConfig == null ? void 0 : parentStaticConfig.variants) && keyInit in parentStaticConfig.variants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = (_a = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _a[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
         if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(
           `\u{1F539}\u{1F539}\u{1F539}\u{1F539} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""} \u{1F539}\u{1F539}\u{1F539}\u{1F539}`
         ), console.log({ isVariant, valInit, shouldPassProp }), import_constants.isClient && console.log({
@@ -4197,7 +4202,7 @@ current`, {
             for (let key in cur)
               key in styleState.usedKeys || mergeStyle(styleState, key, cur[key]);
     }
-    var useInsertEffectCompat = import_constants.isWeb ? import_react3.useInsertionEffect || import_constants.useIsomorphicLayoutEffect : () => {
+    var useInsertEffectCompat = import_constants.isWeb ? import_react2.useInsertionEffect || import_constants.useIsomorphicLayoutEffect : () => {
     }, useSplitStyles = (...args) => {
       let res = getSplitStyles(...args);
       return useInsertEffectCompat(() => {
@@ -4388,17 +4393,17 @@ var require_Theme_native = __commonJS({
       wrapThemeElements: () => wrapThemeElements
     });
     module2.exports = __toCommonJS2(Theme_exports);
-    var import_constants = require_index_native2(), import_react3 = __toESM2(require("react")), import_createVariable = require_createVariable_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_useTheme = require_useTheme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime6 = require("react/jsx-runtime"), Theme2 = (0, import_react3.forwardRef)(function(props, ref) {
+    var import_constants = require_index_native2(), import_react2 = __toESM2(require("react")), import_createVariable = require_createVariable_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_useTheme = require_useTheme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime6 = require("react/jsx-runtime"), Theme2 = (0, import_react2.forwardRef)(function(props, ref) {
       if (props.disable)
         return props.children;
-      let isRoot = !!props._isRoot, disableDirectChildTheme = props["disable-child-theme"], themeState = (0, import_useTheme.useChangeThemeEffect)(props, isRoot), children = (0, import_react3.useMemo)(() => {
-        let children2 = disableDirectChildTheme ? import_react3.Children.map(
+      let isRoot = !!props._isRoot, disableDirectChildTheme = props["disable-child-theme"], themeState = (0, import_useTheme.useChangeThemeEffect)(props, isRoot), children = (0, import_react2.useMemo)(() => {
+        let children2 = disableDirectChildTheme ? import_react2.Children.map(
           props.children,
-          (child) => (0, import_react3.cloneElement)(child, { "data-disable-theme": !0 })
+          (child) => (0, import_react2.cloneElement)(child, { "data-disable-theme": !0 })
         ) : props.children;
         if (ref)
           try {
-            import_react3.default.Children.only(children2), children2 = (0, import_react3.cloneElement)(children2, { ref });
+            import_react2.default.Children.only(children2), children2 = (0, import_react2.cloneElement)(children2, { ref });
           } catch {
           }
         return process.env.NODE_ENV === "development" && props.debug === "visualize" && (children2 = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeDebug.ThemeDebug, { themeState, themeProps: props, children: children2 })), children2;
@@ -4407,11 +4412,11 @@ var require_Theme_native = __commonJS({
     });
     Theme2.avoidForwardRef = !0;
     function useThemedChildren(themeState, children, props, isRoot = !1) {
-      let { themeManager, isNewTheme } = themeState, { shallow, forceClassName } = props, hasEverThemed = (0, import_react3.useRef)(!1);
+      let { themeManager, isNewTheme } = themeState, { shallow, forceClassName } = props, hasEverThemed = (0, import_react2.useRef)(!1);
       if (isNewTheme && (hasEverThemed.current = !0), !(isNewTheme || props.inverse || hasEverThemed.current || forceClassName || isRoot))
         return children;
       let next = children;
-      shallow && themeManager && (next = import_react3.Children.toArray(children).map((child) => (0, import_react3.isValidElement)(child) ? (0, import_react3.cloneElement)(
+      shallow && themeManager && (next = import_react2.Children.toArray(children).map((child) => (0, import_react2.isValidElement)(child) ? (0, import_react2.cloneElement)(
         child,
         void 0,
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Theme2, { name: themeManager.state.parentName, children: child.props.children })
@@ -4475,10 +4480,10 @@ var require_themeable_native = __commonJS({
       themeable: () => themeable3
     });
     module2.exports = __toCommonJS2(themeable_exports);
-    var import_react3 = __toESM2(require("react")), import_Theme = require_Theme_native(), import_jsx_runtime6 = require("react/jsx-runtime");
+    var import_react2 = __toESM2(require("react")), import_Theme = require_Theme_native(), import_jsx_runtime6 = require("react/jsx-runtime");
     function themeable3(component, staticConfig) {
-      let withTheme = (0, import_react3.forwardRef)(function(props, ref) {
-        let { themeInverse, theme, componentName, themeReset, ...rest } = props, element = import_react3.default.createElement(component, {
+      let withTheme = (0, import_react2.forwardRef)(function(props, ref) {
+        let { themeInverse, theme, componentName, themeReset, ...rest } = props, element = import_react2.default.createElement(component, {
           ...rest,
           ref,
           "data-disable-theme": !0
@@ -4544,11 +4549,11 @@ var require_Slot_native = __commonJS({
       Slottable: () => Slottable
     });
     module2.exports = __toCommonJS2(Slot_exports);
-    var import_compose_refs = require_index_native6(), import_constants = require_index_native2(), import_helpers = require_index_native4(), import_react3 = require("react"), import_jsx_runtime6 = require("react/jsx-runtime"), Slot = (0, import_react3.forwardRef)(function(props, forwardedRef) {
+    var import_compose_refs = require_index_native6(), import_constants = require_index_native2(), import_helpers = require_index_native4(), import_react2 = require("react"), import_jsx_runtime6 = require("react/jsx-runtime"), Slot = (0, import_react2.forwardRef)(function(props, forwardedRef) {
       let { children, ...slotProps } = props;
-      if ((0, import_react3.isValidElement)(children)) {
+      if ((0, import_react2.isValidElement)(children)) {
         let mergedProps = mergeSlotProps(children, slotProps);
-        return (0, import_react3.cloneElement)(
+        return (0, import_react2.cloneElement)(
           children,
           children.type.avoidForwardRef ? mergedProps : {
             ...mergedProps,
@@ -4556,7 +4561,7 @@ var require_Slot_native = __commonJS({
           }
         );
       }
-      return import_react3.Children.count(children) > 1 ? import_react3.Children.only(null) : null;
+      return import_react2.Children.count(children) > 1 ? import_react2.Children.only(null) : null;
     }), Slottable = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children }), pressMap = import_constants.isWeb ? {
       onPress: "onClick",
       onPressOut: "onMouseUp",
@@ -4605,12 +4610,30 @@ var require_createComponent_native = __commonJS({
       spacedChildren: () => spacedChildren2
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_compose_refs = require_index_native6(), import_constants = require_index_native2(), import_helpers = require_index_native4(), import_use_did_finish_ssr = require_index_native7(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants2 = require_constants_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_mergeProps = require_mergeProps_native(), import_proxyThemeVariables = require_proxyThemeVariables_native(), import_themeable = require_themeable_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime6 = require("react/jsx-runtime"), tamaguiConfig, AnimatedText, AnimatedView, initialTheme, time, mouseUps = /* @__PURE__ */ new Set();
+    var import_compose_refs = require_index_native6(), import_constants = require_index_native2(), import_helpers = require_index_native4(), import_use_did_finish_ssr = require_index_native7(), import_react2 = __toESM2(require("react")), import_config = require_config_native(), import_constants2 = require_constants_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_mergeProps = require_mergeProps_native(), import_proxyThemeVariables = require_proxyThemeVariables_native(), import_themeable = require_themeable_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime6 = require("react/jsx-runtime"), tamaguiConfig, AnimatedText, AnimatedView, initialTheme, time, debugKeyListeners, startVisualizer, mouseUps = /* @__PURE__ */ new Set();
     if (typeof document < "u") {
       let cancelTouches = () => {
         mouseUps.forEach((x) => x()), mouseUps.clear();
       };
-      addEventListener("mouseup", cancelTouches), addEventListener("touchend", cancelTouches), addEventListener("touchcancel", cancelTouches);
+      addEventListener("mouseup", cancelTouches), addEventListener("touchend", cancelTouches), addEventListener("touchcancel", cancelTouches), process.env.NODE_ENV === "development" && (startVisualizer = () => {
+        var _a;
+        let devVisualizerConfig = (_a = import_config.devConfig) == null ? void 0 : _a.visualizer;
+        if (devVisualizerConfig) {
+          debugKeyListeners = /* @__PURE__ */ new Set();
+          let tm, isShowing = !1, options = {
+            key: "Alt",
+            delay: 800,
+            ...typeof devVisualizerConfig == "object" ? devVisualizerConfig : {}
+          };
+          document.addEventListener("keydown", ({ key, defaultPrevented }) => {
+            defaultPrevented || key === options.key && (clearTimeout(tm), tm = setTimeout(() => {
+              isShowing = !0, debugKeyListeners == null || debugKeyListeners.forEach((l) => l(!0));
+            }, options.delay));
+          }), document.addEventListener("keyup", ({ key, defaultPrevented }) => {
+            defaultPrevented || key === options.key && (clearTimeout(tm), isShowing && (debugKeyListeners == null || debugKeyListeners.forEach((l) => l(!1))));
+          });
+        }
+      });
     }
     var BaseText, BaseView, hasSetupBaseViews = !1;
     function createComponent2(staticConfig) {
@@ -4635,17 +4658,17 @@ var require_createComponent_native = __commonJS({
         defaultProps,
         defaultPropsKeyOrder: defaultProps ? Object.keys(defaultProps) : []
       });
-      let component = (0, import_react3.forwardRef)((propsIn, forwardedRef) => {
+      let component = (0, import_react2.forwardRef)((propsIn, forwardedRef) => {
         var _a2, _b, _c, _d, _g, _h, _i, _j, _k;
-        if (!hasSetupBaseViews) {
+        if (process.env.NODE_ENV === "development" && startVisualizer && (startVisualizer(), startVisualizer = void 0), !hasSetupBaseViews) {
           hasSetupBaseViews = !0;
           let baseViews = (_b = (_a2 = import_setupHooks.hooks).getBaseViews) == null ? void 0 : _b.call(_a2);
           baseViews && (BaseText = baseViews.Text, BaseView = baseViews.View);
         }
         process.env.NODE_ENV === "test" && propsIn["data-test-renders"] && (propsIn["data-test-renders"].current ??= 0, propsIn["data-test-renders"].current += 1);
-        let componentContext = (0, import_react3.useContext)(import_ComponentContext.ComponentContext), styledContextProps, overriddenContextProps, contextValue, { context } = staticConfig;
+        let componentContext = (0, import_react2.useContext)(import_ComponentContext.ComponentContext), styledContextProps, overriddenContextProps, contextValue, { context } = staticConfig;
         if (context) {
-          contextValue = (0, import_react3.useContext)(context);
+          contextValue = (0, import_react2.useContext)(context);
           let { inverseShorthands } = (0, import_config.getConfig)();
           for (let key in context.props) {
             let propVal = (
@@ -4658,21 +4681,35 @@ var require_createComponent_native = __commonJS({
         let curDefaultProps = styledContextProps ? { ...defaultProps, ...styledContextProps } : defaultProps, props;
         curDefaultProps ? props = (0, import_mergeProps.mergeProps)(curDefaultProps, propsIn) : props = propsIn;
         let debugProp = props.debug, componentName = props.componentName || staticConfig.componentName;
-        process.env.NODE_ENV === "development" && time && time`start (ignore)`;
+        process.env.NODE_ENV === "development" && import_constants.isClient && (0, import_react2.useEffect)(() => {
+          let overlay = null, debugVisualizerHandler = (show = !1) => {
+            let node = hostRef.current;
+            if (node)
+              if (show) {
+                overlay = document.createElement("span"), overlay.style.inset = "0px", overlay.style.zIndex = "1000000", overlay.style.position = "absolute", overlay.style.borderColor = "red", overlay.style.borderWidth = "1px", overlay.style.borderStyle = "dotted";
+                let dataAt = node.getAttribute("data-at") || "", dataIn = node.getAttribute("data-in") || "", tooltip = document.createElement("span");
+                tooltip.style.position = "absolute", tooltip.style.top = "0px", tooltip.style.left = "0px", tooltip.style.padding = "3px", tooltip.style.background = "rgba(0,0,0,0.75)", tooltip.style.color = "rgba(255,255,255,1)", tooltip.style.fontSize = "12px", tooltip.style.lineHeight = "12px", tooltip.style.fontFamily = "monospace", tooltip.style.webkitFontSmoothing = "none", tooltip.innerText = `${componentName || ""} ${dataAt} ${dataIn}`.trim(), overlay.appendChild(tooltip), node.appendChild(overlay);
+              } else
+                overlay && node.removeChild(overlay);
+          };
+          return debugKeyListeners ||= /* @__PURE__ */ new Set(), debugKeyListeners.add(debugVisualizerHandler), () => {
+            debugKeyListeners == null || debugKeyListeners.delete(debugVisualizerHandler);
+          };
+        }, [componentName]), process.env.NODE_ENV === "development" && time && time`start (ignore)`;
         let isHydrated = config != null && config.disableSSR ? !0 : (0, import_use_did_finish_ssr.useDidFinishSSR)();
         process.env.NODE_ENV === "development" && time && time`did-finish-ssr`;
-        let stateRef = (0, import_react3.useRef)(
+        let stateRef = (0, import_react2.useRef)(
           void 0
         );
         stateRef.current ||= {}, process.env.NODE_ENV === "development" && time && time`stateref`;
-        let hostRef = (0, import_react3.useRef)(null), animationsConfig = componentContext.animationDriver, useAnimations = animationsConfig == null ? void 0 : animationsConfig.useAnimations, hasAnimationProp = !!(props.animation || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationsConfig == null ? void 0 : animationsConfig.supportsCSSVars, willBeAnimated = (() => {
+        let hostRef = (0, import_react2.useRef)(null), animationsConfig = componentContext.animationDriver, useAnimations = animationsConfig == null ? void 0 : animationsConfig.useAnimations, hasAnimationProp = !!(props.animation || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationsConfig == null ? void 0 : animationsConfig.supportsCSSVars, willBeAnimated = (() => {
           if (import_constants.isServer && !supportsCSSVars)
             return !1;
           let curState = stateRef.current;
           return !!(hasAnimationProp && !isHOC && useAnimations || curState.hasAnimated);
         })(), usePresence = animationsConfig == null ? void 0 : animationsConfig.usePresence, presence = willBeAnimated && (usePresence == null ? void 0 : usePresence()) || null, hasEnterStyle = !!props.enterStyle, needsMount = !!((!import_constants.isWeb || import_constants.isClient) && willBeAnimated);
         process.env.NODE_ENV === "development" && time && time`pre-use-state`;
-        let initialState = willBeAnimated ? supportsCSSVars ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateMounted, states = (0, import_react3.useState)(initialState), state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: !0 } : states[0], setState = states[1], setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState), groupName = props.group, groupClassName = groupName ? `t_group_${props.group}` : "";
+        let initialState = willBeAnimated ? supportsCSSVars ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateMounted, states = (0, import_react2.useState)(initialState), state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: !0 } : states[0], setState = states[1], setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState), groupName = props.group, groupClassName = groupName ? `t_group_${props.group}` : "";
         if (groupName) {
           let groupContextState = componentContext.groups.state, og = setStateShallow;
           setStateShallow = (state2) => {
@@ -4713,7 +4750,7 @@ var require_createComponent_native = __commonJS({
           debug: debugProp
         }, isExiting = !state.unmounted && (presence == null ? void 0 : presence[0]) === !1;
         if (process.env.NODE_ENV === "development") {
-          let id = (0, import_react3.useId)();
+          let id = (0, import_react2.useId)();
           if (debugProp && debugProp !== "profile") {
             let name = `${componentName || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`, type = isAnimatedReactNative ? "(animated)" : isReactNative ? "(rnw)" : "", dataIs = propsIn["data-is"] || "", banner = `${name}${dataIs ? ` ${dataIs}` : ""} ${type} id ${id}`;
             console.group(
@@ -4846,7 +4883,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           }
         )), viewProps = nonTamaguiProps;
         let composedRef = (0, import_compose_refs.useComposedRefs)(hostRef, forwardedRef);
-        viewProps.ref = composedRef, process.env.NODE_ENV === "development" && !isReactNative && !isText && import_constants.isWeb && !isHOC && import_react3.Children.toArray(props.children).forEach((item) => {
+        viewProps.ref = composedRef, process.env.NODE_ENV === "development" && !isReactNative && !isText && import_constants.isWeb && !isHOC && import_react2.Children.toArray(props.children).forEach((item) => {
           typeof item == "string" && item !== `
 ` && console.error(
             `Unexpected text node: ${item}. A text node cannot be a child of a <View>.`
@@ -4856,7 +4893,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           press: !1,
           pressIn: !1
         }), shouldSetMounted = needsMount && state.unmounted, { pseudoGroups, mediaGroups } = splitStyles;
-        (0, import_react3.useEffect)(() => {
+        (0, import_react2.useEffect)(() => {
           if (shouldSetMounted) {
             let unmounted = state.unmounted === !0 && hasEnterStyle ? "should-enter" : !1;
             setStateShallow({
@@ -4958,8 +4995,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           onPressIn,
           onPressOut
         })), process.env.NODE_ENV === "development" && time && time`spaced-as-child`, // in test mode disable perf unwrapping so react-testing-library finds Text properly
-        process.env.NODE_ENV !== "test" && (elementType === BaseText || elementType === BaseView) ? (viewProps.children = content, content = elementType.render(viewProps, viewProps.ref)) : content = (0, import_react3.createElement)(elementType, viewProps, content), process.env.NODE_ENV === "development" && time && time`create-element`;
-        let subGroupContext = (0, import_react3.useMemo)(() => {
+        process.env.NODE_ENV !== "test" && (elementType === BaseText || elementType === BaseView) ? (viewProps.children = content, content = elementType.render(viewProps, viewProps.ref)) : content = (0, import_react2.createElement)(elementType, viewProps, content), process.env.NODE_ENV === "development" && time && time`create-element`;
+        let subGroupContext = (0, import_react2.useMemo)(() => {
           if (groupName)
             return {
               ...componentContext.groups,
@@ -5027,13 +5064,14 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       });
       staticConfig.componentName && (component.displayName = staticConfig.componentName);
       let res = component;
-      (process.env.TAMAGUI_MEMO_ALL || staticConfig.memo) && (res = (0, import_react3.memo)(res)), res.staticConfig = staticConfig;
+      (process.env.TAMAGUI_MEMO_ALL || staticConfig.memo) && (res = (0, import_react2.memo)(res)), res.staticConfig = staticConfig;
       function extendStyledConfig(extended) {
         return {
           ...staticConfig,
           ...extended,
           neverFlatten: !0,
-          isHOC: !0
+          isHOC: !0,
+          isStyledHOC: !1
         };
       }
       function extractable(Component2, extended) {
@@ -5043,7 +5081,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         var _a2;
         let ComponentForwardedRef = ((_a2 = Component2.render) == null ? void 0 : _a2.length) === 2 ? Component2 : (
           // memo because theme changes otherwise would always re-render
-          (0, import_react3.memo)((0, import_react3.forwardRef)(Component2))
+          (0, import_react2.memo)((0, import_react2.forwardRef)(Component2))
         ), extendedConfig = extendStyledConfig(extended), out = (0, import_themeable.themeable)(ComponentForwardedRef, extendedConfig);
         return out.staticConfig = extendedConfig, out.styleable = styleable, out;
       }
@@ -5101,19 +5139,19 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       let { isZStack, children, space, direction, spaceFlex, separator } = props, hasSpace = !!(space || spaceFlex), hasSeparator = separator != null;
       if (!(hasSpace || hasSeparator || isZStack))
         return children;
-      let childrenList = import_react3.Children.toArray(children);
+      let childrenList = import_react2.Children.toArray(children);
       if (childrenList.length <= 1 && !isZStack && !((_b = (_a = childrenList[0]) == null ? void 0 : _a.type) != null && _b.shouldForwardSpace))
         return childrenList;
       let final = [];
       for (let [index, child] of childrenList.entries()) {
         let isEmpty = child == null || Array.isArray(child) && child.length === 0;
-        if (!isEmpty && import_react3.default.isValidElement(child) && (_c = child.type) != null && _c.shouldForwardSpace && (child = import_react3.default.cloneElement(child, {
+        if (!isEmpty && import_react2.default.isValidElement(child) && (_c = child.type) != null && _c.shouldForwardSpace && (child = import_react2.default.cloneElement(child, {
           space,
           spaceFlex,
           separator,
           key: child.key
         })), isEmpty || !child || child.key && !isZStack ? final.push(child) : final.push(
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react3.Fragment, { children: isZStack ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AbsoluteFill, { children: child }) : child }, index)
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react2.Fragment, { children: isZStack ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AbsoluteFill, { children: child }) : child }, index)
         ), isUnspaced(child) && index === 0 || isZStack)
           continue;
         let next = childrenList[index + 1];
@@ -5125,7 +5163,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             spaceFlex
           })
         ), final.push(
-          import_react3.default.isValidElement(separator) ? import_react3.default.cloneElement(separator, { key: `sep_${index}` }) : separator
+          import_react2.default.isValidElement(separator) ? import_react2.default.cloneElement(separator, { key: `sep_${index}` }) : separator
         ), hasSpace && final.push(
           createSpacer({
             key: `_${index}01tmgui`,
@@ -5854,7 +5892,7 @@ var require_styled_native = __commonJS({
           }), parentStaticConfig && (parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC || (defaultProps = {
             ...parentStaticConfig.defaultProps,
             ...defaultProps
-          }), parentStaticConfig.variants && (variants = (0, import_mergeVariants.mergeVariants)(parentStaticConfig.variants, variants))), parentStaticConfig != null && parentStaticConfig.isHOC && name && (defaultProps.componentName = name);
+          }, parentStaticConfig.variants && (variants = (0, import_mergeVariants.mergeVariants)(parentStaticConfig.variants, variants)))), parentStaticConfig != null && parentStaticConfig.isHOC && name && (defaultProps.componentName = name);
           let isText = !!(staticExtractionOptions != null && staticExtractionOptions.isText || parentStaticConfig != null && parentStaticConfig.isText), acceptsClassName = acceptsClassNameProp ?? (isPlainStyledComponent || isReactNative || (parentStaticConfig == null ? void 0 : parentStaticConfig.isHOC) && (parentStaticConfig == null ? void 0 : parentStaticConfig.acceptsClassName)), conf = {
             ...parentStaticConfig,
             ...staticExtractionOptions,
@@ -6008,7 +6046,7 @@ var require_isTamaguiElement_native = __commonJS({
       isTamaguiElement: () => isTamaguiElement2
     });
     module2.exports = __toCommonJS2(isTamaguiElement_exports);
-    var import_react3 = require("react"), import_isTamaguiComponent = require_isTamaguiComponent_native(), isTamaguiElement2 = (child, name) => (0, import_react3.isValidElement)(child) && (0, import_isTamaguiComponent.isTamaguiComponent)(child.type, name);
+    var import_react2 = require("react"), import_isTamaguiComponent = require_isTamaguiComponent_native(), isTamaguiElement2 = (child, name) => (0, import_react2.isValidElement)(child) && (0, import_isTamaguiComponent.isTamaguiComponent)(child.type, name);
   }
 });
 
@@ -6029,11 +6067,11 @@ var require_withStaticProperties_native = __commonJS({
       withStaticProperties: () => withStaticProperties2
     });
     module2.exports = __toCommonJS2(withStaticProperties_exports);
-    var import_react3 = require("react"), Decorated = Symbol(), withStaticProperties2 = function(component, staticProps) {
+    var import_react2 = require("react"), Decorated = Symbol(), withStaticProperties2 = function(component, staticProps) {
       let next = (() => {
         if (component[Decorated]) {
-          let _ = (0, import_react3.forwardRef)(
-            (props, ref) => (0, import_react3.createElement)(component, { ...props, ref })
+          let _ = (0, import_react2.forwardRef)(
+            (props, ref) => (0, import_react2.createElement)(component, { ...props, ref })
           );
           for (let key in component) {
             let v = component[key];
@@ -6064,9 +6102,9 @@ var require_useThemeName_native = __commonJS({
       useThemeName: () => useThemeName2
     });
     module2.exports = __toCommonJS2(useThemeName_exports);
-    var import_constants = require_index_native2(), import_react3 = require("react"), import_ThemeManagerContext = require_ThemeManagerContext_native();
+    var import_constants = require_index_native2(), import_react2 = require("react"), import_ThemeManagerContext = require_ThemeManagerContext_native();
     function useThemeName2(opts) {
-      let manager = (0, import_react3.useContext)(import_ThemeManagerContext.ThemeManagerContext), [name, setName] = (0, import_react3.useState)((manager == null ? void 0 : manager.state.name) || "");
+      let manager = (0, import_react2.useContext)(import_ThemeManagerContext.ThemeManagerContext), [name, setName] = (0, import_react2.useState)((manager == null ? void 0 : manager.state.name) || "");
       return (0, import_constants.useIsomorphicLayoutEffect)(() => {
         if (manager)
           return setName(manager.state.name), manager.onChangeTheme((next, manager2) => {
@@ -6095,9 +6133,9 @@ var require_useStyle_native = __commonJS({
       useStyle: () => useStyle2
     });
     module2.exports = __toCommonJS2(useStyle_exports);
-    var import_react3 = require("react"), import_ComponentContext = require_ComponentContext_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native();
+    var import_react2 = require("react"), import_ComponentContext = require_ComponentContext_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native();
     function useStyle2(base, style, options) {
-      let isText = base.staticConfig.isText, componentContext = (0, import_react3.useContext)(import_ComponentContext.ComponentContext), [themeState] = (0, import_useTheme.useThemeWithState)({}), media = (0, import_useMedia.useMedia)(), out = (0, import_getSplitStyles.useSplitStyles)(
+      let isText = base.staticConfig.isText, componentContext = (0, import_react2.useContext)(import_ComponentContext.ComponentContext), [themeState] = (0, import_useTheme.useThemeWithState)({}), media = (0, import_useMedia.useMedia)(), out = (0, import_getSplitStyles.useSplitStyles)(
         style,
         base.staticConfig,
         themeState.state.theme,
@@ -6138,7 +6176,7 @@ var require_useAnimationDriver_native = __commonJS({
       useAnimationDriver: () => useAnimationDriver
     });
     module2.exports = __toCommonJS2(useAnimationDriver_exports);
-    var import_react3 = require("react"), import_ComponentContext = require_ComponentContext_native(), import_getAnimationDriver = require_getAnimationDriver_native(), useAnimationDriver = () => (0, import_react3.useContext)(import_ComponentContext.ComponentContext).animationDriver ?? (0, import_getAnimationDriver.getAnimationDriver)();
+    var import_react2 = require("react"), import_ComponentContext = require_ComponentContext_native(), import_getAnimationDriver = require_getAnimationDriver_native(), useAnimationDriver = () => (0, import_react2.useContext)(import_ComponentContext.ComponentContext).animationDriver ?? (0, import_getAnimationDriver.getAnimationDriver)();
   }
 });
 
@@ -6306,7 +6344,7 @@ var require_ThemeProvider_native = __commonJS({
       ThemeProvider: () => ThemeProvider
     });
     module2.exports = __toCommonJS2(ThemeProvider_exports);
-    var import_constants = require_index_native2(), import_react3 = require("react"), import_constants2 = require_constants_native(), import_Theme = require_Theme_native(), import_jsx_runtime6 = require("react/jsx-runtime"), ThemeProvider = (props) => (import_constants.isClient && (0, import_react3.useLayoutEffect)(() => {
+    var import_constants = require_index_native2(), import_react2 = require("react"), import_constants2 = require_constants_native(), import_Theme = require_Theme_native(), import_jsx_runtime6 = require("react/jsx-runtime"), ThemeProvider = (props) => (import_constants.isClient && (0, import_react2.useLayoutEffect)(() => {
       if (props.disableRootThemeClass)
         return;
       let cn = `${import_constants2.THEME_CLASSNAME_PREFIX}${props.defaultTheme}`, target = props.themeClassNameOnRoot ? document.documentElement : document.body;
@@ -6343,8 +6381,8 @@ var require_FontLanguage_native = __commonJS({
       FontLanguage: () => FontLanguage2
     });
     module2.exports = __toCommonJS2(FontLanguage_native_exports);
-    var import_react3 = require("react"), import_ComponentContext = require_ComponentContext_native(), import_jsx_runtime6 = require("react/jsx-runtime"), FontLanguage2 = ({ children, ...props }) => {
-      let language = (0, import_react3.useMemo)(() => props, [JSON.stringify(props)]);
+    var import_react2 = require("react"), import_ComponentContext = require_ComponentContext_native(), import_jsx_runtime6 = require("react/jsx-runtime"), FontLanguage2 = ({ children, ...props }) => {
+      let language = (0, import_react2.useMemo)(() => props, [JSON.stringify(props)]);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, { language, children });
     };
   }
@@ -6374,14 +6412,14 @@ var require_TamaguiProvider_native = __commonJS({
       TamaguiProvider: () => TamaguiProvider2
     });
     module2.exports = __toCommonJS2(TamaguiProvider_exports);
-    var import_constants = require_index_native2(), React3 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native(), import_jsx_runtime6 = require("react/jsx-runtime");
+    var import_constants = require_index_native2(), React2 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native(), import_jsx_runtime6 = require("react/jsx-runtime");
     function TamaguiProvider2({
       children,
       disableInjectCSS,
       config,
       ...themePropsProvider
     }) {
-      return import_constants.isWeb && import_constants.isServer || (0, import_useMedia.useMediaListeners)(config), import_constants.isClient && React3.useLayoutEffect(() => {
+      return import_constants.isWeb && import_constants.isServer || (0, import_useMedia.useMediaListeners)(config), import_constants.isClient && React2.useLayoutEffect(() => {
         if (document.documentElement.classList.contains("t_unmounted") && document.documentElement.classList.remove("t_unmounted"), disableInjectCSS)
           return;
         let style = document.createElement("style");
@@ -6440,12 +6478,12 @@ var require_useGet_native = __commonJS({
       useGet: () => useGet2
     });
     module2.exports = __toCommonJS2(useGet_exports);
-    var import_react3 = require("react"), isWeb6 = !1, isClient2 = typeof window < "u", useIsomorphicLayoutEffect2 = !isWeb6 || isClient2 ? import_react3.useLayoutEffect : import_react3.useEffect;
+    var import_react2 = require("react"), isWeb6 = !1, isClient2 = typeof window < "u", useIsomorphicLayoutEffect2 = !isWeb6 || isClient2 ? import_react2.useLayoutEffect : import_react2.useEffect;
     function useGet2(currentValue, initialValue, forwardToFunction) {
-      let curRef = (0, import_react3.useRef)(initialValue ?? currentValue);
+      let curRef = (0, import_react2.useRef)(initialValue ?? currentValue);
       return useIsomorphicLayoutEffect2(() => {
         curRef.current = currentValue;
-      }), (0, import_react3.useCallback)(
+      }), (0, import_react2.useCallback)(
         forwardToFunction ? (...args) => {
           var _a;
           return (_a = curRef.current) == null ? void 0 : _a.apply(null, args);
@@ -6523,6 +6561,7 @@ var require_index_native9 = __commonJS({
       mediaObjectToString: () => import_useMedia.mediaObjectToString,
       mediaQueryConfig: () => import_useMedia.mediaQueryConfig,
       mediaState: () => import_useMedia.mediaState,
+      setupDev: () => import_config.setupDev,
       updateConfig: () => import_config.updateConfig,
       useMedia: () => import_useMedia.useMedia,
       useMediaPropsActive: () => import_useMedia.useMediaPropsActive
@@ -6960,10 +6999,10 @@ var require_index_native11 = __commonJS({
       useForceUpdate: () => useForceUpdate
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_react3 = require("react"), isServerSide = !1, idFn = () => {
+    var import_react2 = require("react"), isServerSide = !1, idFn = () => {
     };
     function useForceUpdate() {
-      return isServerSide ? idFn : (0, import_react3.useReducer)((x) => Math.random(), 0)[1];
+      return isServerSide ? idFn : (0, import_react2.useReducer)((x) => Math.random(), 0)[1];
     }
   }
 });
@@ -6985,7 +7024,7 @@ var require_LayoutGroupContext_native = __commonJS({
       LayoutGroupContext: () => LayoutGroupContext
     });
     module2.exports = __toCommonJS2(LayoutGroupContext_exports);
-    var import_react3 = require("react"), LayoutGroupContext = (0, import_react3.createContext)({});
+    var import_react2 = require("react"), LayoutGroupContext = (0, import_react2.createContext)({});
   }
 });
 
@@ -7006,7 +7045,7 @@ var require_PresenceContext_native = __commonJS({
       PresenceContext: () => PresenceContext
     });
     module2.exports = __toCommonJS2(PresenceContext_exports);
-    var import_react3 = require("react"), PresenceContext = (0, import_react3.createContext)(null);
+    var import_react2 = require("react"), PresenceContext = (0, import_react2.createContext)(null);
   }
 });
 
@@ -7029,16 +7068,16 @@ var require_usePresence_native = __commonJS({
       usePresence: () => usePresence
     });
     module2.exports = __toCommonJS2(usePresence_exports);
-    var import_react3 = require("react"), import_PresenceContext = require_PresenceContext_native();
+    var import_react2 = require("react"), import_PresenceContext = require_PresenceContext_native();
     function usePresence() {
-      let context = (0, import_react3.useContext)(import_PresenceContext.PresenceContext);
+      let context = (0, import_react2.useContext)(import_PresenceContext.PresenceContext);
       if (!context)
         return [!0, null, context];
-      let { isPresent: isPresent2, onExitComplete, register } = context, id = (0, import_react3.useId)() || "";
-      return (0, import_react3.useEffect)(() => register(id), [id, register]), !isPresent2 && onExitComplete ? [!1, () => onExitComplete == null ? void 0 : onExitComplete(id), context] : [!0, void 0, context];
+      let { isPresent: isPresent2, onExitComplete, register } = context, id = (0, import_react2.useId)() || "";
+      return (0, import_react2.useEffect)(() => register(id), [id, register]), !isPresent2 && onExitComplete ? [!1, () => onExitComplete == null ? void 0 : onExitComplete(id), context] : [!0, void 0, context];
     }
     function useIsPresent() {
-      return isPresent((0, import_react3.useContext)(import_PresenceContext.PresenceContext));
+      return isPresent((0, import_react2.useContext)(import_PresenceContext.PresenceContext));
     }
     function isPresent(context) {
       return context === null ? !0 : context.isPresent;
@@ -7086,7 +7125,7 @@ var require_PresenceChild_native = __commonJS({
       PresenceChild: () => PresenceChild
     });
     module2.exports = __toCommonJS2(PresenceChild_exports);
-    var import_use_presence = require_index_native12(), import_web = require_index_native9(), React3 = __toESM2(require("react")), import_react3 = require("react"), import_jsx_runtime6 = require("react/jsx-runtime"), PresenceChild = ({
+    var import_use_presence = require_index_native12(), import_web = require_index_native9(), React2 = __toESM2(require("react")), import_react2 = require("react"), import_jsx_runtime6 = require("react/jsx-runtime"), PresenceChild = ({
       children,
       initial,
       isPresent,
@@ -7096,7 +7135,7 @@ var require_PresenceChild_native = __commonJS({
       enterExitVariant,
       presenceAffectsLayout
     }) => {
-      let presenceChildren = React3.useMemo(newChildrenMap, []), id = (0, import_react3.useId)() || "", context = React3.useMemo(
+      let presenceChildren = React2.useMemo(newChildrenMap, []), id = (0, import_react2.useId)() || "", context = React2.useMemo(
         () => ({
           id,
           initial,
@@ -7121,7 +7160,7 @@ var require_PresenceChild_native = __commonJS({
         // eslint-disable-next-line react-hooks/exhaustive-deps
         presenceAffectsLayout ? void 0 : [isPresent, exitVariant, enterVariant]
       );
-      return React3.useMemo(() => {
+      return React2.useMemo(() => {
         presenceChildren.forEach((_, key) => presenceChildren.set(key, !1));
       }, [isPresent]), (0, import_web.useIsomorphicLayoutEffect)(() => {
         !(isPresent || presenceChildren.size) && (onExitComplete == null || onExitComplete());
@@ -7157,7 +7196,7 @@ var require_AnimatePresence_native = __commonJS({
       AnimatePresence: () => AnimatePresence
     });
     module2.exports = __toCommonJS2(AnimatePresence_exports);
-    var import_use_force_update = require_index_native11(), import_web = require_index_native9(), import_react3 = __toESM2(require("react")), import_LayoutGroupContext = require_LayoutGroupContext_native(), import_PresenceChild = require_PresenceChild_native(), import_jsx_runtime6 = require("react/jsx-runtime"), getChildKey = (child) => child.key || "", isDev = process.env.NODE_ENV !== "production";
+    var import_use_force_update = require_index_native11(), import_web = require_index_native9(), import_react2 = __toESM2(require("react")), import_LayoutGroupContext = require_LayoutGroupContext_native(), import_PresenceChild = require_PresenceChild_native(), import_jsx_runtime6 = require("react/jsx-runtime"), getChildKey = (child) => child.key || "", isDev = process.env.NODE_ENV !== "production";
     function updateChildLookup(children, allChildren) {
       let seenChildren = isDev ? /* @__PURE__ */ new Set() : null;
       children.forEach((child) => {
@@ -7169,9 +7208,9 @@ var require_AnimatePresence_native = __commonJS({
     }
     function onlyElements(children) {
       let filtered = [];
-      return import_react3.Children.forEach(children, (child, index) => {
-        (0, import_react3.isValidElement)(child) && (!child.key && import_react3.Children.count(children) > 1 ? (process.env.NODE_ENV === "development" && console.warn("No key given to AnimatePresence child, assigning index as key"), filtered.push(
-          import_react3.default.cloneElement(child, {
+      return import_react2.Children.forEach(children, (child, index) => {
+        (0, import_react2.isValidElement)(child) && (!child.key && import_react2.Children.count(children) > 1 ? (process.env.NODE_ENV === "development" && console.warn("No key given to AnimatePresence child, assigning index as key"), filtered.push(
+          import_react2.default.cloneElement(child, {
             key: index
           })
         )) : filtered.push(child));
@@ -7187,15 +7226,15 @@ var require_AnimatePresence_native = __commonJS({
       exitBeforeEnter,
       presenceAffectsLayout = !0
     }) => {
-      let forceRender = (0, import_use_force_update.useForceUpdate)(), isClientMounted = (0, import_web.useDidFinishSSR)(), forceRenderLayoutGroup = (0, import_react3.useContext)(import_LayoutGroupContext.LayoutGroupContext).forceRender;
+      let forceRender = (0, import_use_force_update.useForceUpdate)(), isClientMounted = (0, import_web.useDidFinishSSR)(), forceRenderLayoutGroup = (0, import_react2.useContext)(import_LayoutGroupContext.LayoutGroupContext).forceRender;
       forceRenderLayoutGroup && (forceRender = forceRenderLayoutGroup);
-      let isMounted = (0, import_react3.useRef)(!1), filteredChildren = onlyElements(children), childrenToRender = filteredChildren, exiting = /* @__PURE__ */ new Set(), presentChildren = (0, import_react3.useRef)(childrenToRender), allChildren = (0, import_react3.useRef)(/* @__PURE__ */ new Map()).current, isInitialRender = (0, import_react3.useRef)(!0);
-      (0, import_react3.useEffect)(() => (isMounted.current = !0, () => {
+      let isMounted = (0, import_react2.useRef)(!1), filteredChildren = onlyElements(children), childrenToRender = filteredChildren, exiting = /* @__PURE__ */ new Set(), presentChildren = (0, import_react2.useRef)(childrenToRender), allChildren = (0, import_react2.useRef)(/* @__PURE__ */ new Map()).current, isInitialRender = (0, import_react2.useRef)(!0);
+      (0, import_react2.useEffect)(() => (isMounted.current = !0, () => {
         isMounted.current = !1, isInitialRender.current = !0, allChildren.clear(), exiting.clear();
       }), []), (0, import_web.useIsomorphicLayoutEffect)(() => {
         isInitialRender.current = !1, updateChildLookup(filteredChildren, allChildren), presentChildren.current = childrenToRender;
       });
-      let hasWarned = process.env.NODE_ENV === "development" ? (0, import_react3.useRef)(!1) : null;
+      let hasWarned = process.env.NODE_ENV === "development" ? (0, import_react2.useRef)(!1) : null;
       if (isInitialRender.current)
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: childrenToRender.map((child) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           import_PresenceChild.PresenceChild,
@@ -7264,7 +7303,7 @@ var require_AnimatePresence_native = __commonJS({
           },
           getChildKey(child)
         );
-      }), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: exiting.size ? childrenToRender : childrenToRender.map((child) => (0, import_react3.cloneElement)(child)) });
+      }), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: exiting.size ? childrenToRender : childrenToRender.map((child) => (0, import_react2.cloneElement)(child)) });
     };
     AnimatePresence.displayName = "AnimatePresence";
   }
@@ -7327,15 +7366,15 @@ var require_create_context_native = __commonJS({
       createContextScope: () => createContextScope
     });
     module2.exports = __toCommonJS2(create_context_exports);
-    var React3 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime");
+    var React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime");
     function createContext(rootComponentName, defaultContext) {
-      let Context = React3.createContext(defaultContext);
+      let Context = React2.createContext(defaultContext);
       function Provider(props) {
-        let { children, ...context } = props, value = React3.useMemo(() => context, Object.values(context));
+        let { children, ...context } = props, value = React2.useMemo(() => context, Object.values(context));
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Context.Provider, { value, children });
       }
       function useContext(consumerName) {
-        let context = React3.useContext(Context);
+        let context = React2.useContext(Context);
         if (context)
           return context;
         if (defaultContext !== void 0)
@@ -7347,17 +7386,17 @@ var require_create_context_native = __commonJS({
     function createContextScope(scopeName, createContextScopeDeps = []) {
       let defaultContexts = [];
       function createContext2(rootComponentName, defaultContext) {
-        let BaseContext = React3.createContext(defaultContext), index = defaultContexts.length;
+        let BaseContext = React2.createContext(defaultContext), index = defaultContexts.length;
         defaultContexts = [...defaultContexts, defaultContext];
         function Provider(props) {
-          let { scope, children, ...context } = props, Context = (scope == null ? void 0 : scope[scopeName][index]) || BaseContext, value = React3.useMemo(
+          let { scope, children, ...context } = props, Context = (scope == null ? void 0 : scope[scopeName][index]) || BaseContext, value = React2.useMemo(
             () => context,
             Object.values(context)
           );
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Context.Provider, { value, children });
         }
         function useContext(consumerName, scope, options) {
-          let Context = (scope == null ? void 0 : scope[scopeName][index]) || BaseContext, context = React3.useContext(Context);
+          let Context = (scope == null ? void 0 : scope[scopeName][index]) || BaseContext, context = React2.useContext(Context);
           if (context)
             return context;
           if (defaultContext !== void 0)
@@ -7370,10 +7409,10 @@ var require_create_context_native = __commonJS({
         return Provider.displayName = `${rootComponentName}Provider`, [Provider, useContext];
       }
       let createScope = () => {
-        let scopeContexts = defaultContexts.map((defaultContext) => React3.createContext(defaultContext));
+        let scopeContexts = defaultContexts.map((defaultContext) => React2.createContext(defaultContext));
         return function(scope) {
           let contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
-          return React3.useMemo(
+          return React2.useMemo(
             () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
             [scope, contexts]
           );
@@ -7398,7 +7437,7 @@ var require_create_context_native = __commonJS({
             let currentScope = useScope(overrideScopes)[`__scope${scopeName}`];
             return { ...nextScopes2, ...currentScope };
           }, {});
-          return React3.useMemo(
+          return React2.useMemo(
             () => ({ [`__scope${baseScope.scopeName}`]: nextScopes }),
             [nextScopes]
           );
@@ -7441,7 +7480,7 @@ var require_useControllableState_native = __commonJS({
       useControllableState: () => useControllableState
     });
     module2.exports = __toCommonJS2(useControllableState_exports);
-    var import_use_event = require_index_native8(), import_react3 = require("react"), emptyCallbackFn = (_) => _();
+    var import_use_event = require_index_native8(), import_react2 = require("react"), emptyCallbackFn = (_) => _();
     function useControllableState({
       prop,
       defaultProp,
@@ -7450,12 +7489,12 @@ var require_useControllableState_native = __commonJS({
       preventUpdate,
       transition
     }) {
-      let [state, setState] = (0, import_react3.useState)(prop ?? defaultProp), previous = (0, import_react3.useRef)(state), propWins = strategy === "prop-wins" && prop !== void 0, value = propWins ? prop : state, onChangeCb = (0, import_use_event.useEvent)(onChange || idFn), transitionFn = transition ? import_react3.startTransition : emptyCallbackFn;
-      (0, import_react3.useEffect)(() => {
+      let [state, setState] = (0, import_react2.useState)(prop ?? defaultProp), previous = (0, import_react2.useRef)(state), propWins = strategy === "prop-wins" && prop !== void 0, value = propWins ? prop : state, onChangeCb = (0, import_use_event.useEvent)(onChange || idFn), transitionFn = transition ? import_react2.startTransition : emptyCallbackFn;
+      (0, import_react2.useEffect)(() => {
         prop !== void 0 && (previous.current = prop, transitionFn(() => {
           setState(prop);
         }));
-      }, [prop]), (0, import_react3.useEffect)(() => {
+      }, [prop]), (0, import_react2.useEffect)(() => {
         propWins || state !== previous.current && (previous.current = state, onChangeCb(state));
       }, [onChangeCb, state, propWins]);
       let setter = (0, import_use_event.useEvent)((next) => {
@@ -7519,7 +7558,7 @@ var require_Collapsible_native = __commonJS({
       createCollapsibleScope: () => createCollapsibleScope
     });
     module2.exports = __toCommonJS2(Collapsible_exports);
-    var import_animate_presence = require_index_native13(), import_create_context = require_index_native14(), import_use_controllable_state = require_index_native15(), import_web = require_index_native9(), React3 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), COLLAPSIBLE_NAME = "Collapsible", [createCollapsibleContext, createCollapsibleScope] = (0, import_create_context.createContextScope)(COLLAPSIBLE_NAME), [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME), _Collapsible = React3.forwardRef(
+    var import_animate_presence = require_index_native13(), import_create_context = require_index_native14(), import_use_controllable_state = require_index_native15(), import_web = require_index_native9(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), COLLAPSIBLE_NAME = "Collapsible", [createCollapsibleContext, createCollapsibleScope] = (0, import_create_context.createContextScope)(COLLAPSIBLE_NAME), [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME), _Collapsible = React2.forwardRef(
       (props, forwardedRef) => {
         let {
           __scopeCollapsible,
@@ -7538,9 +7577,9 @@ var require_Collapsible_native = __commonJS({
           {
             scope: __scopeCollapsible,
             disabled,
-            contentId: React3.useId(),
+            contentId: React2.useId(),
             open,
-            onOpenToggle: React3.useCallback(
+            onOpenToggle: React2.useCallback(
               () => setOpen((prevOpen) => !prevOpen),
               [setOpen]
             ),
@@ -7637,33 +7676,33 @@ var require_Collection_native = __commonJS({
       createCollection: () => createCollection
     });
     module2.exports = __toCommonJS2(Collection_exports);
-    var import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_react3 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime");
+    var import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_react2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime");
     function createCollection(name) {
       let PROVIDER_NAME = name + "CollectionProvider", [createCollectionContext, createCollectionScope] = (0, import_create_context.createContextScope)(PROVIDER_NAME), [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, {
         collectionRef: { current: null },
         itemMap: /* @__PURE__ */ new Map()
       }), CollectionProvider = (props) => {
-        let { scope, children } = props, ref = import_react3.default.useRef(null), itemMap = import_react3.default.useRef(/* @__PURE__ */ new Map()).current;
+        let { scope, children } = props, ref = import_react2.default.useRef(null), itemMap = import_react2.default.useRef(/* @__PURE__ */ new Map()).current;
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
       };
       CollectionProvider.displayName = PROVIDER_NAME;
-      let COLLECTION_SLOT_NAME = name + "CollectionSlot", CollectionSlot = import_react3.default.forwardRef(
+      let COLLECTION_SLOT_NAME = name + "CollectionSlot", CollectionSlot = import_react2.default.forwardRef(
         (props, forwardedRef) => {
           let { scope, children } = props, context = useCollectionContext(COLLECTION_SLOT_NAME, scope), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.collectionRef);
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Slot, { ref: composedRefs, children });
         }
       );
       CollectionSlot.displayName = COLLECTION_SLOT_NAME;
-      let ITEM_SLOT_NAME = name + "CollectionItemSlot", ITEM_DATA_ATTR = "data-collection-item", CollectionItemSlot = import_react3.default.forwardRef(
+      let ITEM_SLOT_NAME = name + "CollectionItemSlot", ITEM_DATA_ATTR = "data-collection-item", CollectionItemSlot = import_react2.default.forwardRef(
         (props, forwardedRef) => {
-          let { scope, children, ...itemData } = props, ref = import_react3.default.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), context = useCollectionContext(ITEM_SLOT_NAME, scope);
-          return import_react3.default.useEffect(() => (context.itemMap.set(ref, { ref, ...itemData }), () => void context.itemMap.delete(ref))), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Slot, { [ITEM_DATA_ATTR]: "", ref: composedRefs, children });
+          let { scope, children, ...itemData } = props, ref = import_react2.default.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), context = useCollectionContext(ITEM_SLOT_NAME, scope);
+          return import_react2.default.useEffect(() => (context.itemMap.set(ref, { ref, ...itemData }), () => void context.itemMap.delete(ref))), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Slot, { [ITEM_DATA_ATTR]: "", ref: composedRefs, children });
         }
       );
       CollectionItemSlot.displayName = ITEM_SLOT_NAME;
       function useCollection(scope) {
         let context = useCollectionContext(name + "CollectionConsumer", scope);
-        return import_react3.default.useCallback(() => {
+        return import_react2.default.useCallback(() => {
           if (!import_core12.isWeb)
             return [];
           let collectionNode = context.collectionRef.current;
@@ -8305,7 +8344,7 @@ var require_wrapChildrenInText_native = __commonJS({
       wrapChildrenInText: () => wrapChildrenInText
     });
     module2.exports = __toCommonJS2(wrapChildrenInText_exports);
-    var import_react3 = __toESM2(require("react")), import_jsx_runtime6 = (
+    var import_react2 = __toESM2(require("react")), import_jsx_runtime6 = (
       // so "data-disable-theme" is a hack to fix themeInverse, don't ask me why
       require("react/jsx-runtime")
     );
@@ -8329,7 +8368,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_react3.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), 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);
     }
   }
 });
@@ -8393,12 +8432,12 @@ var require_useDirection_native = __commonJS({
       useDirection: () => useDirection
     });
     module2.exports = __toCommonJS2(useDirection_exports);
-    var React3 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), DirectionContext = React3.createContext(void 0), DirectionProvider = (props) => {
+    var React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), DirectionContext = React2.createContext(void 0), DirectionProvider = (props) => {
       let { dir, children } = props;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DirectionContext.Provider, { value: dir, children });
     };
     function useDirection(localDir) {
-      let globalDir = React3.useContext(DirectionContext);
+      let globalDir = React2.useContext(DirectionContext);
       return localDir || globalDir || "ltr";
     }
     var Provider = DirectionProvider;
@@ -8445,10 +8484,10 @@ var require_Accordion_native = __commonJS({
       createAccordionScope: () => createAccordionScope
     });
     module2.exports = __toCommonJS2(Accordion_exports);
-    var import_collapsible = require_index_native16(), import_collection = require_index_native17(), import_create_context = require_index_native14(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native15(), import_use_direction = require_index_native23(), import_web = require_index_native9(), React3 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), ACCORDION_NAME = "Accordion", ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [Collection, useCollection, createCollectionScope] = (0, import_collection.createCollection)(ACCORDION_NAME), [createAccordionContext, createAccordionScope] = (0, import_create_context.createContextScope)(
+    var import_collapsible = require_index_native16(), import_collection = require_index_native17(), import_create_context = require_index_native14(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native15(), import_use_direction = require_index_native23(), import_web = require_index_native9(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), ACCORDION_NAME = "Accordion", ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [Collection, useCollection, createCollectionScope] = (0, import_collection.createCollection)(ACCORDION_NAME), [createAccordionContext, createAccordionScope] = (0, import_create_context.createContextScope)(
       ACCORDION_NAME,
       [createCollectionScope, import_collapsible.createCollapsibleScope]
-    ), useCollapsibleScope = (0, import_collapsible.createCollapsibleScope)(), AccordionComponent = React3.forwardRef((props, forwardedRef) => {
+    ), useCollapsibleScope = (0, import_collapsible.createCollapsibleScope)(), AccordionComponent = React2.forwardRef((props, forwardedRef) => {
       let { type, ...accordionProps } = props, singleProps = accordionProps, multipleProps = accordionProps;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Collection.Provider, { scope: props.__scopeAccordion, children: type === "multiple" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionImplMultiple, { ...multipleProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionImplSingle, { ...singleProps, ref: forwardedRef }) });
     });
@@ -8465,7 +8504,7 @@ var require_Accordion_native = __commonJS({
         ) : null;
       }
     };
-    var [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME), [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(ACCORDION_NAME, { collapsible: !1 }), AccordionImplSingle = React3.forwardRef((props, forwardedRef) => {
+    var [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME), [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(ACCORDION_NAME, { collapsible: !1 }), AccordionImplSingle = React2.forwardRef((props, forwardedRef) => {
       let {
         value: valueProp,
         defaultValue,
@@ -8485,7 +8524,7 @@ var require_Accordion_native = __commonJS({
           scope: props.__scopeAccordion,
           value: value ? [value] : [],
           onItemOpen: setValue,
-          onItemClose: React3.useCallback(
+          onItemClose: React2.useCallback(
             () => collapsible && setValue(""),
             [setValue, collapsible]
           ),
@@ -8499,7 +8538,7 @@ var require_Accordion_native = __commonJS({
           )
         }
       );
-    }), AccordionImplMultiple = React3.forwardRef((props, forwardedRef) => {
+    }), AccordionImplMultiple = React2.forwardRef((props, forwardedRef) => {
       let {
         value: valueProp,
         defaultValue,
@@ -8510,10 +8549,10 @@ var require_Accordion_native = __commonJS({
         prop: valueProp,
         defaultProp: defaultValue || [],
         onChange: onValueChange
-      }), handleItemOpen = React3.useCallback(
+      }), handleItemOpen = React2.useCallback(
         (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
         [setValue]
-      ), handleItemClose = React3.useCallback(
+      ), handleItemClose = React2.useCallback(
         (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
         [setValue]
       );
@@ -8527,7 +8566,7 @@ var require_Accordion_native = __commonJS({
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionImpl, { ...accordionMultipleProps, ref: forwardedRef }) })
         }
       );
-    }), [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME), AccordionImpl = React3.forwardRef(
+    }), [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME), AccordionImpl = React2.forwardRef(
       (props, forwardedRef) => {
         let {
           __scopeAccordion,
@@ -8535,7 +8574,7 @@ var require_Accordion_native = __commonJS({
           dir,
           orientation = "vertical",
           ...accordionProps
-        } = props, accordionRef = React3.useRef(null), composedRef = (0, import_web.useComposedRefs)(accordionRef, forwardedRef), getItems = useCollection(__scopeAccordion), isDirectionLTR = (0, import_use_direction.useDirection)(dir) === "ltr", handleKeyDown = (0, import_web.composeEventHandlers)(
+        } = props, accordionRef = React2.useRef(null), composedRef = (0, import_web.useComposedRefs)(accordionRef, forwardedRef), getItems = useCollection(__scopeAccordion), isDirectionLTR = (0, import_use_direction.useDirection)(dir) === "ltr", handleKeyDown = (0, import_web.composeEventHandlers)(
           props.onKeyDown,
           (event) => {
             var _a;
@@ -8600,9 +8639,9 @@ var require_Accordion_native = __commonJS({
           }
         );
       }
-    ), ITEM_NAME = "AccordionItem", [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME), AccordionItem = React3.forwardRef(
+    ), ITEM_NAME = "AccordionItem", [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME), AccordionItem = React2.forwardRef(
       (props, forwardedRef) => {
-        let { __scopeAccordion, value, ...accordionItemProps } = props, accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion), valueContext = useAccordionValueContext(ITEM_NAME, __scopeAccordion), collapsibleScope = useCollapsibleScope(__scopeAccordion), triggerId = React3.useId(), open = value && valueContext.value.includes(value) || !1, disabled = accordionContext.disabled || props.disabled;
+        let { __scopeAccordion, value, ...accordionItemProps } = props, accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion), valueContext = useAccordionValueContext(ITEM_NAME, __scopeAccordion), collapsibleScope = useCollapsibleScope(__scopeAccordion), triggerId = React2.useId(), open = value && valueContext.value.includes(value) || !1, disabled = accordionContext.disabled || props.disabled;
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           AccordionItemProvider,
           {
@@ -8630,7 +8669,7 @@ var require_Accordion_native = __commonJS({
       }
     );
     AccordionItem.displayName = ITEM_NAME;
-    var HEADER_NAME = "AccordionHeader", AccordionHeader = React3.forwardRef(
+    var HEADER_NAME = "AccordionHeader", AccordionHeader = React2.forwardRef(
       (props, forwardedRef) => {
         let { __scopeAccordion, ...headerProps } = props, accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion), itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -8759,19 +8798,19 @@ var require_Adapt_native = __commonJS({
       useAdaptParent: () => useAdaptParent
     });
     module2.exports = __toCommonJS2(Adapt_exports);
-    var import_core12 = require_index_native10(), import_react3 = require("react"), import_jsx_runtime6 = require("react/jsx-runtime"), AdaptParentContext = (0, import_react3.createContext)(null), AdaptContents = (props) => {
-      let context = (0, import_react3.useContext)(AdaptParentContext);
+    var import_core12 = require_index_native10(), import_react2 = require("react"), import_jsx_runtime6 = require("react/jsx-runtime"), AdaptParentContext = (0, import_react2.createContext)(null), AdaptContents = (props) => {
+      let context = (0, import_react2.useContext)(AdaptParentContext);
       if (!(context != null && context.Contents))
         throw new Error("Adapt not supported by this component");
-      return (0, import_react3.createElement)(context.Contents, props);
+      return (0, import_react2.createElement)(context.Contents, props);
     };
     AdaptContents.shouldForwardSpace = !0;
     var useAdaptParent = ({
       Contents
     }) => {
-      let [when, setWhen] = (0, import_react3.useState)(null);
+      let [when, setWhen] = (0, import_react2.useState)(null);
       return {
-        AdaptProvider: (0, import_react3.useMemo)(() => {
+        AdaptProvider: (0, import_react2.useMemo)(() => {
           let context = {
             Contents,
             setWhen
@@ -8785,7 +8824,7 @@ var require_Adapt_native = __commonJS({
       };
     }, Adapt = (0, import_core12.withStaticProperties)(
       function({ platform, when, children }) {
-        let context = (0, import_react3.useContext)(AdaptParentContext), media = (0, import_core12.useMedia)(), enabled = !platform;
+        let context = (0, import_react2.useContext)(AdaptParentContext), media = (0, import_core12.useMedia)(), enabled = !platform;
         return platform === "touch" && (enabled = import_core12.isTouchable), platform === "native" && (enabled = !import_core12.isWeb), platform === "web" && (enabled = import_core12.isWeb), when && !media[when] && (enabled = !1), (0, import_core12.useIsomorphicLayoutEffect)(() => {
           enabled && (context == null || context.setWhen(when || enabled));
         }, [when, context, enabled]), enabled ? children : null;
@@ -8867,7 +8906,7 @@ var require_Dismissable_native = __commonJS({
       DismissableBranch: () => DismissableBranch
     });
     module2.exports = __toCommonJS2(Dismissable_native_exports);
-    var import_react3 = require("react"), Dismissable = (0, import_react3.forwardRef)((props, _ref) => props.children), DismissableBranch = (0, import_react3.forwardRef)((props, _ref) => props.children);
+    var import_react2 = require("react"), Dismissable = (0, import_react2.forwardRef)((props, _ref) => props.children), DismissableBranch = (0, import_react2.forwardRef)((props, _ref) => props.children);
   }
 });
 
@@ -8903,7 +8942,7 @@ var require_FocusScope_native = __commonJS({
       FocusScope: () => FocusScope
     });
     module2.exports = __toCommonJS2(FocusScope_native_exports);
-    var import_react3 = require("react"), FocusScope = (0, import_react3.forwardRef)((props, _ref) => props.children);
+    var import_react2 = require("react"), FocusScope = (0, import_react2.forwardRef)((props, _ref) => props.children);
   }
 });
 
@@ -8951,7 +8990,7 @@ var require_GorhomPortal_native = __commonJS({
       usePortal: () => usePortal
     });
     module2.exports = __toCommonJS2(GorhomPortal_exports);
-    var import_core12 = require_index_native10(), import_react3 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), ACTIONS = /* @__PURE__ */ ((ACTIONS2) => (ACTIONS2[ACTIONS2.REGISTER_HOST = 0] = "REGISTER_HOST", ACTIONS2[ACTIONS2.DEREGISTER_HOST = 1] = "DEREGISTER_HOST", ACTIONS2[ACTIONS2.ADD_UPDATE_PORTAL = 2] = "ADD_UPDATE_PORTAL", ACTIONS2[ACTIONS2.REMOVE_PORTAL = 3] = "REMOVE_PORTAL", ACTIONS2))(ACTIONS || {}), INITIAL_STATE = {}, registerHost = (state, hostName) => (hostName in state || (state[hostName] = []), state), deregisterHost = (state, hostName) => (delete state[hostName], state), addUpdatePortal = (state, hostName, portalName, node) => {
+    var import_core12 = require_index_native10(), import_react2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), ACTIONS = /* @__PURE__ */ ((ACTIONS2) => (ACTIONS2[ACTIONS2.REGISTER_HOST = 0] = "REGISTER_HOST", ACTIONS2[ACTIONS2.DEREGISTER_HOST = 1] = "DEREGISTER_HOST", ACTIONS2[ACTIONS2.ADD_UPDATE_PORTAL = 2] = "ADD_UPDATE_PORTAL", ACTIONS2[ACTIONS2.REMOVE_PORTAL = 3] = "REMOVE_PORTAL", ACTIONS2))(ACTIONS || {}), INITIAL_STATE = {}, registerHost = (state, hostName) => (hostName in state || (state[hostName] = []), state), deregisterHost = (state, hostName) => (delete state[hostName], state), addUpdatePortal = (state, hostName, portalName, node) => {
       hostName in state || (state = registerHost(state, hostName));
       let index = state[hostName].findIndex((item) => item.name === portalName);
       return index !== -1 ? state[hostName][index].node = node : state[hostName].push({
@@ -8988,37 +9027,37 @@ var require_GorhomPortal_native = __commonJS({
         default:
           return state;
       }
-    }, PortalStateContext = (0, import_react3.createContext)(null), PortalDispatchContext = (0, import_react3.createContext)(null), usePortalState = (hostName) => {
-      let state = (0, import_react3.useContext)(PortalStateContext);
+    }, PortalStateContext = (0, import_react2.createContext)(null), PortalDispatchContext = (0, import_react2.createContext)(null), usePortalState = (hostName) => {
+      let state = (0, import_react2.useContext)(PortalStateContext);
       if (state === null)
         throw new Error(
           "'PortalStateContext' cannot be null, please add 'PortalProvider' to the root component."
         );
       return state[hostName] || [];
     }, usePortal = (hostName = "root") => {
-      let dispatch = (0, import_react3.useContext)(PortalDispatchContext);
+      let dispatch = (0, import_react2.useContext)(PortalDispatchContext);
       if (dispatch === null)
         throw new Error(
           "'PortalDispatchContext' cannot be null, please add 'PortalProvider' to the root component."
         );
-      let registerHost2 = (0, import_react3.useCallback)(() => {
+      let registerHost2 = (0, import_react2.useCallback)(() => {
         dispatch({
           type: 0,
           hostName
         });
-      }, []), deregisterHost2 = (0, import_react3.useCallback)(() => {
+      }, []), deregisterHost2 = (0, import_react2.useCallback)(() => {
         dispatch({
           type: 1,
           hostName
         });
-      }, []), addUpdatePortal2 = (0, import_react3.useCallback)((name, node) => {
+      }, []), addUpdatePortal2 = (0, import_react2.useCallback)((name, node) => {
         dispatch({
           type: 2,
           hostName,
           portalName: name,
           node
         });
-      }, []), removePortal2 = (0, import_react3.useCallback)((name) => {
+      }, []), removePortal2 = (0, import_react2.useCallback)((name) => {
         dispatch({
           type: 3,
           hostName,
@@ -9037,8 +9076,8 @@ var require_GorhomPortal_native = __commonJS({
       shouldAddRootHost = !0,
       children
     }) => {
-      let [state, dispatch] = (0, import_react3.useReducer)(reducer, INITIAL_STATE), transitionDispatch = (0, import_react3.useMemo)(() => (value) => {
-        (0, import_react3.startTransition)(() => {
+      let [state, dispatch] = (0, import_react2.useReducer)(reducer, INITIAL_STATE), transitionDispatch = (0, import_react2.useMemo)(() => (value) => {
+        (0, import_react2.startTransition)(() => {
           dispatch(value);
         });
       }, [dispatch]);
@@ -9046,11 +9085,11 @@ var require_GorhomPortal_native = __commonJS({
         children,
         shouldAddRootHost && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalHost, { name: rootHostName })
       ] }) });
-    }, PortalProvider2 = (0, import_react3.memo)(PortalProviderComponent);
+    }, PortalProvider2 = (0, import_react2.memo)(PortalProviderComponent);
     PortalProvider2.displayName = "PortalProvider";
     var defaultRenderer = (children) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children }), PortalHostComponent = (props) => {
       let { name, forwardProps, render = defaultRenderer } = props, isServer2 = !(0, import_core12.useDidFinishSSR)(), state = usePortalState(name), { registerHost: registerHost2, deregisterHost: deregisterHost2 } = usePortal(props.name);
-      return (0, import_react3.useEffect)(() => {
+      return (0, import_react2.useEffect)(() => {
         if (!isServer2)
           return registerHost2(), () => {
             deregisterHost2();
@@ -9058,10 +9097,10 @@ var require_GorhomPortal_native = __commonJS({
       }, [isServer2]), render(
         forwardProps ? state.map((item) => {
           let next = item.node;
-          return forwardProps ? import_react3.default.Children.map(next, (child) => import_react3.default.isValidElement(child) ? import_react3.default.cloneElement(child, { key: child.key, ...forwardProps }) : child) : next;
+          return forwardProps ? import_react2.default.Children.map(next, (child) => import_react2.default.isValidElement(child) ? import_react2.default.cloneElement(child, { key: child.key, ...forwardProps }) : child) : next;
         }) : state.map((item) => item.node)
       );
-    }, PortalHost = (0, import_react3.memo)(PortalHostComponent);
+    }, PortalHost = (0, import_react2.memo)(PortalHostComponent);
     PortalHost.displayName = "PortalHost";
     var PortalComponent = (props) => {
       let {
@@ -9071,7 +9110,7 @@ var require_GorhomPortal_native = __commonJS({
         handleOnUnmount: _providedHandleOnUnmount,
         handleOnUpdate: _providedHandleOnUpdate,
         children
-      } = props, { addPortal: addUpdatePortal2, removePortal: removePortal2 } = usePortal(hostName), id = (0, import_react3.useId)(), name = _providedName || id, handleOnMount = (0, import_core12.useEvent)(() => {
+      } = props, { addPortal: addUpdatePortal2, removePortal: removePortal2 } = usePortal(hostName), id = (0, import_react2.useId)(), name = _providedName || id, handleOnMount = (0, import_core12.useEvent)(() => {
         _providedHandleOnMount ? _providedHandleOnMount(() => addUpdatePortal2(name, children)) : addUpdatePortal2(name, children);
       }), handleOnUnmount = (0, import_core12.useEvent)(() => {
         _providedHandleOnUnmount ? _providedHandleOnUnmount(() => removePortal2(name)) : removePortal2(name);
@@ -9080,10 +9119,10 @@ var require_GorhomPortal_native = __commonJS({
       });
       return (0, import_core12.useIsomorphicLayoutEffect)(() => (handleOnMount(), () => {
         handleOnUnmount();
-      }), []), (0, import_react3.useEffect)(() => {
+      }), []), (0, import_react2.useEffect)(() => {
         handleOnUpdate();
       }, [children]), null;
-    }, PortalItem = (0, import_react3.memo)(PortalComponent);
+    }, PortalItem = (0, import_react2.memo)(PortalComponent);
     PortalItem.displayName = "Portal";
   }
 });
@@ -9112,10 +9151,10 @@ var require_Portal_native = __commonJS({
       Portal: () => Portal
     });
     module2.exports = __toCommonJS2(Portal_native_exports);
-    var import_stacks3 = require_index_native20(), React3 = __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;
+    var import_stacks3 = require_index_native20(), 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 Portal = (props) => {
-      let rootTag = React3.useContext(import_react_native4.RootTagContext), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      let rootTag = React2.useContext(import_react_native4.RootTagContext), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_stacks3.YStack,
         {
           pointerEvents: "box-none",
@@ -9269,15 +9308,15 @@ var require_useSheetController_native = __commonJS({
       useSheetController: () => useSheetController
     });
     module2.exports = __toCommonJS2(useSheetController_exports);
-    var import_react3 = require("react"), useSheetController = () => {
-      let controller = (0, import_react3.useContext)(SheetControllerContext), isHidden = controller == null ? void 0 : controller.hidden, isShowingNonSheet = isHidden && (controller == null ? void 0 : controller.open);
+    var import_react2 = require("react"), useSheetController = () => {
+      let controller = (0, import_react2.useContext)(SheetControllerContext), isHidden = controller == null ? void 0 : controller.hidden, isShowingNonSheet = isHidden && (controller == null ? void 0 : controller.open);
       return {
         controller,
         isHidden,
         isShowingNonSheet,
         disableDrag: controller == null ? void 0 : controller.disableDrag
       };
-    }, SheetControllerContext = (0, import_react3.createContext)(
+    }, SheetControllerContext = (0, import_react2.createContext)(
       null
     );
   }
@@ -9338,11 +9377,11 @@ var require_index_native31 = __commonJS({
       useConstant: () => useConstant
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_react3 = require("react");
+    var import_react2 = require("react");
     function useConstant(fn) {
       if (typeof document > "u")
-        return (0, import_react3.useMemo)(() => fn(), []);
-      let ref = (0, import_react3.useRef)();
+        return (0, import_react2.useMemo)(() => fn(), []);
+      let ref = (0, import_react2.useRef)();
       return ref.current || (ref.current = { v: fn() }), ref.current.v;
     }
   }
@@ -9372,9 +9411,9 @@ var require_useSheetProviderProps_native = __commonJS({
       useSheetProviderProps: () => useSheetProviderProps
     });
     module2.exports = __toCommonJS2(useSheetProviderProps_exports);
-    var import_core12 = require_index_native10(), import_use_constant = require_index_native31(), import_use_controllable_state = require_index_native15(), import_react3 = __toESM2(require("react"));
+    var import_core12 = require_index_native10(), import_use_constant = require_index_native31(), import_use_controllable_state = require_index_native15(), import_react2 = __toESM2(require("react"));
     function useSheetProviderProps(props, state, options = {}) {
-      let contentRef = import_react3.default.useRef(null), [frameSize, setFrameSize] = (0, import_react3.useState)(0), [maxContentSize, setMaxContentSize] = (0, import_react3.useState)(0), snapPointsMode = props.snapPointsMode ?? "percent", snapPointsProp = props.snapPoints ?? (snapPointsMode === "percent" ? [80] : snapPointsMode === "constant" ? [256] : ["fit"]), hasFit = snapPointsProp[0] === "fit", snapPoints = (0, import_react3.useMemo)(
+      let contentRef = import_react2.default.useRef(null), [frameSize, setFrameSize] = (0, import_react2.useState)(0), [maxContentSize, setMaxContentSize] = (0, import_react2.useState)(0), snapPointsMode = props.snapPointsMode ?? "percent", snapPointsProp = props.snapPoints ?? (snapPointsMode === "percent" ? [80] : snapPointsMode === "constant" ? [256] : ["fit"]), hasFit = snapPointsProp[0] === "fit", snapPoints = (0, import_react2.useMemo)(
         () => props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp,
         // eslint-disable-next-line react-hooks/exhaustive-deps
         [JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]
@@ -9384,7 +9423,7 @@ var require_useSheetProviderProps_native = __commonJS({
         onChange: props.onPositionChange,
         strategy: "most-recent-wins",
         transition: !0
-      }), position = state.open === !1 ? -1 : position_, { open } = state, setPosition = (0, import_react3.useCallback)(
+      }), position = state.open === !1 ? -1 : position_, { open } = state, setPosition = (0, import_react2.useCallback)(
         (next) => {
           props.dismissOnSnapToBottom && next === snapPoints.length - 1 ? state.setOpen(!1) : setPositionImmediate(next);
         },
@@ -9413,7 +9452,7 @@ var require_useSheetProviderProps_native = __commonJS({
         "\u26A0\uFE0F Invalid snapPoint given, snapPoints must be numeric values between 0 and 100 when snapPointsMode is percent"
       )), open && props.dismissOnSnapToBottom && position === snapPoints.length - 1 && setPositionImmediate(0);
       let shouldSetPositionOpen = open && position < 0;
-      if ((0, import_react3.useEffect)(() => {
+      if ((0, import_react2.useEffect)(() => {
         shouldSetPositionOpen && setPosition(0);
       }, [setPosition, shouldSetPositionOpen]), !(0, import_core12.useAnimationDriver)())
         throw new Error("Must set animations in tamagui.config.ts");
@@ -9476,7 +9515,7 @@ var require_nativeSheet_native = __commonJS({
       setupNativeSheet: () => setupNativeSheet2
     });
     module2.exports = __toCommonJS2(nativeSheet_exports);
-    var import_stacks3 = require_index_native20(), import_react3 = require("react"), import_react_native4 = require_fake_react_native(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), import_jsx_runtime6 = require("react/jsx-runtime"), nativeSheets = {
+    var import_stacks3 = require_index_native20(), 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 = {
       ios: null
     };
     function getNativeSheet(platform) {
@@ -9484,8 +9523,8 @@ var require_nativeSheet_native = __commonJS({
     }
     function setupNativeSheet2(platform, Implementation) {
       platform === "ios" && (nativeSheets[platform] = (props) => {
-        let state = (0, import_useSheetOpenState.useSheetOpenState)(props), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state), { open, setOpen } = state, ref = (0, import_react3.useRef)();
-        return (0, import_react3.useEffect)(() => {
+        let state = (0, import_useSheetOpenState.useSheetOpenState)(props), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state), { open, setOpen } = state, ref = (0, import_react2.useRef)();
+        return (0, import_react2.useEffect)(() => {
           var _a;
           (_a = ref.current) == null || _a.setVisibility(open);
         }, [open]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_SheetContext.SheetProvider, { ...providerProps, onlyShowFrame: !0, children: [
@@ -9524,9 +9563,9 @@ var require_useKeyboardVisible_native = __commonJS({
       useKeyboardVisible: () => useKeyboardVisible2
     });
     module2.exports = __toCommonJS2(useKeyboardVisible_exports);
-    var import_react3 = require("react"), import_react_native4 = require_fake_react_native(), useKeyboardVisible2 = () => {
-      let [isKeyboardVisible, setKeyboardVisible] = (0, import_react3.useState)(!1);
-      return (0, import_react3.useEffect)(() => {
+    var import_react2 = require("react"), import_react_native4 = require_fake_react_native(), useKeyboardVisible2 = () => {
+      let [isKeyboardVisible, setKeyboardVisible] = (0, import_react2.useState)(!1);
+      return (0, import_react2.useEffect)(() => {
         let keyboardDidShowListener = import_react_native4.Keyboard.addListener("keyboardDidShow", () => {
           setKeyboardVisible(!0);
         }), keyboardDidHideListener = import_react_native4.Keyboard.addListener("keyboardDidHide", () => {
@@ -9579,9 +9618,9 @@ var require_contexts_native = __commonJS({
       SheetInsideSheetContext: () => SheetInsideSheetContext
     });
     module2.exports = __toCommonJS2(contexts_exports);
-    var import_react3 = require("react"), ParentSheetContext = (0, import_react3.createContext)({
+    var import_react2 = require("react"), ParentSheetContext = (0, import_react2.createContext)({
       zIndex: 1e5
-    }), SheetInsideSheetContext = (0, import_react3.createContext)(null);
+    }), SheetInsideSheetContext = (0, import_react2.createContext)(null);
   }
 });
 
@@ -9629,9 +9668,9 @@ var require_SheetImplementationCustom_native = __commonJS({
       SheetImplementationCustom: () => SheetImplementationCustom
     });
     module2.exports = __toCommonJS2(SheetImplementationCustom_exports);
-    var import_adapt = require_index_native25(), import_animate_presence = require_index_native13(), import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_portal2 = require_index_native29(), import_use_keyboard_visible = require_index_native32(), import_react3 = 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)(
-      (0, import_react3.forwardRef)(function(props, forwardedRef) {
-        let parentSheet = (0, import_react3.useContext)(import_contexts.ParentSheetContext), {
+    var import_adapt = require_index_native25(), import_animate_presence = require_index_native13(), import_compose_refs = require_index_native6(), 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)(
+      (0, import_react2.forwardRef)(function(props, forwardedRef) {
+        let parentSheet = (0, import_react2.useContext)(import_contexts.ParentSheetContext), {
           animation,
           animationConfig: animationConfigProp,
           modal = !1,
@@ -9639,7 +9678,7 @@ var require_SheetImplementationCustom_native = __commonJS({
           moveOnKeyboardChange = !1,
           unmountChildrenWhenHidden = !1,
           portalProps
-        } = props, keyboardIsVisible = (0, import_use_keyboard_visible.useKeyboardVisible)(), state = (0, import_useSheetOpenState.useSheetOpenState)(props), [overlayComponent, setOverlayComponent] = (0, import_react3.useState)(null), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
+        } = props, keyboardIsVisible = (0, import_use_keyboard_visible.useKeyboardVisible)(), state = (0, import_useSheetOpenState.useSheetOpenState)(props), [overlayComponent, setOverlayComponent] = (0, import_react2.useState)(null), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
           onOverlayComponent: setOverlayComponent
         }), {
           frameSize,
@@ -9653,15 +9692,15 @@ var require_SheetImplementationCustom_native = __commonJS({
           screenSize,
           setMaxContentSize,
           maxSnapPoint
-        } = providerProps, { open, controller, isHidden } = state, sheetRef = (0, import_react3.useRef)(null), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef), animationConfig = (() => {
+        } = providerProps, { open, controller, isHidden } = state, sheetRef = (0, import_react2.useRef)(null), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef), animationConfig = (() => {
           let [animationProp, animationPropConfig] = animation ? Array.isArray(animation) ? animation : [animation] : [];
           return animationConfigProp ?? (animationProp ? {
             ...(0, import_core12.getConfig)().animations.animations[animationProp],
             ...animationPropConfig
           } : null);
-        })(), [isShowingInnerSheet, setIsShowingInnerSheet] = (0, import_react3.useState)(!1), shouldHideParentSheet = !import_core12.isWeb && modal && isShowingInnerSheet, parentSheetContext = (0, import_react3.useContext)(import_contexts.SheetInsideSheetContext), onInnerSheet = (0, import_react3.useCallback)((hasChild) => {
+        })(), [isShowingInnerSheet, setIsShowingInnerSheet] = (0, import_react2.useState)(!1), shouldHideParentSheet = !import_core12.isWeb && modal && isShowingInnerSheet, parentSheetContext = (0, import_react2.useContext)(import_contexts.SheetInsideSheetContext), onInnerSheet = (0, import_react2.useCallback)((hasChild) => {
           setIsShowingInnerSheet(hasChild);
-        }, []), positions = (0, import_react3.useMemo)(
+        }, []), positions = (0, import_react2.useMemo)(
           () => snapPoints.map(
             (point) => getYPositions(snapPointsMode, point, screenSize, frameSize)
           ),
@@ -9673,18 +9712,18 @@ var require_SheetImplementationCustom_native = __commonJS({
               parentSheetContext(!1);
             };
         }, [parentSheetContext, open]);
-        let nextParentContext = (0, import_react3.useMemo)(
+        let nextParentContext = (0, import_react2.useMemo)(
           () => ({
             zIndex
           }),
           [zIndex]
-        ), animatedNumber = useAnimatedNumber(hiddenSize), at = (0, import_react3.useRef)(hiddenSize);
+        ), animatedNumber = useAnimatedNumber(hiddenSize), at = (0, import_react2.useRef)(hiddenSize);
         useAnimatedNumberReaction(
           {
             value: animatedNumber,
             hostRef: sheetRef
           },
-          (0, import_react3.useCallback)((value) => {
+          (0, import_react2.useCallback)((value) => {
             driver.isReactNative && (at.current = value, scrollBridge.paneY = value);
           }, [])
         );
@@ -9718,7 +9757,7 @@ var require_SheetImplementationCustom_native = __commonJS({
         }, [hasntMeasured, screenSize]), (0, import_core12.useIsomorphicLayoutEffect)(() => {
           !frameSize || !screenSize || isHidden || hasntMeasured && !open || animateTo(position);
         }, [isHidden, frameSize, screenSize, open, position]);
-        let disableDrag = props.disableDrag ?? (controller == null ? void 0 : controller.disableDrag), themeName = (0, import_core12.useThemeName)(), panResponder = (0, import_react3.useMemo)(
+        let disableDrag = props.disableDrag ?? (controller == null ? void 0 : controller.disableDrag), themeName = (0, import_core12.useThemeName)(), panResponder = (0, import_react2.useMemo)(
           () => {
             if (disableDrag || !frameSize || isShowingInnerSheet)
               return;
@@ -9765,14 +9804,14 @@ var require_SheetImplementationCustom_native = __commonJS({
           },
           // eslint-disable-next-line react-hooks/exhaustive-deps
           [disableDrag, isShowingInnerSheet, animateTo, frameSize, positions, setPosition]
-        ), handleAnimationViewLayout = (0, import_react3.useCallback)(
+        ), handleAnimationViewLayout = (0, import_react2.useCallback)(
           (e) => {
             var _a;
             let next = (_a = e.nativeEvent) == null ? void 0 : _a.layout.height;
             next && setFrameSize(next);
           },
           [keyboardIsVisible]
-        ), handleMaxContentViewLayout = (0, import_react3.useCallback)(
+        ), handleMaxContentViewLayout = (0, import_react2.useCallback)(
           (e) => {
             var _a;
             let next = (_a = e.nativeEvent) == null ? void 0 : _a.layout.height;
@@ -9784,8 +9823,8 @@ var require_SheetImplementationCustom_native = __commonJS({
           return {
             transform: [{ translateY: frameSize === 0 ? hiddenSize : val }]
           };
-        }), sizeBeforeKeyboard = (0, import_react3.useRef)(null);
-        (0, import_react3.useEffect)(() => {
+        }), sizeBeforeKeyboard = (0, import_react2.useRef)(null);
+        (0, import_react2.useEffect)(() => {
           if (import_core12.isWeb || !moveOnKeyboardChange)
             return;
           let keyboardDidShowListener = import_react_native4.Keyboard.addListener("keyboardDidShow", (e) => {
@@ -9799,8 +9838,8 @@ var require_SheetImplementationCustom_native = __commonJS({
             keyboardDidHideListener.remove(), keyboardDidShowListener.remove();
           };
         }, [moveOnKeyboardChange]);
-        let [opacity, setOpacity] = (0, import_react3.useState)(open ? 1 : 0);
-        open && opacity === 0 && setOpacity(1), (0, import_react3.useEffect)(() => {
+        let [opacity, setOpacity] = (0, import_react2.useState)(open ? 1 : 0);
+        open && opacity === 0 && setOpacity(1), (0, import_react2.useEffect)(() => {
           if (!open) {
             let tm = setTimeout(() => {
               setOpacity(0);
@@ -9849,7 +9888,7 @@ var require_SheetImplementationCustom_native = __commonJS({
               children: props.children
             }
           )
-        ] }) }), adaptContext = (0, import_react3.useContext)(import_adapt.AdaptParentContext), shouldMountChildren = !!(opacity || !unmountChildrenWhenHidden);
+        ] }) }), adaptContext = (0, import_react2.useContext)(import_adapt.AdaptParentContext), shouldMountChildren = !!(opacity || !unmountChildrenWhenHidden);
         if (modal) {
           let modalContents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, { zIndex, ...portalProps, children: shouldMountChildren && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, { forceClassName: !0, name: themeName, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptParentContext.Provider, { value: adaptContext, children: contents }) }) });
           return import_core12.isWeb ? modalContents : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_contexts.SheetInsideSheetContext.Provider, { value: onInnerSheet, children: modalContents });
@@ -9946,9 +9985,9 @@ var require_SheetScrollView_native = __commonJS({
       SheetScrollView: () => SheetScrollView
     });
     module2.exports = __toCommonJS2(SheetScrollView_exports);
-    var import_core12 = require_index_native10(), import_scroll_view = require_index_native33(), import_react3 = require("react"), import_SheetContext = require_SheetContext_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SHEET_SCROLL_VIEW_NAME = "SheetScrollView", SheetScrollView = (0, import_react3.forwardRef)(
+    var import_core12 = require_index_native10(), import_scroll_view = require_index_native33(), import_react2 = require("react"), import_SheetContext = require_SheetContext_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SHEET_SCROLL_VIEW_NAME = "SheetScrollView", SheetScrollView = (0, import_react2.forwardRef)(
       ({ __scopeSheet, children, ...props }, ref) => {
-        let context = (0, import_SheetContext.useSheetContext)(SHEET_SCROLL_VIEW_NAME, __scopeSheet), { scrollBridge } = context, scrollRef = (0, import_react3.useRef)(null), state = (0, import_react3.useRef)({
+        let context = (0, import_SheetContext.useSheetContext)(SHEET_SCROLL_VIEW_NAME, __scopeSheet), { scrollBridge } = context, scrollRef = (0, import_react2.useRef)(null), state = (0, import_react2.useRef)({
           lastPageY: 0,
           dragAt: 0,
           dys: [],
@@ -9984,7 +10023,7 @@ var require_SheetScrollView_native = __commonJS({
             onResponderRelease: release,
             className: "_ovs-contain",
             ...props,
-            children: (0, import_react3.useMemo)(() => children, [children])
+            children: (0, import_react2.useMemo)(() => children, [children])
           }
         );
       }
@@ -10052,7 +10091,7 @@ var require_createSheet_native = __commonJS({
       createSheet: () => createSheet
     });
     module2.exports = __toCommonJS2(createSheet_exports);
-    var import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_remove_scroll = require_index_native30(), import_react3 = 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_native6(), 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 = (
       // @ts-ignore
       require("react/jsx-runtime")
     );
@@ -10073,8 +10112,8 @@ var require_createSheet_native = __commonJS({
           );
         }
       ), SheetOverlay = Overlay.extractable(
-        (0, import_react3.memo)((propsIn) => {
-          let { __scopeSheet, ...props } = propsIn, context = (0, import_SheetContext.useSheetContext)(import_constants.SHEET_OVERLAY_NAME, __scopeSheet), element = (0, import_react3.useMemo)(
+        (0, import_react2.memo)((propsIn) => {
+          let { __scopeSheet, ...props } = propsIn, context = (0, import_SheetContext.useSheetContext)(import_constants.SHEET_OVERLAY_NAME, __scopeSheet), element = (0, import_react2.useMemo)(
             () => (
               // @ts-ignore
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -10098,7 +10137,7 @@ var require_createSheet_native = __commonJS({
           }, [element]), context.onlyShowFrame, null;
         })
       ), SheetFrame = Frame.extractable(
-        (0, import_react3.forwardRef)(
+        (0, import_react2.forwardRef)(
           ({
             __scopeSheet,
             adjustPaddingForOffscreenContent,
@@ -10106,7 +10145,7 @@ var require_createSheet_native = __commonJS({
             children,
             ...props
           }, forwardedRef) => {
-            let context = (0, import_SheetContext.useSheetContext)(import_constants.SHEET_NAME, __scopeSheet), { hasFit, removeScrollEnabled, frameSize, contentRef } = context, composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), offscreenSize = (0, import_useSheetOffscreenSize.useSheetOffscreenSize)(context), sheetContents = (0, import_react3.useMemo)(() => (
+            let context = (0, import_SheetContext.useSheetContext)(import_constants.SHEET_NAME, __scopeSheet), { hasFit, removeScrollEnabled, frameSize, contentRef } = context, composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), offscreenSize = (0, import_useSheetOffscreenSize.useSheetOffscreenSize)(context), sheetContents = (0, import_react2.useMemo)(() => (
               // @ts-ignore
               /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
                 Frame,
@@ -10155,7 +10194,7 @@ var require_createSheet_native = __commonJS({
             ] });
           }
         )
-      ), Sheet = (0, import_react3.forwardRef)(function(props, ref) {
+      ), Sheet = (0, import_react2.forwardRef)(function(props, ref) {
         let hydrated = (0, import_core12.useDidFinishSSR)(), { isShowingNonSheet } = (0, import_useSheetController.useSheetController)(), SheetImplementation = import_SheetImplementationCustom.SheetImplementationCustom;
         if (props.native && import_react_native4.Platform.OS === "ios") {
           let impl = (0, import_nativeSheet.getNativeSheet)("ios");
@@ -10335,12 +10374,12 @@ var require_SheetController_native = __commonJS({
       SheetController: () => SheetController
     });
     module2.exports = __toCommonJS2(SheetController_exports);
-    var import_core12 = require_index_native10(), import_react3 = require("react"), import_useSheetController = require_useSheetController_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SheetController = ({
+    var import_core12 = require_index_native10(), import_react2 = require("react"), import_useSheetController = require_useSheetController_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SheetController = ({
       children,
       onOpenChange: onOpenChangeProp,
       ...value
     }) => {
-      let onOpenChange = (0, import_core12.useEvent)(onOpenChangeProp), memoValue = (0, import_react3.useMemo)(
+      let onOpenChange = (0, import_core12.useEvent)(onOpenChangeProp), memoValue = (0, import_react2.useMemo)(
         () => ({
           open: value.open,
           hidden: value.hidden,
@@ -10416,9 +10455,9 @@ var require_Dialog_native = __commonJS({
       createDialogScope: () => createDialogScope
     });
     module2.exports = __toCommonJS2(Dialog_exports);
-    var import_adapt = require_index_native25(), import_animate_presence = require_index_native13(), import_aria_hidden = require_index_native26(), import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_dismissable = require_index_native27(), import_focus_scope = require_index_native28(), import_portal2 = require_index_native29(), import_remove_scroll = require_index_native30(), import_sheet = require_index_native34(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native15(), React3 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), DIALOG_NAME = "Dialog", [createDialogContext, createDialogScope] = (0, import_create_context.createContextScope)(DIALOG_NAME), [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME), TRIGGER_NAME = "DialogTrigger", DialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
+    var import_adapt = require_index_native25(), import_animate_presence = require_index_native13(), import_aria_hidden = require_index_native26(), import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_dismissable = require_index_native27(), import_focus_scope = require_index_native28(), import_portal2 = require_index_native29(), import_remove_scroll = require_index_native30(), import_sheet = require_index_native34(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native15(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), DIALOG_NAME = "Dialog", [createDialogContext, createDialogScope] = (0, import_create_context.createContextScope)(DIALOG_NAME), [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME), TRIGGER_NAME = "DialogTrigger", DialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
       name: TRIGGER_NAME
-    }), DialogTrigger = React3.forwardRef(
+    }), DialogTrigger = React2.forwardRef(
       (props, forwardedRef) => {
         let { __scopeDialog, ...triggerProps } = props, context = useDialogContext(TRIGGER_NAME, __scopeDialog), composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -10482,7 +10521,7 @@ var require_Dialog_native = __commonJS({
       })), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogProvider, { scope: __scopeDialog, ...context, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, { name: themeName, children: childrenSpaced }) });
     }
     var DialogPortal = (props) => {
-      let { __scopeDialog, forceMount, children, ...frameProps } = props, context = useDialogContext(PORTAL_NAME, __scopeDialog), isShowing = forceMount || context.open, [isFullyHidden, setIsFullyHidden] = React3.useState(!isShowing);
+      let { __scopeDialog, forceMount, children, ...frameProps } = props, context = useDialogContext(PORTAL_NAME, __scopeDialog), isShowing = forceMount || context.open, [isFullyHidden, setIsFullyHidden] = React2.useState(!isShowing);
       isShowing && isFullyHidden && setIsFullyHidden(!1);
       let contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_animate_presence.AnimatePresence,
@@ -10499,7 +10538,7 @@ var require_Dialog_native = __commonJS({
     var OVERLAY_NAME = "DialogOverlay", DialogOverlayFrame = (0, import_core12.styled)(import_sheet.Overlay, {
       name: OVERLAY_NAME
     }), DialogOverlay = DialogOverlayFrame.extractable(
-      React3.forwardRef(
+      React2.forwardRef(
         ({ __scopeDialog, ...props }, forwardedRef) => {
           let portalContext = usePortalContext(OVERLAY_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...overlayProps } = props, context = useDialogContext(OVERLAY_NAME, __scopeDialog), showSheet = useShowDialogSheet(context);
           return !forceMount && (!context.modal || showSheet) ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogOverlayImpl, { context, ...overlayProps, ref: forwardedRef });
@@ -10507,7 +10546,7 @@ var require_Dialog_native = __commonJS({
       )
     );
     DialogOverlay.displayName = OVERLAY_NAME;
-    var DialogOverlayImpl = React3.forwardRef(
+    var DialogOverlayImpl = React2.forwardRef(
       (props, forwardedRef) => {
         let { context, ...overlayProps } = props;
         return (
@@ -10547,7 +10586,7 @@ var require_Dialog_native = __commonJS({
         unstyled: !1
       }
     }), DialogContent = DialogContentFrame.extractable(
-      React3.forwardRef(
+      React2.forwardRef(
         ({ __scopeDialog, ...props }, forwardedRef) => {
           let portalContext = usePortalContext(CONTENT_NAME, __scopeDialog), { forceMount = portalContext.forceMount, ...contentProps } = props, context = useDialogContext(CONTENT_NAME, __scopeDialog), contents = context.modal ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentModal, { context, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentNonModal, { context, ...contentProps, ref: forwardedRef });
           return !import_core12.isWeb || context.disableRemoveScroll ? contents : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -10565,10 +10604,10 @@ var require_Dialog_native = __commonJS({
       )
     );
     DialogContent.displayName = CONTENT_NAME;
-    var DialogContentModal = React3.forwardRef(
+    var DialogContentModal = React2.forwardRef(
       ({ children, context, ...props }, forwardedRef) => {
-        let contentRef = React3.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.contentRef, contentRef);
-        return import_core12.isWeb && React3.useEffect(() => {
+        let contentRef = React2.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.contentRef, contentRef);
+        return import_core12.isWeb && React2.useEffect(() => {
           if (!context.open)
             return;
           let content = contentRef.current;
@@ -10600,9 +10639,9 @@ var require_Dialog_native = __commonJS({
           }
         );
       }
-    ), DialogContentNonModal = React3.forwardRef(
+    ), DialogContentNonModal = React2.forwardRef(
       (props, forwardedRef) => {
-        let hasInteractedOutsideRef = React3.useRef(!1);
+        let hasInteractedOutsideRef = React2.useRef(!1);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           DialogContentImpl,
           {
@@ -10623,7 +10662,7 @@ var require_Dialog_native = __commonJS({
           }
         );
       }
-    ), DialogContentImpl = React3.forwardRef(
+    ), DialogContentImpl = React2.forwardRef(
       (props, forwardedRef) => {
         let {
           __scopeDialog,
@@ -10637,7 +10676,7 @@ var require_Dialog_native = __commonJS({
           onInteractOutside,
           context,
           ...contentProps
-        } = props, contentRef = React3.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), showSheet = useShowDialogSheet(context), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        } = props, contentRef = React2.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), showSheet = useShowDialogSheet(context), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           DialogContentFrame,
           {
             id: context.contentId,
@@ -10687,7 +10726,7 @@ var require_Dialog_native = __commonJS({
       }
     ), TITLE_NAME = "DialogTitle", DialogTitleFrame = (0, import_core12.styled)(import_text2.H2, {
       name: TITLE_NAME
-    }), DialogTitle = React3.forwardRef(
+    }), DialogTitle = React2.forwardRef(
       (props, forwardedRef) => {
         let { __scopeDialog, ...titleProps } = props, context = useDialogContext(TITLE_NAME, __scopeDialog);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogTitleFrame, { id: context.titleId, ...titleProps, ref: forwardedRef });
@@ -10696,7 +10735,7 @@ var require_Dialog_native = __commonJS({
     DialogTitle.displayName = TITLE_NAME;
     var DialogDescriptionFrame = (0, import_core12.styled)(import_text2.Paragraph, {
       name: "DialogDescription"
-    }), DESCRIPTION_NAME = "DialogDescription", DialogDescription = React3.forwardRef((props, forwardedRef) => {
+    }), DESCRIPTION_NAME = "DialogDescription", DialogDescription = React2.forwardRef((props, forwardedRef) => {
       let { __scopeDialog, ...descriptionProps } = props, context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         DialogDescriptionFrame,
@@ -10753,7 +10792,7 @@ var require_Dialog_native = __commonJS({
         let titleWarningContext = useWarningContext(TITLE_WARNING_NAME), MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.`;
-        React3.useEffect(() => {
+        React2.useEffect(() => {
           import_core12.isWeb && titleId && (document.getElementById(titleId) || console.warn(MESSAGE));
         }, [MESSAGE, titleId]);
       }
@@ -10764,7 +10803,7 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
     }) => {
       if (process.env.NODE_ENV === "development") {
         let MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${useWarningContext(DESCRIPTION_WARNING_NAME).contentName}}.`;
-        React3.useEffect(() => {
+        React2.useEffect(() => {
           if (!import_core12.isWeb)
             return;
           let contentNode = contentRef.current;
@@ -10776,7 +10815,7 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
       }
       return null;
     }, Dialog = (0, import_core12.withStaticProperties)(
-      React3.forwardRef(function(props, ref) {
+      React2.forwardRef(function(props, ref) {
         let {
           __scopeDialog,
           children,
@@ -10786,11 +10825,11 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
           modal = !0,
           allowPinchZoom = !1,
           disableRemoveScroll = !1
-        } = props, baseId = React3.useId(), scopeId = `scope-${baseId}`, contentId = `content-${baseId}`, titleId = `title-${baseId}`, descriptionId = `description-${baseId}`, scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId, sheetContentsName = getSheetContentsName({ scopeKey, contentId }), triggerRef = React3.useRef(null), contentRef = React3.useRef(null), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+        } = props, baseId = React2.useId(), scopeId = `scope-${baseId}`, contentId = `content-${baseId}`, titleId = `title-${baseId}`, descriptionId = `description-${baseId}`, scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId, sheetContentsName = getSheetContentsName({ scopeKey, contentId }), triggerRef = React2.useRef(null), contentRef = React2.useRef(null), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
           prop: openProp,
           defaultProp: defaultOpen,
           onChange: onOpenChange
-        }), onOpenToggle = React3.useCallback(() => {
+        }), onOpenToggle = React2.useCallback(() => {
           setOpen((prevOpen) => !prevOpen);
         }, [setOpen]), context = {
           scope: __scopeDialog,
@@ -10806,12 +10845,12 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
           modal,
           allowPinchZoom
         }, { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
-          Contents: React3.useCallback(
+          Contents: React2.useCallback(
             (props2) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, { forwardProps: props2, name: sheetContentsName }),
             [sheetContentsName]
           )
         });
-        return React3.useImperativeHandle(
+        return React2.useImperativeHandle(
           ref,
           () => ({
             open: setOpen
@@ -10917,11 +10956,11 @@ var require_AlertDialog_native = __commonJS({
       createAlertDialogScope: () => createAlertDialogScope
     });
     module2.exports = __toCommonJS2(AlertDialog_exports);
-    var import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_dialog = require_index_native35(), import_use_controllable_state = require_index_native15(), React3 = __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_native6(), import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_dialog = require_index_native35(), import_use_controllable_state = require_index_native15(), 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, [
       import_dialog.createDialogScope
     ]), useDialogScope = (0, import_dialog.createDialogScope)(), TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
       name: TRIGGER_NAME
-    }), AlertDialogTrigger = React3.forwardRef(
+    }), AlertDialogTrigger = React2.forwardRef(
       (props, forwardedRef) => {
         if (props.__native) {
           let { __native, onPress, __onPress, ...rest } = props;
@@ -10946,7 +10985,7 @@ var require_AlertDialog_native = __commonJS({
     var OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlayFrame = (0, import_core12.styled)(import_dialog.DialogOverlayFrame, {
       name: OVERLAY_NAME
     }), AlertDialogOverlay = AlertDialogOverlayFrame.extractable(
-      React3.forwardRef(
+      React2.forwardRef(
         (props, forwardedRef) => {
           let { __scopeAlertDialog, ...overlayProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.DialogOverlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
@@ -10954,9 +10993,9 @@ var require_AlertDialog_native = __commonJS({
       )
     );
     AlertDialogOverlay.displayName = OVERLAY_NAME;
-    var CONTENT_NAME = "AlertDialogContent", [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME), AlertDialogContent = React3.forwardRef(
+    var CONTENT_NAME = "AlertDialogContent", [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME), AlertDialogContent = React2.forwardRef(
       (props, forwardedRef) => {
-        let { __scopeAlertDialog, children, ...contentProps } = props, dialogScope = useDialogScope(__scopeAlertDialog), contentRef = React3.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), cancelRef = React3.useRef(null);
+        let { __scopeAlertDialog, children, ...contentProps } = props, dialogScope = useDialogScope(__scopeAlertDialog), contentRef = React2.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), cancelRef = React2.useRef(null);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           import_dialog.DialogWarningProvider,
           {
@@ -10990,33 +11029,33 @@ var require_AlertDialog_native = __commonJS({
       }
     );
     AlertDialogContent.displayName = CONTENT_NAME;
-    var TITLE_NAME = "AlertDialogTitle", AlertDialogTitle = React3.forwardRef(
+    var TITLE_NAME = "AlertDialogTitle", AlertDialogTitle = React2.forwardRef(
       (props, forwardedRef) => {
         let { __scopeAlertDialog, ...titleProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.DialogTitle, { ...dialogScope, ...titleProps, ref: forwardedRef });
       }
     );
     AlertDialogTitle.displayName = TITLE_NAME;
-    var DESCRIPTION_NAME = "AlertDialogDescription", AlertDialogDescription = React3.forwardRef((props, forwardedRef) => {
+    var DESCRIPTION_NAME = "AlertDialogDescription", AlertDialogDescription = React2.forwardRef((props, forwardedRef) => {
       let { __scopeAlertDialog, ...descriptionProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.DialogDescription, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
     });
     AlertDialogDescription.displayName = DESCRIPTION_NAME;
-    var ACTION_NAME = "AlertDialogAction", AlertDialogAction = React3.forwardRef(
+    var ACTION_NAME = "AlertDialogAction", AlertDialogAction = React2.forwardRef(
       (props, forwardedRef) => {
         let { __scopeAlertDialog, ...actionProps } = props, dialogScope = useDialogScope(__scopeAlertDialog);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.DialogClose, { ...dialogScope, ...actionProps, ref: forwardedRef });
       }
     );
     AlertDialogAction.displayName = ACTION_NAME;
-    var CANCEL_NAME = "AlertDialogCancel", AlertDialogCancel = React3.forwardRef(
+    var CANCEL_NAME = "AlertDialogCancel", AlertDialogCancel = React2.forwardRef(
       (props, forwardedRef) => {
         let { __scopeAlertDialog, ...cancelProps } = props, { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog), dialogScope = useDialogScope(__scopeAlertDialog), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, cancelRef);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.DialogClose, { ...dialogScope, ...cancelProps, ref });
       }
     );
     AlertDialogCancel.displayName = CANCEL_NAME;
-    var DescriptionWarning = ({ contentRef }) => (process.env.NODE_ENV === "development" && React3.useEffect(() => {
+    var DescriptionWarning = ({ contentRef }) => (process.env.NODE_ENV === "development" && React2.useEffect(() => {
       var _a;
       import_core12.isWeb && (document.getElementById(
         // @ts-ignore
@@ -11038,13 +11077,13 @@ var require_AlertDialog_native = __commonJS({
           onChange: props.onOpenChange,
           transition: !0
         }), triggerElement = null, title = "", description = "", buttons = [];
-        if (forEachChildDeep(React3.Children.toArray(props.children), (child) => {
-          if (!React3.isValidElement(child))
+        if (forEachChildDeep(React2.Children.toArray(props.children), (child) => {
+          if (!React2.isValidElement(child))
             return !1;
           let name = (0, import_core12.isTamaguiElement)(child) ? child.type.staticConfig.componentName : child.type.displayName;
           switch (name) {
             case TRIGGER_NAME:
-              return triggerElement = React3.cloneElement(child, {
+              return triggerElement = React2.cloneElement(child, {
                 __native: !0
               }), !1;
             case TITLE_NAME:
@@ -11071,7 +11110,7 @@ var require_AlertDialog_native = __commonJS({
         }), (0, import_core12.useIsomorphicLayoutEffect)(() => {
           !open || !native || (title || description) && import_react_native4.Alert.alert(title, description, buttons);
         }, [native, open]), native)
-          return React3.cloneElement(triggerElement, {
+          return React2.cloneElement(triggerElement, {
             __onPress: () => {
               setOpen(!0);
             }
@@ -11081,11 +11120,11 @@ var require_AlertDialog_native = __commonJS({
     };
     function forEachChildDeep(children, onChild) {
       for (let child of children)
-        React3.isValidElement(child) && onChild(child) && child.props.children && forEachChildDeep(React3.Children.toArray(child.props.children), onChild);
+        React2.isValidElement(child) && onChild(child) && child.props.children && forEachChildDeep(React2.Children.toArray(child.props.children), onChild);
     }
     function getStringChildren(child) {
       let string = "";
-      return forEachChildDeep(React3.Children.toArray(child), (child2) => typeof child2.props.children == "string" ? (string = child2.props.children, !1) : !0), string;
+      return forEachChildDeep(React2.Children.toArray(child), (child2) => typeof child2.props.children == "string" ? (string = child2.props.children, !1) : !0), string;
     }
     var AlertDialog = (0, import_core12.withStaticProperties)(AlertDialogInner, {
       Trigger: AlertDialogTrigger,
@@ -11133,7 +11172,7 @@ var require_Image_native = __commonJS({
       Image: () => Image
     });
     module2.exports = __toCommonJS2(Image_exports);
-    var import_core12 = require_index_native10(), import_react3 = 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_fake_react_native(), import_jsx_runtime6 = require("react/jsx-runtime");
     (0, import_core12.setupReactNative)({
       Image: import_react_native4.Image
     });
@@ -11142,7 +11181,7 @@ var require_Image_native = __commonJS({
       position: "relative",
       source: { uri: "" }
     }), hasWarned = !1, Image = StyledImage.extractable(
-      (0, import_react3.forwardRef)((inProps, ref) => {
+      (0, import_react2.forwardRef)((inProps, ref) => {
         let props = (0, import_core12.useProps)(inProps), { src, source, ...rest } = props;
         process.env.NODE_ENV === "development" && typeof src == "string" && (typeof props.width == "string" && props.width[0] !== "$" || typeof props.height == "string" && props.height[0] !== "$") && (hasWarned || (hasWarned = !0, console.warn(
           'React Native expects a numerical width/height. If you want to use a percent you must define the "source" prop with width, height, and uri.'
@@ -11306,20 +11345,20 @@ var require_Avatar_native = __commonJS({
       createAvatarScope: () => createAvatarScope
     });
     module2.exports = __toCommonJS2(Avatar_exports);
-    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_image = require_index_native37(), import_shapes = require_index_native38(), import_stacks3 = require_index_native20(), React3 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = React3.forwardRef(
+    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_image = require_index_native37(), import_shapes = require_index_native38(), import_stacks3 = require_index_native20(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = React2.forwardRef(
       (props, forwardedRef) => {
         var _a;
         let { __scopeAvatar, src, onLoadingStatusChange = () => {
-        }, ...imageProps } = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React3.useState("idle"), shapeSize = (0, import_core12.getVariableValue)(
+        }, ...imageProps } = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React2.useState("idle"), shapeSize = (0, import_core12.getVariableValue)(
           (_a = (0, import_shapes.getShapeSize)(
             context.size,
             // @ts-expect-error
             { tokens: (0, import_core12.getTokens)() }
           )) == null ? void 0 : _a.width
         );
-        return React3.useEffect(() => {
+        return React2.useEffect(() => {
           setStatus("idle");
-        }, [JSON.stringify(src)]), React3.useEffect(() => {
+        }, [JSON.stringify(src)]), React2.useEffect(() => {
           onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
         }, [status]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_stacks3.YStack, { fullscreen: !0, zIndex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           import_image.Image,
@@ -11349,10 +11388,10 @@ var require_Avatar_native = __commonJS({
       fullscreen: !0,
       zIndex: 0
     }), AvatarFallback = AvatarFallbackFrame.extractable(
-      React3.forwardRef(
+      React2.forwardRef(
         (props, forwardedRef) => {
-          let { __scopeAvatar, delayMs, ...fallbackProps } = props, context = useAvatarContext(FALLBACK_NAME, __scopeAvatar), [canRender, setCanRender] = React3.useState(delayMs === void 0);
-          return React3.useEffect(() => {
+          let { __scopeAvatar, delayMs, ...fallbackProps } = props, context = useAvatarContext(FALLBACK_NAME, __scopeAvatar), [canRender, setCanRender] = React2.useState(delayMs === void 0);
+          return React2.useEffect(() => {
             if (delayMs !== void 0) {
               let timerId = setTimeout(() => setCanRender(!0), delayMs);
               return () => clearTimeout(timerId);
@@ -11367,9 +11406,9 @@ var require_Avatar_native = __commonJS({
       position: "relative",
       overflow: "hidden"
     }), Avatar = (0, import_core12.withStaticProperties)(
-      React3.forwardRef(
+      React2.forwardRef(
         (props, forwardedRef) => {
-          let { __scopeAvatar, size = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React3.useState("idle");
+          let { __scopeAvatar, size = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React2.useState("idle");
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             AvatarProvider,
             {
@@ -11522,14 +11561,14 @@ var require_useGetThemedIcon_native = __commonJS({
       useGetThemedIcon: () => useGetThemedIcon
     });
     module2.exports = __toCommonJS2(useGetThemedIcon_exports);
-    var import_react3 = require("react"), import_useCurrentColor = require_useCurrentColor_native(), useGetThemedIcon = (props) => {
+    var import_react2 = require("react"), import_useCurrentColor = require_useCurrentColor_native(), useGetThemedIcon = (props) => {
       let color = (0, import_useCurrentColor.useCurrentColor)(props.color);
-      return (el) => el && ((0, import_react3.isValidElement)(el) ? (0, import_react3.cloneElement)(el, {
+      return (el) => el && ((0, import_react2.isValidElement)(el) ? (0, import_react2.cloneElement)(el, {
         ...props,
         color,
         // @ts-expect-error
         ...el.props
-      }) : (0, import_react3.createElement)(el, props));
+      }) : (0, import_react2.createElement)(el, props));
     };
   }
 });
@@ -11576,7 +11615,7 @@ var require_Button_native = __commonJS({
       useButton: () => useButton
     });
     module2.exports = __toCommonJS2(Button_exports);
-    var import_font_size = require_index_native40(), import_get_button_sized2 = require_index_native19(), import_helpers_tamagui = require_index_native41(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_web = require_index_native9(), import_react3 = require("react"), import_jsx_runtime6 = require("react/jsx-runtime"), ButtonContext = (0, import_web.createStyledContext)({}), BUTTON_NAME = "Button", ButtonFrame = (0, import_web.styled)(import_stacks3.ThemeableStack, {
+    var import_font_size = require_index_native40(), import_get_button_sized2 = require_index_native19(), import_helpers_tamagui = require_index_native41(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_web = require_index_native9(), import_react2 = require("react"), import_jsx_runtime6 = require("react/jsx-runtime"), ButtonContext = (0, import_web.createStyledContext)({}), BUTTON_NAME = "Button", ButtonFrame = (0, import_web.styled)(import_stacks3.ThemeableStack, {
       name: BUTTON_NAME,
       tag: "button",
       context: ButtonContext,
@@ -11655,7 +11694,7 @@ var require_Button_native = __commonJS({
         unstyled: !1
       }
     }), ButtonIcon = (props) => {
-      let { children, scaleIcon = 1 } = props, { size, color } = (0, import_react3.useContext)(ButtonContext), iconSize = (typeof size == "number" ? size * 0.5 : (0, import_font_size.getFontSize)(size)) * scaleIcon;
+      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;
       return (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color })(children);
     }, ButtonComponent = ButtonFrame.styleable(function(props, ref) {
       let { props: buttonProps } = useButton(props);
@@ -11676,7 +11715,7 @@ var require_Button_native = __commonJS({
     }, Button2 = (0, import_web.withStaticProperties)(ButtonComponent, {
       Text: ButtonText,
       Icon: ButtonIcon
-    }), ButtonNestingContext = (0, import_react3.createContext)(!1);
+    }), ButtonNestingContext = (0, import_react2.createContext)(!1);
     function useButton(propsIn, { Text: Text3 = Button2.Text } = { Text: Button2.Text }) {
       let {
         children,
@@ -11699,7 +11738,7 @@ var require_Button_native = __commonJS({
         textAlign,
         textProps,
         ...rest
-      } = propsIn, isNested = (0, import_react3.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), 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)(
         Text3,
         propsActive,
         Text3 === ButtonText && propsIn.unstyled !== !0 ? {
@@ -11925,13 +11964,13 @@ var require_focusableInputHOC_native = __commonJS({
       useFocusable: () => useFocusable2
     });
     module2.exports = __toCommonJS2(focusableInputHOC_exports);
-    var import_compose_refs = require_index_native6(), import_web = require_index_native9(), import_react3 = require("react"), import_registerFocusable = require_registerFocusable_native(), import_jsx_runtime6 = require("react/jsx-runtime");
+    var import_compose_refs = require_index_native6(), import_web = require_index_native9(), import_react2 = require("react"), import_registerFocusable = require_registerFocusable_native(), import_jsx_runtime6 = require("react/jsx-runtime");
     function useFocusable2({
       isInput,
       props,
       ref
     }) {
-      let { id, onChangeText, value, defaultValue } = props, inputValue = (0, import_react3.useRef)(value || defaultValue || ""), unregisterFocusable = (0, import_react3.useRef)(), inputRef = (0, import_react3.useCallback)(
+      let { id, onChangeText, value, defaultValue } = props, inputValue = (0, import_react2.useRef)(value || defaultValue || ""), unregisterFocusable = (0, import_react2.useRef)(), inputRef = (0, import_react2.useCallback)(
         (input) => {
           var _a;
           id && input && ((_a = unregisterFocusable.current) == null || _a.call(unregisterFocusable), unregisterFocusable.current = (0, import_registerFocusable.registerFocusable)(id, {
@@ -11946,7 +11985,7 @@ var require_focusableInputHOC_native = __commonJS({
         },
         [isInput, id]
       ), combinedRefs = (0, import_compose_refs.composeRefs)(ref, inputRef);
-      return (0, import_react3.useEffect)(() => () => {
+      return (0, import_react2.useEffect)(() => () => {
         var _a;
         (_a = unregisterFocusable.current) == null || _a.call(unregisterFocusable);
       }, []), {
@@ -12030,7 +12069,7 @@ var require_Label_native = __commonJS({
       useLabelContext: () => useLabelContext
     });
     module2.exports = __toCommonJS2(Label_exports);
-    var import_compose_refs = require_index_native6(), import_create_context = require_index_native14(), import_focusable2 = require_index_native44(), import_get_button_sized2 = require_index_native19(), import_get_font_sized2 = require_index_native21(), import_text2 = require_index_native22(), import_web = require_index_native9(), React3 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), NAME = "Label", [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
+    var import_compose_refs = require_index_native6(), import_create_context = require_index_native14(), import_focusable2 = require_index_native44(), import_get_button_sized2 = require_index_native19(), import_get_font_sized2 = require_index_native21(), import_text2 = require_index_native22(), import_web = require_index_native9(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), NAME = "Label", [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
       id: void 0,
       controlRef: { current: null }
     }), LabelFrame = (0, import_web.styled)(import_text2.SizableText, {
@@ -12064,10 +12103,10 @@ var require_Label_native = __commonJS({
       defaultVariants: {
         unstyled: !1
       }
-    }), LabelComponent = React3.forwardRef(
+    }), LabelComponent = React2.forwardRef(
       (props, forwardedRef) => {
-        let { htmlFor, id: idProp, ...labelProps } = props, controlRef = React3.useRef(null), ref = React3.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), backupId = React3.useId(), id = idProp ?? backupId;
-        return import_web.isWeb && React3.useEffect(() => {
+        let { htmlFor, id: idProp, ...labelProps } = props, controlRef = React2.useRef(null), ref = React2.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), backupId = React2.useId(), id = idProp ?? backupId;
+        return import_web.isWeb && React2.useEffect(() => {
           if (htmlFor) {
             let element = document.getElementById(htmlFor);
             if (ref.current && element) {
@@ -12113,7 +12152,7 @@ var require_Label_native = __commonJS({
       neverFlatten: !0
     }), useLabelContext = (element) => {
       let context = useLabelContextImpl("LabelConsumer"), { controlRef } = context;
-      return React3.useEffect(() => {
+      return React2.useEffect(() => {
         element && (controlRef.current = element);
       }, [element, controlRef]), context.id;
     };
@@ -12152,10 +12191,10 @@ var require_index_native46 = __commonJS({
       usePrevious: () => usePrevious
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_react3 = require("react");
+    var import_react2 = require("react");
     function usePrevious(value) {
-      let ref = (0, import_react3.useRef)({ value, previous: value });
-      return (0, import_react3.useMemo)(() => (ref.current.value !== value && (ref.current.previous = ref.current.value, ref.current.value = value), ref.current.previous), [value]);
+      let ref = (0, import_react2.useRef)({ value, previous: value });
+      return (0, import_react2.useMemo)(() => (ref.current.value !== value && (ref.current.previous = ref.current.value, ref.current.value = value), ref.current.previous), [value]);
     }
   }
 });
@@ -12190,7 +12229,7 @@ var require_Checkbox_native = __commonJS({
       isIndeterminate: () => isIndeterminate
     });
     module2.exports = __toCommonJS2(Checkbox_exports);
-    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_focusable2 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native18(), import_helpers_tamagui = require_index_native41(), import_label = require_index_native45(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_use_previous = require_index_native46(), React3 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), CheckboxStyledContext = (0, import_core12.createStyledContext)({
+    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_focusable2 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native18(), import_helpers_tamagui = require_index_native41(), import_label = require_index_native45(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), CheckboxStyledContext = (0, import_core12.createStyledContext)({
       size: "$true",
       scaleIcon: 1
     });
@@ -12201,8 +12240,8 @@ var require_Checkbox_native = __commonJS({
       return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
     }
     var BubbleInput = (props) => {
-      let { checked, bubbles = !0, control, isHidden, ...inputProps } = props, ref = React3.useRef(null), prevChecked = (0, import_use_previous.usePrevious)(checked);
-      return React3.useEffect(() => {
+      let { checked, bubbles = !0, control, isHidden, ...inputProps } = props, ref = React2.useRef(null), prevChecked = (0, import_use_previous.usePrevious)(checked);
+      return React2.useEffect(() => {
         let input = ref.current, inputProto = window.HTMLInputElement.prototype, setChecked = Object.getOwnPropertyDescriptor(
           inputProto,
           "checked"
@@ -12240,7 +12279,7 @@ var require_Checkbox_native = __commonJS({
       name: INDICATOR_NAME,
       context: CheckboxStyledContext
     }), CheckboxIndicator = CheckboxIndicatorFrame.extractable(
-      React3.forwardRef(
+      React2.forwardRef(
         (props, forwardedRef) => {
           let {
             __scopeCheckbox,
@@ -12252,7 +12291,7 @@ var require_Checkbox_native = __commonJS({
           process.env.NODE_ENV === "development" && !childrenProp && console.warn(
             "Warning: You created a Checkbox.Indicator without passing an child prop for it to use as an icon."
           );
-          let context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox), styledContext = React3.useContext(CheckboxStyledContext), iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : (0, import_font_size.getFontSize)(styledContext.size)) * styledContext.scaleIcon, theme = (0, import_core12.useTheme)(), getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color: theme.color }), children = React3.Children.toArray(childrenProp).map((child) => disablePassStyles || !React3.isValidElement(child) ? child : getThemedIcon(child));
+          let context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox), styledContext = React2.useContext(CheckboxStyledContext), iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : (0, import_font_size.getFontSize)(styledContext.size)) * styledContext.scaleIcon, theme = (0, import_core12.useTheme)(), getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color: theme.color }), children = React2.Children.toArray(childrenProp).map((child) => disablePassStyles || !React2.isValidElement(child) ? child : getThemedIcon(child));
           return forceMount || isIndeterminate(context.state) || context.state === !0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             CheckboxIndicatorFrame,
             {
@@ -12287,7 +12326,10 @@ var require_Checkbox_native = __commonJS({
               borderColor: "$borderColorHover"
             },
             focusStyle: {
-              borderColor: "$borderColorFocus"
+              borderColor: "$borderColorFocus",
+              outlineStyle: "solid",
+              outlineWidth: 2,
+              outlineColor: "$borderColorFocus"
             }
           }
         },
@@ -12301,7 +12343,7 @@ var require_Checkbox_native = __commonJS({
         unstyled: !1
       }
     }), [createCheckboxContext, createCheckboxScope] = (0, import_create_context.createContextScope)(CHECKBOX_NAME), [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME), CheckboxComponent = CheckboxFrame.extractable(
-      React3.forwardRef(function(props, forwardedRef) {
+      React2.forwardRef(function(props, forwardedRef) {
         let {
           __scopeCheckbox,
           labelledBy: ariaLabelledby,
@@ -12317,16 +12359,16 @@ var require_Checkbox_native = __commonJS({
           native,
           scaleIcon,
           ...checkboxProps
-        } = props, [button, setButton] = React3.useState(null), composedRefs = (0, import_core12.useComposedRefs)(forwardedRef, (node) => setButton(node)), hasConsumerStoppedPropagationRef = React3.useRef(!1), propsActive = (0, import_core12.useProps)(props), isFormControl = import_core12.isWeb ? button ? !!button.closest("form") : !0 : !1, [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
+        } = props, [button, setButton] = React2.useState(null), composedRefs = (0, import_core12.useComposedRefs)(forwardedRef, (node) => setButton(node)), hasConsumerStoppedPropagationRef = React2.useRef(!1), propsActive = (0, import_core12.useProps)(props), isFormControl = import_core12.isWeb ? button ? !!button.closest("form") : !0 : !1, [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
           prop: checkedProp,
           defaultProp: defaultChecked,
           onChange: onCheckedChange
-        }), styledContext = React3.useContext(CheckboxStyledContext), adjustedSize = (0, import_core12.getVariableValue)(
+        }), styledContext = React2.useContext(CheckboxStyledContext), adjustedSize = (0, import_core12.getVariableValue)(
           (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;
-        return React3.useEffect(() => {
+        return React2.useEffect(() => {
           if (props.id)
             return (0, import_focusable2.registerFocusable)(props.id, {
               focusAndSelect: () => {
@@ -12446,7 +12488,7 @@ var require_Form_native = __commonJS({
       useFormContext: () => useFormContext
     });
     module2.exports = __toCommonJS2(Form_exports);
-    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_react3 = require("react"), import_jsx_runtime6 = require("react/jsx-runtime"), FORM_NAME = "Form", FormFrame = (0, import_core12.styled)(import_core12.Stack, {
+    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_react2 = require("react"), import_jsx_runtime6 = require("react/jsx-runtime"), FORM_NAME = "Form", FormFrame = (0, import_core12.styled)(import_core12.Stack, {
       name: FORM_NAME,
       tag: "form"
     }), [createFormContext] = (0, import_create_context.createContextScope)(FORM_NAME), [FormProvider, useFormContext] = createFormContext(FORM_NAME), TRIGGER_NAME = "FormTrigger", FormTriggerFrame = (0, import_core12.styled)(import_core12.Stack, {
@@ -12459,7 +12501,7 @@ var require_Form_native = __commonJS({
           {
             tag: "button",
             ...triggerProps,
-            children: triggerProps.asChild ? (0, import_react3.cloneElement)(children, { disabled: triggerProps.disabled }) : children,
+            children: triggerProps.asChild ? (0, import_react2.cloneElement)(children, { disabled: triggerProps.disabled }) : children,
             ref: forwardedRef,
             onPress: (0, import_core12.composeEventHandlers)(props.onPress, context.onSubmit)
           }
@@ -12595,7 +12637,7 @@ var require_use_sync_external_store_shim_native_development = __commonJS({
     process.env.NODE_ENV !== "production" && function() {
       "use strict";
       typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-      var React3 = require("react"), ReactSharedInternals = React3.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+      var React2 = require("react"), ReactSharedInternals = React2.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
       function error(format) {
         {
           for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++)
@@ -12616,9 +12658,9 @@ var require_use_sync_external_store_shim_native_development = __commonJS({
       function is(x, y) {
         return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
       }
-      var objectIs = typeof Object.is == "function" ? Object.is : is, useState = React3.useState, useEffect = React3.useEffect, useLayoutEffect = React3.useLayoutEffect, useDebugValue2 = React3.useDebugValue, didWarnOld18Alpha = !1, didWarnUncachedGetSnapshot = !1;
+      var objectIs = typeof Object.is == "function" ? Object.is : is, useState = React2.useState, useEffect = React2.useEffect, useLayoutEffect = React2.useLayoutEffect, useDebugValue2 = React2.useDebugValue, didWarnOld18Alpha = !1, didWarnUncachedGetSnapshot = !1;
       function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-        didWarnOld18Alpha || React3.startTransition !== void 0 && (didWarnOld18Alpha = !0, error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+        didWarnOld18Alpha || React2.startTransition !== void 0 && (didWarnOld18Alpha = !0, error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
         var value = getSnapshot();
         if (!didWarnUncachedGetSnapshot) {
           var cachedValue = getSnapshot();
@@ -12655,7 +12697,7 @@ var require_use_sync_external_store_shim_native_development = __commonJS({
           return !0;
         }
       }
-      var shim = useSyncExternalStore, useSyncExternalStore$1 = React3.useSyncExternalStore !== void 0 ? React3.useSyncExternalStore : shim;
+      var shim = useSyncExternalStore, useSyncExternalStore$1 = React2.useSyncExternalStore !== void 0 ? React2.useSyncExternalStore : shim;
       exports.useSyncExternalStore = useSyncExternalStore$1, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
     }();
   }
@@ -12722,11 +12764,11 @@ var require_with_selector_development = __commonJS({
     process.env.NODE_ENV !== "production" && function() {
       "use strict";
       typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-      var React3 = require("react"), shim = require_index_native49();
+      var React2 = require("react"), shim = require_index_native49();
       function is(x, y) {
         return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
       }
-      var objectIs = typeof Object.is == "function" ? Object.is : is, useSyncExternalStore = shim.useSyncExternalStore, useRef = React3.useRef, useEffect = React3.useEffect, useMemo = React3.useMemo, useDebugValue2 = React3.useDebugValue;
+      var objectIs = typeof Object.is == "function" ? Object.is : is, useSyncExternalStore = shim.useSyncExternalStore, useRef = React2.useRef, useEffect = React2.useEffect, useMemo = React2.useMemo, useDebugValue2 = React2.useDebugValue;
       function useSyncExternalStoreWithSelector2(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
         var instRef = useRef(null), inst;
         instRef.current === null ? (inst = {
@@ -12848,13 +12890,13 @@ var require_dist = __commonJS({
       useTreeState: () => useTreeState
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var React3 = __toESM2(require("react")), React4 = __toESM2(require("react")), PrerenderContext = React4.createContext(!1);
+    var React3 = __toESM2(require("react")), React2 = __toESM2(require("react")), PrerenderContext = React2.createContext(!1);
     PrerenderContext.displayName = "PrerenderContext";
-    var MaxIndexContext = React4.createContext([]);
+    var MaxIndexContext = React2.createContext([]);
     MaxIndexContext.displayName = "MaxIndexContext";
-    var IndexContext = React4.createContext(null);
+    var IndexContext = React2.createContext(null);
     IndexContext.displayName = "IndexContext";
-    var TreeStateContext = React4.createContext(null);
+    var TreeStateContext = React2.createContext(null);
     TreeStateContext.displayName = "TreeStateContext";
     var React22 = __toESM2(require("react")), import_performant_array_to_tree = require_arrayToTree_min(), isServer2 = typeof window > "u", useIsomorphicLayoutEffect2 = isServer2 ? React22.useEffect : React22.useLayoutEffect;
     function parseIndexPath(indexPathString) {
@@ -12936,27 +12978,27 @@ var require_dist = __commonJS({
         ) : child
       ));
     }
-    var React42 = __toESM2(require("react"));
+    var React4 = __toESM2(require("react"));
     function useRovingIndex({
       contain = !0,
       defaultIndex = 0,
       maxIndex = 1 / 0,
       wrap = !1
     }) {
-      let [activeIndex, setLocalActiveIndex] = React42.useState(defaultIndex), getNextIndex = React42.useCallback(
+      let [activeIndex, setLocalActiveIndex] = React4.useState(defaultIndex), getNextIndex = React4.useCallback(
         (nextIndex) => wrap ? (nextIndex % maxIndex + maxIndex) % maxIndex : contain ? nextIndex > maxIndex ? maxIndex : nextIndex < 0 ? 0 : nextIndex : nextIndex,
         [maxIndex, wrap]
-      ), moveActiveIndex = React42.useCallback(
+      ), moveActiveIndex = React4.useCallback(
         (amountToMove) => {
           setLocalActiveIndex((currentIndex) => getNextIndex(currentIndex + amountToMove));
         },
         [getNextIndex]
-      ), setActiveIndex = React42.useCallback(
+      ), setActiveIndex = React4.useCallback(
         (nextIndex) => {
           setLocalActiveIndex(getNextIndex(nextIndex));
         },
         [getNextIndex]
-      ), moveBackward = React42.useCallback(() => moveActiveIndex(-1), [moveActiveIndex]), moveForward = React42.useCallback(() => moveActiveIndex(1), [moveActiveIndex]);
+      ), moveBackward = React4.useCallback(() => moveActiveIndex(-1), [moveActiveIndex]), moveForward = React4.useCallback(() => moveActiveIndex(1), [moveActiveIndex]);
       return {
         activeIndex,
         moveActiveIndex,
@@ -13060,7 +13102,7 @@ var require_Group_native = __commonJS({
       useGroupItem: () => useGroupItem
     });
     module2.exports = __toCommonJS2(Group_exports);
-    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_react3 = __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_native14(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), 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, {
       name: "GroupFrame",
       variants: {
         unstyled: {
@@ -13079,7 +13121,7 @@ var require_Group_native = __commonJS({
     });
     function createGroup(verticalDefault) {
       return (0, import_core12.withStaticProperties)(
-        (0, import_react3.forwardRef)((props, ref) => {
+        (0, import_react2.forwardRef)((props, ref) => {
           let activeProps = (0, import_core12.useProps)(props), {
             __scopeGroup,
             children: childrenProp,
@@ -13097,8 +13139,8 @@ 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_react3.Children.toArray(childrenProp), children = isUsingItems ? import_react3.Children.toArray(childrenProp).filter(import_react3.isValidElement) : childrenArray.map((child, i) => {
-            if (!(0, import_react3.isValidElement)(child))
+          }), 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) => {
+            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({
               isFirst,
@@ -13119,10 +13161,10 @@ var require_Group_native = __commonJS({
               space,
               children
             })
-          ), onItemMount = import_react3.default.useCallback(
+          ), onItemMount = import_react2.default.useCallback(
             () => setItemChildrenCount((prev) => prev + 1),
             []
-          ), onItemUnmount = import_react3.default.useCallback(
+          ), onItemUnmount = import_react2.default.useCallback(
             () => setItemChildrenCount((prev) => prev - 1),
             []
           );
@@ -13158,11 +13200,11 @@ var require_Group_native = __commonJS({
     var GroupItem = (props) => {
       var _a;
       let { __scopeGroup, children, forcePlacement } = props, groupItemProps = useGroupItem(
-        { disabled: (0, import_react3.isValidElement)(children) ? children.props.disabled : void 0 },
+        { disabled: (0, import_react2.isValidElement)(children) ? children.props.disabled : void 0 },
         forcePlacement,
         __scopeGroup
       );
-      return (0, import_react3.isValidElement)(children) ? (0, import_core12.isTamaguiElement)(children) ? import_react3.default.cloneElement(children, groupItemProps) : import_react3.default.cloneElement(children, {
+      return (0, import_react2.isValidElement)(children) ? (0, import_core12.isTamaguiElement)(children) ? import_react2.default.cloneElement(children, groupItemProps) : import_react2.default.cloneElement(children, {
         style: {
           ...(_a = children.props) == null ? void 0 : _a.style,
           ...groupItemProps
@@ -13170,7 +13212,7 @@ var require_Group_native = __commonJS({
       }) : children;
     }, useGroupItem = (childrenProps, forcePlacement, __scopeGroup) => {
       let treeIndex = (0, import_reforest.useIndex)(), context = useGroupContext("GroupItem", __scopeGroup);
-      if (import_react3.default.useEffect(() => (context.onItemMount(), () => {
+      if (import_react2.default.useEffect(() => (context.onItemMount(), () => {
         context.onItemUnmount();
       }), []), !treeIndex)
         throw Error("<Group.Item/> should only be used within a <Group/>");
@@ -13213,7 +13255,7 @@ var require_Group_native = __commonJS({
       borderBottomRightRadius: isLast && disable !== "bottom" && disable !== "end" ? radius : 0
     }), cloneElementWithPropOrder = (child, props) => {
       let next = (0, import_core12.mergeProps)(child.props, props, (0, import_core12.getConfig)().shorthands);
-      return import_react3.default.cloneElement({ ...child, props: null }, next);
+      return import_react2.default.cloneElement({ ...child, props: null }, next);
     };
   }
 });
@@ -13539,9 +13581,9 @@ var require_useFloating_native = __commonJS({
       useFloating: () => useFloating2
     });
     module2.exports = __toCommonJS2(useFloating_exports);
-    var import_react3 = require("react"), Floating = __toESM2(require_Floating_native()), FloatingOverrideContext2 = (0, import_react3.createContext)(null), useFloating2 = (props) => {
+    var import_react2 = require("react"), Floating = __toESM2(require_Floating_native()), FloatingOverrideContext2 = (0, import_react2.createContext)(null), useFloating2 = (props) => {
       var _a;
-      return (_a = (0, import_react3.useContext)(FloatingOverrideContext2) || Floating.useFloating) == null ? void 0 : _a(props);
+      return (_a = (0, import_react2.useContext)(FloatingOverrideContext2) || Floating.useFloating) == null ? void 0 : _a(props);
     };
   }
 });
@@ -13599,7 +13641,7 @@ var require_Popper_native = __commonJS({
       usePopperContext: () => usePopperContext
     });
     module2.exports = __toCommonJS2(Popper_exports);
-    var import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_floating = require_index_native53(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), React3 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_jsx_runtime6 = require("react/jsx-runtime"), PopperContext = (0, import_core12.createStyledContext)({}), usePopperContext = () => React3.useContext(PopperContext);
+    var import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_floating = require_index_native53(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_jsx_runtime6 = require("react/jsx-runtime"), PopperContext = (0, import_core12.createStyledContext)({}), usePopperContext = () => React2.useContext(PopperContext);
     function Popper(props) {
       let {
         children,
@@ -13609,11 +13651,11 @@ var require_Popper_native = __commonJS({
         stayInFrame,
         allowFlip,
         offset
-      } = props, [isMounted, setIsMounted] = React3.useState(!1);
+      } = props, [isMounted, setIsMounted] = React2.useState(!1);
       (0, import_core12.useIsomorphicLayoutEffect)(() => {
         setIsMounted(!0);
       }, []);
-      let [anchorRef, setAnchorRef] = React3.useState(), [arrowEl, setArrow] = React3.useState(null), [arrowSize, setArrowSize] = React3.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 = offset ?? arrowSize, floating = (0, import_floating.useFloating)({
         strategy,
         placement,
         sameScrollView: !1,
@@ -13638,8 +13680,8 @@ var require_Popper_native = __commonJS({
             return (0, import_floating.autoUpdate)(refs.reference.current, refs.floating.current, floating.update);
         }, [open, floating.update, refs.floating, refs.reference]);
       else {
-        let dimensions = (0, import_react_native4.useWindowDimensions)(), [keyboardOpen, setKeyboardOpen] = React3.useState(!1);
-        React3.useEffect(() => {
+        let dimensions = (0, import_react_native4.useWindowDimensions)(), [keyboardOpen, setKeyboardOpen] = React2.useState(!1);
+        React2.useEffect(() => {
           let showSubscription = import_react_native4.Keyboard.addListener("keyboardDidShow", () => {
             setKeyboardOpen(!0);
           }), hideSubscription = import_react_native4.Keyboard.addListener("keyboardDidHide", () => {
@@ -13664,8 +13706,8 @@ var require_Popper_native = __commonJS({
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperContext.Provider, { ...popperContext, children });
     }
     var PopperAnchor = import_stacks3.YStack.extractable(
-      React3.forwardRef(function(props, forwardedRef) {
-        let { virtualRef, ...anchorProps } = props, { anchorRef, getReferenceProps } = usePopperContext(), ref = React3.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref, anchorRef);
+      React2.forwardRef(function(props, forwardedRef) {
+        let { virtualRef, ...anchorProps } = props, { anchorRef, getReferenceProps } = usePopperContext(), ref = React2.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref, anchorRef);
         if (virtualRef)
           return null;
         let stackProps = {
@@ -13700,9 +13742,9 @@ var require_Popper_native = __commonJS({
       defaultVariants: {
         unstyled: !1
       }
-    }), PopperContent = React3.forwardRef(
+    }), PopperContent = React2.forwardRef(
       function(props, forwardedRef) {
-        let { strategy, placement, refs, x, y, getFloatingProps, size, isMounted, update } = usePopperContext(), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), contents = React3.useMemo(() => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        let { strategy, placement, refs, x, y, getFloatingProps, size, isMounted, update } = usePopperContext(), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), contents = React2.useMemo(() => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           PopperContentFrame,
           {
             "data-placement": placement,
@@ -13830,20 +13872,20 @@ var require_dist2 = __commonJS({
     function _interopDefault(ex) {
       return ex && typeof ex == "object" && "default" in ex ? ex.default : ex;
     }
-    var React3 = require("react"), React__default = _interopDefault(React3);
+    var React2 = require("react"), React__default = _interopDefault(React2);
     function Suspender(_ref) {
-      var freeze = _ref.freeze, children = _ref.children, promiseCache = React3.useRef({}).current;
+      var freeze = _ref.freeze, children = _ref.children, promiseCache = React2.useRef({}).current;
       if (freeze && !promiseCache.promise)
         throw promiseCache.promise = new Promise(function(resolve) {
           promiseCache.resolve = resolve;
         }), promiseCache.promise;
       if (freeze)
         throw promiseCache.promise;
-      return promiseCache.promise && (promiseCache.resolve(), promiseCache.promise = void 0), React__default.createElement(React3.Fragment, null, children);
+      return promiseCache.promise && (promiseCache.resolve(), promiseCache.promise = void 0), React__default.createElement(React2.Fragment, null, children);
     }
     function Freeze(_ref2) {
       var freeze = _ref2.freeze, children = _ref2.children, _ref2$placeholder = _ref2.placeholder, placeholder = _ref2$placeholder === void 0 ? null : _ref2$placeholder;
-      return React__default.createElement(React3.Suspense, {
+      return React__default.createElement(React2.Suspense, {
         fallback: placeholder
       }, React__default.createElement(Suspender, {
         freeze
@@ -13870,7 +13912,7 @@ var require_useFloatingContext_native = __commonJS({
       useFloatingContext: () => useFloatingContext
     });
     module2.exports = __toCommonJS2(useFloatingContext_native_exports);
-    var import_react3 = require("react"), useFloatingContext = () => (0, import_react3.useCallback)(() => {
+    var import_react2 = require("react"), useFloatingContext = () => (0, import_react2.useCallback)(() => {
     }, []);
   }
 });
@@ -13906,12 +13948,12 @@ var require_Popover_native = __commonJS({
       usePopoverContext: () => usePopoverContext
     });
     module2.exports = __toCommonJS2(Popover_exports);
-    var import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native25(), import_animate = require_index_native52(), import_aria_hidden = require_index_native26(), import_compose_refs = require_index_native6(), 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_native20(), import_use_controllable_state = require_index_native15(), React3 = __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"), PopoverContext = (0, import_core12.createStyledContext)({}), usePopoverContext = () => React3.useContext(PopoverContext), PopoverAnchor = React3.forwardRef(
+    var import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native25(), import_animate = require_index_native52(), import_aria_hidden = require_index_native26(), import_compose_refs = require_index_native6(), 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_native20(), import_use_controllable_state = require_index_native15(), 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"), PopoverContext = (0, import_core12.createStyledContext)({}), usePopoverContext = () => React2.useContext(PopoverContext), PopoverAnchor = React2.forwardRef(
       function(props, forwardedRef) {
         let context = usePopoverContext(), { onCustomAnchorAdd, onCustomAnchorRemove } = context;
-        return React3.useEffect(() => (onCustomAnchorAdd(), () => onCustomAnchorRemove()), [onCustomAnchorAdd, onCustomAnchorRemove]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperAnchor, { ...props, ref: forwardedRef });
+        return React2.useEffect(() => (onCustomAnchorAdd(), () => onCustomAnchorRemove()), [onCustomAnchorAdd, onCustomAnchorRemove]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperAnchor, { ...props, ref: forwardedRef });
       }
-    ), PopoverTrigger = React3.forwardRef(
+    ), PopoverTrigger = React2.forwardRef(
       function(props, forwardedRef) {
         let context = usePopoverContext(), composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef), trigger = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           import_core12.View,
@@ -13927,7 +13969,7 @@ var require_Popover_native = __commonJS({
         return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperAnchor, { asChild: !0, children: trigger });
       }
     ), PopoverContent = import_popper.PopperContentFrame.extractable(
-      React3.forwardRef(
+      React2.forwardRef(
         function(props, forwardedRef) {
           let {
             allowPinchZoom,
@@ -13935,8 +13977,8 @@ var require_Popover_native = __commonJS({
             disableRemoveScroll = !0,
             zIndex,
             ...contentImplProps
-          } = props, context = usePopoverContext(), contentRef = React3.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), isRightClickOutsideRef = React3.useRef(!1);
-          return React3.useEffect(() => {
+          } = props, context = usePopoverContext(), contentRef = React2.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), isRightClickOutsideRef = React2.useRef(!1);
+          return React2.useEffect(() => {
             if (!context.open)
               return;
             let content = contentRef.current;
@@ -13988,7 +14030,7 @@ var require_Popover_native = __commonJS({
         contents
       ] }) });
     }
-    var PopoverContentImpl = React3.forwardRef(function(props, forwardedRef) {
+    var PopoverContentImpl = React2.forwardRef(function(props, forwardedRef) {
       let {
         trapFocus,
         onOpenAutoFocus,
@@ -14003,11 +14045,11 @@ var require_Popover_native = __commonJS({
         disableRemoveScroll,
         freezeContentsWhenHidden,
         ...contentProps
-      } = props, context = usePopoverContext(), { open, keepChildrenMounted } = context, popperContext = (0, import_popper.usePopperContext)(), [isFullyHidden, setIsFullyHidden] = React3.useState(!context.open), contents = React3.useMemo(() => import_core12.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "contents" }, children }) : children, [children]);
+      } = props, context = usePopoverContext(), { open, keepChildrenMounted } = context, popperContext = (0, import_popper.usePopperContext)(), [isFullyHidden, setIsFullyHidden] = React2.useState(!context.open), contents = React2.useMemo(() => import_core12.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "contents" }, children }) : children, [children]);
       if (open && isFullyHidden && setIsFullyHidden(!1), !keepChildrenMounted && isFullyHidden)
         return null;
       if (context.breakpointActive) {
-        let childrenWithoutScrollView = React3.Children.toArray(children).map((child) => React3.isValidElement(child) && child.type === import_react_native4.ScrollView ? child.props.children : child), content = childrenWithoutScrollView;
+        let childrenWithoutScrollView = React2.Children.toArray(children).map((child) => React2.isValidElement(child) && child.type === import_react_native4.ScrollView ? child.props.children : child), content = childrenWithoutScrollView;
         return (import_react_native4.Platform.OS === "android" || import_react_native4.Platform.OS === "ios") && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperContext.Provider, { ...popperContext, children: childrenWithoutScrollView })), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, { hostName: `${context.id}PopoverContents`, children: content });
       }
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -14060,9 +14102,9 @@ var require_Popover_native = __commonJS({
         }
       );
     }), FreezeToLastContents = (props) => {
-      let last = React3.useRef();
+      let last = React2.useRef();
       return props.freeze || (last.current = props.children), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_freeze.Freeze, { placeholder: last.current, ...props });
-    }, PopoverClose = React3.forwardRef(
+    }, PopoverClose = React2.forwardRef(
       function(props, forwardedRef) {
         let context = usePopoverContext();
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -14078,7 +14120,7 @@ var require_Popover_native = __commonJS({
           }
         );
       }
-    ), PopoverArrow = React3.forwardRef(
+    ), PopoverArrow = React2.forwardRef(
       function(props, forwardedRef) {
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperArrow, { componentName: "PopoverArrow", ...props, ref: forwardedRef });
       }
@@ -14091,16 +14133,16 @@ var require_Popover_native = __commonJS({
           onOpenChange,
           keepChildrenMounted,
           ...restProps
-        } = props, id = React3.useId(), { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
-          Contents: React3.useCallback(() => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, { name: `${id}PopoverContents` }), [])
-        }), sheetBreakpoint = when, triggerRef = React3.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React3.useState(!1), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+        } = props, id = React2.useId(), { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
+          Contents: React2.useCallback(() => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, { name: `${id}PopoverContents` }), [])
+        }), sheetBreakpoint = when, triggerRef = React2.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React2.useState(!1), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
           prop: openProp,
           defaultProp: defaultOpen || !1,
           onChange: onOpenChange
         }), breakpointActive = useSheetBreakpointActive(sheetBreakpoint), floatingContext = (0, import_useFloatingContext.useFloatingContext)({ open, setOpen, breakpointActive }), popoverContext = {
           id,
           sheetBreakpoint,
-          contentId: React3.useId(),
+          contentId: React2.useId(),
           triggerRef,
           open,
           breakpointActive,
@@ -14109,8 +14151,8 @@ var require_Popover_native = __commonJS({
             open && breakpointActive || setOpen(!open);
           }),
           hasCustomAnchor,
-          onCustomAnchorAdd: React3.useCallback(() => setHasCustomAnchor(!0), []),
-          onCustomAnchorRemove: React3.useCallback(() => setHasCustomAnchor(!1), []),
+          onCustomAnchorAdd: React2.useCallback(() => setHasCustomAnchor(!0), []),
+          onCustomAnchorRemove: React2.useCallback(() => setHasCustomAnchor(!1), []),
           keepChildrenMounted
         }, contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.Popper, { stayInFrame: !0, ...restProps, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContext.Provider, { ...popoverContext, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverSheetController, { onOpenChange: setOpen, children }) }) });
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AdaptProvider, { children: import_core12.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating.FloatingOverrideContext.Provider, { value: floatingContext, children: contents }) : contents });
@@ -14196,7 +14238,7 @@ var require_Progress_native = __commonJS({
       createProgressScope: () => createProgressScope
     });
     module2.exports = __toCommonJS2(Progress_exports);
-    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), React3 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), PROGRESS_NAME = "Progress", [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), INDICATOR_NAME = "ProgressIndicator", ProgressIndicatorFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
+    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), PROGRESS_NAME = "Progress", [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), INDICATOR_NAME = "ProgressIndicator", ProgressIndicatorFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: INDICATOR_NAME,
       variants: {
         unstyled: {
@@ -14277,7 +14319,7 @@ var require_Progress_native = __commonJS({
           getValueLabel = defaultGetValueLabel,
           size = "$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] = React3.useState(0);
+        } = props, max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX, value = isValidValueNumber(valueProp, max) ? valueProp : null, valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0, [width, setWidth] = React2.useState(0);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProgressProvider, { scope: __scopeProgress, value, max, width, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           ProgressFrame,
           {
@@ -14348,7 +14390,7 @@ var require_RadioGroup_native = __commonJS({
       createRadioGroupScope: () => createRadioGroupScope
     });
     module2.exports = __toCommonJS2(RadioGroup_exports);
-    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_focusable2 = require_index_native44(), import_get_token2 = require_index_native18(), import_label = require_index_native45(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_use_previous = require_index_native46(), React3 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), RADIO_GROUP_NAME = "RadioGroup", ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], [createRadioGroupContext, createRadioGroupScope] = (0, import_create_context.createContextScope)(RADIO_GROUP_NAME), [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME), getState = (checked) => checked ? "checked" : "unchecked", RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioIndicatorFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
+    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_focusable2 = require_index_native44(), import_get_token2 = require_index_native18(), import_label = require_index_native45(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), RADIO_GROUP_NAME = "RadioGroup", ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], [createRadioGroupContext, createRadioGroupScope] = (0, import_create_context.createContextScope)(RADIO_GROUP_NAME), [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME), getState = (checked) => checked ? "checked" : "unchecked", RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioIndicatorFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: RADIO_GROUP_INDICATOR_NAME,
       variants: {
         unstyled: {
@@ -14365,7 +14407,7 @@ var require_RadioGroup_native = __commonJS({
         unstyled: !1
       }
     }), RadioIndicator = RadioIndicatorFrame.extractable(
-      React3.forwardRef(
+      React2.forwardRef(
         (props, forwardedRef) => {
           let { __scopeRadioGroupItem, forceMount, disabled, ...indicatorProps } = props, { checked } = useRadioGroupItemContext(
             RADIO_GROUP_INDICATOR_NAME,
@@ -14404,7 +14446,10 @@ var require_RadioGroup_native = __commonJS({
             },
             focusStyle: {
               borderColor: "$borderColorHover",
-              backgroundColor: "$backgroundHover"
+              backgroundColor: "$backgroundHover",
+              outlineStyle: "solid",
+              outlineWidth: 2,
+              outlineColor: "$borderColorFocus"
             },
             pressStyle: {
               borderColor: "$borderColorFocus",
@@ -14428,7 +14473,7 @@ var require_RadioGroup_native = __commonJS({
         unstyled: !1
       }
     }), RadioGroupItem = RadioGroupItemFrame.extractable(
-      React3.forwardRef(
+      React2.forwardRef(
         (props, forwardedRef) => {
           let {
             __scopeRadioGroup,
@@ -14444,8 +14489,8 @@ var require_RadioGroup_native = __commonJS({
             name,
             native,
             accentColor
-          } = useRadioGroupContext(RADIO_GROUP_ITEM_NAME, __scopeRadioGroup), [button, setButton] = React3.useState(null), hasConsumerStoppedPropagationRef = React3.useRef(!1), ref = React3.useRef(null), composedRefs = (0, import_core12.useComposedRefs)(forwardedRef, (node) => setButton(node), ref), isArrowKeyPressedRef = React3.useRef(!1), isFormControl = import_core12.isWeb ? button ? !!button.closest("form") : !0 : !1, checked = groupValue === value, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId;
-          React3.useEffect(() => {
+          } = useRadioGroupContext(RADIO_GROUP_ITEM_NAME, __scopeRadioGroup), [button, setButton] = React2.useState(null), hasConsumerStoppedPropagationRef = React2.useRef(!1), ref = React2.useRef(null), composedRefs = (0, import_core12.useComposedRefs)(forwardedRef, (node) => setButton(node), ref), isArrowKeyPressedRef = React2.useRef(!1), isFormControl = import_core12.isWeb ? button ? !!button.closest("form") : !0 : !1, checked = groupValue === value, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId;
+          React2.useEffect(() => {
             if (import_core12.isWeb) {
               let handleKeyDown = (event) => {
                 ARROW_KEYS.includes(event.key) && (isArrowKeyPressedRef.current = !0);
@@ -14456,7 +14501,7 @@ var require_RadioGroup_native = __commonJS({
                 document.removeEventListener("keydown", handleKeyDown), document.removeEventListener("keyup", handleKeyUp);
               };
             }
-          }, []), React3.useEffect(() => {
+          }, []), React2.useEffect(() => {
             if (props.id)
               return (0, import_focusable2.registerFocusable)(props.id, {
                 focusAndSelect: () => {
@@ -14531,8 +14576,8 @@ var require_RadioGroup_native = __commonJS({
         }
       )
     ), BubbleInput = (props) => {
-      let { checked, bubbles = !0, control, isHidden, accentColor, ...inputProps } = props, ref = React3.useRef(null), prevChecked = (0, import_use_previous.usePrevious)(checked);
-      return React3.useEffect(() => {
+      let { checked, bubbles = !0, control, isHidden, accentColor, ...inputProps } = props, ref = React2.useRef(null), prevChecked = (0, import_use_previous.usePrevious)(checked);
+      return React2.useEffect(() => {
         let input = ref.current, inputProto = window.HTMLInputElement.prototype, setChecked = Object.getOwnPropertyDescriptor(
           inputProto,
           "checked"
@@ -14581,7 +14626,7 @@ var require_RadioGroup_native = __commonJS({
       }
     }), RadioGroup = (0, import_core12.withStaticProperties)(
       RadioGroupFrame.extractable(
-        React3.forwardRef(
+        React2.forwardRef(
           (props, forwardedRef) => {
             let {
               __scopeRadioGroup,
@@ -14844,7 +14889,7 @@ var require_SelectItem_native = __commonJS({
       useSelectItemContext: () => useSelectItemContext
     });
     module2.exports = __toCommonJS2(SelectItem_exports);
-    var import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_list_item = require_index_native51(), React3 = __toESM2(require("react")), import_context = require_context_native(), import_jsx_runtime6 = require("react/jsx-runtime"), ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = (0, import_context.createSelectContext)(ITEM_NAME), SelectItem = React3.forwardRef(
+    var import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_list_item = require_index_native51(), React2 = __toESM2(require("react")), import_context = require_context_native(), import_jsx_runtime6 = require("react/jsx-runtime"), ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = (0, import_context.createSelectContext)(ITEM_NAME), SelectItem = React2.forwardRef(
       (props, forwardedRef) => {
         let {
           __scopeSelect,
@@ -14869,13 +14914,13 @@ var require_SelectItem_native = __commonJS({
           shouldRenderWebNative,
           size,
           initialValue
-        } = context, [isSelected, setSelected] = React3.useState(initialValue === value), [isActive, setActive] = React3.useState(!1);
-        React3.useEffect(() => activeIndexSubscribe((i) => {
+        } = context, [isSelected, setSelected] = React2.useState(initialValue === value), [isActive, setActive] = React2.useState(!1);
+        React2.useEffect(() => activeIndexSubscribe((i) => {
           setActive(index === i);
-        }), [index]), React3.useEffect(() => valueSubscribe((val) => {
+        }), [index]), React2.useEffect(() => valueSubscribe((val) => {
           setSelected(val === value);
         }), [value]);
-        let textId = React3.useId(), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node) => {
+        let textId = React2.useId(), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node) => {
           import_core12.isWeb && node instanceof HTMLElement && listRef && (listRef.current[index] = node);
         });
         (0, import_core12.useIsomorphicLayoutEffect)(() => {
@@ -15001,7 +15046,7 @@ var require_SelectTrigger_native = __commonJS({
       SelectTrigger: () => SelectTrigger
     });
     module2.exports = __toCommonJS2(SelectTrigger_exports);
-    var import_compose_refs = require_index_native6(), import_list_item = require_index_native51(), React3 = __toESM2(require("react")), import_context = require_context_native(), import_jsx_runtime6 = require("react/jsx-runtime"), TRIGGER_NAME = "SelectTrigger", SelectTrigger = React3.forwardRef(
+    var import_compose_refs = require_index_native6(), import_list_item = require_index_native51(), React2 = __toESM2(require("react")), import_context = require_context_native(), import_jsx_runtime6 = require("react/jsx-runtime"), TRIGGER_NAME = "SelectTrigger", SelectTrigger = React2.forwardRef(
       function(props, forwardedRef) {
         var _a;
         let { __scopeSelect, disabled = !1, unstyled = !1, ...triggerProps } = props, context = (0, import_context.useSelectContext)(TRIGGER_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(TRIGGER_NAME, __scopeSelect), composedRefs = (0, import_compose_refs.useComposedRefs)(
@@ -15068,8 +15113,8 @@ var require_SelectViewport_native = __commonJS({
       SelectViewport: () => SelectViewport
     });
     module2.exports = __toCommonJS2(SelectViewport_native_exports);
-    var import_adapt = require_index_native25(), import_core12 = require_index_native10(), import_portal2 = require_index_native29(), React3 = __toESM2(require("react")), import_constants = require_constants_native3(), import_context = require_context_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SelectViewport = (props) => {
-      let { __scopeSelect, children } = props, context = (0, import_context.useSelectContext)(import_constants.VIEWPORT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(import_constants.VIEWPORT_NAME, __scopeSelect), themeName = (0, import_core12.useThemeName)(), adaptContext = React3.useContext(import_adapt.AdaptParentContext);
+    var import_adapt = require_index_native25(), import_core12 = require_index_native10(), import_portal2 = require_index_native29(), React2 = __toESM2(require("react")), import_constants = require_constants_native3(), import_context = require_context_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SelectViewport = (props) => {
+      let { __scopeSelect, children } = props, context = (0, import_context.useSelectContext)(import_constants.VIEWPORT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(import_constants.VIEWPORT_NAME, __scopeSelect), themeName = (0, import_core12.useThemeName)(), adaptContext = React2.useContext(import_adapt.AdaptParentContext);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, { hostName: `${context.scopeKey}SheetContents`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, { name: themeName, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_context.ForwardSelectContext,
         {
@@ -15140,7 +15185,7 @@ var require_Select_native = __commonJS({
       SelectSeparator: () => SelectSeparator
     });
     module2.exports = __toCommonJS2(Select_exports);
-    var import_adapt = require_index_native25(), import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_get_token2 = require_index_native18(), import_list_item = require_index_native51(), import_portal2 = require_index_native29(), import_separator = require_index_native58(), import_sheet = require_index_native34(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native15(), React3 = __toESM2(require("react")), import_constants = require_constants_native3(), import_context = require_context_native(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native(), import_jsx_runtime6 = require("react/jsx-runtime"), VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core12.styled)(import_text2.SizableText, {
+    var import_adapt = require_index_native25(), import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_get_token2 = require_index_native18(), import_list_item = require_index_native51(), import_portal2 = require_index_native29(), import_separator = require_index_native58(), import_sheet = require_index_native34(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native15(), React2 = __toESM2(require("react")), import_constants = require_constants_native3(), import_context = require_context_native(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native(), import_jsx_runtime6 = require("react/jsx-runtime"), VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core12.styled)(import_text2.SizableText, {
       name: VALUE_NAME,
       userSelect: "none"
     }), SelectValue = SelectValueFrame.styleable(function({
@@ -15165,7 +15210,7 @@ var require_Select_native = __commonJS({
       );
     });
     function unwrapSelectItem(selectValueChildren) {
-      return React3.Children.map(selectValueChildren, (child) => {
+      return React2.Children.map(selectValueChildren, (child) => {
         var _a, _b, _c;
         if (child) {
           if (((_b = (_a = child.type) == null ? void 0 : _a.staticConfig) == null ? void 0 : _b.componentName) === ITEM_TEXT_NAME)
@@ -15195,9 +15240,9 @@ var require_Select_native = __commonJS({
       defaultVariants: {
         unstyled: !1
       }
-    }), SelectItemText = React3.forwardRef(
+    }), SelectItemText = React2.forwardRef(
       (props, forwardedRef) => {
-        let { __scopeSelect, className, ...itemTextProps } = props, context = (0, import_context.useSelectContext)(ITEM_TEXT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(ITEM_TEXT_NAME, __scopeSelect), ref = React3.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), itemContext = (0, import_SelectItem.useSelectItemContext)(ITEM_TEXT_NAME, __scopeSelect), contents = React3.useMemo(
+        let { __scopeSelect, className, ...itemTextProps } = props, context = (0, import_context.useSelectContext)(ITEM_TEXT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(ITEM_TEXT_NAME, __scopeSelect), ref = React2.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), itemContext = (0, import_SelectItem.useSelectItemContext)(ITEM_TEXT_NAME, __scopeSelect), contents = React2.useMemo(
           () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             SelectItemTextFrame,
             {
@@ -15211,9 +15256,9 @@ var require_Select_native = __commonJS({
           // eslint-disable-next-line react-hooks/exhaustive-deps
           [props, itemParentContext.size, className, itemContext.textId]
         );
-        return React3.useEffect(() => {
+        return React2.useEffect(() => {
           itemParentContext.initialValue === itemContext.value && !context.selectedIndex && context.setSelectedItem(contents);
-        }, []), React3.useEffect(() => itemParentContext.valueSubscribe((val) => {
+        }, []), React2.useEffect(() => itemParentContext.valueSubscribe((val) => {
           val === itemContext.value && context.setSelectedItem(contents);
         }), [itemContext.value]), itemParentContext.shouldRenderWebNative ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: contents });
       }
@@ -15221,7 +15266,7 @@ var require_Select_native = __commonJS({
     SelectItemText.displayName = ITEM_TEXT_NAME;
     var ITEM_INDICATOR_NAME = "SelectItemIndicator", SelectItemIndicatorFrame = (0, import_core12.styled)(import_stacks3.XStack, {
       name: ITEM_TEXT_NAME
-    }), SelectItemIndicator = React3.forwardRef(
+    }), SelectItemIndicator = React2.forwardRef(
       (props, forwardedRef) => {
         let { __scopeSelect, ...itemIndicatorProps } = props, context = (0, import_context.useSelectItemParentContext)(ITEM_INDICATOR_NAME, __scopeSelect), itemContext = (0, import_SelectItem.useSelectItemContext)(ITEM_INDICATOR_NAME, __scopeSelect);
         return context.shouldRenderWebNative ? null : itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectItemIndicatorFrame, { "aria-hidden": !0, ...itemIndicatorProps, ref: forwardedRef }) : null;
@@ -15263,9 +15308,9 @@ var require_Select_native = __commonJS({
       defaultVariants: {
         size: "$2"
       }
-    }), SelectGroup = React3.forwardRef(
+    }), SelectGroup = React2.forwardRef(
       (props, forwardedRef) => {
-        let { __scopeSelect, ...groupProps } = props, groupId = React3.useId(), context = (0, import_context.useSelectContext)(GROUP_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(GROUP_NAME, __scopeSelect), size = itemParentContext.size ?? "$true", nativeSelectRef = React3.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), size = 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)(
@@ -15298,7 +15343,7 @@ var require_Select_native = __commonJS({
       }
     );
     SelectGroup.displayName = GROUP_NAME;
-    var LABEL_NAME = "SelectLabel", SelectLabel = React3.forwardRef(
+    var LABEL_NAME = "SelectLabel", SelectLabel = React2.forwardRef(
       (props, forwardedRef) => {
         let { __scopeSelect, ...labelProps } = props, context = (0, import_context.useSelectItemParentContext)(LABEL_NAME, __scopeSelect), groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
         return context.shouldRenderWebNative ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -15343,14 +15388,15 @@ var require_Select_native = __commonJS({
           value: valueProp,
           defaultValue,
           onValueChange,
+          disablePreventBodyScroll,
           size: sizeProp = "$true",
           dir
-        } = props, id = React3.useId(), scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id, { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
-          Contents: React3.useCallback(
+        } = props, id = React2.useId(), scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id, { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
+          Contents: React2.useCallback(
             () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, { name: `${scopeKey}SheetContents` }),
             [scopeKey]
           )
-        }), sheetBreakpoint = when, SelectImpl = (0, import_useSelectBreakpointActive.useSelectBreakpointActive)(sheetBreakpoint) || !import_core12.isWeb ? SelectSheetImpl : import_SelectImpl.SelectInlineImpl, forceUpdate = React3.useReducer(() => ({}), {})[1], [selectedItem, setSelectedItem] = React3.useState(null), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+        }), sheetBreakpoint = when, SelectImpl = (0, import_useSelectBreakpointActive.useSelectBreakpointActive)(sheetBreakpoint) || !import_core12.isWeb ? SelectSheetImpl : import_SelectImpl.SelectInlineImpl, forceUpdate = React2.useReducer(() => ({}), {})[1], [selectedItem, setSelectedItem] = React2.useState(null), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
           prop: openProp,
           defaultProp: defaultOpen || !1,
           onChange: onOpenChange
@@ -15360,10 +15406,10 @@ var require_Select_native = __commonJS({
           onChange: onValueChange,
           transition: !0
         });
-        React3.useEffect(() => {
+        React2.useEffect(() => {
           open && emitValue(value);
         }, [open]);
-        let [activeIndex, setActiveIndex] = React3.useState(0), [emitValue, valueSubscribe] = useEmitter(), [emitActiveIndex, activeIndexSubscribe] = useEmitter(), selectedIndexRef = React3.useRef(null), activeIndexRef = React3.useRef(null), listContentRef = React3.useRef([]), [selectedIndex, setSelectedIndex] = React3.useState(0), [valueNode, setValueNode] = React3.useState(null);
+        let [activeIndex, setActiveIndex] = React2.useState(0), [emitValue, valueSubscribe] = useEmitter(), [emitActiveIndex, activeIndexSubscribe] = useEmitter(), selectedIndexRef = React2.useRef(null), activeIndexRef = React2.useRef(null), listContentRef = React2.useRef([]), [selectedIndex, setSelectedIndex] = React2.useState(0), [valueNode, setValueNode] = React2.useState(null);
         (0, import_core12.useIsomorphicLayoutEffect)(() => {
           selectedIndexRef.current = selectedIndex, activeIndexRef.current = activeIndex;
         });
@@ -15372,16 +15418,16 @@ var require_Select_native = __commonJS({
           import_context.SelectItemParentProvider,
           {
             scope: __scopeSelect,
-            initialValue: React3.useMemo(() => value, []),
+            initialValue: React2.useMemo(() => value, []),
             size: sizeProp,
             activeIndexSubscribe,
             valueSubscribe,
             setOpen,
-            onChange: React3.useCallback((val) => {
+            onChange: React2.useCallback((val) => {
               setValue(val), emitValue(val);
             }, []),
             setSelectedIndex,
-            setValueAtIndex: React3.useCallback((index, value2) => {
+            setValueAtIndex: React2.useCallback((index, value2) => {
               listContentRef.current[index] = value2;
             }, []),
             shouldRenderWebNative,
@@ -15389,6 +15435,7 @@ var require_Select_native = __commonJS({
               import_context.SelectProvider,
               {
                 scope: __scopeSelect,
+                disablePreventBodyScroll,
                 dir,
                 blockSelection: !1,
                 fallback: !1,
@@ -15401,7 +15448,7 @@ var require_Select_native = __commonJS({
                 sheetBreakpoint,
                 activeIndex,
                 selectedIndex,
-                setActiveIndex: React3.useCallback((index) => {
+                setActiveIndex: React2.useCallback((index) => {
                   setActiveIndex(index), typeof index == "number" && emitActiveIndex(index);
                 }, []),
                 value,
@@ -15442,11 +15489,11 @@ var require_Select_native = __commonJS({
       }
     );
     function useEmitter() {
-      let listeners = React3.useRef();
+      let listeners = React2.useRef();
       listeners.current || (listeners.current = /* @__PURE__ */ new Set());
       let emit = (value) => {
         listeners.current.forEach((l) => l(value));
-      }, subscribe = React3.useCallback((listener) => (listeners.current.add(listener), () => {
+      }, subscribe = React2.useCallback((listener) => (listeners.current.add(listener), () => {
         listeners.current.delete(listener);
       }), []);
       return [emit, subscribe];
@@ -15609,7 +15656,7 @@ var require_SliderImpl_native = __commonJS({
       SliderImpl: () => SliderImpl
     });
     module2.exports = __toCommonJS2(SliderImpl_exports);
-    var import_core12 = require_index_native10(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), React3 = __toESM2(require("react")), import_constants = require_constants_native4(), import_jsx_runtime6 = require("react/jsx-runtime"), DirectionalYStack2 = (0, import_core12.styled)(import_stacks3.YStack, {
+    var import_core12 = require_index_native10(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), React2 = __toESM2(require("react")), import_constants = require_constants_native4(), import_jsx_runtime6 = require("react/jsx-runtime"), DirectionalYStack2 = (0, import_core12.styled)(import_stacks3.YStack, {
       variants: {
         orientation: {
           horizontal: {},
@@ -15634,7 +15681,7 @@ var require_SliderImpl_native = __commonJS({
           };
         }
       }
-    }), SliderImpl = React3.forwardRef(
+    }), SliderImpl = React2.forwardRef(
       (props, forwardedRef) => {
         let {
           __scopeSlider,
@@ -15714,7 +15761,7 @@ var require_Slider_native = __commonJS({
       Track: () => Track
     });
     module2.exports = __toCommonJS2(Slider_exports);
-    var import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_get_token2 = require_index_native18(), import_helpers = require_index_native4(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_use_direction = require_index_native23(), React3 = __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 = React3.forwardRef(
+    var import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_get_token2 = require_index_native18(), import_helpers = require_index_native4(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_use_direction = require_index_native23(), 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,
@@ -15725,7 +15772,7 @@ var require_Slider_native = __commonJS({
           onStepKeyDown,
           onSlideEnd,
           ...sliderProps
-        } = props, direction = (0, import_use_direction.useDirection)(dir), isDirectionLTR = direction === "ltr", sliderRef = React3.useRef(null), [state, setState_] = React3.useState(() => ({ size: 0, offset: 0 })), setState = (0, import_core12.createShallowSetState)(setState_);
+        } = 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);
@@ -15779,7 +15826,7 @@ var require_Slider_native = __commonJS({
       }
     );
     function useOnDebouncedWindowResize(callback, amt = 200) {
-      React3.useEffect(() => {
+      React2.useEffect(() => {
         let last, onResize = () => {
           clearTimeout(last), last = setTimeout(callback, amt);
         };
@@ -15788,7 +15835,7 @@ var require_Slider_native = __commonJS({
         };
       }, []);
     }
-    var SliderVertical = React3.forwardRef(
+    var SliderVertical = React2.forwardRef(
       (props, forwardedRef) => {
         let {
           min,
@@ -15798,7 +15845,7 @@ var require_Slider_native = __commonJS({
           onStepKeyDown,
           onSlideEnd,
           ...sliderProps
-        } = props, [state, setState_] = React3.useState(() => ({ size: 0, offset: 0 })), setState = (0, import_core12.createShallowSetState)(setState_), sliderRef = React3.useRef(null);
+        } = 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);
@@ -15866,7 +15913,7 @@ var require_Slider_native = __commonJS({
       defaultVariants: {
         unstyled: !1
       }
-    }), SliderTrack = React3.forwardRef(
+    }), SliderTrack = React2.forwardRef(
       (props, forwardedRef) => {
         let { __scopeSlider, ...trackProps } = props, context = (0, import_constants.useSliderContext)(TRACK_NAME, __scopeSlider);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -15887,9 +15934,9 @@ var require_Slider_native = __commonJS({
       name: "SliderTrackActive",
       backgroundColor: "$background",
       position: "absolute"
-    }), SliderTrackActive = React3.forwardRef(
+    }), SliderTrackActive = React2.forwardRef(
       (props, forwardedRef) => {
-        let { __scopeSlider, ...rangeProps } = props, context = (0, import_constants.useSliderContext)(RANGE_NAME, __scopeSlider), orientation = (0, import_constants.useSliderOrientationContext)(RANGE_NAME, __scopeSlider), ref = React3.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), valuesCount = context.values.length, percentages = context.values.map(
+        let { __scopeSlider, ...rangeProps } = props, context = (0, import_constants.useSliderContext)(RANGE_NAME, __scopeSlider), orientation = (0, import_constants.useSliderOrientationContext)(RANGE_NAME, __scopeSlider), ref = React2.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), valuesCount = context.values.length, percentages = context.values.map(
           (value) => (0, import_helpers2.convertValueToPercentage)(value, context.min, context.max)
         ), offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0, offsetEnd = 100 - Math.max(...percentages);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -15947,11 +15994,11 @@ var require_Slider_native = __commonJS({
         unstyled: !1
       }
     }), SliderThumb = SliderThumbFrame.styleable(function(props, forwardedRef) {
-      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] = React3.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(
+      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] = React3.useState(() => (0, import_core12.getVariableValue)(getThumbSize(sizeIn).width)), thumbInBoundsOffset = size ? (0, import_helpers2.getThumbInBoundsOffset)(size, percent, orientation.direction) : 0;
-      React3.useEffect(() => {
+      ), 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;
+      React2.useEffect(() => {
         if (thumb)
           return context.thumbs.add(thumb), () => {
             context.thumbs.delete(thumb);
@@ -16000,7 +16047,7 @@ var require_Slider_native = __commonJS({
           })
         }
       );
-    }), SliderComponent = React3.forwardRef(
+    }), SliderComponent = React2.forwardRef(
       (props, forwardedRef) => {
         let {
           name,
@@ -16019,7 +16066,7 @@ var require_Slider_native = __commonJS({
           onSlideMove,
           onSlideStart,
           ...sliderProps
-        } = props, sliderRef = React3.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(sliderRef, forwardedRef), thumbRefs = React3.useRef(/* @__PURE__ */ new Set()), valueIndexToChangeRef = React3.useRef(0), isHorizontal = orientation === "horizontal", [values = [], setValues] = (0, import_use_controllable_state.useControllableState)({
+        } = props, sliderRef = React2.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(sliderRef, forwardedRef), thumbRefs = React2.useRef(/* @__PURE__ */ new Set()), valueIndexToChangeRef = React2.useRef(0), isHorizontal = orientation === "horizontal", [values = [], setValues] = (0, import_use_controllable_state.useControllableState)({
           prop: value,
           defaultProp: defaultValue,
           transition: !0,
@@ -16028,7 +16075,7 @@ var require_Slider_native = __commonJS({
             import_core12.isWeb && ((_a = [...thumbRefs.current][valueIndexToChangeRef.current]) == null || _a.focus()), onValueChange(value2);
           }
         });
-        import_core12.isWeb && React3.useEffect(() => {
+        import_core12.isWeb && React2.useEffect(() => {
           let node = sliderRef.current;
           if (!node)
             return;
@@ -16153,7 +16200,7 @@ var require_createSwitch_native = __commonJS({
       createSwitch: () => createSwitch
     });
     module2.exports = __toCommonJS2(createSwitch_exports);
-    var import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_focusable2 = require_index_native44(), import_get_token2 = require_index_native18(), import_label = require_index_native45(), import_use_controllable_state = require_index_native15(), import_use_previous = require_index_native46(), React3 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_jsx_runtime6 = (
+    var import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_focusable2 = require_index_native44(), import_get_token2 = require_index_native18(), import_label = require_index_native45(), import_use_controllable_state = require_index_native15(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_jsx_runtime6 = (
       // @ts-ignore
       require("react/jsx-runtime")
     ), SwitchContext = (0, import_core12.createStyledContext)({
@@ -16165,7 +16212,7 @@ var require_createSwitch_native = __commonJS({
     });
     function createSwitch({ Frame, Thumb, acceptsUnstyled }) {
       let SwitchThumb = Thumb.styleable(function(props, forwardedRef) {
-        let { size: sizeProp, ...thumbProps } = props, { disabled, checked, unstyled, frameWidth } = React3.useContext(SwitchContext), [thumbWidth, setThumbWidth] = React3.useState(0), initialChecked = React3.useRef(checked).current, distance = frameWidth - thumbWidth;
+        let { size: sizeProp, ...thumbProps } = props, { disabled, checked, unstyled, frameWidth } = React2.useContext(SwitchContext), [thumbWidth, setThumbWidth] = React2.useState(0), initialChecked = React2.useRef(checked).current, distance = frameWidth - thumbWidth;
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           Thumb,
           {
@@ -16186,8 +16233,8 @@ var require_createSwitch_native = __commonJS({
           }
         );
       }), SwitchComponent = Frame.extractable(
-        React3.forwardRef(function(propsIn, forwardedRef) {
-          let styledContext = React3.useContext(SwitchContext), props = (0, import_core12.useProps)(propsIn), {
+        React2.forwardRef(function(propsIn, forwardedRef) {
+          let styledContext = React2.useContext(SwitchContext), props = (0, import_core12.useProps)(propsIn), {
             labeledBy: ariaLabelledby,
             name,
             checked: checkedProp,
@@ -16206,7 +16253,7 @@ var require_createSwitch_native = __commonJS({
             for (let key in switchProps)
               (key === "borderWidth" || key === "borderLeftWidth") && (_ = switchProps[key]);
             return acceptsUnstyled && _ === void 0 && unstyled === !1 && (_ = 2), typeof _ == "string" && (_ = (0, import_core12.getVariableValue)((0, import_get_token2.getSize)(_))), +_;
-          })(), native = Array.isArray(nativeProp) ? nativeProp : [nativeProp], shouldRenderMobileNative = !import_core12.isWeb && nativeProp === !0 || !import_core12.isWeb && native.includes("mobile") || native.includes("android") && import_react_native4.Platform.OS === "android" || native.includes("ios") && import_react_native4.Platform.OS === "ios", [button, setButton] = React3.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node) => setButton(node)), labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId, hasConsumerStoppedPropagationRef = React3.useRef(!1), isFormControl = import_core12.isWeb ? button ? !!button.closest("form") : !0 : !1, [frameWidth, setFrameWidth] = React3.useState(0), [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
+          })(), native = Array.isArray(nativeProp) ? nativeProp : [nativeProp], shouldRenderMobileNative = !import_core12.isWeb && nativeProp === !0 || !import_core12.isWeb && native.includes("mobile") || native.includes("android") && import_react_native4.Platform.OS === "android" || native.includes("ios") && import_react_native4.Platform.OS === "ios", [button, setButton] = React2.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node) => setButton(node)), labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId, hasConsumerStoppedPropagationRef = React2.useRef(!1), isFormControl = import_core12.isWeb ? button ? !!button.closest("form") : !0 : !1, [frameWidth, setFrameWidth] = React2.useState(0), [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
             prop: checkedProp,
             defaultProp: defaultChecked || !1,
             onChange: onCheckedChange,
@@ -16219,7 +16266,7 @@ var require_createSwitch_native = __commonJS({
               onValueChange: onCheckedChange,
               ...nativeProps
             }
-          ) : (import_core12.isWeb || React3.useEffect(() => {
+          ) : (import_core12.isWeb || React2.useEffect(() => {
             if (props.id)
               return (0, import_focusable2.registerFocusable)(props.id, {
                 focus: () => {
@@ -16275,8 +16322,8 @@ var require_createSwitch_native = __commonJS({
           ] }));
         })
       ), BubbleInput = (props) => {
-        let { control, checked, bubbles = !0, ...inputProps } = props, ref = React3.useRef(null), prevChecked = (0, import_use_previous.usePrevious)(checked);
-        return React3.useEffect(() => {
+        let { control, checked, bubbles = !0, ...inputProps } = props, ref = React2.useRef(null), prevChecked = (0, import_use_previous.usePrevious)(checked);
+        return React2.useEffect(() => {
           let input = ref.current, inputProto = window.HTMLInputElement.prototype, setChecked = Object.getOwnPropertyDescriptor(
             inputProto,
             "checked"
@@ -16448,12 +16495,12 @@ var require_RovingFocusGroup_native = __commonJS({
       createRovingFocusGroupScope: () => createRovingFocusGroupScope
     });
     module2.exports = __toCommonJS2(RovingFocusGroup_native_exports);
-    var import_core12 = require_index_native10(), import_react3 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), ITEM_NAME = "RovingFocusGroupItem", RovingFocusGroupItem = import_react3.default.forwardRef(
+    var import_core12 = require_index_native10(), import_react2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), ITEM_NAME = "RovingFocusGroupItem", RovingFocusGroupItem = import_react2.default.forwardRef(
       ({ children, ...props }, _ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, { ...props, children })
     );
     RovingFocusGroupItem.displayName = ITEM_NAME;
     var GROUP_NAME = "RovingFocusGroup", RovingFocusGroup = (0, import_core12.withStaticProperties)(
-      import_react3.default.forwardRef(({ children, ...props }, _ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, { ...props, children })),
+      import_react2.default.forwardRef(({ children, ...props }, _ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, { ...props, children })),
       {
         Item: RovingFocusGroupItem
       }
@@ -16502,11 +16549,11 @@ var require_Tabs_native = __commonJS({
       Tabs: () => Tabs
     });
     module2.exports = __toCommonJS2(Tabs_exports);
-    var import_create_context = require_index_native14(), import_get_button_sized2 = require_index_native19(), import_group = require_index_native50(), import_roving_focus = require_index_native62(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_use_direction = require_index_native23(), import_web = require_index_native9(), React3 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), TAB_LIST_NAME = "TabsList", TabsListFrame = (0, import_web.styled)(import_group.Group, {
+    var import_create_context = require_index_native14(), import_get_button_sized2 = require_index_native19(), import_group = require_index_native50(), import_roving_focus = require_index_native62(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_use_direction = require_index_native23(), import_web = require_index_native9(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), TAB_LIST_NAME = "TabsList", TabsListFrame = (0, import_web.styled)(import_group.Group, {
       name: TAB_LIST_NAME,
       focusable: !0
     }), TabsList = TabsListFrame.extractable(
-      React3.forwardRef(
+      React2.forwardRef(
         (props, forwardedRef) => {
           let { __scopeTabs, loop = !0, children, ...listProps } = props, context = useTabsContext(TAB_LIST_NAME, __scopeTabs), rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -16571,7 +16618,7 @@ var require_Tabs_native = __commonJS({
         unstyled: !1
       }
     }), TabsTrigger = TabsTriggerFrame.extractable(
-      React3.forwardRef(
+      React2.forwardRef(
         (props, forwardedRef) => {
           let {
             __scopeTabs,
@@ -16579,8 +16626,8 @@ var require_Tabs_native = __commonJS({
             disabled = !1,
             onInteraction,
             ...triggerProps
-          } = props, context = useTabsContext(TRIGGER_NAME, __scopeTabs), rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs), triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value), isSelected = value === context.value, [layout, setLayout] = React3.useState(null), triggerRef = React3.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled });
-          return React3.useEffect(() => (context.registerTrigger(), () => context.unregisterTrigger()), []), React3.useEffect(() => {
+          } = props, context = useTabsContext(TRIGGER_NAME, __scopeTabs), rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs), triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value), isSelected = value === context.value, [layout, setLayout] = React2.useState(null), triggerRef = React2.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled });
+          return React2.useEffect(() => (context.registerTrigger(), () => context.unregisterTrigger()), []), React2.useEffect(() => {
             if (!triggerRef.current || !import_web.isWeb)
               return;
             function getTriggerSize() {
@@ -16596,7 +16643,7 @@ var require_Tabs_native = __commonJS({
             return observer.observe(triggerRef.current), () => {
               triggerRef.current && observer.unobserve(triggerRef.current);
             };
-          }, [context.triggersCount]), React3.useEffect(() => {
+          }, [context.triggersCount]), React2.useEffect(() => {
             isSelected && layout && (onInteraction == null || onInteraction("select", layout));
           }, [isSelected, value, layout]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_web.Theme, { name: isSelected ? "active" : null, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             import_roving_focus.RovingFocusGroup.Item,
@@ -16660,7 +16707,7 @@ var require_Tabs_native = __commonJS({
     var CONTENT_NAME = "TabsContent", TabsContentFrame = (0, import_web.styled)(import_stacks3.ThemeableStack, {
       name: CONTENT_NAME
     }), TabsContent = TabsContentFrame.extractable(
-      React3.forwardRef(
+      React2.forwardRef(
         (props, forwardedRef) => {
           let { __scopeTabs, value, forceMount, children, ...contentProps } = props, context = useTabsContext(CONTENT_NAME, __scopeTabs), isSelected = value === context.value, show = forceMount || isSelected, triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value);
           return show ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -16689,7 +16736,7 @@ var require_Tabs_native = __commonJS({
       name: TABS_NAME
     }), Tabs = (0, import_web.withStaticProperties)(
       TabsFrame.extractable(
-        React3.forwardRef(
+        React2.forwardRef(
           (props, forwardedRef) => {
             let {
               __scopeTabs,
@@ -16705,12 +16752,12 @@ var require_Tabs_native = __commonJS({
               prop: valueProp,
               onChange: onValueChange,
               defaultProp: defaultValue ?? ""
-            }), [triggersCount, setTriggersCount] = React3.useState(0), registerTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v + 1)), unregisterTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v - 1));
+            }), [triggersCount, setTriggersCount] = React2.useState(0), registerTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v + 1)), unregisterTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v - 1));
             return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               TabsProvider,
               {
                 scope: __scopeTabs,
-                baseId: React3.useId(),
+                baseId: React2.useId(),
                 value,
                 onChange: setValue,
                 orientation,
@@ -16787,7 +16834,7 @@ var require_mutateTheme_native = __commonJS({
       mutateThemes: () => mutateThemes2
     });
     module2.exports = __toCommonJS2(mutateTheme_exports);
-    var import_constants = require_index_native2(), import_web = require_index_native9(), import_react3 = require("react");
+    var import_constants = require_index_native2(), import_web = require_index_native9(), import_react2 = require("react");
     function mutateThemes2({
       themes,
       batch,
@@ -16808,7 +16855,7 @@ var require_mutateTheme_native = __commonJS({
         res && (allThemesProxied[name] = res.theme, allThemesRaw[name] = res.themeRaw);
       }
       let cssRules = insertCSS ? insertThemeCSS(allThemesRaw, batch) : [];
-      return (0, import_react3.startTransition)(() => {
+      return (0, import_react2.startTransition)(() => {
         for (let themeName in allThemesProxied) {
           let theme = allThemesProxied[themeName];
           updateThemeConfig(themeName, theme), notifyThemeManagersOfUpdate(themeName, theme);
@@ -16997,7 +17044,7 @@ var require_Toggle_native = __commonJS({
       ToggleFrame: () => ToggleFrame
     });
     module2.exports = __toCommonJS2(Toggle_exports);
-    var import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_web = require_index_native9(), React3 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), NAME = "Toggle", ToggleFrame = (0, import_web.styled)(import_stacks3.ThemeableStack, {
+    var import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_web = require_index_native9(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), NAME = "Toggle", ToggleFrame = (0, import_web.styled)(import_stacks3.ThemeableStack, {
       name: NAME,
       tag: "button",
       variants: {
@@ -17052,7 +17099,7 @@ var require_Toggle_native = __commonJS({
         unstyled: !1
       }
     }), Toggle = ToggleFrame.extractable(
-      React3.forwardRef((props, forwardedRef) => {
+      React2.forwardRef((props, forwardedRef) => {
         let {
           pressed: pressedProp,
           defaultPressed = !1,
@@ -17108,11 +17155,11 @@ var require_ToggleGroup_native = __commonJS({
       createToggleGroupScope: () => createToggleGroupScope
     });
     module2.exports = __toCommonJS2(ToggleGroup_exports);
-    var import_create_context = require_index_native14(), import_focusable2 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native18(), import_group = require_index_native50(), import_helpers_tamagui = require_index_native41(), import_roving_focus = require_index_native62(), import_use_controllable_state = require_index_native15(), import_use_direction = require_index_native23(), import_web = require_index_native9(), import_react3 = __toESM2(require("react")), import_Toggle = require_Toggle_native(), import_jsx_runtime6 = require("react/jsx-runtime"), TOGGLE_GROUP_NAME = "ToggleGroup", [createToggleGroupContext, createToggleGroupScope] = (0, import_create_context.createContextScope)(
+    var import_create_context = require_index_native14(), import_focusable2 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native18(), import_group = require_index_native50(), import_helpers_tamagui = require_index_native41(), import_roving_focus = require_index_native62(), import_use_controllable_state = require_index_native15(), import_use_direction = require_index_native23(), 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", [createToggleGroupContext, createToggleGroupScope] = (0, import_create_context.createContextScope)(
       TOGGLE_GROUP_NAME,
       [import_roving_focus.createRovingFocusGroupScope]
     ), TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", [createToggleGroupItemContext, createToggleGroupItemScope] = (0, import_create_context.createContextScope)(TOGGLE_GROUP_ITEM_NAME), [ToggleGroupItemProvider, useToggleGroupItemContext] = createToggleGroupContext(TOGGLE_GROUP_NAME), useToggleGroupItemScope = createToggleGroupItemScope(), ToggleGroupItem = import_Toggle.ToggleFrame.extractable(
-      import_react3.default.forwardRef(
+      import_react2.default.forwardRef(
         (props, forwardedRef) => {
           let valueContext = useToggleGroupValueContext(
             TOGGLE_GROUP_ITEM_NAME,
@@ -17120,13 +17167,13 @@ var require_ToggleGroup_native = __commonJS({
           ), context = useToggleGroupContext(
             TOGGLE_GROUP_ITEM_NAME,
             props.__scopeToggleGroup
-          ), __scopeToggleGroup = props.__scopeToggleGroup, rovingFocusGroupScope = useRovingFocusGroupScope(props.__scopeToggleGroup), pressed = valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, ref = import_react3.default.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled }), size = props.size ?? context.size, sizeProps = props.unstyled ? {} : {
+          ), __scopeToggleGroup = props.__scopeToggleGroup, rovingFocusGroupScope = useRovingFocusGroupScope(props.__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 ? {} : {
             width: void 0,
             height: void 0,
             padding: (0, import_web.getVariableValue)(size) * 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_react3.default.Children.toArray(props.children).map((child) => props.disablePassStyles || !import_react3.default.isValidElement(child) ? child : getThemedIcon(child)), commonProps = { ...props, pressed, disabled, ...sizeProps, children };
+          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 = { ...props, pressed, disabled, ...sizeProps, 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,
             {
@@ -17167,7 +17214,7 @@ var require_ToggleGroup_native = __commonJS({
     );
     ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
     var ToggleGroupItemImpl = import_Toggle.ToggleFrame.extractable(
-      import_react3.default.forwardRef(
+      import_react2.default.forwardRef(
         (props, forwardedRef) => {
           let { __scopeToggleGroup, value, ...itemProps } = props, valueContext = useToggleGroupValueContext(
             TOGGLE_GROUP_ITEM_NAME,
@@ -17189,9 +17236,9 @@ var require_ToggleGroup_native = __commonJS({
         }
       )
     ), useRovingFocusGroupScope = (0, import_roving_focus.createRovingFocusGroupScope)(), ToggleGroup = (0, import_web.withStaticProperties)(
-      import_react3.default.forwardRef((props, forwardedRef) => {
+      import_react2.default.forwardRef((props, forwardedRef) => {
         let { type, ...toggleGroupProps } = props;
-        if (import_web.isWeb || import_react3.default.useEffect(() => {
+        if (import_web.isWeb || import_react2.default.useEffect(() => {
           if (props.id)
             return (0, import_focusable2.registerFocusable)(props.id, {
               // TODO: would be nice to focus on the first child later - could be done with reforest
@@ -17210,7 +17257,7 @@ var require_ToggleGroup_native = __commonJS({
       }
     );
     ToggleGroup.displayName = TOGGLE_GROUP_NAME;
-    var [ToggleGroupValueProvider, useToggleGroupValueContext] = createToggleGroupContext(TOGGLE_GROUP_NAME), ToggleGroupImplSingle = import_react3.default.forwardRef((props, forwardedRef) => {
+    var [ToggleGroupValueProvider, useToggleGroupValueContext] = createToggleGroupContext(TOGGLE_GROUP_NAME), ToggleGroupImplSingle = import_react2.default.forwardRef((props, forwardedRef) => {
       let {
         value: valueProp,
         defaultValue,
@@ -17231,14 +17278,14 @@ var require_ToggleGroup_native = __commonJS({
           value: value ? [value] : [],
           defaultValue: value,
           onItemActivate: setValue,
-          onItemDeactivate: import_react3.default.useCallback(
+          onItemDeactivate: import_react2.default.useCallback(
             () => disableDeactivation ? null : setValue(""),
             [setValue, disableDeactivation]
           ),
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef })
         }
       );
-    }), ToggleGroupImplMultiple = import_react3.default.forwardRef((props, forwardedRef) => {
+    }), ToggleGroupImplMultiple = import_react2.default.forwardRef((props, forwardedRef) => {
       let {
         value: valueProp,
         defaultValue,
@@ -17249,10 +17296,10 @@ var require_ToggleGroup_native = __commonJS({
         prop: valueProp,
         defaultProp: defaultValue,
         onChange: onValueChange
-      }), handleButtonActivate = import_react3.default.useCallback(
+      }), handleButtonActivate = import_react2.default.useCallback(
         (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
         [setValue]
-      ), handleButtonDeactivate = import_react3.default.useCallback(
+      ), handleButtonDeactivate = import_react2.default.useCallback(
         (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
         [setValue]
       );
@@ -17293,7 +17340,7 @@ var require_ToggleGroup_native = __commonJS({
         unstyled: !1
       }
     }), ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(
-      import_react3.default.forwardRef(
+      import_react2.default.forwardRef(
         (props, forwardedRef) => {
           let {
             __scopeToggleGroup,
@@ -17460,7 +17507,7 @@ var require_index_native67 = __commonJS({
       useDebounceValue: () => useDebounceValue
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_react3 = require("react");
+    var import_react2 = require("react");
     function debounce(func, wait, leading) {
       let timeout, isCancelled = !1;
       function debounced() {
@@ -17476,15 +17523,15 @@ var require_index_native67 = __commonJS({
     }
     var defaultOpts = { leading: !1 };
     function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
-      let dbEffect = (0, import_react3.useRef)(null);
-      return (0, import_react3.useEffect)(() => () => {
+      let dbEffect = (0, import_react2.useRef)(null);
+      return (0, import_react2.useEffect)(() => () => {
         var _a;
         (_a = dbEffect.current) == null || _a.cancel();
-      }, []), (0, import_react3.useMemo)(() => (dbEffect.current = debounce(fn, wait, options.leading), dbEffect.current), [options.leading, ...mountArgs]);
+      }, []), (0, import_react2.useMemo)(() => (dbEffect.current = debounce(fn, wait, options.leading), dbEffect.current), [options.leading, ...mountArgs]);
     }
     function useDebounceValue(val, amt = 0) {
-      let [state, setState] = (0, import_react3.useState)(val);
-      return (0, import_react3.useEffect)(() => {
+      let [state, setState] = (0, import_react2.useState)(val);
+      return (0, import_react2.useEffect)(() => {
         let tm = setTimeout(() => {
           setState((prev) => prev === val ? prev : val);
         }, amt);
@@ -17514,7 +17561,7 @@ var require_index_native68 = __commonJS({
       useWindowDimensions: () => useWindowDimensions
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_constants = require_index_native2(), import_react3 = require("react"), import_react_native4 = require_fake_react_native(), initialValue = {
+    var import_constants = require_index_native2(), import_react2 = require("react"), import_react_native4 = require_fake_react_native(), initialValue = {
       height: 800,
       width: 600
     };
@@ -17531,7 +17578,7 @@ var require_index_native68 = __commonJS({
     function useWindowDimensions({
       serverValue = initialValue
     } = {}) {
-      return (0, import_react3.useSyncExternalStore)(
+      return (0, import_react2.useSyncExternalStore)(
         subscribe,
         () => import_react_native4.Dimensions.get("window"),
         () => import_constants.isWeb ? serverValue : import_react_native4.Dimensions.get("window")
@@ -17669,6 +17716,7 @@ __export(src_exports, {
   mediaObjectToString: () => import_core11.mediaObjectToString,
   mediaQueryConfig: () => import_core11.mediaQueryConfig,
   mediaState: () => import_core11.mediaState,
+  setupDev: () => import_core11.setupDev,
   setupReactNative: () => import_core11.setupReactNative,
   spacedChildren: () => import_core11.spacedChildren,
   styled: () => import_core11.styled,
@@ -17784,12 +17832,12 @@ Expected a subset of: ${expected.join(", ")}
 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_native22()), import_react2 = require("react"), 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_native22()), import_react_native = __toESM(require_fake_react_native()), import_jsx_runtime2 = require("react/jsx-runtime"), AnchorFrame = (0, import_core3.styled)(import_text.SizableText, {
   name: "Anchor",
   tag: "a",
   accessibilityRole: "link"
-}), Anchor = AnchorFrame.extractable(
-  (0, import_react2.forwardRef)(({ href, target, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+}), Anchor = AnchorFrame.styleable(
+  ({ href, target, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     AnchorFrame,
     {
       ...props,
@@ -17804,7 +17852,7 @@ var import_core3 = __toESM(require_index_native10()), import_text = __toESM(requ
       },
       ref
     }
-  ))
+  )
 );
 
 // src/views/EnsureFlexed.tsx
@@ -17974,9 +18022,9 @@ 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_native20()), React2 = __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_native20()), React = __toESM(require("react")), import_react_native3 = __toESM(require_fake_react_native()), import_jsx_runtime4 = require("react/jsx-runtime"), Spinner = import_stacks2.YStack.extractable(
   (0, import_core9.themeable)(
-    React2.forwardRef((props, ref) => {
+    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 }) });
     }),
@@ -18078,6 +18126,7 @@ var import_core11 = __toESM(require_index_native10());
   mediaObjectToString,
   mediaQueryConfig,
   mediaState,
+  setupDev,
   setupReactNative,
   spacedChildren,
   styled,