@tamagui/core 1.125.35 → 1.126.1

package/dist/test.native.js

@@ -2553,6 +2553,73 @@ var require_getShorthandValue_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/helpers/getDynamicVal.native.js
+var require_getDynamicVal_native = __commonJS({
+  "../web/dist/cjs/helpers/getDynamicVal.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, getDynamicVal_exports = {};
+    __export2(getDynamicVal_exports, {
+      extractValueFromDynamic: function() {
+        return extractValueFromDynamic;
+      },
+      getDynamicVal: function() {
+        return getDynamicVal;
+      },
+      getOppositeScheme: function() {
+        return getOppositeScheme;
+      }
+    });
+    module2.exports = __toCommonJS2(getDynamicVal_exports);
+    function getOppositeScheme(scheme) {
+      return scheme === "dark" ? "light" : "dark";
+    }
+    function getDynamicVal(param) {
+      var { scheme, val, oppositeVal } = param, oppositeScheme = getOppositeScheme(scheme);
+      return {
+        dynamic: {
+          [scheme]: val,
+          [oppositeScheme]: oppositeVal
+        }
+      };
+    }
+    function extractValueFromDynamic(val, scheme) {
+      return val != null && val.dynamic ? val.dynamic[scheme] : val;
+    }
+  }
+});
+
 // ../web/dist/cjs/constants/accessibilityDirectMap.native.js
 var require_accessibilityDirectMap_native = __commonJS({
   "../web/dist/cjs/constants/accessibilityDirectMap.native.js"(exports2, module2) {
@@ -4952,7 +5019,7 @@ var require_getSplitStyles_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_consoleLog = require_consoleLog_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getCSSStylesAtomic = require_getCSSStylesAtomic_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_insertStyleRule = require_insertStyleRule_native(), import_isActivePlatform = require_isActivePlatform_native(), import_isActiveTheme = require_isActiveTheme_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_sortString = require_sortString_native(), import_transformsToString = require_transformsToString_native(), conf, PROP_SPLIT = "-";
+    var import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_react3 = __toESM2(require("react")), import_getDynamicVal = require_getDynamicVal_native(), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_consoleLog = require_consoleLog_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getCSSStylesAtomic = require_getCSSStylesAtomic_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_insertStyleRule = require_insertStyleRule_native(), import_isActivePlatform = require_isActivePlatform_native(), import_isActiveTheme = require_isActiveTheme_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_sortString = require_sortString_native(), import_transformsToString = require_transformsToString_native(), conf, PROP_SPLIT = "-";
     function isValidStyleKey(key, validStyles2, accept) {
       return key in validStyles2 ? !0 : accept && key in accept;
     }
@@ -5110,8 +5177,8 @@ var require_getSplitStyles_native = __commonJS({
                 }
               } else {
                 var mergeMediaStyle2 = function(key5, val3) {
-                  var _styleState3;
-                  (_styleState3 = styleState).style || (_styleState3.style = {});
+                  var _styleState4;
+                  (_styleState4 = styleState).style || (_styleState4.style = {});
                   var didMerge = mergeMediaByImportance(styleState, mediaKeyShort, key5, val3, usedKeys, mediaState2[mediaKeyShort], importanceBump, debug);
                   didMerge && key5 === "fontFamily" && (styleState.fontFamily = mediaStyle1.fontFamily);
                 }, mergeMediaStyle = mergeMediaStyle2, isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group", isPlatformMedia = isMedia === "platform";
@@ -5119,7 +5186,19 @@ var require_getSplitStyles_native = __commonJS({
                   return;
                 var mediaStyle1 = getSubStyle(styleState, key4, val2, !0), importanceBump = 0;
                 if (isThemeMedia) {
-                  if (dynamicThemeAccess = !0, !(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort))) return;
+                  if (dynamicThemeAccess = !0, import_constants2.isIos && (0, import_config.getSetting)("fastSchemeChange")) {
+                    var _styleState3;
+                    (_styleState3 = styleState).style || (_styleState3.style = {});
+                    var scheme = mediaKeyShort, oppositeScheme = (0, import_getDynamicVal.getOppositeScheme)(mediaKeyShort);
+                    for (var subKey1 in mediaStyle1) {
+                      var _$val1 = (0, import_getDynamicVal.extractValueFromDynamic)(mediaStyle1[subKey1], scheme), oppositeVal = (0, import_getDynamicVal.extractValueFromDynamic)(styleState.style[subKey1], oppositeScheme);
+                      mediaStyle1[subKey1] = (0, import_getDynamicVal.getDynamicVal)({
+                        scheme,
+                        val: _$val1,
+                        oppositeVal
+                      }), mergeStyle(styleState, subKey1, mediaStyle1[subKey1]);
+                    }
+                  } else if (!(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort))) return;
                 } else if (isGroupMedia) {
                   var _componentState_group, groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupContext = context == null ? void 0 : context.groups.state[groupName];
                   if (!groupContext)
@@ -5145,15 +5224,15 @@ var require_getSplitStyles_native = __commonJS({
                     importanceBump = priority1;
                   }
                 }
-                for (var subKey1 in mediaStyle1) {
-                  if (subKey1 === "space") {
+                for (var subKey2 in mediaStyle1) {
+                  if (subKey2 === "space") {
                     space = valInit.space;
                     continue;
                   }
-                  if (subKey1[0] === "$") {
-                    if (!(0, import_isActivePlatform.isActivePlatform)(subKey1) || !(0, import_isActiveTheme.isActiveTheme)(subKey1, themeName)) continue;
-                    for (var subSubKey in mediaStyle1[subKey1]) mergeMediaStyle2(subSubKey, mediaStyle1[subKey1][subSubKey]);
-                  } else mergeMediaStyle2(subKey1, mediaStyle1[subKey1]);
+                  if (subKey2[0] === "$") {
+                    if (!(0, import_isActivePlatform.isActivePlatform)(subKey2) || !(0, import_isActiveTheme.isActiveTheme)(subKey2, themeName)) continue;
+                    for (var subSubKey in mediaStyle1[subKey2]) mergeMediaStyle2(subSubKey, mediaStyle1[subKey2][subSubKey]);
+                  } else mergeMediaStyle2(subKey2, mediaStyle1[subKey2]);
                 }
               }
               return;
@@ -6013,7 +6092,7 @@ var require_getThemeProxied_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getThemeProxied_exports);
-    var import_constants2 = require_index_native2(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_doesRootSchemeMatchSystem = require_doesRootSchemeMatchSystem_native(), cache2 = /* @__PURE__ */ new Map(), curKeys, curProps, curState, emptyObject = {};
+    var import_constants2 = require_index_native2(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_doesRootSchemeMatchSystem = require_doesRootSchemeMatchSystem_native(), import_getDynamicVal = require_getDynamicVal_native(), cache2 = /* @__PURE__ */ new Map(), curKeys, curProps, curState, emptyObject = {};
     function getThemeProxied(_props, _state, _keys) {
       if (!(_state != null && _state.theme)) return emptyObject;
       if (curKeys = _keys, curProps = _props, curState = _state, cache2.has(curState.theme)) {
@@ -6034,12 +6113,11 @@ var require_getThemeProxied_native = __commonJS({
             if (curState) {
               var outVal = (0, import_createVariable.getVariable)(value), { name, scheme, inverses } = curState, shouldOptimize = scheme && platform !== "web" && import_constants2.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 = {
-                  dynamic: {
-                    [scheme]: color,
-                    [oppositeScheme]: oppositeColor
-                  }
-                };
+                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,
+                  val: color,
+                  oppositeVal: oppositeColor
+                });
                 return dynamicVal;
               }
               return track(key), outVal;
@@ -6582,7 +6660,7 @@ var require_useComponentState_native = __commonJS({
         ...states[0],
         [props.forceStyle]: !0
       } : states[0], setState = states[1], isAnimated = willBeAnimated;
-      import_constants2.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (state.disabled = disabled, disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), setState({
+      import_constants2.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), state.disabled = disabled, setState({
         ...state
       }));
       var groupName = props.group, setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled ? [
@@ -7037,7 +7115,16 @@ var require_createComponent_native = __commonJS({
               });
               return;
             }
+            var tm;
             if (state.unmounted) {
+              var _config_animations2, _animationDriver_supportsCSSVars;
+              if ((_animationDriver_supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars) !== null && _animationDriver_supportsCSSVars !== void 0 ? _animationDriver_supportsCSSVars : !(config == null || (_config_animations2 = config.animations) === null || _config_animations2 === void 0) && _config_animations2.supportsCSSVars) return tm = setTimeout(function() {
+                setStateShallow({
+                  unmounted: !1
+                });
+              }), function() {
+                return clearTimeout(tm);
+              };
               setStateShallow({
                 unmounted: !1
               });