@tamagui/core 1.138.4 → 1.138.6

package/dist/native.cjs

@@ -2597,14 +2597,16 @@ var propMapper = function(key, value, styleState, disabled, map) {
         return;
       }
     }
-    if (styleProps.disableExpandShorthands || key in conf2.shorthands && (key = conf2.shorthands[key]), value != null && (value[0] === "$" ? value = getTokenForKey(key, value, styleProps, styleState) : isVariable(value) && (value = resolveVariableValue(key, value, styleProps.resolveValues))), value != null) {
+    styleProps.disableExpandShorthands || key in conf2.shorthands && (key = conf2.shorthands[key]);
+    var originalValue = value;
+    if (value != null && (value[0] === "$" ? value = getTokenForKey(key, value, styleProps, styleState) : isVariable(value) && (value = resolveVariableValue(key, value, styleProps.resolveValues))), value != null) {
       key === "fontFamily" && lastFontFamilyToken && (styleState.fontFamily = lastFontFamilyToken);
       var expanded = styleProps.noExpand ? null : expandStyle(key, value);
       if (expanded) for (var max = expanded.length, i = 0; i < max; i++) {
         var [nkey, nvalue] = expanded[i];
-        map(nkey, nvalue);
+        map(nkey, nvalue, originalValue);
       }
-      else map(key, value);
+      else map(key, value, originalValue);
     }
   }
 }, resolveVariants = function(key, value, styleProps, styleState, parentVariantKey) {
@@ -2664,7 +2666,10 @@ var variableToFontNameCache = /* @__PURE__ */ new WeakMap(), resolveTokensAndVar
     if (!(!styleProps.noSkip && subKey in skipProps)) {
       if (staticConfig) {
         var _staticConfig_context, _staticConfig_parentStaticConfig_context, _staticConfig_parentStaticConfig, contextProps = ((_staticConfig_context = staticConfig.context) === null || _staticConfig_context === void 0 ? void 0 : _staticConfig_context.props) || ((_staticConfig_parentStaticConfig = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig === void 0 || (_staticConfig_parentStaticConfig_context = _staticConfig_parentStaticConfig.context) === null || _staticConfig_parentStaticConfig_context === void 0 ? void 0 : _staticConfig_parentStaticConfig_context.props);
-        contextProps && subKey in contextProps && (styleState.overriddenContextProps || (styleState.overriddenContextProps = {}), styleState.overriddenContextProps[subKey] = val);
+        if (contextProps && subKey in contextProps) {
+          var _styleState, _styleState1;
+          (_styleState = styleState).overriddenContextProps || (_styleState.overriddenContextProps = {}), styleState.overriddenContextProps[subKey] = val, (_styleState1 = styleState).originalContextPropValues || (_styleState1.originalContextPropValues = {}), styleState.originalContextPropValues[subKey] = val;
+        }
       }
       if (styleProps.noExpand) res[subKey] = val;
       else if (variants && subKey in variants) {
@@ -2841,7 +2846,7 @@ function _type_of$2(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-var conf, PROP_SPLIT = "-";
+var conf, styleOriginalValues = /* @__PURE__ */ new WeakMap(), PROP_SPLIT = "-";
 function normalizeGroupKey(key, groupContext) {
   var parts = key.split("-"), plen = parts.length;
   if (
@@ -2888,7 +2893,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
     if (!noSkip && keyInit in skipProps) return "continue";
     (isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit);
     var disablePropMap = isMediaOrPseudo || !isStyleLikeKey;
-    if (propMapper(keyInit, valInit, styleState, disablePropMap, function(key4, val2) {
+    if (propMapper(keyInit, valInit, styleState, disablePropMap, function(key4, val2, originalVal) {
       var _parentStaticConfig_variants, isStyledContextProp = styledContext && key4 in styledContext;
       if (!isHOC && disablePropMap && !isStyledContextProp && !isMediaOrPseudo) {
         viewProps[key4] = val2;
@@ -2900,7 +2905,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
           return;
         }
         if (!isHOC && isValidStyleKey(key4, validStyles$1, accept) || isAndroid && key4 === "elevation") {
-          mergeStyle(styleState, key4, val2, 1);
+          mergeStyle(styleState, key4, val2, 1, false, originalVal);
           return;
         }
         if (isPseudo = key4 in validPseudoKeys, isMedia = isPseudo ? false : getMediaKey(key4), isMediaOrPseudo = !!(isMedia || isPseudo), isVariant = variants && key4 in variants, isMedia === "group" && (key4 = normalizeGroupKey(key4, groupContext)), (inlineProps == null ? void 0 : inlineProps.has(key4)) || process.env.IS_STATIC === "is_static" && (inlineWhenUnflattened == null ? void 0 : inlineWhenUnflattened.has(key4))) {
@@ -2927,7 +2932,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
           {
             var descriptorKey = descriptor.stateKey || descriptor.name, isDisabled2 = componentState[descriptorKey] === false;
             isExit && (isDisabled2 = !styleProps.isExiting), isEnter && componentState.unmounted === false && (isDisabled2 = true);
-            var importance = descriptor.priority;
+            var importance = descriptor.priority, pseudoOriginalValues = styleOriginalValues.get(pseudoStyleObject);
             for (var pkey in pseudoStyleObject) {
               var _$val = pseudoStyleObject[pkey];
               if (isDisabled2) applyDefaultStyle(pkey, styleState);
@@ -2938,7 +2943,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
                     var _pseudos1, _key1;
                     pseudos || (pseudos = {}), (_pseudos1 = pseudos)[_key1 = key4] || (_pseudos1[_key1] = {}), pseudos[key4][pkey] = _$val;
                   }
-                  mergeStyle(styleState, pkey, _$val, importance);
+                  mergeStyle(styleState, pkey, _$val, importance, false, pseudoOriginalValues == null ? void 0 : pseudoOriginalValues[pkey]);
                 }
               }
             }
@@ -2957,10 +2962,10 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
           var priority = mediaStylesSeen;
           if (mediaStylesSeen += 1, shouldDoClasses) ;
           else {
-            let mergeMediaStyle2 = function(key5, val3) {
+            let mergeMediaStyle2 = function(key5, val3, originalVal2) {
               var _styleState4;
               (_styleState4 = styleState).style || (_styleState4.style = {});
-              var didMerge = mergeMediaByImportance(styleState, mediaKeyShort, key5, val3, mediaState[mediaKeyShort], importanceBump);
+              var didMerge = mergeMediaByImportance(styleState, mediaKeyShort, key5, val3, mediaState[mediaKeyShort], importanceBump, debug, originalVal2);
               didMerge && key5 === "fontFamily" && (styleState.fontFamily = mediaStyle1.fontFamily);
             };
             var isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group", isPlatformMedia = isMedia === "platform";
@@ -2974,14 +2979,14 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
               if (dynamicThemeAccess = true, isIos && getSetting("fastSchemeChange")) {
                 var _styleState3;
                 (_styleState3 = styleState).style || (_styleState3.style = {});
-                var scheme = mediaKeyShort, oppositeScheme = getOppositeScheme(mediaKeyShort);
+                var scheme = mediaKeyShort, oppositeScheme = getOppositeScheme(mediaKeyShort), themeOriginalValues = styleOriginalValues.get(mediaStyle1);
                 for (var subKey1 in mediaStyle1) {
                   var _$val1 = extractValueFromDynamic(mediaStyle1[subKey1], scheme), oppositeVal = extractValueFromDynamic(styleState.style[subKey1], oppositeScheme);
                   mediaStyle1[subKey1] = getDynamicVal({
                     scheme,
                     val: _$val1,
                     oppositeVal
-                  }), mergeStyle(styleState, subKey1, mediaStyle1[subKey1], priority);
+                  }), mergeStyle(styleState, subKey1, mediaStyle1[subKey1], priority, false, themeOriginalValues == null ? void 0 : themeOriginalValues[subKey1]);
                 }
               } else if (!(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort))) return;
             } else if (isGroupMedia) {
@@ -3011,6 +3016,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
                 importanceBump = priority1;
               }
             }
+            var mediaOriginalValues = styleOriginalValues.get(mediaStyle1);
             for (var subKey2 in mediaStyle1) {
               if (subKey2 === "space") {
                 space = valInit.space;
@@ -3018,8 +3024,9 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
               }
               if (subKey2[0] === "$") {
                 if (!isActivePlatform(subKey2) || !isActiveTheme(subKey2, themeName)) continue;
-                for (var subSubKey in mediaStyle1[subKey2]) mergeMediaStyle2(subSubKey, mediaStyle1[subKey2][subSubKey]);
-              } else mergeMediaStyle2(subKey2, mediaStyle1[subKey2]);
+                var subOriginalValues = styleOriginalValues.get(mediaStyle1[subKey2]);
+                for (var subSubKey in mediaStyle1[subKey2]) mergeMediaStyle2(subSubKey, mediaStyle1[subKey2][subSubKey], subOriginalValues == null ? void 0 : subOriginalValues[subSubKey]);
+              } else mergeMediaStyle2(subKey2, mediaStyle1[subKey2], mediaOriginalValues == null ? void 0 : mediaOriginalValues[subKey2]);
             }
           }
           return;
@@ -3151,7 +3158,7 @@ function mergeFlatTransforms(target, flatTransforms) {
   });
 }
 function mergeStyle(styleState, key, val, importance) {
-  var _staticConfig_context, _staticConfig_parentStaticConfig_context, _staticConfig_parentStaticConfig, {
+  var originalVal = arguments.length > 5 ? arguments[5] : void 0, _staticConfig_context, _staticConfig_parentStaticConfig_context, _staticConfig_parentStaticConfig, {
     viewProps,
     styleProps,
     staticConfig,
@@ -3160,8 +3167,10 @@ function mergeStyle(styleState, key, val, importance) {
   if (!(existingImportance > importance)) {
     var contextProps = ((_staticConfig_context = staticConfig.context) === null || _staticConfig_context === void 0 ? void 0 : _staticConfig_context.props) || ((_staticConfig_parentStaticConfig = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig === void 0 || (_staticConfig_parentStaticConfig_context = _staticConfig_parentStaticConfig.context) === null || _staticConfig_parentStaticConfig_context === void 0 ? void 0 : _staticConfig_parentStaticConfig_context.props);
     if (contextProps && key in contextProps) {
-      var _styleState;
-      (_styleState = styleState).overriddenContextProps || (_styleState.overriddenContextProps = {}), styleState.overriddenContextProps[key] = val;
+      var _styleState_originalContextPropValues, _styleState;
+      (_styleState = styleState).overriddenContextProps || (_styleState.overriddenContextProps = {});
+      var originalFromState = (_styleState_originalContextPropValues = styleState.originalContextPropValues) === null || _styleState_originalContextPropValues === void 0 ? void 0 : _styleState_originalContextPropValues[key], _ref;
+      styleState.overriddenContextProps[key] = (_ref = originalVal != null ? originalVal : originalFromState) !== null && _ref !== void 0 ? _ref : val;
     }
     if (key in stylePropsTransform) {
       var _styleState1;
@@ -3187,14 +3196,14 @@ var getSubStyle = function(styleState, subKey, styleIn, avoidMergeTransform) {
     key1 = conf2.shorthands[key1] || key1;
     var shouldSkip = !staticConfig.isHOC && key1 in skipProps && !styleProps.noSkip;
     if (shouldSkip) return key = key1, "continue";
-    propMapper(key1, val, styleState, false, function(skey, sval) {
-      skey in validPseudoKeys && (sval = getSubStyle(styleState, skey, sval, avoidMergeTransform)), !avoidMergeTransform && skey in stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : normalizeValueWithProperty(sval);
+    propMapper(key1, val, styleState, false, function(skey, sval, originalVal) {
+      originalVal !== void 0 && (originalValues || (originalValues = {}), originalValues[skey] = originalVal), skey in validPseudoKeys && (sval = getSubStyle(styleState, skey, sval, avoidMergeTransform)), !avoidMergeTransform && skey in stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : normalizeValueWithProperty(sval);
     }), key = key1;
   }, {
     staticConfig,
     conf: conf2,
     styleProps
-  } = styleState, styleOut = {};
+  } = styleState, styleOut = {}, originalValues;
   for (var key in styleIn) _loop2(key);
   if (!avoidMergeTransform) {
     if (Array.isArray(styleOut.transform)) {
@@ -3203,7 +3212,7 @@ var getSubStyle = function(styleState, subKey, styleIn, avoidMergeTransform) {
     }
     styleState.flatTransforms && mergeFlatTransforms(styleOut, styleState.flatTransforms);
   }
-  return styleProps.noNormalize || fixStyles(styleOut), styleOut;
+  return styleProps.noNormalize || fixStyles(styleOut), originalValues && styleOriginalValues.set(styleOut, originalValues), styleOut;
 }, useSplitStyles = function(a, b2, c, d, e2, f, g, h2, i, j, k, l) {
   var res = getSplitStyles(a, b2, c, d, e2, f, g, h2, i, j, k, l);
   return res;
@@ -3240,15 +3249,16 @@ function passDownProp(viewProps, key, val) {
     delete viewProps[key], viewProps[key] = next;
   } else viewProps[key] = val;
 }
-function mergeMediaByImportance(styleState, mediaKey, key, value, isSizeMedia, importanceBump, debugProp) {
+function mergeMediaByImportance(styleState, mediaKey, key, value, isSizeMedia, importanceBump, debugProp, originalVal) {
   styleState.usedKeys;
   var importance = getMediaImportanceIfMoreImportant(mediaKey, key, styleState, isSizeMedia);
   if (importanceBump && (importance = (importance || 0) + importanceBump), importance === null) return false;
   if (key in pseudoDescriptors) {
     var descriptor = pseudoDescriptors[key], descriptorKey = descriptor.stateKey || descriptor.name, isDisabled2 = styleState.componentState[descriptorKey] === false;
     if (isDisabled2) return false;
-    for (var subKey in value) mergeStyle(styleState, subKey, value[subKey], importance);
-  } else mergeStyle(styleState, key, value, importance);
+    var pseudoOriginalValues = styleOriginalValues.get(value);
+    for (var subKey in value) mergeStyle(styleState, subKey, value[subKey], importance, false, pseudoOriginalValues == null ? void 0 : pseudoOriginalValues[subKey]);
+  } else mergeStyle(styleState, key, value, importance, false, originalVal);
   return true;
 }
 function normalizeStyle(style) {
@@ -5568,6 +5578,7 @@ exports.shouldRenderNativePlatform = shouldRenderNativePlatform;
 exports.simpleHash = simpleHash;
 exports.spacedChildren = spacedChildren;
 exports.stackDefaultStyles = stackDefaultStyles;
+exports.styleOriginalValues = styleOriginalValues;
 exports.stylePropsAll = stylePropsAll;
 exports.stylePropsText = stylePropsText;
 exports.stylePropsTextOnly = stylePropsTextOnly;

package/dist/test.native.cjs

@@ -2422,14 +2422,16 @@ var propMapper = function(key, value, styleState, disabled, map) {
         return;
       }
     }
-    if (styleProps.disableExpandShorthands || key in conf2.shorthands && (key = conf2.shorthands[key]), value != null && (value[0] === "$" ? value = getTokenForKey(key, value, styleProps, styleState) : isVariable(value) && (value = resolveVariableValue(key, value, styleProps.resolveValues))), value != null) {
+    styleProps.disableExpandShorthands || key in conf2.shorthands && (key = conf2.shorthands[key]);
+    var originalValue = value;
+    if (value != null && (value[0] === "$" ? value = getTokenForKey(key, value, styleProps, styleState) : isVariable(value) && (value = resolveVariableValue(key, value, styleProps.resolveValues))), value != null) {
       key === "fontFamily" && lastFontFamilyToken && (styleState.fontFamily = lastFontFamilyToken);
       var expanded = styleProps.noExpand ? null : expandStyle(key, value);
       if (expanded) for (var max = expanded.length, i = 0; i < max; i++) {
         var [nkey, nvalue] = expanded[i];
-        map(nkey, nvalue);
+        map(nkey, nvalue, originalValue);
       }
-      else map(key, value);
+      else map(key, value, originalValue);
     }
   }
 }, resolveVariants = function(key, value, styleProps, styleState, parentVariantKey) {
@@ -2489,7 +2491,10 @@ var variableToFontNameCache = /* @__PURE__ */ new WeakMap(), resolveTokensAndVar
     if (!(!styleProps.noSkip && subKey in skipProps)) {
       if (staticConfig) {
         var _staticConfig_context, _staticConfig_parentStaticConfig_context, _staticConfig_parentStaticConfig, contextProps = ((_staticConfig_context = staticConfig.context) === null || _staticConfig_context === void 0 ? void 0 : _staticConfig_context.props) || ((_staticConfig_parentStaticConfig = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig === void 0 || (_staticConfig_parentStaticConfig_context = _staticConfig_parentStaticConfig.context) === null || _staticConfig_parentStaticConfig_context === void 0 ? void 0 : _staticConfig_parentStaticConfig_context.props);
-        contextProps && subKey in contextProps && (styleState.overriddenContextProps || (styleState.overriddenContextProps = {}), styleState.overriddenContextProps[subKey] = val);
+        if (contextProps && subKey in contextProps) {
+          var _styleState, _styleState1;
+          (_styleState = styleState).overriddenContextProps || (_styleState.overriddenContextProps = {}), styleState.overriddenContextProps[subKey] = val, (_styleState1 = styleState).originalContextPropValues || (_styleState1.originalContextPropValues = {}), styleState.originalContextPropValues[subKey] = val;
+        }
       }
       if (styleProps.noExpand) res[subKey] = val;
       else if (variants && subKey in variants) {
@@ -2666,7 +2671,7 @@ function _type_of$2(obj) {
   "@swc/helpers - typeof";
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-var conf, PROP_SPLIT = "-";
+var conf, styleOriginalValues = /* @__PURE__ */ new WeakMap(), PROP_SPLIT = "-";
 function normalizeGroupKey(key, groupContext) {
   var parts = key.split("-"), plen = parts.length;
   if (
@@ -2714,7 +2719,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
     if (!noSkip && keyInit in skipProps) return "continue";
     (isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit);
     var disablePropMap = isMediaOrPseudo || !isStyleLikeKey;
-    if (propMapper(keyInit, valInit, styleState, disablePropMap, function(key4, val2) {
+    if (propMapper(keyInit, valInit, styleState, disablePropMap, function(key4, val2, originalVal) {
       var _parentStaticConfig_variants, isStyledContextProp = styledContext && key4 in styledContext;
       if (!isHOC && disablePropMap && !isStyledContextProp && !isMediaOrPseudo) {
         viewProps[key4] = val2;
@@ -2726,7 +2731,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
           return;
         }
         if (!isHOC && isValidStyleKey(key4, validStyles$1, accept) || isAndroid && key4 === "elevation") {
-          mergeStyle(styleState, key4, val2, 1);
+          mergeStyle(styleState, key4, val2, 1, false, originalVal);
           return;
         }
         if (isPseudo = key4 in validPseudoKeys, isMedia = isPseudo ? false : getMediaKey(key4), isMediaOrPseudo = !!(isMedia || isPseudo), isVariant = variants && key4 in variants, isMedia === "group" && (key4 = normalizeGroupKey(key4, groupContext)), (inlineProps == null ? void 0 : inlineProps.has(key4)) || process.env.IS_STATIC === "is_static" && (inlineWhenUnflattened == null ? void 0 : inlineWhenUnflattened.has(key4))) {
@@ -2753,7 +2758,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
           {
             var descriptorKey = descriptor.stateKey || descriptor.name, isDisabled2 = componentState[descriptorKey] === false;
             isExit && (isDisabled2 = !styleProps.isExiting), isEnter && componentState.unmounted === false && (isDisabled2 = true);
-            var importance = descriptor.priority;
+            var importance = descriptor.priority, pseudoOriginalValues = styleOriginalValues.get(pseudoStyleObject);
             for (var pkey in pseudoStyleObject) {
               var _$val = pseudoStyleObject[pkey];
               if (isDisabled2) applyDefaultStyle(pkey, styleState);
@@ -2764,7 +2769,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
                     var _pseudos1, _key1;
                     pseudos || (pseudos = {}), (_pseudos1 = pseudos)[_key1 = key4] || (_pseudos1[_key1] = {}), pseudos[key4][pkey] = _$val;
                   }
-                  mergeStyle(styleState, pkey, _$val, importance);
+                  mergeStyle(styleState, pkey, _$val, importance, false, pseudoOriginalValues == null ? void 0 : pseudoOriginalValues[pkey]);
                 }
               }
             }
@@ -2783,10 +2788,10 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
           var priority = mediaStylesSeen;
           if (mediaStylesSeen += 1, shouldDoClasses) ;
           else {
-            let mergeMediaStyle2 = function(key5, val3) {
+            let mergeMediaStyle2 = function(key5, val3, originalVal2) {
               var _styleState4;
               (_styleState4 = styleState).style || (_styleState4.style = {});
-              var didMerge = mergeMediaByImportance(styleState, mediaKeyShort, key5, val3, mediaState[mediaKeyShort], importanceBump);
+              var didMerge = mergeMediaByImportance(styleState, mediaKeyShort, key5, val3, mediaState[mediaKeyShort], importanceBump, debug, originalVal2);
               didMerge && key5 === "fontFamily" && (styleState.fontFamily = mediaStyle1.fontFamily);
             };
             var isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group", isPlatformMedia = isMedia === "platform";
@@ -2800,14 +2805,14 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
               if (dynamicThemeAccess = true, isIos && getSetting("fastSchemeChange")) {
                 var _styleState3;
                 (_styleState3 = styleState).style || (_styleState3.style = {});
-                var scheme = mediaKeyShort, oppositeScheme = getOppositeScheme(mediaKeyShort);
+                var scheme = mediaKeyShort, oppositeScheme = getOppositeScheme(mediaKeyShort), themeOriginalValues = styleOriginalValues.get(mediaStyle1);
                 for (var subKey1 in mediaStyle1) {
                   var _$val1 = extractValueFromDynamic(mediaStyle1[subKey1], scheme), oppositeVal = extractValueFromDynamic(styleState.style[subKey1], oppositeScheme);
                   mediaStyle1[subKey1] = getDynamicVal({
                     scheme,
                     val: _$val1,
                     oppositeVal
-                  }), mergeStyle(styleState, subKey1, mediaStyle1[subKey1], priority);
+                  }), mergeStyle(styleState, subKey1, mediaStyle1[subKey1], priority, false, themeOriginalValues == null ? void 0 : themeOriginalValues[subKey1]);
                 }
               } else if (!(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort))) return;
             } else if (isGroupMedia) {
@@ -2837,6 +2842,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
                 importanceBump = priority1;
               }
             }
+            var mediaOriginalValues = styleOriginalValues.get(mediaStyle1);
             for (var subKey2 in mediaStyle1) {
               if (subKey2 === "space") {
                 space = valInit.space;
@@ -2844,8 +2850,9 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
               }
               if (subKey2[0] === "$") {
                 if (!isActivePlatform(subKey2) || !isActiveTheme(subKey2, themeName)) continue;
-                for (var subSubKey in mediaStyle1[subKey2]) mergeMediaStyle2(subSubKey, mediaStyle1[subKey2][subSubKey]);
-              } else mergeMediaStyle2(subKey2, mediaStyle1[subKey2]);
+                var subOriginalValues = styleOriginalValues.get(mediaStyle1[subKey2]);
+                for (var subSubKey in mediaStyle1[subKey2]) mergeMediaStyle2(subSubKey, mediaStyle1[subKey2][subSubKey], subOriginalValues == null ? void 0 : subOriginalValues[subSubKey]);
+              } else mergeMediaStyle2(subKey2, mediaStyle1[subKey2], mediaOriginalValues == null ? void 0 : mediaOriginalValues[subKey2]);
             }
           }
           return;
@@ -2977,7 +2984,7 @@ function mergeFlatTransforms(target, flatTransforms) {
   });
 }
 function mergeStyle(styleState, key, val, importance) {
-  var _staticConfig_context, _staticConfig_parentStaticConfig_context, _staticConfig_parentStaticConfig, {
+  var originalVal = arguments.length > 5 ? arguments[5] : void 0, _staticConfig_context, _staticConfig_parentStaticConfig_context, _staticConfig_parentStaticConfig, {
     viewProps,
     styleProps,
     staticConfig,
@@ -2986,8 +2993,10 @@ function mergeStyle(styleState, key, val, importance) {
   if (!(existingImportance > importance)) {
     var contextProps = ((_staticConfig_context = staticConfig.context) === null || _staticConfig_context === void 0 ? void 0 : _staticConfig_context.props) || ((_staticConfig_parentStaticConfig = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig === void 0 || (_staticConfig_parentStaticConfig_context = _staticConfig_parentStaticConfig.context) === null || _staticConfig_parentStaticConfig_context === void 0 ? void 0 : _staticConfig_parentStaticConfig_context.props);
     if (contextProps && key in contextProps) {
-      var _styleState;
-      (_styleState = styleState).overriddenContextProps || (_styleState.overriddenContextProps = {}), styleState.overriddenContextProps[key] = val;
+      var _styleState_originalContextPropValues, _styleState;
+      (_styleState = styleState).overriddenContextProps || (_styleState.overriddenContextProps = {});
+      var originalFromState = (_styleState_originalContextPropValues = styleState.originalContextPropValues) === null || _styleState_originalContextPropValues === void 0 ? void 0 : _styleState_originalContextPropValues[key], _ref;
+      styleState.overriddenContextProps[key] = (_ref = originalVal != null ? originalVal : originalFromState) !== null && _ref !== void 0 ? _ref : val;
     }
     if (key in stylePropsTransform) {
       var _styleState1;
@@ -3013,14 +3022,14 @@ var getSubStyle = function(styleState, subKey, styleIn, avoidMergeTransform) {
     key1 = conf2.shorthands[key1] || key1;
     var shouldSkip = !staticConfig.isHOC && key1 in skipProps && !styleProps.noSkip;
     if (shouldSkip) return key = key1, "continue";
-    propMapper(key1, val, styleState, false, function(skey, sval) {
-      skey in validPseudoKeys && (sval = getSubStyle(styleState, skey, sval, avoidMergeTransform)), !avoidMergeTransform && skey in stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : normalizeValueWithProperty(sval);
+    propMapper(key1, val, styleState, false, function(skey, sval, originalVal) {
+      originalVal !== void 0 && (originalValues || (originalValues = {}), originalValues[skey] = originalVal), skey in validPseudoKeys && (sval = getSubStyle(styleState, skey, sval, avoidMergeTransform)), !avoidMergeTransform && skey in stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : normalizeValueWithProperty(sval);
     }), key = key1;
   }, {
     staticConfig,
     conf: conf2,
     styleProps
-  } = styleState, styleOut = {};
+  } = styleState, styleOut = {}, originalValues;
   for (var key in styleIn) _loop2(key);
   if (!avoidMergeTransform) {
     if (Array.isArray(styleOut.transform)) {
@@ -3029,7 +3038,7 @@ var getSubStyle = function(styleState, subKey, styleIn, avoidMergeTransform) {
     }
     styleState.flatTransforms && mergeFlatTransforms(styleOut, styleState.flatTransforms);
   }
-  return styleProps.noNormalize || fixStyles(styleOut), styleOut;
+  return styleProps.noNormalize || fixStyles(styleOut), originalValues && styleOriginalValues.set(styleOut, originalValues), styleOut;
 }, useSplitStyles = function(a, b2, c, d, e2, f, g, h2, i, j, k, l) {
   var res = getSplitStyles(a, b2, c, d, e2, f, g, h2, i, j, k, l);
   return res;
@@ -3066,15 +3075,16 @@ function passDownProp(viewProps, key, val) {
     delete viewProps[key], viewProps[key] = next;
   } else viewProps[key] = val;
 }
-function mergeMediaByImportance(styleState, mediaKey, key, value, isSizeMedia, importanceBump, debugProp) {
+function mergeMediaByImportance(styleState, mediaKey, key, value, isSizeMedia, importanceBump, debugProp, originalVal) {
   styleState.usedKeys;
   var importance = getMediaImportanceIfMoreImportant(mediaKey, key, styleState, isSizeMedia);
   if (importanceBump && (importance = (importance || 0) + importanceBump), importance === null) return false;
   if (key in pseudoDescriptors) {
     var descriptor = pseudoDescriptors[key], descriptorKey = descriptor.stateKey || descriptor.name, isDisabled2 = styleState.componentState[descriptorKey] === false;
     if (isDisabled2) return false;
-    for (var subKey in value) mergeStyle(styleState, subKey, value[subKey], importance);
-  } else mergeStyle(styleState, key, value, importance);
+    var pseudoOriginalValues = styleOriginalValues.get(value);
+    for (var subKey in value) mergeStyle(styleState, subKey, value[subKey], importance, false, pseudoOriginalValues == null ? void 0 : pseudoOriginalValues[subKey]);
+  } else mergeStyle(styleState, key, value, importance, false, originalVal);
   return true;
 }
 function normalizeStyle(style) {
@@ -5321,6 +5331,7 @@ exports.shouldRenderNativePlatform = shouldRenderNativePlatform;
 exports.simpleHash = simpleHash;
 exports.spacedChildren = spacedChildren;
 exports.stackDefaultStyles = stackDefaultStyles;
+exports.styleOriginalValues = styleOriginalValues;
 exports.stylePropsAll = stylePropsAll;
 exports.stylePropsText = stylePropsText;
 exports.stylePropsTextOnly = stylePropsTextOnly;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.138.4",
+  "version": "1.138.6",
   "type": "module",
   "source": "src/index.tsx",
   "main": "dist/cjs",
@@ -33,18 +33,18 @@
     "native-test.d.ts"
   ],
   "dependencies": {
-    "@tamagui/helpers": "1.138.4",
-    "@tamagui/react-native-media-driver": "1.138.4",
-    "@tamagui/react-native-use-pressable": "1.138.4",
-    "@tamagui/react-native-use-responder-events": "1.138.4",
-    "@tamagui/use-element-layout": "1.138.4",
-    "@tamagui/use-event": "1.138.4",
-    "@tamagui/web": "1.138.4"
+    "@tamagui/helpers": "1.138.6",
+    "@tamagui/react-native-media-driver": "1.138.6",
+    "@tamagui/react-native-use-pressable": "1.138.6",
+    "@tamagui/react-native-use-responder-events": "1.138.6",
+    "@tamagui/use-element-layout": "1.138.6",
+    "@tamagui/use-event": "1.138.6",
+    "@tamagui/web": "1.138.6"
   },
   "devDependencies": {
-    "@tamagui/build": "1.138.4",
-    "@tamagui/native-bundle": "1.138.4",
-    "@tamagui/react-native-web-lite": "1.138.4",
+    "@tamagui/build": "1.138.6",
+    "@tamagui/native-bundle": "1.138.6",
+    "@tamagui/react-native-web-lite": "1.138.6",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": "*",