@tamagui/core 1.108.0 → 1.108.1

package/dist/native.js

@@ -925,27 +925,27 @@ var require_useResponderEvents_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useResponderEvents_exports);
-    var React = __toESM2(require("react")), ResponderSystem = __toESM2(require_ResponderSystem_native());
+    var React3 = __toESM2(require("react")), ResponderSystem = __toESM2(require_ResponderSystem_native());
     __reExport2(useResponderEvents_exports, require_utils_native(), module2.exports);
     var emptyObject = {};
     function useResponderEvents2(hostRef) {
-      var config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : emptyObject, id = React.useId(), isAttachedRef = React.useRef(!1);
-      React.useEffect(function() {
+      var config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : emptyObject, id = React3.useId(), isAttachedRef = React3.useRef(!1);
+      React3.useEffect(function() {
         return ResponderSystem.attachListeners(), function() {
           ResponderSystem.removeNode(id);
         };
       }, [
         id
-      ]), React.useEffect(function() {
+      ]), React3.useEffect(function() {
         var onMoveShouldSetResponder = config.onMoveShouldSetResponder, onMoveShouldSetResponderCapture = config.onMoveShouldSetResponderCapture, onScrollShouldSetResponder = config.onScrollShouldSetResponder, onScrollShouldSetResponderCapture = config.onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder = config.onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture = config.onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder = config.onStartShouldSetResponder, onStartShouldSetResponderCapture = config.onStartShouldSetResponderCapture, 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" && (React.useDebugValue({
+      ]), process.env.NODE_ENV === "development" && (React3.useDebugValue({
         isResponder: hostRef.current === ResponderSystem.getResponderNode()
-      }), React.useDebugValue(config));
+      }), React3.useDebugValue(config));
     }
   }
 });
@@ -1376,7 +1376,7 @@ var require_constants_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -1404,6 +1404,18 @@ var require_constants_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -1445,7 +1457,7 @@ var require_constants_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(constants_native_exports);
-    var import_react3 = require("react"), isWeb = !1, isWindowDefined = !1, isServer = !1, isClient = !1, useIsomorphicLayoutEffect = import_react3.useLayoutEffect, isChrome = !1, isWebTouchable = !1, isTouchable = !0, isAndroid = !1, isIos = !1, currentPlatform = "native";
+    var import_react3 = __toESM2(require("react")), isWeb = !1, isWindowDefined = !1, isServer = !1, isClient = !1, useIsomorphicLayoutEffect = import_react3.default.useLayoutEffect, isChrome = !1, isWebTouchable = !1, isTouchable = !0, isAndroid = !1, isIos = !1, currentPlatform = "native";
   }
 });
 
@@ -1934,7 +1946,7 @@ var require_withStaticProperties_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -1962,6 +1974,18 @@ var require_withStaticProperties_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -1973,7 +1997,7 @@ var require_withStaticProperties_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(withStaticProperties_exports);
-    var import_react3 = require("react");
+    var import_react3 = __toESM2(require("react"));
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -2015,8 +2039,8 @@ var require_withStaticProperties_native = __commonJS({
     var Decorated = Symbol(), withStaticProperties = function(component, staticProps) {
       var next = function() {
         if (component[Decorated]) {
-          var _ = /* @__PURE__ */ (0, import_react3.forwardRef)(function(props, ref) {
-            return /* @__PURE__ */ (0, import_react3.createElement)(component, _object_spread_props(_object_spread2({}, props), {
+          var _ = /* @__PURE__ */ import_react3.default.forwardRef(function(props, ref) {
+            return /* @__PURE__ */ import_react3.default.createElement(component, _object_spread_props(_object_spread2({}, props), {
               ref
             }));
           });
@@ -3102,7 +3126,7 @@ var require_useMedia_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -3130,6 +3154,18 @@ var require_useMedia_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -3186,7 +3222,7 @@ var require_useMedia_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useMedia_exports);
-    var import_constants = require_index_native3(), import_react3 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native();
+    var import_react3 = __toESM2(require("react")), import_constants = require_index_native3(), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native();
     function _array_like_to_array(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -3345,7 +3381,7 @@ var require_useMedia_native = __commonJS({
       };
     }
     function useMedia2(uidIn, componentContext, debug) {
-      var uid = uidIn ?? (0, import_react3.useRef)(), disableSSR = (0, import_useDisableSSR.getDisableSSR)(componentContext), initialState = (disableSSR || !import_constants.isWeb ? mediaState2 : initState) || {}, componentState = States.get(uid);
+      var uid = uidIn ?? import_react3.default.useRef(), disableSSR = (0, import_useDisableSSR.getDisableSSR)(componentContext), initialState = (disableSSR || !import_constants.isWeb ? mediaState2 : initState) || {}, componentState = States.get(uid);
       componentState || (componentState = {
         prev: initialState
       }, States.set(uid, componentState));
@@ -3358,11 +3394,11 @@ var require_useMedia_native = __commonJS({
         });
         return hasntUpdated ? prev : (componentState.prev = mediaState2, mediaState2);
       }, state;
-      if (process.env.TAMAGUI_SYNC_MEDIA_QUERY) state = (0, import_react3.useSyncExternalStore)(subscribe, getSnapshot, function() {
+      if (process.env.TAMAGUI_SYNC_MEDIA_QUERY) state = import_react3.default.useSyncExternalStore(subscribe, getSnapshot, function() {
         return initialState;
       });
       else {
-        var _useState = _sliced_to_array((0, import_react3.useState)(initialState), 2), _state = _useState[0], setState = _useState[1];
+        var _React_useState = _sliced_to_array(import_react3.default.useState(initialState), 2), _state = _React_useState[0], setState = _React_useState[1];
         state = _state, (0, import_constants.useIsomorphicLayoutEffect)(function() {
           var update = function() {
             setState(getSnapshot);
@@ -3828,7 +3864,7 @@ var require_ThemeManagerContext_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -3856,6 +3892,18 @@ var require_ThemeManagerContext_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -3867,7 +3915,7 @@ var require_ThemeManagerContext_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ThemeManagerContext_exports);
-    var import_react3 = require("react"), ThemeManagerIDContext = /* @__PURE__ */ (0, import_react3.createContext)(1);
+    var import_react3 = __toESM2(require("react")), ThemeManagerIDContext = /* @__PURE__ */ import_react3.default.createContext(1);
   }
 });
 
@@ -3980,7 +4028,7 @@ var require_useTheme_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -4008,6 +4056,18 @@ var require_useTheme_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -4034,7 +4094,7 @@ var require_useTheme_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useTheme_exports);
-    var import_constants = require_index_native3(), import_react3 = require("react"), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_ThemeManager = require_ThemeManager_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_createShallowSetState = require_createShallowSetState_native();
+    var import_react3 = __toESM2(require("react")), import_constants = require_index_native3(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_ThemeManager = require_ThemeManager_native(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_createShallowSetState = require_createShallowSetState_native();
     function _array_like_to_array(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -4140,7 +4200,7 @@ var require_useTheme_native = __commonJS({
       var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : emptyProps, _useThemeWithState = _sliced_to_array(useThemeWithState(props), 2), _ = _useThemeWithState[0], theme = _useThemeWithState[1], res = theme || getDefaultThemeProxied();
       return res;
     }, useThemeWithState = function(props) {
-      var keys = (0, import_react3.useRef)([]), changedThemeState = useChangeThemeEffect(props, !1, keys.current, import_constants.isServer ? void 0 : function() {
+      var keys = import_react3.default.useRef([]), changedThemeState = useChangeThemeEffect(props, !1, keys.current, import_constants.isServer ? void 0 : function() {
         var _props_shouldUpdate, _props_shouldUpdate1, next = (_props_shouldUpdate1 = (_props_shouldUpdate = props.shouldUpdate) === null || _props_shouldUpdate === void 0 ? void 0 : _props_shouldUpdate.call(props)) !== null && _props_shouldUpdate1 !== void 0 ? _props_shouldUpdate1 : keys.current.length > 0 ? !0 : void 0;
         if (process.env.NODE_ENV === "development" && typeof props.debug == "string" && props.debug !== "profile") {
           var _props_shouldUpdate2;
@@ -4154,7 +4214,7 @@ var require_useTheme_native = __commonJS({
       process.env.NODE_ENV === "development" && (state != null && state.theme || process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1" && console.error("[tamagui] No theme found, this could be due to an invalid theme name (given theme props ".concat(JSON.stringify(props), `).
 
 If this is intended and you are using Tamagui without any themes, you can disable this warning by setting the environment variable TAMAGUI_DISABLE_NO_THEME_WARNING=1`)));
-      var themeProxied = (0, import_react3.useMemo)(function() {
+      var themeProxied = import_react3.default.useMemo(function() {
         return !themeManager || !(state != null && state.theme) ? {} : getThemeProxied(state, props.deopt, themeManager, keys.current, props.debug);
       }, [
         state == null ? void 0 : state.theme,
@@ -4291,14 +4351,14 @@ If this is intended and you are using Tamagui without any themes, you can disabl
           }), console.groupEnd();
         }
         return response;
-      }, disable = props.disable, parentManagerId = (0, import_react3.useContext)(import_ThemeManagerContext.ThemeManagerIDContext), parentManager = getThemeManager(parentManagerId);
+      }, disable = props.disable, parentManagerId = import_react3.default.useContext(import_ThemeManagerContext.ThemeManagerIDContext), parentManager = getThemeManager(parentManagerId);
       if (!isRoot && !parentManager || disable) return {
         isNewTheme: !1,
         state: parentManager == null ? void 0 : parentManager.state,
         themeManager: parentManager
       };
-      var _useState = _sliced_to_array((0, import_react3.useState)(createState), 2), themeState = _useState[0], setThemeState = _useState[1], state = themeState.state, mounted = themeState.mounted, isNewTheme = themeState.isNewTheme, themeManager = themeState.themeManager, inversed = themeState.inversed, isInversingOnMount = !!(!themeState.mounted && props.inverse);
-      return import_constants.isServer || ((0, import_react3.useEffect)(function() {
+      var _React_useState = _sliced_to_array(import_react3.default.useState(createState), 2), themeState = _React_useState[0], setThemeState = _React_useState[1], state = themeState.state, mounted = themeState.mounted, isNewTheme = themeState.isNewTheme, themeManager = themeState.themeManager, inversed = themeState.inversed, isInversingOnMount = !!(!themeState.mounted && props.inverse);
+      return import_constants.isServer || (import_react3.default.useEffect(function() {
         if (themeManager) {
           if (props.inverse && !mounted) {
             setThemeState(function(prev) {
@@ -4339,7 +4399,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
         props.name,
         props.reset,
         mounted
-      ]), process.env.NODE_ENV === "development" && props.debug !== "profile" && (0, import_react3.useEffect)(function() {
+      ]), process.env.NODE_ENV === "development" && props.debug !== "profile" && import_react3.default.useEffect(function() {
         var _globalThis, _TamaguiThemeManagers, _;
         return (_ = (_globalThis = globalThis)[_TamaguiThemeManagers = "TamaguiThemeManagers"]) !== null && _ !== void 0 || (_globalThis[_TamaguiThemeManagers] = /* @__PURE__ */ new Set()), globalThis.TamaguiThemeManagers.add(themeManager), function() {
           globalThis.TamaguiThemeManagers.delete(themeManager);
@@ -4592,7 +4652,7 @@ var require_compose_refs_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(compose_refs_exports);
-    var React = __toESM2(require("react"));
+    var React3 = __toESM2(require("react"));
     function _array_like_to_array(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -4631,7 +4691,7 @@ var require_compose_refs_native = __commonJS({
     }
     function useComposedRefs() {
       for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) refs[_key] = arguments[_key];
-      return React.useCallback(composeRefs.apply(void 0, _to_consumable_array(refs)), refs);
+      return React3.useCallback(composeRefs.apply(void 0, _to_consumable_array(refs)), refs);
     }
   }
 });
@@ -4813,7 +4873,7 @@ var require_createStyledContext_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -4841,6 +4901,18 @@ var require_createStyledContext_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -4852,7 +4924,7 @@ var require_createStyledContext_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createStyledContext_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = require("react"), import_objectIdentityKey = require_objectIdentityKey_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_objectIdentityKey = require_objectIdentityKey_native();
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -4888,11 +4960,11 @@ var require_createStyledContext_native = __commonJS({
       return target;
     }
     function createStyledContext(defaultValues) {
-      var OGContext = /* @__PURE__ */ (0, import_react3.createContext)(defaultValues), OGProvider = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map(), Provider = function(_param) {
+      var OGContext = /* @__PURE__ */ import_react3.default.createContext(defaultValues), OGProvider = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map(), Provider = function(_param) {
         var children = _param.children, scope = _param.scope, values = _object_without_properties(_param, [
           "children",
           "scope"
-        ]), next = (0, import_react3.useMemo)(function() {
+        ]), next = import_react3.default.useMemo(function() {
           return _object_spread2(
             {},
             // this ! is a workaround for ts error
@@ -4904,7 +4976,7 @@ var require_createStyledContext_native = __commonJS({
         ]), Provider22 = OGProvider;
         if (scope) {
           var ScopedContext = scopedContexts.get(scope);
-          ScopedContext || (ScopedContext = /* @__PURE__ */ (0, import_react3.createContext)(defaultValues), scopedContexts.set(scope, ScopedContext)), Provider22 = ScopedContext.Provider;
+          ScopedContext || (ScopedContext = /* @__PURE__ */ import_react3.default.createContext(defaultValues), scopedContexts.set(scope, ScopedContext)), Provider22 = ScopedContext.Provider;
         }
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider22, {
           value: next,
@@ -4912,7 +4984,7 @@ var require_createStyledContext_native = __commonJS({
         });
       }, useStyledContext = function(scope) {
         var context = scope ? scopedContexts.get(scope) : OGContext;
-        return (0, import_react3.useContext)(context);
+        return import_react3.default.useContext(context);
       };
       return Context.Provider = Provider, Context.props = defaultValues, Context.context = OGContext, Context.useStyledContext = useStyledContext, Context;
     }
@@ -7749,7 +7821,7 @@ var require_getSplitStyles_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -7777,6 +7849,18 @@ var require_getSplitStyles_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -7797,7 +7881,7 @@ var require_getSplitStyles_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_react3 = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_transformsToString = require_transformsToString_native(), import_isActivePlatform = require_isActivePlatform_native();
+    var import_react3 = __toESM2(require("react")), import_constants = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_transformsToString = require_transformsToString_native(), import_isActivePlatform = require_isActivePlatform_native();
     function _array_like_to_array(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -8342,6 +8426,7 @@ current`, _object_spread2({}, styleState.style)));
         }
       }
       return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
+    }, useInsertEffectCompat = import_constants.isWeb ? import_react3.default.useInsertionEffect || import_constants.useIsomorphicLayoutEffect : function() {
     }, useSplitStyles = function(a, b, c, d, e, f, g, h, i, j) {
       conf = conf || (0, import_config.getConfig)();
       var res = getSplitStyles(a, b, c, d, e, f, g, h, i, j);
@@ -8781,7 +8866,7 @@ var require_themeable_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -8809,6 +8894,18 @@ var require_themeable_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -8820,7 +8917,7 @@ var require_themeable_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(themeable_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = require("react"), import_Theme = require_Theme_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_Theme = require_Theme_native();
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -8871,7 +8968,7 @@ var require_themeable_native = __commonJS({
       return target;
     }
     function themeable(Component, staticConfig) {
-      var withThemeComponent = /* @__PURE__ */ (0, import_react3.forwardRef)(function(props, ref) {
+      var withThemeComponent = /* @__PURE__ */ import_react3.default.forwardRef(function(props, ref) {
         var themeInverse = props.themeInverse, theme = props.theme, componentName = props.componentName, themeReset = props.themeReset, rest = _object_without_properties(props, [
           "themeInverse",
           "theme",
@@ -8908,7 +9005,7 @@ var require_useDidHydrateOnce_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -8936,6 +9033,18 @@ var require_useDidHydrateOnce_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -8950,7 +9059,7 @@ var require_useDidHydrateOnce_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useDidHydrateOnce_exports);
-    var import_react3 = require("react");
+    var import_react3 = __toESM2(require("react"));
     function useDidHydrateOnceRoot() {
       return !0;
     }
@@ -9011,7 +9120,7 @@ var require_setupHooks_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(setupHooks_exports);
-    var hooks = {};
+    var import_react3 = require("react"), hooks = {};
     function setupHooks2(next) {
       Object.assign(hooks, next);
     }
@@ -9241,7 +9350,7 @@ var require_createComponent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require_index_native5(), import_constants = require_index_native3(), import_helpers = require_index_native4(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_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_isObj = require_isObj_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_themeable = require_themeable_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_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();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_compose_refs = require_index_native5(), import_constants = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_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_isObj = require_isObj_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_themeable = require_themeable_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_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();
     function _array_like_to_array(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -9566,7 +9675,7 @@ var require_createComponent_native = __commonJS({
       }
     }));
     var cancelTouches, useComponentState = function(props, param, staticConfig, config) {
-      var animationDriver = param.animationDriver, groups = param.groups, _animationDriver_usePresence, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
+      var animationDriver = param.animationDriver, groups = param.groups, _animationDriver_usePresence, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = import_react3.default.useRef(void 0);
       stateRef.current || (stateRef.current = {});
       var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars, curStateRef = stateRef.current, willBeAnimatedClient = function() {
         var next = !!(hasAnimationProp && !staticConfig.isHOC && useAnimations);
@@ -9584,7 +9693,7 @@ var require_createComponent_native = __commonJS({
         shouldEnterFromUnhydrated ? import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateShouldEnter
       ) : import_defaultComponentState.defaultComponentStateMounted, disabled = isDisabled(props);
       disabled != null && (initialState.disabled = disabled);
-      var states = (0, import_react3.useState)(initialState), state = props.forceStyle ? _object_spread_props(_object_spread2({}, states[0]), _define_property2({}, props.forceStyle, !0)) : states[0], setState = states[1], isHydrated = state.unmounted === !1 || state.unmounted === "should-enter", isAnimated = willBeAnimated;
+      var states = import_react3.default.useState(initialState), state = props.forceStyle ? _object_spread_props(_object_spread2({}, states[0]), _define_property2({}, props.forceStyle, !0)) : states[0], setState = states[1], isHydrated = state.unmounted === !1 || state.unmounted === "should-enter", isAnimated = willBeAnimated;
       import_constants.isWeb && hasRNAnimation && !staticConfig.isHOC && state.unmounted === !0 && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (state.disabled = disabled, disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), setState(_object_spread2({}, state)));
       var setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled, !1, props.debug);
       if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
@@ -9674,8 +9783,8 @@ var require_createComponent_native = __commonJS({
         defaultProps,
         defaultPropsKeyOrder: defaultProps ? Object.keys(defaultProps) : []
       });
-      var component = /* @__PURE__ */ (0, import_react3.forwardRef)(function(propsIn, forwardedRef) {
-        var _themeState_state, _hooks_usePropsTransform, _hooks_useEvents, _config_animations, internalID = process.env.NODE_ENV === "development" ? (0, import_react3.useId)() : "";
+      var component = /* @__PURE__ */ import_react3.default.forwardRef(function(propsIn, forwardedRef) {
+        var _themeState_state, _hooks_usePropsTransform, _hooks_useEvents, _config_animations, internalID = process.env.NODE_ENV === "development" ? import_react3.default.useId() : "";
         if (process.env.NODE_ENV === "development" && startVisualizer && (startVisualizer(), startVisualizer = void 0), !hasSetupBaseViews) {
           var _hooks_getBaseViews;
           hasSetupBaseViews = !0;
@@ -9686,9 +9795,9 @@ var require_createComponent_native = __commonJS({
           var _propsIn_datatestrenders, _current, _;
           (_ = (_propsIn_datatestrenders = propsIn["data-test-renders"])[_current = "current"]) !== null && _ !== void 0 || (_propsIn_datatestrenders[_current] = 0), propsIn["data-test-renders"].current += 1;
         }
-        var componentContext = (0, import_react3.useContext)(import_ComponentContext.ComponentContext), styledContextProps, overriddenContextProps, contextValue, context = staticConfig.context, isReactNative = staticConfig.isReactNative;
+        var componentContext = import_react3.default.useContext(import_ComponentContext.ComponentContext), styledContextProps, overriddenContextProps, contextValue, context = staticConfig.context, isReactNative = staticConfig.isReactNative;
         if (context) {
-          contextValue = (0, import_react3.useContext)(context);
+          contextValue = import_react3.default.useContext(context);
           var inverseShorthands = (0, import_config.getConfig)().inverseShorthands;
           for (var key in context.props) {
             var _propsIn_key, _ref, _ref1, propVal = (_ref1 = (_ref = (_propsIn_key = propsIn[key]) !== null && _propsIn_key !== void 0 ? _propsIn_key : propsIn[inverseShorthands[key]]) !== null && _ref !== void 0 ? _ref : defaultProps == null ? void 0 : defaultProps[key]) !== null && _ref1 !== void 0 ? _ref1 : defaultProps == null ? void 0 : defaultProps[inverseShorthands[key]];
@@ -9703,7 +9812,7 @@ var require_createComponent_native = __commonJS({
         var curDefaultProps = styledContextProps ? _object_spread2({}, defaultProps, styledContextProps) : defaultProps, props = propsIn;
         curDefaultProps && (props = (0, import_mergeProps.mergeProps)(curDefaultProps, propsIn));
         var debugProp = props.debug, componentName2 = props.componentName || staticConfig.componentName;
-        if (process.env.NODE_ENV === "development" && import_constants.isClient && (0, import_react3.useEffect)(function() {
+        if (process.env.NODE_ENV === "development" && import_constants.isClient && import_react3.default.useEffect(function() {
           var overlay = null, debugVisualizerHandler = function() {
             var show = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1, node = curStateRef.host;
             if (node) if (show) {
@@ -9845,7 +9954,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           }), stateRef.current.hasMeasured = !0;
         })), viewProps = ((_hooks_usePropsTransform = import_setupHooks.hooks.usePropsTransform) === null || _hooks_usePropsTransform === void 0 ? void 0 : _hooks_usePropsTransform.call(import_setupHooks.hooks, elementType, nonTamaguiProps, stateRef, curStateRef.willHydrate)) || nonTamaguiProps, curStateRef.composedRef || (curStateRef.composedRef = (0, import_compose_refs.composeRefs)(function(x) {
           return stateRef.current.host = x;
-        }, forwardedRef, import_setElementProps.setElementProps)), viewProps.ref = curStateRef.composedRef, process.env.NODE_ENV === "development" && !isReactNative && !isText && import_constants.isWeb && !isHOC && import_react3.Children.toArray(props.children).forEach(function(item) {
+        }, forwardedRef, import_setElementProps.setElementProps)), viewProps.ref = curStateRef.composedRef, process.env.NODE_ENV === "development" && !isReactNative && !isText && import_constants.isWeb && !isHOC && import_react3.default.Children.toArray(props.children).forEach(function(item) {
           typeof item == "string" && item !== `
 ` && console.error("Unexpected text node: ".concat(item, ". A text node cannot be a child of a <View>."));
         }), process.env.NODE_ENV === "development" && time && time(_templateObject13());
@@ -9857,7 +9966,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         };
         process.env.NODE_ENV === "development" && import_constants.isWeb && (0, import_constants.useIsomorphicLayoutEffect)(function() {
           debugProp && (console.groupCollapsed("Rendered style >"), console.warn(getComputedStyle(stateRef.current.host)), console.groupEnd());
-        }), (0, import_react3.useEffect)(function() {
+        }), import_react3.default.useEffect(function() {
           if (!disabled) {
             if (state.unmounted === !0 && hasEnterStyle) {
               setStateShallow({
@@ -9982,12 +10091,12 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         });
         process.env.NODE_ENV === "development" && time && time(_templateObject17());
         var useChildrenResult;
-        import_setupHooks.hooks.useChildren && (useChildrenResult = import_setupHooks.hooks.useChildren(elementType, content, viewProps, events, staticConfig)), useChildrenResult ? content = useChildrenResult : content = /* @__PURE__ */ (0, import_react3.createElement)(elementType, viewProps, content);
+        import_setupHooks.hooks.useChildren && (useChildrenResult = import_setupHooks.hooks.useChildren(elementType, content, viewProps, events, staticConfig)), useChildrenResult ? content = useChildrenResult : content = /* @__PURE__ */ import_react3.default.createElement(elementType, viewProps, content);
         var ResetPresence = config == null || (_config_animations = config.animations) === null || _config_animations === void 0 ? void 0 : _config_animations.ResetPresence;
         ResetPresence && willBeAnimated && (hasEnterStyle || presenceState) && content && typeof content != "string" && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ResetPresence, {
           children: content
         })), process.env.NODE_ENV === "development" && time && time(_templateObject18());
-        var groupState = curStateRef.group, subGroupContext = (0, import_react3.useMemo)(function() {
+        var groupState = curStateRef.group, subGroupContext = import_react3.default.useMemo(function() {
           var _splitStyles_style, _splitStyles_style1;
           if (!(!groupState || !groupName)) return groupState.listeners.clear(), _object_spread_props(_object_spread2({}, componentContext.groups), {
             // change reference so as we mutate it doesn't affect siblings etc
@@ -10077,7 +10186,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       });
       staticConfig.componentName && (component.displayName = staticConfig.componentName);
       var res = component;
-      (process.env.TAMAGUI_FORCE_MEMO || staticConfig.memo) && (res = /* @__PURE__ */ (0, import_react3.memo)(res)), res.staticConfig = staticConfig;
+      (process.env.TAMAGUI_FORCE_MEMO || staticConfig.memo) && (res = /* @__PURE__ */ import_react3.default.memo(res)), res.staticConfig = staticConfig;
       function extendStyledConfig(extended) {
         return _object_spread_props(_object_spread2({}, staticConfig, extended), {
           neverFlatten: !0,
@@ -10089,8 +10198,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         return Component2.staticConfig = extendStyledConfig(extended), Component2.styleable = styleable, Component2;
       }
       function styleable(Component2, options) {
-        var _Component_render, isForwardedRefAlready = ((_Component_render = Component2.render) === null || _Component_render === void 0 ? void 0 : _Component_render.length) === 2, out = isForwardedRefAlready ? Component2 : /* @__PURE__ */ (0, import_react3.forwardRef)(Component2), extendedConfig = extendStyledConfig(options == null ? void 0 : options.staticConfig);
-        return out = options != null && options.disableTheme ? out : (0, import_themeable.themeable)(out, extendedConfig), process.env.TAMAGUI_MEMOIZE_STYLEABLE && (out = /* @__PURE__ */ (0, import_react3.memo)(out)), out.staticConfig = extendedConfig, out.styleable = styleable, out;
+        var _Component_render, isForwardedRefAlready = ((_Component_render = Component2.render) === null || _Component_render === void 0 ? void 0 : _Component_render.length) === 2, out = isForwardedRefAlready ? Component2 : /* @__PURE__ */ import_react3.default.forwardRef(Component2), extendedConfig = extendStyledConfig(options == null ? void 0 : options.staticConfig);
+        return out = options != null && options.disableTheme ? out : (0, import_themeable.themeable)(out, extendedConfig), process.env.TAMAGUI_MEMOIZE_STYLEABLE && (out = /* @__PURE__ */ import_react3.default.memo(out)), out.staticConfig = extendedConfig, out.styleable = styleable, out;
       }
       return res.extractable = extractable, res.styleable = styleable, res;
     }
@@ -10144,7 +10253,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
     function spacedChildren(props) {
       var _childrenList__type, _childrenList_, isZStack = props.isZStack, children = props.children, space = props.space, direction = props.direction, spaceFlex = props.spaceFlex, separator = props.separator, ensureKeys = props.ensureKeys, hasSpace = !!(space || spaceFlex), hasSeparator = separator != null, areChildrenArray = Array.isArray(children);
       if (!ensureKeys && !(hasSpace || hasSeparator || isZStack)) return children;
-      var childrenList = areChildrenArray ? children : import_react3.Children.toArray(children), len = childrenList.length;
+      var childrenList = areChildrenArray ? children : import_react3.default.Children.toArray(children), len = childrenList.length;
       if (len <= 1 && !isZStack && !(!((_childrenList_ = childrenList[0]) === null || _childrenList_ === void 0 || (_childrenList__type = _childrenList_.type) === null || _childrenList__type === void 0) && _childrenList__type.shouldForwardSpace)) return children;
       var final = [], _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
       try {
@@ -10155,7 +10264,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             spaceFlex,
             separator,
             key: child.key
-          })), isEmpty || !child || child.key && !isZStack ? final.push(child) : final.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.Fragment, {
+          })), isEmpty || !child || child.key && !isZStack ? final.push(child) : final.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.default.Fragment, {
             children: isZStack ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AbsoluteFill, {
               children: child
             }) : child
@@ -10166,7 +10275,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               direction,
               space,
               spaceFlex
-            })), final.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.Fragment, {
+            })), final.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.default.Fragment, {
               children: separator
             }, "".concat(index, "03t"))), hasSpace && final.push(createSpacer({
               key: "_".concat(index, "01t"),
@@ -11708,7 +11817,7 @@ var require_withStableStyle_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -11736,6 +11845,18 @@ var require_withStableStyle_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -11747,7 +11868,7 @@ var require_withStableStyle_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(withStableStyle_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = require("react"), import_useTheme = require_useTheme_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_useTheme = require_useTheme_native();
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -11783,7 +11904,7 @@ var require_withStableStyle_native = __commonJS({
       return target;
     }
     var _withStableStyle = function(Component, styleProvider) {
-      return /* @__PURE__ */ (0, import_react3.forwardRef)(function(props, ref) {
+      return /* @__PURE__ */ import_react3.default.forwardRef(function(props, ref) {
         var _props__expressions = props._expressions, _expressions = _props__expressions === void 0 ? [] : _props__expressions, rest = _object_without_properties(props, [
           "_expressions"
         ]), theme = (0, import_useTheme.useTheme)();
@@ -11916,7 +12037,7 @@ var require_isTamaguiElement_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -11944,6 +12065,18 @@ var require_isTamaguiElement_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -11955,8 +12088,8 @@ var require_isTamaguiElement_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(isTamaguiElement_exports);
-    var import_react3 = require("react"), import_isTamaguiComponent = require_isTamaguiComponent_native(), isTamaguiElement = function(child, name) {
-      return /* @__PURE__ */ (0, import_react3.isValidElement)(child) && (0, import_isTamaguiComponent.isTamaguiComponent)(child.type, name);
+    var import_react3 = __toESM2(require("react")), import_isTamaguiComponent = require_isTamaguiComponent_native(), isTamaguiElement = function(child, name) {
+      return /* @__PURE__ */ import_react3.default.isValidElement(child) && (0, import_isTamaguiComponent.isTamaguiComponent)(child.type, name);
     };
   }
 });
@@ -12032,7 +12165,7 @@ var require_useThemeName_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -12060,6 +12193,18 @@ var require_useThemeName_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -12071,7 +12216,7 @@ var require_useThemeName_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useThemeName_exports);
-    var import_constants = require_index_native3(), import_react3 = require("react"), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_useTheme = require_useTheme_native();
+    var import_react3 = __toESM2(require("react")), import_constants = require_index_native3(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_useTheme = require_useTheme_native();
     function _array_like_to_array(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -12113,7 +12258,7 @@ var require_useThemeName_native = __commonJS({
       }
     }
     function useThemeName(opts) {
-      var manager = (0, import_useTheme.getThemeManager)((0, import_react3.useContext)(import_ThemeManagerContext.ThemeManagerIDContext)), _useState = _sliced_to_array((0, import_react3.useState)((manager == null ? void 0 : manager.state.name) || ""), 2), name = _useState[0], setName = _useState[1];
+      var manager = (0, import_useTheme.getThemeManager)(import_react3.default.useContext(import_ThemeManagerContext.ThemeManagerIDContext)), _React_useState = _sliced_to_array(import_react3.default.useState((manager == null ? void 0 : manager.state.name) || ""), 2), name = _React_useState[0], setName = _React_useState[1];
       return (0, import_constants.useIsomorphicLayoutEffect)(function() {
         if (manager) return setName(manager.state.name), manager.onChangeTheme(function(next, manager2) {
           var name2 = opts != null && opts.parent && manager2.state.parentName || next;
@@ -12134,7 +12279,7 @@ var require_useConfiguration_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -12162,6 +12307,18 @@ var require_useConfiguration_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -12173,7 +12330,7 @@ var require_useConfiguration_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useConfiguration_exports);
-    var import_react3 = require("react"), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native();
+    var import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native();
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -12224,7 +12381,7 @@ var require_useConfiguration_native = __commonJS({
       return target;
     }
     var useConfiguration = function() {
-      var _useContext = (0, import_react3.useContext)(import_ComponentContext.ComponentContext), groups = _useContext.groups, animationDriver = _useContext.animationDriver, restComponentConfig = _object_without_properties(_useContext, [
+      var _React_useContext = import_react3.default.useContext(import_ComponentContext.ComponentContext), groups = _React_useContext.groups, animationDriver = _React_useContext.animationDriver, restComponentConfig = _object_without_properties(_React_useContext, [
         "groups",
         "animationDriver"
       ]), _getConfig = (0, import_config.getConfig)(), animations = _getConfig.animations, restConfig = _object_without_properties(_getConfig, [
@@ -12245,7 +12402,7 @@ var require_index_native7 = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -12273,6 +12430,18 @@ var require_index_native7 = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -12290,10 +12459,10 @@ var require_index_native7 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_react3 = require("react");
+    var React3 = __toESM2(require("react"));
     function useDidFinishSSR(value, options) {
       return value ?? !0;
-      var _useState, cur, setCur;
+      var _React_useState, cur, setCur;
     }
     function useDidFinishSSRSync(value) {
       return useDidFinishSSR(value, {
@@ -12424,7 +12593,7 @@ var require_useProps_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -12452,6 +12621,18 @@ var require_useProps_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -12469,7 +12650,7 @@ var require_useProps_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useProps_exports);
-    var import_react3 = require("react"), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_createComponent = require_createComponent_native(), import_getSplitStyles = require_getSplitStyles_native(), import_Stack = require_Stack_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native();
+    var import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_createComponent = require_createComponent_native(), import_getSplitStyles = require_getSplitStyles_native(), import_Stack = require_Stack_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native();
     function _array_like_to_array(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -12572,7 +12753,7 @@ var require_useProps_native = __commonJS({
         componentName: staticConfig.componentName,
         name: "theme" in props ? props.theme : void 0,
         inverse: "themeInverse" in props ? props.themeInverse : void 0
-      }), 2), themeState = _useThemeWithState[0], theme = _useThemeWithState[1], componentContext = (0, import_react3.useContext)(import_ComponentContext.ComponentContext), _useComponentState = (0, import_createComponent.useComponentState)(props, componentContext, staticConfig, (0, import_config.getConfig)()), state = _useComponentState.state, disabled = _useComponentState.disabled, setStateShallow = _useComponentState.setStateShallow, media = (0, import_useMedia.useMedia)(), splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, ((_themeState_state = themeState.state) === null || _themeState_state === void 0 ? void 0 : _themeState_state.name) || "", state, _object_spread2({
+      }), 2), themeState = _useThemeWithState[0], theme = _useThemeWithState[1], componentContext = import_react3.default.useContext(import_ComponentContext.ComponentContext), _useComponentState = (0, import_createComponent.useComponentState)(props, componentContext, staticConfig, (0, import_config.getConfig)()), state = _useComponentState.state, disabled = _useComponentState.disabled, setStateShallow = _useComponentState.setStateShallow, media = (0, import_useMedia.useMedia)(), splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, ((_themeState_state = themeState.state) === null || _themeState_state === void 0 ? void 0 : _themeState_state.name) || "", state, _object_spread2({
         isAnimated: !1,
         mediaState: media,
         noSkip: !0,
@@ -12580,7 +12761,7 @@ var require_useProps_native = __commonJS({
         noClassNames: !0,
         resolveValues: "auto"
       }, opts), null, componentContext), mediaGroups = splitStyles.mediaGroups, pseudoGroups = splitStyles.pseudoGroups;
-      return (0, import_react3.useEffect)(function() {
+      return import_react3.default.useEffect(function() {
         if (!disabled) {
           if (state.unmounted) {
             setStateShallow({
@@ -12787,7 +12968,7 @@ var require_ThemeProvider_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -12815,6 +12996,18 @@ var require_ThemeProvider_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -12826,8 +13019,8 @@ var require_ThemeProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ThemeProvider_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require_index_native3(), import_react3 = require("react"), import_constants2 = require_constants_native2(), import_Theme = require_Theme_native(), import_config = require_config_native(), ThemeProvider = function(props) {
-      return import_constants.isClient && (0, import_react3.useLayoutEffect)(function() {
+    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_constants = require_index_native3(), import_constants2 = require_constants_native2(), import_Theme = require_Theme_native(), import_config = require_config_native(), ThemeProvider = function(props) {
+      return import_constants.isClient && import_react3.default.useLayoutEffect(function() {
         if (!props.disableRootThemeClass) {
           var cn = "".concat(import_constants2.THEME_CLASSNAME_PREFIX).concat(props.defaultTheme), _props_themeClassNameOnRoot, target = ((_props_themeClassNameOnRoot = props.themeClassNameOnRoot) !== null && _props_themeClassNameOnRoot !== void 0 ? _props_themeClassNameOnRoot : (0, import_config.getSetting)("themeClassNameOnRoot")) ? document.documentElement : document.body;
           return target.classList.add(cn), function() {
@@ -12859,7 +13052,7 @@ var require_FontLanguage_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -12887,6 +13080,18 @@ var require_FontLanguage_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -12898,7 +13103,7 @@ var require_FontLanguage_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(FontLanguage_native_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = require("react"), import_ComponentContext = require_ComponentContext_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native();
     function _object_without_properties(source, excluded) {
       if (source == null) return {};
       var target = _object_without_properties_loose(source, excluded), key, i;
@@ -12917,7 +13122,7 @@ var require_FontLanguage_native = __commonJS({
     var FontLanguage = function(_param) {
       var children = _param.children, props = _object_without_properties(_param, [
         "children"
-      ]), language = (0, import_react3.useMemo)(function() {
+      ]), language = import_react3.default.useMemo(function() {
         return props;
       }, [
         JSON.stringify(props)
@@ -12939,7 +13144,7 @@ var require_TamaguiProvider_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -12967,6 +13172,18 @@ var require_TamaguiProvider_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -12978,7 +13195,7 @@ var require_TamaguiProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(TamaguiProvider_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require_index_native3(), import_react3 = require("react"), import_ComponentContext = require_ComponentContext_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native(), import_config = require_config_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_constants = require_index_native3(), import_ComponentContext = require_ComponentContext_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native(), import_config = require_config_native();
     function _array_like_to_array(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -13046,8 +13263,8 @@ var require_TamaguiProvider_native = __commonJS({
       });
     }
     function UnmountedClassName(props) {
-      var _useState = _sliced_to_array((0, import_react3.useState)(!1), 2), mounted = _useState[0], setMounted = _useState[1];
-      return (0, import_react3.useEffect)(function() {
+      var _React_useState = _sliced_to_array(import_react3.default.useState(!1), 2), mounted = _React_useState[0], setMounted = _React_useState[1];
+      return import_react3.default.useEffect(function() {
         setMounted(!0);
       }, []), import_constants.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
         style: {
@@ -13069,7 +13286,7 @@ var require_Configuration_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -13097,6 +13314,18 @@ var require_Configuration_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -13108,7 +13337,7 @@ var require_Configuration_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Configuration_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = require("react"), import_ComponentContext = require_ComponentContext_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native();
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -13129,7 +13358,7 @@ var require_Configuration_native = __commonJS({
       return target;
     }
     var Configuration = function(props) {
-      var current = (0, import_react3.useContext)(import_ComponentContext.ComponentContext);
+      var current = import_react3.default.useContext(import_ComponentContext.ComponentContext);
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, _object_spread2({}, current, props));
     };
     Configuration.displayName = "Configuration";
@@ -13144,7 +13373,7 @@ var require_useGet_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all) __defProp2(target, name, {
         get: all[name],
         enumerable: !0
@@ -13172,6 +13401,18 @@ var require_useGet_native = __commonJS({
         }
       }
       return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -13183,12 +13424,12 @@ var require_useGet_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useGet_exports);
-    var import_constants = require_index_native3(), import_react3 = require("react");
+    var import_constants = require_index_native3(), React3 = __toESM2(require("react"));
     function useGet(currentValue, initialValue, forwardToFunction) {
-      var curRef = (0, import_react3.useRef)(initialValue ?? currentValue);
+      var curRef = React3.useRef(initialValue ?? currentValue);
       return (0, import_constants.useIsomorphicLayoutEffect)(function() {
         curRef.current = currentValue;
-      }), (0, import_react3.useCallback)(forwardToFunction ? function() {
+      }), React3.useCallback(forwardToFunction ? function() {
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
         var _curRef_current;
         return (_curRef_current = curRef.current) === null || _curRef_current === void 0 ? void 0 : _curRef_current.apply(null, args);
@@ -13514,10 +13755,10 @@ __export(src_exports, {
   View: () => View
 });
 module.exports = __toCommonJS(src_exports);
-var import_react_native_use_responder_events = __toESM(require_index_native()), import_web = __toESM(require_index_native9()), import_react2 = require("react");
+var import_react2 = __toESM(require("react")), import_react_native_use_responder_events = __toESM(require_index_native()), import_web = __toESM(require_index_native9());
 
 // src/createOptimizedView.native.tsx
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 function createOptimizedView(children, viewProps, baseViews2) {
   var TextAncestor = baseViews2.TextAncestor, ViewNativeComponent = baseViews2.View, accessibilityElementsHidden = (
     // ...otherProps
@@ -13553,8 +13794,8 @@ function createOptimizedView(children, viewProps, baseViews2) {
   };
   for (var key in extras)
     extras[key] != null && (finalProps[key] = extras[key]);
-  var isInText = (0, import_react.useContext)(TextAncestor), finalElement = /* @__PURE__ */ (0, import_react.createElement)(ViewNativeComponent, finalProps, children);
-  return isInText ? /* @__PURE__ */ (0, import_react.createElement)(TextAncestor.Provider, {
+  var isInText = import_react.default.useContext(TextAncestor), finalElement = /* @__PURE__ */ import_react.default.createElement(ViewNativeComponent, finalProps, children);
+  return isInText ? /* @__PURE__ */ import_react.default.createElement(TextAncestor.Provider, {
     value: !1
   }, finalElement) : finalElement;
 }
@@ -13769,7 +14010,7 @@ var baseViews = getBaseViews();
         if (elementType === baseViews.View)
           return createOptimizedView(children, viewProps, baseViews);
         if (process.env.TAMAGUI_OPTIMIZE_NATIVE_VIEWS && elementType === baseViews.Text)
-          return viewProps.children = children, /* @__PURE__ */ (0, import_react2.createElement)("RCTText", viewProps);
+          return viewProps.children = children, /* @__PURE__ */ import_react2.default.createElement("RCTText", viewProps);
       }
     }
   }