@tamagui/core 1.132.13 → 1.132.14

package/dist/native.js

@@ -150,9 +150,9 @@ var require_clamp_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(clamp_exports);
-    function clamp(value, param) {
+    function clamp(value2, param) {
       var [min, max] = param;
-      return Math.min(max, Math.max(min, value));
+      return Math.min(max, Math.max(min, value2));
     }
   }
 });
@@ -1283,22 +1283,22 @@ Haven't called createTamagui yet. ${import_constants2.MISSING_THEME_MESSAGE}
       if (process.env.NODE_ENV === "development" && !conf) throw new Error(haventCalledErrorMessage);
       var { tokens, tokensParsed } = conf;
       return prefixed === !1 ? tokens : prefixed === !0 ? tokensParsed : tokensMerged;
-    }, getTokenObject = function(value, group) {
+    }, getTokenObject = function(value2, group) {
       var _tokensMerged_group, _tokensMerged_, _conf_specificTokens_value;
-      return (_conf_specificTokens_value = conf.specificTokens[value]) !== null && _conf_specificTokens_value !== void 0 ? _conf_specificTokens_value : group ? (_tokensMerged_group = tokensMerged[group]) === null || _tokensMerged_group === void 0 ? void 0 : _tokensMerged_group[value] : (_tokensMerged_ = tokensMerged[Object.keys(tokensMerged).find(function(cat) {
-        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);
+      return (_conf_specificTokens_value = conf.specificTokens[value2]) !== null && _conf_specificTokens_value !== void 0 ? _conf_specificTokens_value : group ? (_tokensMerged_group = tokensMerged[group]) === null || _tokensMerged_group === void 0 ? void 0 : _tokensMerged_group[value2] : (_tokensMerged_ = tokensMerged[Object.keys(tokensMerged).find(function(cat) {
+        return tokensMerged[cat][value2];
+      }) || ""]) === null || _tokensMerged_ === void 0 ? void 0 : _tokensMerged_[value2];
+    }, getToken2 = function(value2, group) {
+      var useVariable = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : import_constants.isWeb, token = getTokenObject(value2, 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);
+    }, getTokenValue2 = function(value2, group) {
+      if (!(value2 === "unset" || value2 === "auto")) return getToken2(value2, group, !1);
     }, useTokens = getTokens2, getThemes2 = function() {
       return conf.themes;
     }, configListeners = /* @__PURE__ */ new Set(), onConfiguredOnce = function(cb) {
       conf ? cb(conf) : configListeners.add(cb);
-    }, updateConfig2 = function(key, value) {
-      Object.assign(conf[key], value);
+    }, updateConfig2 = function(key, value2) {
+      Object.assign(conf[key], value2);
     }, getFont = function(name) {
       var _Object_entries_find, conf2 = getConfig2(), _conf_fontsParsed_name;
       return (_conf_fontsParsed_name = conf2.fontsParsed[name]) !== null && _conf_fontsParsed_name !== void 0 ? _conf_fontsParsed_name : (_Object_entries_find = Object.entries(conf2.fontsParsed).find(function(param) {
@@ -1440,9 +1440,9 @@ var require_createVariable_native = __commonJS({
       var name = (0, import_helpers2.simpleHash)(nameProp, 60);
       return includeVar ? constructCSSVariableName(name) : name;
     };
-    function px(value) {
+    function px(value2) {
       return {
-        val: value,
+        val: value2,
         needsPx: !0
       };
     }
@@ -1532,8 +1532,8 @@ var require_insertStyleRule_native = __commonJS({
         process.env.NODE_ENV === "development" && console.error(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`);
         return;
       }
-      var startI = s + 10, endI = css.indexOf(";"), value = css.slice(startI, endI);
-      if (!insertedTransforms[identifier]) return insertedTransforms[identifier] = value, !0;
+      var startI = s + 10, endI = css.indexOf(";"), value2 = css.slice(startI, endI);
+      if (!insertedTransforms[identifier]) return insertedTransforms[identifier] = value2, !0;
     }
     var lastScannedSheets = null;
     function scanAllSheets() {
@@ -1648,15 +1648,15 @@ var require_insertStyleRule_native = __commonJS({
             if (sepI !== -1) {
               var varIndex = rule.indexOf("--"), key1 = rule.slice(varIndex === -1 ? 0 : varIndex + 2, sepI);
               process.env.TAMAGUI_CSS_VARIABLE_PREFIX && (key1 = key1.replace(process.env.TAMAGUI_CSS_VARIABLE_PREFIX, ""));
-              var val = rule.slice(sepI + 2), value = void 0;
+              var val = rule.slice(sepI + 2), value2 = void 0;
               if (val[0] === "v" && val.startsWith("var(")) {
                 var varName = val.slice(6, -1), tokenVal = colorVarToVal[varName];
-                tokenVal ? value = tokenVal : (rootComputedStyle || (rootComputedStyle = getComputedStyle(document.body)), value = rootComputedStyle.getPropertyValue("--" + varName));
-              } else value = val;
+                tokenVal ? value2 = tokenVal : (rootComputedStyle || (rootComputedStyle = getComputedStyle(document.body)), value2 = rootComputedStyle.getPropertyValue("--" + varName));
+              } else value2 = val;
               values[key1] = (0, import_createVariable.createVariable)({
                 key: key1,
                 name: key1,
-                val: value
+                val: value2
               }, !0);
             }
           }
@@ -2190,8 +2190,8 @@ var require_useMedia_native = __commonJS({
       if (typeof query == "string") return query;
       if (cache.has(query)) return cache.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})`);
+        var [feature, value2] = param;
+        return feature = camelToHyphen(feature), typeof value2 == "string" ? `(${feature}: ${value2})` : (typeof value2 == "number" && /[height|width]$/.test(feature) && (value2 = `${value2}px`), `(${feature}: ${value2})`);
       }).join(" and ");
       return key && (cachedMediaKeyToQuery[key] = res), cache.set(query, res), res;
     }
@@ -2282,13 +2282,13 @@ var require_Tamagui_native = __commonJS({
     function _create_class(Constructor, protoProps, staticProps) {
       return protoProps && _defineProperties(Constructor.prototype, protoProps), staticProps && _defineProperties(Constructor, staticProps), Constructor;
     }
-    function _define_property(obj, key, value) {
+    function _define_property(obj, key, value2) {
       return key in obj ? Object.defineProperty(obj, key, {
-        value,
+        value: value2,
         enumerable: !0,
         configurable: !0,
         writable: !0
-      }) : obj[key] = value, obj;
+      }) : obj[key] = value2, obj;
     }
     var Tamagui = function() {
       if (process.env.NODE_ENV === "development") {
@@ -2342,8 +2342,8 @@ var require_Tamagui_native = __commonJS({
       }
     }(), identifierToValue = /* @__PURE__ */ new Map(), getValueFromIdentifier = function(identifier) {
       return identifierToValue.get(identifier);
-    }, setIdentifierValue = function(identifier, value) {
-      identifierToValue.set(identifier, value);
+    }, setIdentifierValue = function(identifier, value2) {
+      identifierToValue.set(identifier, value2);
     };
   }
 });
@@ -2410,8 +2410,8 @@ var require_compose_refs_native = __commonJS({
     });
     module2.exports = __toCommonJS2(compose_refs_exports);
     var React3 = __toESM2(require("react"));
-    function setRef(ref, value) {
-      typeof ref == "function" ? ref(value) : ref && (ref.current = value);
+    function setRef(ref, value2) {
+      typeof ref == "function" ? ref(value2) : ref && (ref.current = value2);
     }
     function composeRefs() {
       for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) refs[_key] = arguments[_key];
@@ -2738,8 +2738,8 @@ var require_createStyledContext_native = __commonJS({
           })
         });
       }, useStyledContext = function() {
-        var scopeIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", lastScopeInNamespace = (0, import_react3.useContext)(LastScopeInNamespace), scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn, context = scope ? getOrCreateScopedContext(scope) : OGContext, value = import_react3.default.useContext(context);
-        return value;
+        var scopeIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", lastScopeInNamespace = (0, import_react3.useContext)(LastScopeInNamespace), scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn, context = scope ? getOrCreateScopedContext(scope) : OGContext, value2 = import_react3.default.useContext(context);
+        return value2;
       };
       return Context.Provider = Provider, Context.props = defaultValues, Context.context = OGContext, Context.useStyledContext = useStyledContext, Context;
     }
@@ -4283,11 +4283,11 @@ var require_normalizeValueWithProperty_native = __commonJS({
       translateX: !0,
       translateY: !0
     };
-    function normalizeValueWithProperty(value) {
+    function normalizeValueWithProperty(value2) {
       var property = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
-      if (!import_constants.isWeb || import_helpers2.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);
+      if (!import_constants.isWeb || import_helpers2.stylePropsUnitless[property] || property && !stylePropsAllPlusTransforms[property] || typeof value2 == "boolean") return value2;
+      var res = value2;
+      return value2 && typeof value2 == "object" ? value2 : (typeof value2 == "number" ? res = `${value2}px` : property && (res = `${res}`), res);
     }
   }
 });
@@ -4551,26 +4551,26 @@ var require_expandStyle_native = __commonJS({
         return `${prefix}${k}`;
       });
     };
-    function expandStyle(key, value) {
+    function expandStyle(key, value2) {
       if (import_constants.isAndroid && key === "elevationAndroid") return [
         [
           "elevation",
-          value
+          value2
         ]
       ];
       if (key in EXPANSIONS) return EXPANSIONS[key].map(function(key2) {
         return [
           key2,
-          value
+          value2
         ];
       });
       if (key in import_webToNativeProps.webToNativeExpansion) return import_webToNativeProps.webToNativeExpansion[key].map(function(key2) {
         return [
           key2,
-          value
+          value2
         ];
       });
-      if (key in import_webToNativeProps.webToNativeDynamicExpansion) return import_webToNativeProps.webToNativeDynamicExpansion[key](value);
+      if (key in import_webToNativeProps.webToNativeDynamicExpansion) return import_webToNativeProps.webToNativeDynamicExpansion[key](value2);
     }
     var all = [
       "Top",
@@ -4815,8 +4815,8 @@ var require_normalizeStyle_native = __commonJS({
             res[key] = normalizeStyle(prop, disableNormalize);
             continue;
           }
-          var value = disableNormalize ? prop : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(prop, key), out = (0, import_expandStyle.expandStyle)(key, value);
-          out ? Object.assign(res, Object.fromEntries(out)) : res[key] = value;
+          var value2 = disableNormalize ? prop : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(prop, key), out = (0, import_expandStyle.expandStyle)(key, value2);
+          out ? Object.assign(res, Object.fromEntries(out)) : res[key] = value2;
         }
       }
       return (0, import_expandStyles.fixStyles)(res), res;
@@ -5035,18 +5035,18 @@ var require_propMapper_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(propMapper_exports);
-    var import_constants = require_index_native2(), import_helpers2 = require_index_native3(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_normalizeStyle = require_normalizeStyle_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), propMapper = function(key, value, styleState, disabled, map) {
-      if (disabled) return map(key, value);
+    var import_constants = require_index_native2(), import_helpers2 = require_index_native3(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_normalizeStyle = require_normalizeStyle_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), propMapper = function(key, value2, styleState, disabled, map) {
+      if (disabled) return map(key, value2);
       if (lastFontFamilyToken = null, !(!import_constants.isAndroid && key === "elevationAndroid")) {
         var { conf, styleProps, staticConfig } = styleState;
-        if (value === "unset") {
+        if (value2 === "unset") {
           var _conf_unset, unsetVal = (_conf_unset = conf.unset) === null || _conf_unset === void 0 ? void 0 : _conf_unset[key];
-          if (unsetVal != null) value = unsetVal;
+          if (unsetVal != null) value2 = unsetVal;
           else return;
         }
         var { variants } = staticConfig;
         if (!styleProps.noExpand && variants && key in variants) {
-          var variantValue = resolveVariants(key, value, styleProps, styleState, "");
+          var variantValue = resolveVariants(key, value2, styleProps, styleState, "");
           if (variantValue) {
             variantValue.forEach(function(param) {
               var [_$key, _$value] = param;
@@ -5055,35 +5055,35 @@ var require_propMapper_native = __commonJS({
             return;
           }
         }
-        if (styleProps.disableExpandShorthands || key in conf.shorthands && (key = conf.shorthands[key]), value != null && (value[0] === "$" ? value = getTokenForKey(key, value, styleProps, styleState) : (0, import_createVariable.isVariable)(value) && (value = resolveVariableValue(key, value, styleProps.resolveValues))), value != null) {
+        if (styleProps.disableExpandShorthands || key in conf.shorthands && (key = conf.shorthands[key]), value2 != null && (value2[0] === "$" ? value2 = getTokenForKey(key, value2, styleProps, styleState) : (0, import_createVariable.isVariable)(value2) && (value2 = resolveVariableValue(key, value2, styleProps.resolveValues))), value2 != null) {
           key === "fontFamily" && lastFontFamilyToken && (styleState.fontFamily = lastFontFamilyToken);
-          var expanded = styleProps.noExpand ? null : (0, import_expandStyle.expandStyle)(key, value);
+          var expanded = styleProps.noExpand ? null : (0, import_expandStyle.expandStyle)(key, value2);
           if (expanded) for (var max = expanded.length, i = 0; i < max; i++) {
             var [nkey, nvalue] = expanded[i];
             map(nkey, nvalue);
           }
-          else map(key, value);
+          else map(key, value2);
         }
       }
-    }, resolveVariants = function(key, value, styleProps, styleState, parentVariantKey) {
+    }, resolveVariants = function(key, value2, styleProps, styleState, parentVariantKey) {
       var { staticConfig, conf, debug } = styleState, { variants } = staticConfig;
       if (variants) {
-        var variantValue = getVariantDefinition(variants[key], value, conf);
+        var variantValue = getVariantDefinition(variants[key], value2, conf);
         if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(`\u2666\uFE0F\u2666\uFE0F\u2666\uFE0F resolve variant ${key}`), console.info({
           key,
-          value,
+          value: value2,
           variantValue,
           variants
         }), console.groupEnd()), !variantValue) {
-          if (process.env.TAMAGUI_WARN_ON_MISSING_VARIANT === "1" && typeof value != "boolean") {
+          if (process.env.TAMAGUI_WARN_ON_MISSING_VARIANT === "1" && typeof value2 != "boolean") {
             var name = staticConfig.componentName || "[UnnamedComponent]";
-            console.warn(`No variant found: ${name} has variant "${key}", but no matching value "${value}"`);
+            console.warn(`No variant found: ${name} has variant "${key}", but no matching value "${value2}"`);
           }
           return;
         }
         if (typeof variantValue == "function") {
           var fn = variantValue, extras = (0, import_getVariantExtras.getVariantExtras)(styleState);
-          variantValue = fn(value, extras), process.env.NODE_ENV;
+          variantValue = fn(value2, extras), process.env.NODE_ENV;
         }
         var fontFamilyResult;
         if ((0, import_isObj.isObj)(variantValue)) {
@@ -5108,11 +5108,11 @@ var require_propMapper_native = __commonJS({
         }
       } else if (typeof input == "string" && input[0] === "$") return input;
     }
-    var variableToFontNameCache = /* @__PURE__ */ new WeakMap(), resolveTokensAndVariants = function(key, value, styleProps, styleState, parentVariantKey) {
+    var variableToFontNameCache = /* @__PURE__ */ new WeakMap(), resolveTokensAndVariants = function(key, value2, styleProps, styleState, parentVariantKey) {
       var { conf, staticConfig, debug, theme } = styleState, { variants } = staticConfig, res = {};
-      process.env.NODE_ENV === "development" && debug === "verbose" && console.info("   - resolveTokensAndVariants", key, value);
-      for (var _key in value) {
-        var subKey = conf.shorthands[_key] || _key, val = value[_key];
+      process.env.NODE_ENV === "development" && debug === "verbose" && console.info("   - resolveTokensAndVariants", key, value2);
+      for (var _key in value2) {
+        var subKey = conf.shorthands[_key] || _key, val = value2[_key];
         if (!(!styleProps.noSkip && subKey in import_skipProps.skipProps)) {
           if (styleProps.noExpand) res[subKey] = val;
           else if (variants && subKey in variants) {
@@ -5180,17 +5180,17 @@ var require_propMapper_native = __commonJS({
         spreadName: `...${name}`
       };
     });
-    function getVariantDefinition(variant, value, conf) {
+    function getVariantDefinition(variant, value2, conf) {
       if (variant) {
         if (typeof variant == "function") return variant;
-        var exact = variant[value];
+        var exact = variant[value2];
         if (exact) return exact;
-        if (value != null) {
+        if (value2 != null) {
           var { tokensParsed } = conf, _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
           try {
             for (var _iterator = tokenCats[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
               var { name, spreadName } = _step.value;
-              if (spreadName in variant && name in tokensParsed && value in tokensParsed[name]) return variant[spreadName];
+              if (spreadName in variant && name in tokensParsed && value2 in tokensParsed[name]) return variant[spreadName];
             }
           } catch (err) {
             _didIteratorError = !0, _iteratorError = err;
@@ -5202,32 +5202,32 @@ var require_propMapper_native = __commonJS({
             }
           }
           var fontSizeVariant = variant["...fontSize"];
-          if (fontSizeVariant && conf.fontSizeTokens.has(value)) return fontSizeVariant;
+          if (fontSizeVariant && conf.fontSizeTokens.has(value2)) return fontSizeVariant;
         }
-        return variant[`:${typeof value}`] || variant["..."];
+        return variant[`:${typeof value2}`] || variant["..."];
       }
     }
     var fontShorthand = {
       fontSize: "size",
       fontWeight: "weight"
-    }, lastFontFamilyToken = null, getTokenForKey = function(key, value, styleProps, styleState) {
+    }, lastFontFamilyToken = null, getTokenForKey = function(key, value2, styleProps, styleState) {
       var _staticConfig_accept, resolveAs = styleProps.resolveValues || "none";
-      if (resolveAs === "none") return value;
-      var { theme, conf = (0, import_config.getConfig)(), context, fontFamily, staticConfig } = styleState, themeValue = theme ? theme[value] || theme[value.slice(1)] : void 0, tokensParsed = conf.tokensParsed, valOrVar, hasSet = !1, customTokenAccept = staticConfig == null || (_staticConfig_accept = staticConfig.accept) === null || _staticConfig_accept === void 0 ? void 0 : _staticConfig_accept[key];
+      if (resolveAs === "none") return value2;
+      var { theme, conf = (0, import_config.getConfig)(), context, fontFamily, staticConfig } = styleState, themeValue = theme ? theme[value2] || theme[value2.slice(1)] : void 0, tokensParsed = conf.tokensParsed, valOrVar, hasSet = !1, customTokenAccept = staticConfig == null || (_staticConfig_accept = staticConfig.accept) === null || _staticConfig_accept === void 0 ? void 0 : _staticConfig_accept[key];
       if (customTokenAccept) {
-        var val = themeValue ?? tokensParsed[customTokenAccept][value];
+        var val = themeValue ?? tokensParsed[customTokenAccept][value2];
         val != null && (resolveAs = "value", valOrVar = val, hasSet = !0);
       }
       if (themeValue) {
-        if (resolveAs === "except-theme") return value;
-        valOrVar = themeValue, process.env.NODE_ENV === "development" && styleState.debug === "verbose" && (globalThis.tamaguiAvoidTracking = !0, console.info(` - resolving ${key} to theme value ${value} resolveAs ${resolveAs}`, valOrVar), globalThis.tamaguiAvoidTracking = !1), hasSet = !0;
+        if (resolveAs === "except-theme") return value2;
+        valOrVar = themeValue, process.env.NODE_ENV === "development" && styleState.debug === "verbose" && (globalThis.tamaguiAvoidTracking = !0, console.info(` - resolving ${key} to theme value ${value2} resolveAs ${resolveAs}`, valOrVar), globalThis.tamaguiAvoidTracking = !1), hasSet = !0;
       } else {
-        if (value in conf.specificTokens) hasSet = !0, valOrVar = conf.specificTokens[value];
+        if (value2 in conf.specificTokens) hasSet = !0, valOrVar = conf.specificTokens[value2];
         else {
           switch (key) {
             case "fontFamily": {
               var _fontsParsed_value, fontsParsed = context != null && context.language ? (0, import_getVariantExtras.getFontsForLanguage)(conf.fontsParsed, context.language) : conf.fontsParsed;
-              valOrVar = ((_fontsParsed_value = fontsParsed[value]) === null || _fontsParsed_value === void 0 ? void 0 : _fontsParsed_value.family) || value, lastFontFamilyToken = value, hasSet = !0;
+              valOrVar = ((_fontsParsed_value = fontsParsed[value2]) === null || _fontsParsed_value === void 0 ? void 0 : _fontsParsed_value.family) || value2, lastFontFamilyToken = value2, hasSet = !0;
               break;
             }
             case "fontSize":
@@ -5237,18 +5237,18 @@ var require_propMapper_native = __commonJS({
               var fam = fontFamily || conf.defaultFontToken;
               if (fam) {
                 var _font_, fontsParsed1 = context != null && context.language ? (0, import_getVariantExtras.getFontsForLanguage)(conf.fontsParsed, context.language) : conf.fontsParsed, font = fontsParsed1[fam] || fontsParsed1[conf.defaultFontToken];
-                valOrVar = (font == null || (_font_ = font[fontShorthand[key] || key]) === null || _font_ === void 0 ? void 0 : _font_[value]) || value, hasSet = !0;
+                valOrVar = (font == null || (_font_ = font[fontShorthand[key] || key]) === null || _font_ === void 0 ? void 0 : _font_[value2]) || value2, hasSet = !0;
               }
               break;
             }
           }
           for (var cat in import_helpers2.tokenCategories) if (key in import_helpers2.tokenCategories[cat]) {
-            var res = tokensParsed[cat][value];
+            var res = tokensParsed[cat][value2];
             res != null && (valOrVar = res, hasSet = !0);
           }
         }
         if (!hasSet) {
-          var spaceVar = tokensParsed.space[value];
+          var spaceVar = tokensParsed.space[value2];
           spaceVar != null && (valOrVar = spaceVar, hasSet = !0);
         }
       }
@@ -5374,8 +5374,8 @@ var require_transformsToString_native = __commonJS({
         // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
         // { perspective: 1000 } => perspective(1000px)
         function(transform) {
-          var type = Object.keys(transform)[0], value = transform[type];
-          return type === "matrix" || type === "matrix3d" ? `${type}(${value.join(",")})` : `${type}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value, type)})`;
+          var type = Object.keys(transform)[0], value2 = transform[type];
+          return type === "matrix" || type === "matrix3d" ? `${type}(${value2.join(",")})` : `${type}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value2, type)})`;
         }
       ).join(" ");
     }
@@ -5676,12 +5676,12 @@ var require_getSplitStyles_native = __commonJS({
                     }
                   } else if (!(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort))) return;
                 } else if (isGroupMedia) {
-                  var _groupContext_groupName, _componentState_group, groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupState = groupContext == null || (_groupContext_groupName = groupContext[groupName]) === null || _groupContext_groupName === void 0 ? void 0 : _groupContext_groupName.state;
+                  var _groupContext_groupName, _componentState_group, groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupState = groupContext == null || (_groupContext_groupName = groupContext[groupName]) === null || _groupContext_groupName === void 0 ? void 0 : _groupContext_groupName.state, groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media;
                   if (!groupState) {
-                    process.env.NODE_ENV === "development" && debug && (0, import_log.log)(`No parent with group prop, skipping styles: ${groupName}`);
+                    process.env.NODE_ENV === "development" && debug && (0, import_log.log)(`No parent with group prop, skipping styles: ${groupName}`), pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set());
                     return;
                   }
-                  var groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = (_componentState_group = componentState.group) === null || _componentState_group === void 0 ? void 0 : _componentState_group[groupName];
+                  var componentGroupState = (_componentState_group = componentState.group) === null || _componentState_group === void 0 ? void 0 : _componentState_group[groupName];
                   if (groupMediaKey) {
                     mediaGroups || (mediaGroups = /* @__PURE__ */ new Set()), mediaGroups.add(groupMediaKey);
                     var mediaState1 = componentGroupState == null ? void 0 : componentGroupState.media, isActive = mediaState1 == null ? void 0 : mediaState1[groupMediaKey];
@@ -5811,7 +5811,7 @@ var require_getSplitStyles_native = __commonJS({
           if (!styleState.style.$$css) {
             var atomic, _iteratorNormalCompletion, _didIteratorError, _iteratorError;
             try {
-              for (var _iterator, _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) var atomicStyle, _props_animateOnly, _props_animateOnly1, key2, value, identifier, isAnimatedAndAnimateOnly, nonAnimatedAnimateOnly;
+              for (var _iterator, _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) var atomicStyle, _props_animateOnly, _props_animateOnly1, key2, value2, identifier, isAnimatedAndAnimateOnly, nonAnimatedAnimateOnly;
             } catch (err) {
             } finally {
             }
@@ -5985,14 +5985,14 @@ var require_getSplitStyles_native = __commonJS({
         delete viewProps[key], viewProps[key] = next;
       } else viewProps[key] = val;
     }
-    function mergeMediaByImportance(styleState, mediaKey, key, value, isSizeMedia, importanceBump, debugProp) {
+    function mergeMediaByImportance(styleState, mediaKey, key, value2, isSizeMedia, importanceBump, debugProp) {
       var usedKeys = styleState.usedKeys, importance = (0, import_useMedia.getMediaImportanceIfMoreImportant)(mediaKey, key, styleState, isSizeMedia);
       if (importanceBump && (importance = (importance || 0) + importanceBump), process.env.NODE_ENV === "development" && debugProp === "verbose" && (0, import_log.log)(`mergeMediaByImportance ${key} importance usedKey ${usedKeys[key]} next ${importance}`), importance === null) return !1;
       if (key in import_pseudoDescriptors.pseudoDescriptors) {
         var descriptor = import_pseudoDescriptors.pseudoDescriptors[key], descriptorKey = descriptor.stateKey || descriptor.name, isDisabled = styleState.componentState[descriptorKey] === !1;
         if (isDisabled) return !1;
-        for (var subKey in value) mergeStyle(styleState, subKey, value[subKey], importance);
-      } else mergeStyle(styleState, key, value, importance);
+        for (var subKey in value2) mergeStyle(styleState, subKey, value2[subKey], importance);
+      } else mergeStyle(styleState, key, value2, importance);
       return !0;
     }
     function normalizeStyle(style) {
@@ -6203,7 +6203,9 @@ var require_subscribeToContextGroup_native = __commonJS({
       }
     }, createGroupListener = function(name, param) {
       var { setStateShallow, pseudoGroups, mediaGroups, groupContext } = param, parent = groupContext == null ? void 0 : groupContext[name];
-      return parent ? parent.subscribe(function(param2) {
+      if (!parent) return function() {
+      };
+      var dispose = parent.subscribe(function(param2) {
         var { layout, pseudo } = param2;
         setStateShallow(function(prev) {
           var _prev_group, didChange = !1, group = ((_prev_group = prev.group) === null || _prev_group === void 0 ? void 0 : _prev_group[name]) || {
@@ -6228,7 +6230,11 @@ var require_subscribeToContextGroup_native = __commonJS({
             }
           } : prev;
         });
-      }) : function() {
+      });
+      return function() {
+        dispose(), setStateShallow({
+          group: {}
+        });
       };
     };
   }
@@ -6616,14 +6622,14 @@ var require_getThemeProxied_native = __commonJS({
         curKeys && (curKeys.current || (curKeys.current = /* @__PURE__ */ new Set()), curKeys.current.add(key), process.env.NODE_ENV === "development" && curProps.debug && console.info(` \u{1F3A8} useTheme() tracking new key: ${key}`, curKeys));
       }
       var proxied1 = Object.fromEntries(Object.entries(_state.theme).flatMap(function(param) {
-        var [key, value] = param, proxied2 = {
-          ...value,
+        var [key, value2] = param, proxied2 = {
+          ...value2,
           get val() {
-            return globalThis.tamaguiAvoidTracking || track(key), value.val;
+            return globalThis.tamaguiAvoidTracking || track(key), value2.val;
           },
           get(platform) {
             if (curState) {
-              var outVal = (0, import_createVariable.getVariable)(value), { name, scheme, inverses } = curState, shouldOptimize = scheme && platform !== "web" && import_constants.isIos && !curProps.deopt && (0, import_config.getSetting)("fastSchemeChange") && inverses === 0 && (0, import_doesRootSchemeMatchSystem.doesRootSchemeMatchSystem)();
+              var outVal = (0, import_createVariable.getVariable)(value2), { name, scheme, inverses } = curState, shouldOptimize = scheme && platform !== "web" && import_constants.isIos && !curProps.deopt && (0, import_config.getSetting)("fastSchemeChange") && inverses === 0 && (0, import_doesRootSchemeMatchSystem.doesRootSchemeMatchSystem)();
               if (shouldOptimize) {
                 var _config_themes_name, _config_themes_oppositeName, oppositeScheme = scheme === "dark" ? "light" : "dark", oppositeName = name.replace(scheme, oppositeScheme), color = (0, import_createVariable.getVariable)((_config_themes_name = config.themes[name]) === null || _config_themes_name === void 0 ? void 0 : _config_themes_name[key]), oppositeColor = (0, import_createVariable.getVariable)((_config_themes_oppositeName = config.themes[oppositeName]) === null || _config_themes_oppositeName === void 0 ? void 0 : _config_themes_oppositeName[key]), dynamicVal = (0, import_getDynamicVal.getDynamicVal)({
                   scheme,
@@ -7111,9 +7117,9 @@ var require_ClientOnly_native = __commonJS({
     });
     module2.exports = __toCommonJS2(ClientOnly_exports);
     var import_jsx_runtime2 = require("react/jsx-runtime"), import_react3 = require("react"), ClientOnlyContext2 = /* @__PURE__ */ (0, import_react3.createContext)(!1), ClientOnly2 = function(param) {
-      var { children, value = !0 } = param;
+      var { children, enabled } = param, existingValue = (0, import_react3.useContext)(ClientOnlyContext2);
       return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ClientOnlyContext2.Provider, {
-        value,
+        value: enabled ?? existingValue,
         children
       });
     };
@@ -7190,13 +7196,13 @@ var require_index_native7 = __commonJS({
     var React3 = __toESM2(require("react")), import_ClientOnly = require_ClientOnly_native(), import_ClientOnly2 = require_ClientOnly_native(), useIsClientOnly = function() {
       return React3.useContext(import_ClientOnly.ClientOnlyContext);
     };
-    function useDidFinishSSR(value) {
+    function useDidFinishSSR() {
       var clientOnly = React3.useContext(import_ClientOnly.ClientOnlyContext);
-      return value ?? !0;
+      return value != null ? value : !0;
     }
-    function useClientValue(value) {
+    function useClientValue(value1) {
       var done = useDidFinishSSR();
-      return done ? typeof value == "function" ? value() : value : void 0;
+      return done ? typeof value1 == "function" ? value1() : value1 : void 0;
     }
   }
 });
@@ -7245,24 +7251,22 @@ var require_useComponentState_native = __commonJS({
     });
     module2.exports = __toCommonJS2(useComponentState_exports);
     var import_constants = require_index_native2(), import_is_equal_shallow = require_index_native5(), import_use_did_finish_ssr = require_index_native7(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, animationDriver, staticConfig, config) {
-      var _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)(), [startedUnhydrated] = (0, import_react3.useState)(needsHydration && !isHydrated), 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)), supportsCSS = animationDriver == null ? void 0 : animationDriver.supportsCSS, curStateRef = stateRef.current;
+      var _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)(), [startedUnhydrated] = (0, import_react3.useState)(needsHydration && !isHydrated), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, { isHOC } = staticConfig, stateRef = (0, import_react3.useRef)({}), hasAnimationProp = !!(!isHOC && "animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSS = animationDriver == null ? void 0 : animationDriver.supportsCSS, curStateRef = stateRef.current;
       !needsHydration && hasAnimationProp && (curStateRef.hasAnimated = !0);
       var willBeAnimatedClient = function() {
-        var next = !!(hasAnimationProp && !staticConfig.isHOC && useAnimations);
+        var next = !!(hasAnimationProp && !isHOC && useAnimations);
         return !!(next || curStateRef.hasAnimated);
       }(), willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
       willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = !0);
-      var { disableClassName } = props, 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, hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && ((animationDriver == null ? void 0 : animationDriver.isReactNative) || !supportsCSS), hasEnterState = hasEnterStyle || isEntering, shouldEnter = hasEnterState || hasAnimationThatNeedsHydrate || // disableClassName doesnt work server side, only client, so needs hydrate
+      var { disableClassName } = props, presence = !isHOC && 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, hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && ((animationDriver == null ? void 0 : animationDriver.isReactNative) || !supportsCSS), canImmediatelyEnter = hasEnterStyle || isEntering, shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || // disableClassName doesnt work server side, only client, so needs hydrate
       // this is just for a better ux, supports css variables for light/dark, media queries, etc
-      disableClassName, initialState = shouldEnter ? (
+      disableClassName), 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.
         // but once we do that initial hydration and we are in client side rendering mode,
         // we can avoid the extra re-render on mount
-        hasEnterState ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState
+        canImmediatelyEnter ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState
       ) : import_defaultComponentState.defaultComponentStateMounted, disabled = isDisabled(props);
       disabled != null && (initialState.disabled = disabled);
       var states = (0, import_react3.useState)(initialState), state = props.forceStyle ? {
@@ -7541,7 +7545,7 @@ var require_createComponent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_jsx_runtime2 = require("react/jsx-runtime"), import_compose_refs = require_index_native4(), import_constants = require_index_native2(), import_helpers2 = require_index_native3(), import_is_equal_shallow = require_index_native5(), 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_GroupContext = require_GroupContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_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_wrapStyleTags = require_wrapStyleTags_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(), time2, NextState = /* @__PURE__ */ new WeakMap(), NextMedia = /* @__PURE__ */ new WeakMap(), debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set(), avoidReRenderKeys = /* @__PURE__ */ new Set([
+    var import_jsx_runtime2 = require("react/jsx-runtime"), import_compose_refs = require_index_native4(), import_constants = require_index_native2(), import_helpers2 = require_index_native3(), import_is_equal_shallow = require_index_native5(), 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_GroupContext = require_GroupContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_objectIdentityKey = require_objectIdentityKey_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_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(), time2, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set(), avoidReRenderKeys = /* @__PURE__ */ new Set([
       "hover",
       "press",
       "pressIn",
@@ -7636,16 +7640,15 @@ var require_createComponent_native = __commonJS({
           componentName2
         ]);
         var componentContext = import_react3.default.useContext(import_ComponentContext.ComponentContext), groupContextParent = import_react3.default.useContext(import_GroupContext.GroupContext), animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, componentState = (0, import_useComponentState.useComponentState)(props, animationDriver, staticConfig, config), { disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, noClass, state, stateRef, supportsCSS, willBeAnimated, willBeAnimatedClient, startedUnhydrated } = componentState;
-        if (hasAnimationProp && animationDriver != null && animationDriver.avoidReRenders) {
-          var pendingState = NextState.get(stateRef);
-          pendingState && (NextState.set(stateRef, void 0), componentState.setStateShallow(pendingState));
-        }
+        hasAnimationProp && animationDriver != null && animationDriver.avoidReRenders && (0, import_constants.useIsomorphicLayoutEffect)(function() {
+          var pendingState = stateRef.current.nextState;
+          pendingState && (stateRef.current.nextState = void 0, componentState.setStateShallow(pendingState));
+        });
         var allGroupContexts = (0, import_react3.useMemo)(function() {
-          var _stateRef_current_group;
+          var _stateRef_current_group_listeners, _stateRef_current_group;
           if (!groupName || props.passThrough) return groupContextParent;
-          (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || _stateRef_current_group.listeners.clear();
           var listeners = /* @__PURE__ */ new Set();
-          return stateRef.current.group = {
+          return (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || (_stateRef_current_group_listeners = _stateRef_current_group.listeners) === null || _stateRef_current_group_listeners === void 0 || _stateRef_current_group_listeners.clear(), stateRef.current.group = {
             listeners,
             emit(state2) {
               listeners.forEach(function(l) {
@@ -7744,8 +7747,8 @@ var require_createComponent_native = __commonJS({
           styledContextProps
         }, themeName = (themeState == null ? void 0 : themeState.name) || "";
         process.env.NODE_ENV === "development" && time2 && time2`split-styles-prepare`;
-        var splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), groupContext = groupName && (allGroupContexts == null ? void 0 : allGroupContexts[groupName]) || null;
-        if (splitStyles && groupContext && // avoids onLayout if we don't need it
+        var splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), isPassthrough = !splitStyles, groupContext = groupName && (allGroupContexts == null ? void 0 : allGroupContexts[groupName]) || null;
+        if (!isPassthrough && groupContext && // avoids onLayout if we don't need it
         props.containerType !== "normal") {
           var groupState = groupContext == null ? void 0 : groupContext.state;
           if (groupState && groupState.layout === void 0) {
@@ -7756,34 +7759,38 @@ var require_createComponent_native = __commonJS({
             });
           }
         }
-        if (splitStyles && (hasAnimationProp || groupName) && animationDriver != null && animationDriver.avoidReRenders) {
-          var _componentContext, ogSetStateShallow = setStateShallow;
+        if (!isPassthrough && (hasAnimationProp || groupName) && animationDriver != null && animationDriver.avoidReRenders) {
+          var updateGroupListeners2 = function() {
+            var updatedState = stateRef.current.nextState;
+            if (groupContext) {
+              var { group, hasDynGroupChildren, unmounted, animation, ...childrenGroupState } = updatedState;
+              notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
+            }
+          }, updateGroupListeners = updateGroupListeners2, _componentContext, ogSetStateShallow = setStateShallow;
           stateRef.current.updateStyleListener = function() {
-            var updatedState = NextState.get(stateRef) || state, mediaState22 = NextMedia.get(stateRef), { group, hasDynGroupChildren, unmounted, animation, ...childrenGroupState } = updatedState;
-            groupContext && notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
-            var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, mediaState22 ? {
+            var updatedState = stateRef.current.nextState || state, mediaState22 = stateRef.current.nextMedia, nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, mediaState22 ? {
               ...styleProps,
               mediaState: mediaState22
             } : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), useStyleListener = stateRef.current.useStyleListener;
             useStyleListener == null || useStyleListener((nextStyles == null ? void 0 : nextStyles.style) || {});
           }, (_componentContext = componentContext).mediaEmit || (_componentContext.mediaEmit = function(next) {
             var _stateRef_current_updateStyleListener, _stateRef_current;
-            NextMedia.set(stateRef, next), (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
+            stateRef.current.nextMedia = next, (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
           }), stateRef.current.setStateShallow = function(nextOrGetNext) {
-            var prev = NextState.get(stateRef) || state, next = typeof nextOrGetNext == "function" ? nextOrGetNext(prev) : nextOrGetNext;
+            var prev = stateRef.current.nextState || state, next = typeof nextOrGetNext == "function" ? nextOrGetNext(prev) : nextOrGetNext;
             if (!(next === prev || (0, import_is_equal_shallow.isEqualShallow)(prev, next))) {
               var canAvoidReRender = Object.keys(next).every(function(key3) {
                 return avoidReRenderKeys.has(key3);
-              });
-              if (canAvoidReRender) {
-                var _stateRef_current_updateStyleListener, _stateRef_current, updatedState = {
-                  ...prev,
-                  ...next
-                };
-                NextState.set(stateRef, updatedState), process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && (console.groupCollapsed("[\u26A1\uFE0F] avoid setState", next, {
+              }), updatedState = {
+                ...prev,
+                ...next
+              };
+              if (stateRef.current.nextState = updatedState, canAvoidReRender) {
+                var _stateRef_current_updateStyleListener, _stateRef_current;
+                process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && (console.groupCollapsed("[\u26A1\uFE0F] avoid setState", componentName2, next, {
                   updatedState,
                   props
-                }), console.info(stateRef.current.host), console.groupEnd()), (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
+                }), console.info(stateRef.current.host), console.groupEnd()), updateGroupListeners2(), (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
               } else process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && console.info("[\u{1F40C}] re-render", {
                 canAvoidReRender,
                 next
@@ -7856,7 +7863,7 @@ var require_createComponent_native = __commonJS({
         }
         process.env.NODE_ENV === "development" && props.untilMeasured && !props.group && console.warn(`You set the untilMeasured prop without setting group. This doesn't work, be sure to set untilMeasured on the parent that sets group, not the children that use the $group- prop.
 
-If you meant to do this, you can disable this warning - either change untilMeasured and group at the same time, or do group={conditional ? 'name' : undefined}`), process.env.NODE_ENV === "development" && time2 && time2`destructure`, splitStyles && groupContext && // avoids onLayout if we don't need it
+If you meant to do this, you can disable this warning - either change untilMeasured and group at the same time, or do group={conditional ? 'name' : undefined}`), process.env.NODE_ENV === "development" && time2 && time2`destructure`, !isPassthrough && groupContext && // avoids onLayout if we don't need it
         props.containerType !== "normal" && (nonTamaguiProps.onLayout = (0, import_helpers2.composeEventHandlers)(nonTamaguiProps.onLayout, function(e) {
           var _stateRef_current_group, layout = e.nativeEvent.layout;
           groupContext.state.layout = layout, (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || _stateRef_current_group.emit({
@@ -7926,12 +7933,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         }, [
           allGroupContexts,
           disabled,
-          pseudoGroups ? Object.keys([
-            ...pseudoGroups
-          ]).join("") : 0,
-          mediaGroups ? Object.keys([
-            ...mediaGroups
-          ]).join("") : 0
+          pseudoGroups ? (0, import_objectIdentityKey.objectIdentityKey)(pseudoGroups) : 0,
+          mediaGroups ? (0, import_objectIdentityKey.objectIdentityKey)(mediaGroups) : 0
         ]);
         var groupEmitter = stateRef.current.group;
         (0, import_constants.useIsomorphicLayoutEffect)(function() {
@@ -8031,7 +8034,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           onPress,
           onLongPress
         });
-        process.env.NODE_ENV === "development" && time2 && time2`spaced-as-child`, splitStyles || (content = propsIn.children, elementType = BaseViewComponent, viewProps = {
+        process.env.NODE_ENV === "development" && time2 && time2`spaced-as-child`, isPassthrough && (content = propsIn.children, elementType = BaseViewComponent, viewProps = {
           style: {
             display: "contents"
           }
@@ -8103,7 +8106,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
                 styleProps,
                 themeState,
                 viewProps,
-                willBeAnimated
+                willBeAnimated,
+                startedUnhydrated
               });
             } catch {
             } finally {
@@ -8815,10 +8819,10 @@ var require_createFont_native = __commonJS({
           ...sectionKeys
         ])
       ].map(function(key) {
-        var _section_key, _ref, value = (_ref = (_section_key = section[key]) !== null && _section_key !== void 0 ? _section_key : defaultValue) !== null && _ref !== void 0 ? _ref : fillValue;
-        return fillValue = value, defaultValue = value, [
+        var _section_key, _ref, value2 = (_ref = (_section_key = section[key]) !== null && _section_key !== void 0 ? _section_key : defaultValue) !== null && _ref !== void 0 ? _ref : fillValue;
+        return fillValue = value2, defaultValue = value2, [
           key,
-          value
+          value2
         ];
       }));
     }, createFont = function(font) {
@@ -10489,6 +10493,7 @@ var require_TamaguiProvider_native = __commonJS({
         })
       });
       return (0, import_config.getSetting)("disableSSR") && (contents = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_use_did_finish_ssr.ClientOnly, {
+        enabled: !0,
         children: contents
       })), /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, {
         children: [
@@ -10569,16 +10574,15 @@ var require_Configuration_native = __commonJS({
     });
     module2.exports = __toCommonJS2(Configuration_exports);
     var import_jsx_runtime2 = require("react/jsx-runtime"), import_use_did_finish_ssr = require_index_native7(), import_react3 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), Configuration = function(props) {
-      var current = import_react3.default.useContext(import_ComponentContext.ComponentContext);
+      var current = import_react3.default.useContext(import_ComponentContext.ComponentContext), _props_disableSSR;
       return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_use_did_finish_ssr.ClientOnly, {
-        value: typeof props.disableSSR == "boolean" && props.disableSSR !== current.disableSSR ? props.disableSSR : current.disableSSR,
+        enabled: (_props_disableSSR = props.disableSSR) !== null && _props_disableSSR !== void 0 ? _props_disableSSR : current.disableSSR,
         children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ComponentContext.ComponentContext.Provider, {
           ...current,
           ...props
         })
       });
     };
-    Configuration.displayName = "Configuration";
   }
 });
 
@@ -10972,41 +10976,41 @@ var require_matchQuery_native = __commonJS({
           var inverse = query.inverse, typeMatch = query.type === "all" || values.type === query.type;
           if (typeMatch && inverse || !(typeMatch || inverse)) return !1;
           var expressionsMatch = query.expressions.every(function(expression) {
-            var feature = expression.feature, modifier = expression.modifier, expValue = expression.value, value = values[feature];
-            if (!value) return !1;
+            var feature = expression.feature, modifier = expression.modifier, expValue = expression.value, value2 = values[feature];
+            if (!value2) return !1;
             switch (feature) {
               case "orientation":
               case "scan":
-                return value.toLowerCase() === expValue.toLowerCase();
+                return value2.toLowerCase() === expValue.toLowerCase();
               case "width":
               case "height":
               case "device-width":
               case "device-height":
-                expValue = toPx(expValue), value = toPx(value);
+                expValue = toPx(expValue), value2 = toPx(value2);
                 break;
               case "resolution":
-                expValue = toDpi(expValue), value = toDpi(value);
+                expValue = toDpi(expValue), value2 = toDpi(value2);
                 break;
               case "aspect-ratio":
               case "device-aspect-ratio":
               case /* Deprecated */
               "device-pixel-ratio":
-                expValue = toDecimal(expValue), value = toDecimal(value);
+                expValue = toDecimal(expValue), value2 = toDecimal(value2);
                 break;
               case "grid":
               case "color":
               case "color-index":
               case "monochrome":
-                expValue = Number.parseInt(expValue, 10) || 1, value = Number.parseInt(value, 10) || 0;
+                expValue = Number.parseInt(expValue, 10) || 1, value2 = Number.parseInt(value2, 10) || 0;
                 break;
             }
             switch (modifier) {
               case "min":
-                return value >= expValue;
+                return value2 >= expValue;
               case "max":
-                return value <= expValue;
+                return value2 <= expValue;
               default:
-                return value === expValue;
+                return value2 === expValue;
             }
           });
           return expressionsMatch && !inverse || !expressionsMatch && inverse;
@@ -11038,35 +11042,35 @@ var require_matchQuery_native = __commonJS({
       return decimal || (numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/), decimal = numbers[1] / numbers[2]), decimal;
     }
     function toDpi(resolution) {
-      var _String_match, value = Number.parseFloat(resolution), units = (_String_match = String(resolution).match(RE_RESOLUTION_UNIT)) === null || _String_match === void 0 ? void 0 : _String_match[1];
+      var _String_match, value2 = Number.parseFloat(resolution), units = (_String_match = String(resolution).match(RE_RESOLUTION_UNIT)) === null || _String_match === void 0 ? void 0 : _String_match[1];
       switch (units) {
         case "dpcm":
-          return value / 2.54;
+          return value2 / 2.54;
         case "dppx":
-          return value * 96;
+          return value2 * 96;
         default:
-          return value;
+          return value2;
       }
     }
     function toPx(length) {
-      var _String_match, value = Number.parseFloat(length), units = (_String_match = String(length).match(RE_LENGTH_UNIT)) === null || _String_match === void 0 ? void 0 : _String_match[1];
+      var _String_match, value2 = Number.parseFloat(length), units = (_String_match = String(length).match(RE_LENGTH_UNIT)) === null || _String_match === void 0 ? void 0 : _String_match[1];
       switch (units) {
         case "em":
-          return value * 16;
+          return value2 * 16;
         case "rem":
-          return value * 16;
+          return value2 * 16;
         case "cm":
-          return value * 96 / 2.54;
+          return value2 * 96 / 2.54;
         case "mm":
-          return value * 96 / 2.54 / 10;
+          return value2 * 96 / 2.54 / 10;
         case "in":
-          return value * 96;
+          return value2 * 96;
         case "pt":
-          return value * 72;
+          return value2 * 72;
         case "pc":
-          return value * 72 / 12;
+          return value2 * 72 / 12;
         default:
-          return value;
+          return value2;
       }
     }
   }
@@ -11128,13 +11132,13 @@ var require_mediaQueryList_native = __commonJS({
     function _create_class(Constructor, protoProps, staticProps) {
       return protoProps && _defineProperties(Constructor.prototype, protoProps), staticProps && _defineProperties(Constructor, staticProps), Constructor;
     }
-    function _define_property(obj, key, value) {
+    function _define_property(obj, key, value2) {
       return key in obj ? Object.defineProperty(obj, key, {
-        value,
+        value: value2,
         enumerable: !0,
         configurable: !0,
         writable: !0
-      }) : obj[key] = value, obj;
+      }) : obj[key] = value2, obj;
     }
     var NativeMediaQueryList = /* @__PURE__ */ function() {
       "use strict";
@@ -11804,13 +11808,13 @@ var require_ResponderTouchHistoryStore_native = __commonJS({
     function _create_class(Constructor, protoProps, staticProps) {
       return protoProps && _defineProperties(Constructor.prototype, protoProps), staticProps && _defineProperties(Constructor, staticProps), Constructor;
     }
-    function _define_property(obj, key, value) {
+    function _define_property(obj, key, value2) {
       return key in obj ? Object.defineProperty(obj, key, {
-        value,
+        value: value2,
         enumerable: !0,
         configurable: !0,
         writable: !0
-      }) : obj[key] = value, obj;
+      }) : obj[key] = value2, obj;
     }
     var ResponderTouchHistoryStore = /* @__PURE__ */ function() {
       "use strict";