@tamagui/core 1.112.2 → 1.112.4

package/dist/native.js

@@ -69,7 +69,7 @@ var require_utils_native = __commonJS({
         return canUseDOM;
       },
       getBoundingClientRect: function() {
-        return getBoundingClientRect;
+        return getBoundingClientRect2;
       },
       getLowestCommonAncestor: function() {
         return getLowestCommonAncestor;
@@ -94,7 +94,7 @@ var require_utils_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(utils_exports);
-    var keyName = "__reactResponderId", canUseDOM = !!(typeof window < "u" && window.document && window.document.createElement), getBoundingClientRect = function(node) {
+    var keyName = "__reactResponderId", canUseDOM = !!(typeof window < "u" && window.document && window.document.createElement), getBoundingClientRect2 = function(node) {
       if (node && node.nodeType === 1 && node.getBoundingClientRect) return node.getBoundingClientRect();
     };
     function getEventPath(domEvent) {
@@ -910,7 +910,7 @@ var require_useResponderEvents_native = __commonJS({
       }, [
         id
       ]), React3.useEffect(function() {
-        var { onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture } = config, requiresResponderSystem = onMoveShouldSetResponder != null || onMoveShouldSetResponderCapture != null || onScrollShouldSetResponder != null || onScrollShouldSetResponderCapture != null || onSelectionChangeShouldSetResponder != null || onSelectionChangeShouldSetResponderCapture != null || onStartShouldSetResponder != null || onStartShouldSetResponderCapture != null, node = hostRef.current;
+        var { onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture } = config, requiresResponderSystem = !!(onMoveShouldSetResponder || onMoveShouldSetResponderCapture || onScrollShouldSetResponder || onScrollShouldSetResponderCapture || onSelectionChangeShouldSetResponder || onSelectionChangeShouldSetResponderCapture || onStartShouldSetResponder || onStartShouldSetResponderCapture), node = hostRef.current.host;
         requiresResponderSystem ? (ResponderSystem.addNode(id, node, config), isAttachedRef.current = !0) : isAttachedRef.current && (ResponderSystem.removeNode(id), isAttachedRef.current = !1);
       }, [
         config,
@@ -1005,9 +1005,9 @@ var require_index_native2 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var cache = /* @__PURE__ */ new Map(), simpleHash = function(str) {
+    var cache2 = /* @__PURE__ */ new Map(), simpleHash = function(str) {
       var hashMin = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 10;
-      if (cache.has(str)) return cache.get(str);
+      if (cache2.has(str)) return cache2.get(str);
       str[0] === "v" && str.startsWith("var(") && (str = str.slice(6, str.length - 1));
       for (var hash = 0, valids = "", added = 0, len = str.length, i = 0; i < len; i++) {
         if (hashMin !== "strict" && added <= hashMin) {
@@ -1024,7 +1024,7 @@ var require_index_native2 = __commonJS({
         hash = hashChar(hash, str[i]);
       }
       var res = valids + (hash ? Math.abs(hash) : "");
-      return cache.size > 1e4 && cache.clear(), cache.set(str, res), res;
+      return cache2.size > 1e4 && cache2.clear(), cache2.set(str, res), res;
     }, hashChar = function(hash, c) {
       return Math.imul(31, hash) + c.charCodeAt(0) | 0;
     };
@@ -1369,11 +1369,11 @@ var require_constants_native = __commonJS({
         return isWindowDefined;
       },
       useIsomorphicLayoutEffect: function() {
-        return useIsomorphicLayoutEffect;
+        return useIsomorphicLayoutEffect2;
       }
     });
     module2.exports = __toCommonJS2(constants_native_exports);
-    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";
+    var import_react3 = __toESM2(require("react")), isWeb = !1, isWindowDefined = !1, isServer = !1, isClient = !1, useIsomorphicLayoutEffect2 = import_react3.default.useLayoutEffect, isChrome = !1, isWebTouchable = !1, isTouchable = !0, isAndroid = !1, isIos = !1, currentPlatform = "native";
   }
 });
 
@@ -1459,7 +1459,7 @@ var require_shouldRenderNativePlatform_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(shouldRenderNativePlatform_exports);
-    var import_constants = require_index_native3(), ALL_PLATFORMS = [
+    var import_constants2 = require_index_native3(), ALL_PLATFORMS = [
       "web",
       "android",
       "ios"
@@ -1470,7 +1470,7 @@ var require_shouldRenderNativePlatform_native = __commonJS({
       try {
         for (var _iterator = ALL_PLATFORMS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
           var platform = _step.value;
-          if (platform === import_constants.currentPlatform && userRequestedPlatforms.has(platform)) return platform;
+          if (platform === import_constants2.currentPlatform && userRequestedPlatforms.has(platform)) return platform;
         }
       } catch (err) {
         _didIteratorError = !0, _iteratorError = err;
@@ -1568,7 +1568,7 @@ var require_validStyleProps_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(validStyleProps_exports);
-    var import_constants = require_index_native3(), textColors = {
+    var import_constants2 = require_index_native3(), textColors = {
       color: !0,
       textDecorationColor: !0,
       textShadowColor: !0
@@ -1764,7 +1764,7 @@ var require_validStyleProps_native = __commonJS({
       ...tokenCategories.radius,
       ...stylePropsTransform,
       ...stylePropsUnitless,
-      ...import_constants.isAndroid ? {
+      ...import_constants2.isAndroid ? {
         elevationAndroid: !0
       } : {}
     }, stylePropsFont = {
@@ -2018,7 +2018,7 @@ var require_config_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(config_exports);
-    var import_constants = require_index_native3(), conf, haventCalledErrorMessage = process.env.NODE_ENV === "development" ? `
+    var import_constants2 = require_index_native3(), conf, haventCalledErrorMessage = process.env.NODE_ENV === "development" ? `
 Haven't called createTamagui yet.
 
   This often happens due to having duplicate Tamagui sub-dependencies.
@@ -2064,7 +2064,7 @@ Haven't called createTamagui yet.
         return tokensMerged[cat][value];
       }) || ""]) === null || _tokensMerged_ === void 0 ? void 0 : _tokensMerged_[value];
     }, getToken2 = function(value, group) {
-      var useVariable = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : import_constants.isWeb, token = getTokenObject(value, group);
+      var useVariable = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : import_constants2.isWeb, token = getTokenObject(value, group);
       return useVariable ? token == null ? void 0 : token.variable : token == null ? void 0 : token.val;
     }, getTokenValue2 = function(value, group) {
       if (!(value === "unset" || value === "auto")) return getToken2(value, group, !1);
@@ -2157,7 +2157,7 @@ var require_createVariable_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createVariable_exports);
-    var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native();
+    var import_constants2 = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native();
     function constructCSSVariableName(name) {
       return `var(--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${name})`;
     }
@@ -2170,12 +2170,12 @@ var require_createVariable_native = __commonJS({
         key,
         name: skipHash ? name : (0, import_helpers.simpleHash)(name, 40),
         val,
-        variable: import_constants.isWeb ? skipHash ? constructCSSVariableName(name) : createCSSVariable(name) : ""
+        variable: import_constants2.isWeb ? skipHash ? constructCSSVariableName(name) : createCSSVariable(name) : ""
       };
     };
     function variableToString(vrble) {
       var getValue = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-      return isVariable(vrble) ? !getValue && import_constants.isWeb && vrble.variable ? vrble.variable : `${vrble.val}` : `${vrble || ""}`;
+      return isVariable(vrble) ? !getValue && import_constants2.isWeb && vrble.variable ? vrble.variable : `${vrble.val}` : `${vrble || ""}`;
     }
     function isVariable(v) {
       return v && typeof v == "object" && "isVar" in v;
@@ -2284,7 +2284,7 @@ var require_insertStyleRule_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(insertStyleRule_exports);
-    var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_createVariable = require_createVariable_native(), scannedCache = /* @__PURE__ */ new WeakMap(), totalSelectorsInserted = /* @__PURE__ */ new Map(), allSelectors = {}, allRules = {}, insertedTransforms2 = {}, getAllSelectors = function() {
+    var import_constants2 = require_index_native3(), import_helpers = require_index_native4(), import_createVariable = require_createVariable_native(), scannedCache = /* @__PURE__ */ new WeakMap(), totalSelectorsInserted = /* @__PURE__ */ new Map(), allSelectors = {}, allRules = {}, insertedTransforms2 = {}, getAllSelectors = function() {
       return allSelectors;
     }, getAllRules = function() {
       return Object.values(allRules);
@@ -2301,7 +2301,7 @@ var require_insertStyleRule_native = __commonJS({
       if (!insertedTransforms2[identifier]) return insertedTransforms2[identifier] = value, !0;
     }
     function listenForSheetChanges() {
-      if (import_constants.isClient) {
+      if (import_constants2.isClient) {
         var mo = new MutationObserver(function(entries) {
           var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
           try {
@@ -2330,7 +2330,7 @@ var require_insertStyleRule_native = __commonJS({
     var lastScannedSheets = null;
     function scanAllSheets() {
       var collectThemes = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1, tokens = arguments.length > 1 ? arguments[1] : void 0;
-      if (process.env.NODE_ENV !== "test" && import_constants.isClient) {
+      if (process.env.NODE_ENV !== "test" && import_constants2.isClient) {
         var themes, sheets = document.styleSheets || [], prev = lastScannedSheets, current = new Set(sheets), _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
         try {
           for (var _iterator = current[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
@@ -2501,7 +2501,7 @@ var require_insertStyleRule_native = __commonJS({
             getIdentifierFromTamaguiSelector(text),
             rule
           ];
-          if (collectThemes && (text.startsWith(":root.t_") || text.startsWith(":root .t_"))) return [
+          if (collectThemes && /^(:root\s?(\.t_[a-z0-9_]+\s*)+(,)?\s*)+$/i.test(text)) return [
             text.slice(0, 20),
             // just used as uid
             rule,
@@ -2523,7 +2523,7 @@ var require_insertStyleRule_native = __commonJS({
     }
     function insertStyleRules(rulesToInsert) {
       if (!process.env.TAMAGUI_REACT_19) {
-        if (!sheet && import_constants.isClient && document.head) {
+        if (!sheet && import_constants2.isClient && document.head) {
           var styleTag = document.createElement("style");
           nonce && (styleTag.nonce = nonce), sheet = document.head.appendChild(styleTag).sheet;
         }
@@ -2881,7 +2881,7 @@ var require_useMedia_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useMedia_exports);
-    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(), mediaState2 = (
+    var import_react3 = __toESM2(require("react")), import_constants2 = require_index_native3(), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native(), mediaState2 = (
       // development only safeguard
       process.env.NODE_ENV === "development" ? new Proxy({}, {
         get(target, key) {
@@ -2936,7 +2936,7 @@ var require_useMedia_native = __commonJS({
           }, updateCurrentState());
         }
       };
-      if (!(import_constants.isWeb && import_constants.isServer) && setupVersion !== mediaVersion) {
+      if (!(import_constants2.isWeb && import_constants2.isServer) && setupVersion !== mediaVersion) {
         setupVersion = mediaVersion, unlisten();
         for (var key in mediaQueryConfig2) _loop(key);
       }
@@ -2962,7 +2962,7 @@ var require_useMedia_native = __commonJS({
       };
     }
     function useMedia2(uidIn, componentContext, debug) {
-      var uid = uidIn ?? import_react3.default.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_constants2.isWeb ? mediaState2 : initState) || {}, componentState = States.get(uid);
       componentState || (componentState = {
         prev: initialState
       }, States.set(uid, componentState));
@@ -2980,7 +2980,7 @@ var require_useMedia_native = __commonJS({
       });
       else {
         var [_state, setState] = import_react3.default.useState(initialState);
-        state = _state, (0, import_constants.useIsomorphicLayoutEffect)(function() {
+        state = _state, (0, import_constants2.useIsomorphicLayoutEffect)(function() {
           function update() {
             setState(getSnapshot);
           }
@@ -3031,15 +3031,15 @@ var require_useMedia_native = __commonJS({
         return `-${m.toLowerCase()}`;
       }).toLowerCase();
     }
-    var cache = /* @__PURE__ */ new WeakMap(), cachedMediaKeyToQuery = {};
+    var cache2 = /* @__PURE__ */ new WeakMap(), cachedMediaKeyToQuery = {};
     function mediaObjectToString2(query, key) {
       if (typeof query == "string") return query;
-      if (cache.has(query)) return cache.get(query);
+      if (cache2.has(query)) return cache2.get(query);
       var res = Object.entries(query).map(function(param) {
         var [feature, value] = param;
         return feature = camelToHyphen(feature), typeof value == "string" ? `(${feature}: ${value})` : (typeof value == "number" && /[height|width]$/.test(feature) && (value = `${value}px`), `(${feature}: ${value})`);
       }).join(" and ");
-      return key && (cachedMediaKeyToQuery[key] = res), cache.set(query, res), res;
+      return key && (cachedMediaKeyToQuery[key] = res), cache2.set(query, res), res;
     }
     function mediaKeyToQuery(key) {
       return cachedMediaKeyToQuery[key] || mediaObjectToString2(mediaQueryConfig2[key], key);
@@ -3172,7 +3172,7 @@ var require_ThemeManager_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ThemeManager_exports);
-    var import_constants = require_index_native3(), import_config = require_config_native(), import_constants2 = require_constants_native2();
+    var import_constants2 = require_index_native3(), import_config = require_config_native(), import_constants22 = require_constants_native2();
     function _class_call_check(instance, Constructor) {
       if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
     }
@@ -3297,11 +3297,11 @@ var require_ThemeManager_native = __commonJS({
         return (x == null ? void 0 : x.state.name) || "";
       });
       isDirectParentAComponentTheme && allComponentThemes.shift();
-      for (var base = baseName.split(import_constants2.THEME_NAME_SEPARATOR), max = base.length, min = props.componentName && !nextName ? max : (
+      for (var base = baseName.split(import_constants22.THEME_NAME_SEPARATOR), max = base.length, min = props.componentName && !nextName ? max : (
         // component name only don't search upwards
         0
       ), i = max; i >= min; i--) {
-        var prefix = base.slice(0, i).join(import_constants2.THEME_NAME_SEPARATOR);
+        var prefix = base.slice(0, i).join(import_constants22.THEME_NAME_SEPARATOR);
         props.inverse && (prefix = inverseThemeName(prefix));
         var potentials = [];
         if (prefix && prefix !== baseName && prefix.includes(nextName) && potentials.push(prefix), nextName && potentials.unshift(prefix ? `${prefix}_${nextName}` : nextName), i === 1) {
@@ -3318,7 +3318,7 @@ var require_ThemeManager_native = __commonJS({
           }
           if (componentPotentials.push(`${prefix}_${componentName}`), nextName) {
             if (i > baseLen) {
-              var prefixLessOne = base.slice(0, i - 1).join(import_constants2.THEME_NAME_SEPARATOR);
+              var prefixLessOne = base.slice(0, i - 1).join(import_constants22.THEME_NAME_SEPARATOR);
               if (prefixLessOne) {
                 var lessSpecific = `${prefixLessOne}_${nextName}_${componentName}`;
                 componentPotentials.unshift(lessSpecific);
@@ -3336,7 +3336,7 @@ var require_ThemeManager_native = __commonJS({
         var found = potentials.find(function(t) {
           return t in themes;
         });
-        if (process.env.NODE_ENV !== "production" && typeof props.debug == "string" && import_constants.isClient && console.info(` \u{1F537} [${manager == null ? void 0 : manager.id}] getState`, {
+        if (process.env.NODE_ENV !== "production" && typeof props.debug == "string" && import_constants2.isClient && console.info(` \u{1F537} [${manager == null ? void 0 : manager.id}] getState`, {
           props,
           found,
           potentials,
@@ -3345,7 +3345,7 @@ var require_ThemeManager_native = __commonJS({
           baseName,
           prefix
         }), found) {
-          var _this, names = found.split("_"), [firstName, ...restNames] = names, lastName = names[names.length - 1], isComponent = lastName[0] === lastName[0].toUpperCase(), scheme = firstName === "light" ? "light" : firstName === "dark" ? "dark" : void 0, pre = import_constants2.THEME_CLASSNAME_PREFIX, className = import_constants.isWeb ? `${pre}sub_theme ${pre}${!scheme || !restNames.length ? firstName : restNames.join("_")}` : "", parentState = (_this = baseManager || parentManager) === null || _this === void 0 ? void 0 : _this.state, parentName = parentState == null ? void 0 : parentState.name;
+          var _this, names = found.split("_"), [firstName, ...restNames] = names, lastName = names[names.length - 1], isComponent = lastName[0] === lastName[0].toUpperCase(), scheme = firstName === "light" ? "light" : firstName === "dark" ? "dark" : void 0, pre = import_constants22.THEME_CLASSNAME_PREFIX, className = import_constants2.isWeb ? `${pre}sub_theme ${pre}${!scheme || !restNames.length ? firstName : restNames.join("_")}` : "", parentState = (_this = baseManager || parentManager) === null || _this === void 0 ? void 0 : _this.state, parentName = parentState == null ? void 0 : parentState.name;
           result = {
             name: found,
             parentName,
@@ -3357,7 +3357,7 @@ var require_ThemeManager_native = __commonJS({
           break;
         }
       }
-      return process.env.NODE_ENV !== "production" && props.debug === "verbose" && import_constants.isClient && (console.groupCollapsed("ThemeManager.getState()"), console.info({
+      return process.env.NODE_ENV !== "production" && props.debug === "verbose" && import_constants2.isClient && (console.groupCollapsed("ThemeManager.getState()"), console.info({
         props,
         baseName,
         base,
@@ -3589,7 +3589,7 @@ var require_useTheme_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useTheme_exports);
-    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(), emptyProps = {
+    var import_react3 = __toESM2(require("react")), import_constants2 = 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(), emptyProps = {
       name: null
     }, cached;
     function getDefaultThemeProxied() {
@@ -3604,11 +3604,11 @@ var require_useTheme_native = __commonJS({
       var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : emptyProps, [_, theme] = useThemeWithState(props), res = theme || getDefaultThemeProxied();
       return res;
     }, useThemeWithState = function(props) {
-      var keys = import_react3.default.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_constants2.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;
-          console.info("  \u{1F3A8} useTheme() shouldUpdate?", next, import_constants.isClient ? {
+          console.info("  \u{1F3A8} useTheme() shouldUpdate?", next, import_constants2.isClient ? {
             shouldUpdateProp: (_props_shouldUpdate2 = props.shouldUpdate) === null || _props_shouldUpdate2 === void 0 ? void 0 : _props_shouldUpdate2.call(props),
             keys: [
               ...keys.current
@@ -3659,7 +3659,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
                 if (subkey === "val") track(keyString);
                 else if (subkey === "get") return function(platform) {
                   var outVal = (0, import_createVariable.getVariable)(val);
-                  if (platform !== "web" && import_constants.isIos && !deopt && (0, import_config.getSetting)("fastSchemeChange") && !someParentIsInversed(themeManager) && scheme) {
+                  if (platform !== "web" && import_constants2.isIos && !deopt && (0, import_config.getSetting)("fastSchemeChange") && !someParentIsInversed(themeManager) && scheme) {
                     var oppositeThemeName = name.replace(scheme === "dark" ? "dark" : "light", scheme === "dark" ? "light" : "dark"), oppositeTheme = config.themes[oppositeThemeName], oppositeVal = (0, import_createVariable.getVariable)(oppositeTheme == null ? void 0 : oppositeTheme[keyString]);
                     if (oppositeVal) {
                       var dynamicVal = {
@@ -3722,7 +3722,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
           if (forceShouldChange || next && !(forceUpdate !== !0 && !manager.getStateShouldChange(next, prevState))) return next;
         }
       }
-      if (import_constants.isServer || (import_react3.default.useEffect(function() {
+      if (import_constants2.isServer || (import_react3.default.useEffect(function() {
         if (themeManager) {
           if (props.inverse && !mounted) {
             setThemeState(function(prev) {
@@ -3771,7 +3771,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
         };
       }, [
         themeManager
-      ])), import_constants.isWeb && isInversingOnMount) return {
+      ])), import_constants2.isWeb && isInversingOnMount) return {
         isNewTheme: !1,
         inversed: !1,
         themeManager: parentManager,
@@ -3805,7 +3805,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
         }
         var isNewTheme2 = !!(themeManager2 !== parentManager || props.inverse);
         isNewTheme2 && registerThemeManager(themeManager2);
-        var isWebSSR = import_constants.isWeb ? !(0, import_config.getSetting)("disableSSR") : !1, mounted2 = isWebSSR ? isRoot || (prev == null ? void 0 : prev.mounted) : !0;
+        var isWebSSR = import_constants2.isWeb ? !(0, import_config.getSetting)("disableSSR") : !1, mounted2 = isWebSSR ? isRoot || (prev == null ? void 0 : prev.mounted) : !0;
         state2 || (isNewTheme2 ? state2 = themeManager2.state : (state2 = parentManager.state, themeManager2 = parentManager));
         var wasInversed = prev == null ? void 0 : prev.inversed, isInherentlyInversed = isNewTheme2 && state2.scheme !== (parentManager == null ? void 0 : parentManager.state.scheme), inversed2 = isRoot ? !1 : isInherentlyInversed ? !0 : isWebSSR ? wasInversed != null ? !1 : null : props.inverse, response = {
           themeManager: themeManager2,
@@ -3816,7 +3816,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
         (0, import_createShallowSetState.isEqualShallow)(prev, response) && // ... and then compare just the state, because we make a new state obj but is likely the same
         (0, import_createShallowSetState.isEqualShallow)(prev.state, state2);
         if (prev && shouldReturnPrev) return prev;
-        if (response.state = state2, process.env.NODE_ENV === "development" && props.debug && import_constants.isClient) {
+        if (response.state = state2, process.env.NODE_ENV === "development" && props.debug && import_constants2.isClient) {
           console.groupCollapsed(`\u{1F537} [${themeManager2.id}] useChangeThemeEffect createState`);
           var parentState = {
             ...parentManager == null ? void 0 : parentManager.state
@@ -4206,15 +4206,15 @@ var require_objectIdentityKey_native = __commonJS({
         k += key;
         var arg = obj[key], type = typeof arg;
         if (!arg || type !== "object" && type !== "function") k += type + arg;
-        else if (cache.has(arg)) k += cache.get(arg);
+        else if (cache2.has(arg)) k += cache2.get(arg);
         else {
           var v = Math.random();
-          cache.set(arg, v), k += v;
+          cache2.set(arg, v), k += v;
         }
       }
       return k;
     }
-    var cache = /* @__PURE__ */ new WeakMap();
+    var cache2 = /* @__PURE__ */ new WeakMap();
   }
 });
 
@@ -5392,7 +5392,7 @@ var require_expandStyles_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(expandStyles_exports);
-    var import_constants = require_index_native3(), import_normalizeShadow = require_normalizeShadow_native();
+    var import_constants2 = require_index_native3(), import_normalizeShadow = require_normalizeShadow_native();
     function fixStyles(style) {
       "elevationAndroid" in style && (style.elevation = style.elevationAndroid, delete style.elevationAndroid), (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) && Object.assign(style, (0, import_normalizeShadow.normalizeShadow)(style));
       for (var key in borderDefaults) if (key in style) {
@@ -5400,7 +5400,7 @@ var require_expandStyles_native = __commonJS({
         (_style = style)[_borderDefaults_key = borderDefaults[key]] || (_style[_borderDefaults_key] = "solid");
       }
     }
-    var nativeStyle = import_constants.isWeb ? null : "borderStyle", borderDefaults = {
+    var nativeStyle = import_constants2.isWeb ? null : "borderStyle", borderDefaults = {
       borderWidth: "borderStyle",
       borderBottomWidth: nativeStyle || "borderBottomStyle",
       borderTopWidth: nativeStyle || "borderTopStyle",
@@ -5569,14 +5569,14 @@ var require_normalizeValueWithProperty_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(normalizeValueWithProperty_exports);
-    var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_insertStyleRule = require_insertStyleRule_native(), stylePropsAllPlusTransforms = {
+    var import_constants2 = require_index_native3(), import_helpers = require_index_native4(), import_insertStyleRule = require_insertStyleRule_native(), stylePropsAllPlusTransforms = {
       ...import_helpers.stylePropsAll,
       translateX: !0,
       translateY: !0
     };
     function normalizeValueWithProperty(value) {
       var property = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
-      if (!import_constants.isWeb || import_helpers.stylePropsUnitless[property] || property && !stylePropsAllPlusTransforms[property] || typeof value == "boolean") return value;
+      if (!import_constants2.isWeb || import_helpers.stylePropsUnitless[property] || property && !stylePropsAllPlusTransforms[property] || typeof value == "boolean") return value;
       var res = value;
       return value && typeof value == "object" ? value : (typeof value == "number" ? res = `${value}px` : property && (res = `${res}`), res);
     }
@@ -5853,14 +5853,14 @@ var require_expandStyle_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(expandStyle_exports);
-    var import_constants = require_index_native3(), import_webToNativeProps = require_webToNativeProps_native(), import_config = require_config_native(), _loop = function(parent2) {
+    var import_constants2 = require_index_native3(), import_webToNativeProps = require_webToNativeProps_native(), import_config = require_config_native(), _loop = function(parent2) {
       var _exec, _exec_index, prefix = parent2.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent2)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent2.length);
       EXPANSIONS[parent2] = EXPANSIONS[parent2].map(function(k) {
         return `${prefix}${k}`;
       });
     };
     function expandStyle(key, value) {
-      if (import_constants.isAndroid && key === "elevationAndroid") return [
+      if (import_constants2.isAndroid && key === "elevationAndroid") return [
         [
           "elevation",
           value
@@ -5920,7 +5920,7 @@ var require_expandStyle_native = __commonJS({
       padding: all,
       paddingHorizontal: horiz,
       paddingVertical: vert,
-      ...import_constants.isWeb && {
+      ...import_constants2.isWeb && {
         // react-native only supports borderStyle
         borderStyle: [
           "TopStyle",
@@ -6095,8 +6095,8 @@ var require_getVariantExtras_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getVariantExtras_exports);
-    var import_createVariable = require_createVariable_native(), cache = /* @__PURE__ */ new WeakMap(), getVariantExtras = function(styleState) {
-      if (cache.has(styleState)) return cache.get(styleState);
+    var import_createVariable = require_createVariable_native(), cache2 = /* @__PURE__ */ new WeakMap(), getVariantExtras = function(styleState) {
+      if (cache2.has(styleState)) return cache2.get(styleState);
       var { props, conf, context, theme } = styleState, fonts = conf.fontsParsed;
       context != null && context.language && (fonts = getFontsForLanguage(conf.fontsParsed, context.language));
       var next = {
@@ -6111,7 +6111,7 @@ var require_getVariantExtras_native = __commonJS({
         },
         props
       };
-      return cache.set(styleState, next), next;
+      return cache2.set(styleState, next), next;
     }, fontLanguageCache = /* @__PURE__ */ new WeakMap();
     function getFontsForLanguage(fonts, language) {
       if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);
@@ -6348,8 +6348,8 @@ var require_propMapper_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(propMapper_exports);
-    var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_normalizeStyle = require_normalizeStyle_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), propMapper = function(key, value, styleState) {
-      if (lastFontFamilyToken = null, !(!import_constants.isAndroid && key === "elevationAndroid")) {
+    var import_constants2 = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_normalizeStyle = require_normalizeStyle_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), propMapper = function(key, value, styleState) {
+      if (lastFontFamilyToken = null, !(!import_constants2.isAndroid && key === "elevationAndroid")) {
         var { conf, styleProps, fontFamily, staticConfig } = styleState;
         if (value === "unset") {
           var _conf_unset, unsetVal = (_conf_unset = conf.unset) === null || _conf_unset === void 0 ? void 0 : _conf_unset[key];
@@ -6682,12 +6682,12 @@ var require_isActivePlatform_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(isActivePlatform_exports);
-    var import_constants = require_index_native3();
+    var import_constants2 = require_index_native3();
     function isActivePlatform(key) {
       var platform = key.slice(10);
       return (
         // web, ios, android
-        platform === import_constants.currentPlatform || // web, native
+        platform === import_constants2.currentPlatform || // web, native
         platform === "native"
       );
     }
@@ -6807,14 +6807,14 @@ var require_getSplitStyles_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    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(), import_sortString = require_sortString_native(), consoleGroupCollapsed = import_constants.isWeb ? console.groupCollapsed : console.info, conf, PROP_SPLIT = "-";
+    var import_react3 = __toESM2(require("react")), import_constants2 = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = 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(), import_sortString = require_sortString_native(), consoleGroupCollapsed = import_constants2.isWeb ? console.groupCollapsed : console.info, conf, PROP_SPLIT = "-";
     function isValidStyleKey(key, staticConfig) {
       var _staticConfig_accept, validStyleProps = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles);
       return validStyleProps[key] || ((_staticConfig_accept = staticConfig.accept) === null || _staticConfig_accept === void 0 ? void 0 : _staticConfig_accept[key]);
     }
     var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug, skipThemeTokenResolution) {
-      conf = conf || (0, import_config.getConfig)(), import_constants.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
-      var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState2 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants.isWeb && !styleProps.noClassNames, rulesToInsert = void 0, classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, styleState = {
+      conf = conf || (0, import_config.getConfig)(), import_constants2.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
+      var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState2 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants2.isWeb && !styleProps.noClassNames, rulesToInsert = void 0, classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, styleState = {
         classNames,
         conf,
         props,
@@ -6829,7 +6829,7 @@ var require_getSplitStyles_native = __commonJS({
         debug,
         skipThemeTokenResolution
       };
-      process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants.isClient && (consoleGroupCollapsed("getSplitStyles (collapsed)"), (0, import_log.log)({
+      process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants2.isClient && (consoleGroupCollapsed("getSplitStyles (collapsed)"), (0, import_log.log)({
         props,
         staticConfig,
         shouldDoClasses,
@@ -7023,7 +7023,7 @@ var require_getSplitStyles_native = __commonJS({
           if (
             // is HOC we can just pass through the styles as props
             // this fixes issues where style prop got merged with wrong priority
-            !isHOC && (isValidStyleKey(key, staticConfig) || import_constants.isAndroid && key === "elevation")
+            !isHOC && (isValidStyleKey(key, staticConfig) || import_constants2.isAndroid && key === "elevation")
           ) return mergeStyle(styleState, key, val), "continue";
           if (!isVariant) {
             if (styleProps.styledContextProps && key in styleProps.styledContextProps) return "continue";
@@ -7051,7 +7051,7 @@ var require_getSplitStyles_native = __commonJS({
             }
           }
           if (!isValidStyleKeyInit) {
-            if (!import_constants.isAndroid && keyInit === "elevationAndroid") continue;
+            if (!import_constants2.isAndroid && keyInit === "elevationAndroid") continue;
             if (keyInit === "userSelect") keyInit = "selectable", valInit = valInit !== "none";
             else if (keyInit.startsWith("data-")) continue;
           }
@@ -7073,7 +7073,7 @@ var require_getSplitStyles_native = __commonJS({
               isVariant,
               valInit,
               shouldPassProp
-            }), import_constants.isClient && (0, import_log.log)({
+            }), import_constants2.isClient && (0, import_log.log)({
               variants,
               variant: variants == null ? void 0 : variants[keyInit],
               isVariant,
@@ -7097,7 +7097,7 @@ var require_getSplitStyles_native = __commonJS({
             if (process.env.NODE_ENV === "development" && debug === "verbose") {
               consoleGroupCollapsed("  \u{1F4A0} expanded", keyInit, valInit);
               try {
-                !import_constants.isServer && import_isDevTools.isDevTools && ((0, import_log.log)({
+                !import_constants2.isServer && import_isDevTools.isDevTools && ((0, import_log.log)({
                   expanded,
                   styleProps,
                   componentState,
@@ -7138,7 +7138,7 @@ current`, {
       }
       var avoidNormalize = styleProps.noNormalize === !1;
       if (!avoidNormalize) {
-        if (styleState.style && ((0, import_expandStyles.fixStyles)(styleState.style), import_constants.isWeb && !isReactNative && (0, import_getStylesAtomic.styleToCSS)(styleState.style)), styleState.flatTransforms) {
+        if (styleState.style && ((0, import_expandStyles.fixStyles)(styleState.style), import_constants2.isWeb && !isReactNative && (0, import_getStylesAtomic.styleToCSS)(styleState.style)), styleState.flatTransforms) {
           var _styleState1;
           (_styleState1 = styleState).style || (_styleState1.style = {}), Object.entries(styleState.flatTransforms).sort(function(param, param1) {
             var [a] = param, [b] = param1;
@@ -7173,7 +7173,7 @@ current`, {
           }
           if (transforms) for (var namespace in transforms) {
             var hash, val2, identifier2;
-            if (import_constants.isClient && !insertedTransforms[identifier2]) var rule;
+            if (import_constants2.isClient && !insertedTransforms[identifier2]) var rule;
           }
         }
         if (isReactNative) {
@@ -7254,14 +7254,14 @@ current`, {
     }
     function mergeStyle(styleState, key, val) {
       var disableNormalize = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, { classNames, viewProps, usedKeys, styleProps, staticConfig } = styleState;
-      if (import_constants.isWeb && (val == null ? void 0 : val[0]) === "_") {
+      if (import_constants2.isWeb && (val == null ? void 0 : val[0]) === "_") {
         var _usedKeys, _key;
         classNames[key] = val, (_usedKeys = usedKeys)[_key = key] || (_usedKeys[_key] = 1);
       } else if (key in import_helpers.stylePropsTransform) {
         var _styleState;
         (_styleState = styleState).flatTransforms || (_styleState.flatTransforms = {}), styleState.flatTransforms[key] = val;
       } else {
-        var shouldNormalize = import_constants.isWeb && !disableNormalize && !styleProps.noNormalize, out = shouldNormalize ? (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key) : val;
+        var shouldNormalize = import_constants2.isWeb && !disableNormalize && !styleProps.noNormalize, out = shouldNormalize ? (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key) : val;
         if (
           // accept is for props not styles
           staticConfig.accept && key in staticConfig.accept
@@ -7297,7 +7297,7 @@ current`, {
         }
       }
       return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
-    }, useInsertEffectCompat = import_constants.isWeb ? import_react3.default.useInsertionEffect || import_constants.useIsomorphicLayoutEffect : function() {
+    }, useInsertEffectCompat = import_constants2.isWeb ? import_react3.default.useInsertionEffect || import_constants2.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);
@@ -7361,7 +7361,7 @@ current`, {
         var val = style[key];
         key in import_helpers.stylePropsTransform ? mergeTransform(out, key, val) : out[key] = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key);
       }
-      return import_constants.isWeb && Array.isArray(out.transform) && (out.transform = (0, import_transformsToString.transformsToString)(out.transform)), (0, import_expandStyles.fixStyles)(out), out;
+      return import_constants2.isWeb && Array.isArray(out.transform) && (out.transform = (0, import_transformsToString.transformsToString)(out.transform)), (0, import_expandStyles.fixStyles)(out), out;
     }
     function applyDefaultStyle(pkey, styleState) {
       var defaultValues = animatableDefaults[pkey];
@@ -7665,7 +7665,7 @@ var require_Theme_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Theme_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require_index_native3(), 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_log = require_log_native(), Theme = /* @__PURE__ */ (0, import_react3.forwardRef)(function(param, ref) {
+    var import_jsx_runtime = require("react/jsx-runtime"), import_constants2 = require_index_native3(), 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_log = require_log_native(), Theme = /* @__PURE__ */ (0, import_react3.forwardRef)(function(param, ref) {
       var { children, ...props } = param;
       if (props.disable) return children;
       var isRoot = !!props._isRoot, themeState = (0, import_useTheme.useChangeThemeEffect)(props, isRoot), disableDirectChildTheme = props["disable-child-theme"], finalChildren = disableDirectChildTheme ? import_react3.Children.map(children, function(child) {
@@ -7708,7 +7708,7 @@ var require_Theme_native = __commonJS({
         value: themeManager.id,
         children: next
       });
-      return forceClassName === !1 ? elementsWithContext : import_constants.isWeb ? wrapThemeElements({
+      return forceClassName === !1 ? elementsWithContext : import_constants2.isWeb ? wrapThemeElements({
         children: elementsWithContext,
         themeState,
         forceClassName,
@@ -7943,15 +7943,15 @@ var require_useComponentState_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useComponentState_exports);
-    var import_defaultComponentState = require_defaultComponentState_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native(), import_react3 = require("react"), import_constants = require_index_native3(), import_createShallowSetState = require_createShallowSetState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, param, staticConfig, config) {
+    var import_defaultComponentState = require_defaultComponentState_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native(), import_react3 = require("react"), import_constants2 = require_index_native3(), import_createShallowSetState = require_createShallowSetState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, param, staticConfig, config) {
       var { animationDriver, groups } = param, _animationDriver_usePresence, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.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);
         return !!(next || curStateRef.hasAnimated);
-      }(), willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
+      }(), willBeAnimated = !import_constants2.isServer && willBeAnimatedClient;
       willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
-      var presence = willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && (animationDriver == null ? void 0 : animationDriver.isReactNative), hasEnterState = hasEnterStyle || isEntering, didHydrateOnce = willBeAnimated ? (0, import_useDidHydrateOnce.useDidHydrateOnce)() : !0, shouldEnter = hasEnterState || !didHydrateOnce && hasRNAnimation, shouldEnterFromUnhydrated = import_constants.isWeb && !didHydrateOnce, initialState = shouldEnter ? (
+      var presence = willBeAnimated && props.animatePresence !== !1 && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === !1, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === !0 && presenceState.initial !== !1, hasEnterStyle = !!props.enterStyle, hasRNAnimation = hasAnimationProp && (animationDriver == null ? void 0 : animationDriver.isReactNative), hasEnterState = hasEnterStyle || isEntering, didHydrateOnce = willBeAnimated ? (0, import_useDidHydrateOnce.useDidHydrateOnce)() : !0, shouldEnter = hasEnterState || !didHydrateOnce && hasRNAnimation, shouldEnterFromUnhydrated = import_constants2.isWeb && !didHydrateOnce, initialState = shouldEnter ? (
         // on the very first render we switch all spring animation drivers to css rendering
         // this is because we need to use css variables, which they don't support to do proper SSR
         // without flickers of the wrong colors.
@@ -7964,7 +7964,7 @@ var require_useComponentState_native = __commonJS({
         ...states[0],
         [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({
+      import_constants2.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({
         ...state
       }));
       var setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled, !1, props.debug);
@@ -7975,9 +7975,9 @@ var require_useComponentState_native = __commonJS({
         var exv = exitVariant ?? enterExitVariant, env = enterVariant ?? enterExitVariant;
         state.unmounted && env && staticConfig.variants[env] ? (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence ENTER "${env}"`), props[env] = !0) : isExiting && exv && (process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`Animating presence EXIT "${exv}"`), props[exv] = exitVariant !== enterExitVariant);
       }
-      var shouldAvoidClasses = !import_constants.isWeb;
-      if (import_constants.isWeb) {
-        var { disableClassName } = props, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !import_constants.isServer, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || didHydrateOnce), isDisabledManually = disableClassName && !import_constants.isServer && didHydrateOnce && state.unmounted === !0;
+      var shouldAvoidClasses = !import_constants2.isWeb;
+      if (import_constants2.isWeb) {
+        var { disableClassName } = props, isAnimatedAndHydrated = isAnimated && !supportsCSSVars && didHydrateOnce && !import_constants2.isServer, isClassNameDisabled = !staticConfig.acceptsClassName && (config.disableSSR || didHydrateOnce), isDisabledManually = disableClassName && !import_constants2.isServer && didHydrateOnce && state.unmounted === !0;
         (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) && (shouldAvoidClasses = !0, process.env.NODE_ENV === "development" && props.debug && (0, import_log.log)("avoiding className", {
           isAnimatedAndHydrated,
           isDisabledManually,
@@ -8094,7 +8094,7 @@ var require_setupHooks_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(setupHooks_exports);
-    var import_react3 = require("react"), hooks = {};
+    var hooks = {};
     function setupHooks2(next) {
       Object.assign(hooks, next);
     }
@@ -8147,7 +8147,7 @@ var require_Slot_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Slot_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 = require("react"), is19 = import_react3.version.startsWith("19."), Slot = /* @__PURE__ */ (0, import_react3.memo)(/* @__PURE__ */ (0, import_react3.forwardRef)(function(props, forwardedRef) {
+    var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require_index_native5(), import_constants2 = require_index_native3(), import_helpers = require_index_native4(), import_react3 = require("react"), is19 = import_react3.version.startsWith("19."), Slot = /* @__PURE__ */ (0, import_react3.memo)(/* @__PURE__ */ (0, import_react3.forwardRef)(function(props, forwardedRef) {
       var { children, ...slotProps } = props;
       if (/* @__PURE__ */ (0, import_react3.isValidElement)(children)) {
         var mergedProps = mergeSlotProps(children, slotProps);
@@ -8164,7 +8164,7 @@ var require_Slot_native = __commonJS({
       });
     };
     Slottable.displayName = "Slottable";
-    var pressMap = import_constants.isWeb ? {
+    var pressMap = import_constants2.isWeb ? {
       onPress: "onClick",
       onPressOut: "onMouseUp",
       onPressIn: "onMouseDown"
@@ -8262,7 +8262,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_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_useComponentState = require_useComponentState_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(), tamaguiConfig, time, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require_index_native5(), import_constants2 = require_index_native3(), import_helpers = require_index_native4(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_useComponentState = require_useComponentState_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(), tamaguiConfig, time, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set();
     typeof document < "u" && (cancelTouches = function() {
       componentSetStates.forEach(function(setState) {
         return setState(function(prev) {
@@ -8302,7 +8302,7 @@ var require_createComponent_native = __commonJS({
     var cancelTouches, BaseText, BaseView, hasSetupBaseViews = !1, lastInteractionWasKeyboard = {
       value: !1
     };
-    import_constants.isWeb && globalThis.document && (document.addEventListener("keydown", function() {
+    import_constants2.isWeb && globalThis.document && (document.addEventListener("keydown", function() {
       lastInteractionWasKeyboard.value = !0;
     }), document.addEventListener("mousedown", function() {
       lastInteractionWasKeyboard.value = !1;
@@ -8356,7 +8356,7 @@ var require_createComponent_native = __commonJS({
         } : 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 && import_react3.default.useEffect(function() {
+        if (process.env.NODE_ENV === "development" && import_constants2.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) {
@@ -8375,9 +8375,9 @@ var require_createComponent_native = __commonJS({
         process.env.NODE_ENV === "development" && time && time`start (ignore)`, process.env.NODE_ENV === "development" && time && time`did-finish-ssr`, process.env.NODE_ENV === "development" && time && time`stateref`;
         var animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, { curStateRef, disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, setStateShallow, shouldAvoidClasses, state, stateRef, supportsCSSVars, willBeAnimated, willBeAnimatedClient } = (0, import_useComponentState.useComponentState)(props, componentContext, staticConfig, config), shouldForcePseudo = !!propsIn.forceStyle, noClassNames = shouldAvoidClasses || shouldForcePseudo;
         process.env.NODE_ENV === "development" && time && time`use-state`;
-        var hasTextAncestor = !!(import_constants.isWeb && isText && componentContext.inText);
+        var hasTextAncestor = !!(import_constants2.isWeb && isText && componentContext.inText);
         process.env.NODE_ENV === "development" && time && time`use-context`;
-        var isTaggable = !Component || typeof Component == "string", tagProp = props.tag, element = import_constants.isWeb && isTaggable && tagProp || Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div"), elementType = isText ? BaseTextComponent : BaseViewComponent;
+        var isTaggable = !Component || typeof Component == "string", tagProp = props.tag, element = import_constants2.isWeb && isTaggable && tagProp || Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div"), elementType = isText ? BaseTextComponent : BaseViewComponent;
         animationDriver && isAnimated && (elementType = animationDriver[isText ? "Text" : "View"] || elementType);
         var disableThemeProp = !1, disableTheme = disableThemeProp || isHOC;
         process.env.NODE_ENV === "development" && time && time`theme-props`, props.themeShallow && (curStateRef.themeShallow = !0);
@@ -8391,11 +8391,11 @@ var require_createComponent_native = __commonJS({
           return stateRef.current.isListeningToTheme;
         }), themeStateProps.deopt = willBeAnimated, process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
           var name = `${componentName2 || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`, type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (shouldAvoidClasses ? "(shouldAvoidClasses)" : " ") + (state.press || state.pressIn ? "(PRESSED)" : " ") + (state.hover ? "(HOVERED)" : " ") + (state.focus ? "(FOCUSED)" : " ") + ((presenceState == null ? void 0 : presenceState.isPresent) === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = `${internalID} ${name}${dataIs ? ` ${dataIs}` : ""} ${type}`;
-          if (console.info(`%c ${banner} (hydrated: ${isHydrated}) (unmounted: ${state.unmounted})`, "background: green; color: white;"), import_constants.isServer) (0, import_log.log)({
+          if (console.info(`%c ${banner} (hydrated: ${isHydrated}) (unmounted: ${state.unmounted})`, "background: green; color: white;"), import_constants2.isServer) (0, import_log.log)({
             noClassNames,
             isAnimated,
             shouldAvoidClasses,
-            isWeb: import_constants.isWeb,
+            isWeb: import_constants2.isWeb,
             supportsCSSVars
           });
           else {
@@ -8504,7 +8504,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.default.Children.toArray(props.children).forEach(function(item) {
+        }, forwardedRef, import_setElementProps.setElementProps)), viewProps.ref = curStateRef.composedRef, process.env.NODE_ENV === "development" && !isReactNative && !isText && import_constants2.isWeb && !isHOC && import_react3.default.Children.toArray(props.children).forEach(function(item) {
           typeof item == "string" && item !== `
 ` && console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`);
         }), process.env.NODE_ENV === "development" && time && time`events-hooks`;
@@ -8514,7 +8514,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             pressIn: !1
           });
         };
-        process.env.NODE_ENV === "development" && import_constants.isWeb && (0, import_constants.useIsomorphicLayoutEffect)(function() {
+        process.env.NODE_ENV === "development" && import_constants2.isWeb && (0, import_constants2.useIsomorphicLayoutEffect)(function() {
           if (debugProp === "verbose") {
             var cssStyleDeclarationToObject2 = function(style) {
               for (var styleObject = {}, i = 0; i < style.length; i++) {
@@ -8566,7 +8566,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             ...mediaGroups
           ]).join("") : 0
         ]);
-        var runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusStyle), runtimeFocusVisibleStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusVisibleStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || runtimeFocusVisibleStyle || onFocus || onBlur), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || pseudos != null && pseudos.focusVisibleStyle), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = !!(groupName || runtimeHoverStyle || onHoverIn || onHoverOut), attachHover = import_constants.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !disabled && !props.asChild && !!(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle), needsPressState = !!(groupName || runtimePressStyle);
+        var runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusStyle), runtimeFocusVisibleStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusVisibleStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || runtimeFocusVisibleStyle || onFocus || onBlur), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || pseudos != null && pseudos.focusVisibleStyle), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = !!(groupName || runtimeHoverStyle || onHoverIn || onHoverOut), attachHover = import_constants2.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !disabled && !props.asChild && !!(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle), needsPressState = !!(groupName || runtimePressStyle);
         process.env.NODE_ENV === "development" && time && time`events-setup`, process.env.NODE_ENV === "development" && debugProp === "verbose" && (0, import_log.log)("\u{1FAA9} events()", {
           runtimeFocusStyle,
           runtimePressStyle,
@@ -8596,10 +8596,10 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             (runtimePressStyle || groupName) && setStateShallow({
               press: !0,
               pressIn: !0
-            }), onPressIn == null || onPressIn(e), onMouseDown == null || onMouseDown(e), import_constants.isWeb && componentSetStates.add(setState);
+            }), onPressIn == null || onPressIn(e), onMouseDown == null || onMouseDown(e), import_constants2.isWeb && componentSetStates.add(setState);
           } : void 0,
           onPress: attachPress ? function(e) {
-            unPress(), import_constants.isWeb && (onClick == null || onClick(e)), onPress == null || onPress(e);
+            unPress(), import_constants2.isWeb && (onClick == null || onClick(e)), onPress == null || onPress(e);
           } : void 0,
           ...attachPress && onLongPress && {
             onLongPress: function(e) {
@@ -8717,7 +8717,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         if (process.env.TAMAGUI_REACT_19 && !1) var rulesToInsert, keys;
         if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
           var element1 = typeof elementType == "string" ? elementType : "Component", title = `render <${element1} /> (${internalID}) with props`;
-          if (import_constants.isWeb) {
+          if (import_constants2.isWeb) {
             console.groupCollapsed(title);
             try {
               (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("children", content), typeof window < "u" && (0, import_log.log)({
@@ -8804,7 +8804,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       componentName: "Spacer",
       validStyles: import_helpers.validStyles,
       defaultProps: {
-        ...import_constants2.stackDefaultStyles,
+        ...import_constants22.stackDefaultStyles,
         // avoid nesting issues
         tag: "span",
         size: !0,
@@ -8899,7 +8899,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
     }
     var AbsoluteFill = createComponent({
       defaultProps: {
-        ...import_constants2.stackDefaultStyles,
+        ...import_constants22.stackDefaultStyles,
         flexDirection: "column",
         position: "absolute",
         top: 0,
@@ -9055,9 +9055,9 @@ var require_createVariables_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createVariables_exports);
-    var import_helpers = require_index_native4(), import_createVariable = require_createVariable_native(), cache = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens) {
+    var import_helpers = require_index_native4(), import_createVariable = require_createVariable_native(), cache2 = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens) {
       var parentPath = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", isFont = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
-      if (cache.has(tokens)) return tokens;
+      if (cache2.has(tokens)) return tokens;
       var res = {}, i = 0;
       for (var keyIn in tokens) {
         i++;
@@ -9078,7 +9078,7 @@ var require_createVariables_native = __commonJS({
         });
         res[key] = finalValue;
       }
-      return cache.set(res, !0), res;
+      return cache2.set(res, !0), res;
     };
   }
 });
@@ -9510,7 +9510,7 @@ var require_insertFont_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(insertFont_exports);
-    var import_config = require_config_native(), import_constants = require_constants_native2(), import_createFont = require_createFont_native(), import_createVariables = require_createVariables_native(), import_registerCSSVariable = require_registerCSSVariable_native();
+    var import_config = require_config_native(), import_constants2 = require_constants_native2(), import_createFont = require_createFont_native(), import_createVariables = require_createVariables_native(), import_registerCSSVariable = require_registerCSSVariable_native();
     function insertFont(name, fontIn) {
       var font = (0, import_createFont.createFont)(fontIn), tokened = (0, import_createVariables.createVariables)(font, name), parsed = parseFont(tokened);
       if (0) var fontVars, styleElement;
@@ -9592,7 +9592,7 @@ var require_createTamagui_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createTamagui_exports);
-    var import_constants = require_index_native3(), import_config = require_config_native(), import_createVariables = require_createVariables_native(), import_getThemeCSSRules = require_getThemeCSSRules_native(), import_insertStyleRule = require_insertStyleRule_native(), import_proxyThemeToParents = require_proxyThemeToParents_native(), import_registerCSSVariable = require_registerCSSVariable_native(), import_themes = require_themes_native(), import_useMedia = require_useMedia_native(), import_insertFont = require_insertFont_native(), import_Tamagui = require_Tamagui_native(), createdConfigs = /* @__PURE__ */ new WeakMap();
+    var import_constants2 = require_index_native3(), import_config = require_config_native(), import_createVariables = require_createVariables_native(), import_getThemeCSSRules = require_getThemeCSSRules_native(), import_insertStyleRule = require_insertStyleRule_native(), import_proxyThemeToParents = require_proxyThemeToParents_native(), import_registerCSSVariable = require_registerCSSVariable_native(), import_themes = require_themes_native(), import_useMedia = require_useMedia_native(), import_insertFont = require_insertFont_native(), import_Tamagui = require_Tamagui_native(), createdConfigs = /* @__PURE__ */ new WeakMap();
     function createTamagui(configIn) {
       var _configIn_settings;
       if (createdConfigs.has(configIn)) return configIn;
@@ -9638,9 +9638,9 @@ var require_createTamagui_native = __commonJS({
           var variable = tokens[key2][skey];
           if (specificTokens[`$${key2}.${skey}`] = variable, process.env.NODE_ENV === "development" && typeof variable > "u") throw new Error(`No value for tokens.${key2}.${skey}:
 ${JSON.stringify(variable, null, 2)}`);
-          import_constants.isWeb && ((0, import_registerCSSVariable.registerCSSVariable)(variable), declarations.push((0, import_registerCSSVariable.variableToCSS)(variable, key2 === "zIndex")));
+          import_constants2.isWeb && ((0, import_registerCSSVariable.registerCSSVariable)(variable), declarations.push((0, import_registerCSSVariable.variableToCSS)(variable, key2 === "zIndex")));
         }
-        if (import_constants.isWeb) {
+        if (import_constants2.isWeb) {
           var declarationsToRuleSet2 = function(decs) {
             var selector = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
             return `:root${selector} {${sep}${[
@@ -9669,7 +9669,7 @@ ${JSON.stringify(variable, null, 2)}`);
           cssRuleSets,
           getThemeRulesSets() {
             var themeRuleSets = [];
-            if (import_constants.isWeb) {
+            if (import_constants2.isWeb) {
               var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
               try {
                 for (var _iterator = dedupedThemes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
@@ -10471,10 +10471,10 @@ var require_useThemeName_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useThemeName_exports);
-    var import_react3 = __toESM2(require("react")), import_constants = require_index_native3(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_useTheme = require_useTheme_native();
+    var import_react3 = __toESM2(require("react")), import_constants2 = require_index_native3(), import_ThemeManagerContext = require_ThemeManagerContext_native(), import_useTheme = require_useTheme_native();
     function useThemeName(opts) {
       var manager = (0, import_useTheme.getThemeManager)(import_react3.default.useContext(import_ThemeManagerContext.ThemeManagerIDContext)), [name, setName] = import_react3.default.useState((manager == null ? void 0 : manager.state.name) || "");
-      return (0, import_constants.useIsomorphicLayoutEffect)(function() {
+      return (0, import_constants2.useIsomorphicLayoutEffect)(function() {
         if (manager) return setName(manager.state.name), manager.onChangeTheme(function(next, manager2) {
           var name2 = opts != null && opts.parent && manager2.state.parentName || next;
           name2 && setName(name2);
@@ -10673,8 +10673,8 @@ var require_useIsTouchDevice_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useIsTouchDevice_exports);
-    var import_constants = require_index_native3(), import_use_did_finish_ssr = require_index_native7(), useIsTouchDevice = function() {
-      return import_constants.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants.isTouchable : !1 : !0;
+    var import_constants2 = require_index_native3(), import_use_did_finish_ssr = require_index_native7(), useIsTouchDevice = function() {
+      return import_constants2.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants2.isTouchable : !1 : !0;
     };
   }
 });
@@ -10722,9 +10722,9 @@ var require_Stack_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Stack_exports);
-    var import_helpers = require_index_native4(), import_constants = require_constants_native2(), import_createComponent = require_createComponent_native(), Stack2 = (0, import_createComponent.createComponent)({
+    var import_helpers = require_index_native4(), import_constants2 = require_constants_native2(), import_createComponent = require_createComponent_native(), Stack2 = (0, import_createComponent.createComponent)({
       acceptsClassName: !0,
-      defaultProps: import_constants.stackDefaultStyles,
+      defaultProps: import_constants2.stackDefaultStyles,
       validStyles: import_helpers.validStyles
     });
     Stack2.displayName = "Stack";
@@ -10900,9 +10900,9 @@ var require_View_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(View_exports);
-    var import_helpers = require_index_native4(), import_constants = require_constants_native2(), import_createComponent = require_createComponent_native(), View2 = (0, import_createComponent.createComponent)({
+    var import_helpers = require_index_native4(), import_constants2 = require_constants_native2(), import_createComponent = require_createComponent_native(), View2 = (0, import_createComponent.createComponent)({
       acceptsClassName: !0,
-      defaultProps: import_constants.stackDefaultStyles,
+      defaultProps: import_constants2.stackDefaultStyles,
       validStyles: import_helpers.validStyles
     });
   }
@@ -11039,10 +11039,10 @@ var require_ThemeProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ThemeProvider_exports);
-    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() {
+    var import_jsx_runtime = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_constants2 = require_index_native3(), import_constants22 = require_constants_native2(), import_Theme = require_Theme_native(), import_config = require_config_native(), ThemeProvider = function(props) {
+      return import_constants2.isClient && import_react3.default.useLayoutEffect(function() {
         if (!props.disableRootThemeClass) {
-          var cn = `${import_constants2.THEME_CLASSNAME_PREFIX}${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;
+          var cn = `${import_constants22.THEME_CLASSNAME_PREFIX}${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() {
             target.classList.remove(cn);
           };
@@ -11189,10 +11189,10 @@ 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 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_constants2 = require_index_native3(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native();
     function TamaguiProvider(param) {
       var { children, disableInjectCSS, config, className, defaultTheme, disableRootThemeClass, reset, themeClassNameOnRoot } = param;
-      return (0, import_useMedia.setupMediaListeners)(), import_constants.isClient && (0, import_constants.useIsomorphicLayoutEffect)(function() {
+      return (0, import_useMedia.setupMediaListeners)(), process.env.TAMAGUI_REACT_19 || import_constants2.isClient && (0, import_constants2.useIsomorphicLayoutEffect)(function() {
         if (config && !disableInjectCSS) {
           var style = document.createElement("style");
           return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), function() {
@@ -11202,25 +11202,37 @@ var require_TamaguiProvider_native = __commonJS({
       }, [
         config,
         disableInjectCSS
-      ]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnmountedClassName, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
-          animationDriver: config == null ? void 0 : config.animations,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeProvider.ThemeProvider, {
-            themeClassNameOnRoot: themeClassNameOnRoot ?? (0, import_config.getSetting)("themeClassNameOnRoot"),
-            disableRootThemeClass: disableRootThemeClass ?? (0, import_config.getSetting)("disableRootThemeClass"),
-            defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
-            reset,
-            className,
-            children
-          })
-        })
+      ]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnmountedClassName, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
+              animationDriver: config == null ? void 0 : config.animations,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeProvider.ThemeProvider, {
+                themeClassNameOnRoot: themeClassNameOnRoot ?? (0, import_config.getSetting)("themeClassNameOnRoot"),
+                disableRootThemeClass: disableRootThemeClass ?? (0, import_config.getSetting)("disableRootThemeClass"),
+                defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
+                reset,
+                className,
+                children
+              })
+            })
+          }),
+          process.env.TAMAGUI_REACT_19 && config && !disableInjectCSS && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", {
+            // react 19 feature to hoist style tags to header:
+            // https://react.dev/reference/react-dom/components/style
+            // @ts-ignore
+            precedence: "default",
+            href: "tamagui-css",
+            children: config.getCSS()
+          }, "tamagui-css")
+        ]
       });
     }
     function UnmountedClassName(props) {
       var [mounted, setMounted] = import_react3.default.useState(!1);
       return import_react3.default.useEffect(function() {
         setMounted(!0);
-      }, []), import_constants.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+      }, []), import_constants2.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
         style: {
           display: "contents"
         },
@@ -11353,10 +11365,10 @@ var require_useGet_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useGet_exports);
-    var import_constants = require_index_native3(), React3 = __toESM2(require("react"));
+    var import_constants2 = require_index_native3(), React3 = __toESM2(require("react"));
     function useGet(currentValue, initialValue, forwardToFunction) {
       var curRef = React3.useRef(initialValue ?? currentValue);
-      return (0, import_constants.useIsomorphicLayoutEffect)(function() {
+      return (0, import_constants2.useIsomorphicLayoutEffect)(function() {
         curRef.current = currentValue;
       }), React3.useCallback(forwardToFunction ? function() {
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
@@ -11675,7 +11687,7 @@ __export(src_exports, {
   View: () => View
 });
 module.exports = __toCommonJS(src_exports);
-var import_react2 = __toESM(require("react")), import_react_native_use_responder_events = __toESM(require_index_native()), import_web = __toESM(require_index_native9());
+var import_react_native_use_responder_events = __toESM(require_index_native()), import_web = __toESM(require_index_native9()), import_react2 = __toESM(require("react"));
 
 // src/createOptimizedView.native.tsx
 var import_react = __toESM(require("react"));
@@ -11866,6 +11878,127 @@ function getBaseViews() {
   };
 }
 
+// src/helpers/getBoundingClientRect.tsx
+var getBoundingClientRect = function(node) {
+  var _node_getBoundingClientRect;
+  if (!(!node || node.nodeType !== 1))
+    return (_node_getBoundingClientRect = node.getBoundingClientRect) === null || _node_getBoundingClientRect === void 0 ? void 0 : _node_getBoundingClientRect.call(node);
+};
+
+// src/helpers/getRect.tsx
+var getRect = function(node) {
+  var rect = getBoundingClientRect(node);
+  if (rect) {
+    var { x, y, top, left } = rect;
+    return {
+      x,
+      y,
+      width: node.offsetWidth,
+      height: node.offsetHeight,
+      top,
+      left
+    };
+  }
+};
+
+// src/hooks/useElementLayout.tsx
+var import_constants = __toESM(require_index_native3());
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var LayoutHandlers = /* @__PURE__ */ new WeakMap(), resizeListeners = /* @__PURE__ */ new Set(), resizeObserver = null;
+typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver(function(entries) {
+  var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+  try {
+    for (var _loop = function() {
+      var { target } = _step.value, onLayout = LayoutHandlers.get(target);
+      if (typeof onLayout != "function") return {
+        v: void 0
+      };
+      measureElement(target).then(function(event) {
+        onLayout(event);
+      });
+    }, _iterator = entries[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+      var _ret = _loop();
+      if (_type_of(_ret) === "object") return _ret.v;
+    }
+  } catch (err) {
+    _didIteratorError = !0, _iteratorError = err;
+  } finally {
+    try {
+      !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+    } finally {
+      if (_didIteratorError)
+        throw _iteratorError;
+    }
+  }
+}), typeof window.addEventListener == "function" && window.addEventListener("resize", function() {
+  clearTimeout(tm), tm = setTimeout(function() {
+    resizeListeners.forEach(function(cb) {
+      return cb();
+    });
+  }, 4);
+}));
+var tm, measureElement = async function(target) {
+  return new Promise(function(res) {
+    measureLayout(target, null, function(x, y, width, height, left, top) {
+      res({
+        nativeEvent: {
+          layout: {
+            x,
+            y,
+            width,
+            height,
+            left,
+            top
+          },
+          target
+        },
+        timeStamp: Date.now()
+      });
+    });
+  });
+}, cache = /* @__PURE__ */ new WeakMap(), measureLayout = function(node, relativeTo, callback) {
+  var relativeNode = relativeTo || (node == null ? void 0 : node.parentNode);
+  if (relativeNode instanceof HTMLElement) {
+    var now = Date.now();
+    cache.set(node, now), Promise.all([
+      getBoundingClientRectAsync(node),
+      getBoundingClientRectAsync(relativeNode)
+    ]).then(function(param) {
+      var [nodeDim, relativeNodeDim] = param;
+      if (relativeNodeDim && nodeDim && cache.get(node) === now) {
+        var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
+        callback(x, y, width, height, left, top);
+      }
+    });
+  }
+}, getRelativeDimensions = function(a, b) {
+  var { height, left, top, width } = a, x = left - b.left, y = top - b.top;
+  return {
+    x,
+    y,
+    width,
+    height,
+    left,
+    top
+  };
+}, getBoundingClientRectAsync = function(element) {
+  return new Promise(function(resolve) {
+    function fallbackToSync() {
+      resolve(getBoundingClientRect(element));
+    }
+    var tm = setTimeout(fallbackToSync, 10), observer = new IntersectionObserver(function(entries, ob) {
+      var _entries_;
+      clearTimeout(tm), ob.disconnect(), resolve((_entries_ = entries[0]) === null || _entries_ === void 0 ? void 0 : _entries_.boundingClientRect);
+    }, {
+      threshold: 1e-4
+    });
+    observer.observe(element);
+  });
+};
+
 // src/vendor/Pressability.native.tsx
 var Pressability = require_fake_react_native().default, usePressability = (init_idFn(), __toCommonJS(idFn_exports)).default;
 
@@ -11874,11 +12007,24 @@ __reExport(src_exports, __toESM(require_index_native9()), module.exports);
 var baseViews = getBaseViews();
 (0, import_web.setupHooks)({
   getBaseViews,
+  setElementProps: function(node) {
+    if (node && !node.measure) {
+      var _node, _node1, _node2;
+      (_node = node).measure || (_node.measure = function(callback) {
+        return measureLayout(node, null, callback);
+      }), (_node1 = node).measureLayout || (_node1.measureLayout = function(relativeToNode, success) {
+        return measureLayout(node, relativeToNode, success);
+      }), (_node2 = node).measureInWindow || (_node2.measureInWindow = function(callback) {
+        setTimeout(function() {
+          var { height, left, top, width } = getRect(node);
+          callback(left, top, width, height);
+        }, 0);
+      });
+    }
+  },
   usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
     if (0) {
       var isDOM, onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onResponderEnd, onResponderGrant, onResponderMove, onResponderReject, onResponderRelease, onResponderStart, onResponderTerminate, onResponderTerminationRequest, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture, collapsable, focusable, accessible, accessibilityDisabled, onLayout, hrefAttrs, plainDOMProps;
-      if (willHydrate || isDOM)
-        var hostRef;
       if (isDOM && plainDOMProps.href && hrefAttrs)
         var download, rel, target;
     }