@tamagui/core 1.138.1 → 1.138.3

package/dist/native.cjs

@@ -2664,6 +2664,10 @@ var variableToFontNameCache = /* @__PURE__ */ new WeakMap(), resolveTokensAndVar
     if (!(!styleProps.noSkip && subKey in skipProps)) {
       if (styleProps.noExpand) res[subKey] = val;
       else if (variants && subKey in variants) {
+        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.resolvedContextVariants || (styleState.resolvedContextVariants = {}), styleState.resolvedContextVariants[subKey] = val);
+        }
         if (parentVariantKey && parentVariantKey === key) res[subKey] = // SYNC WITH *1
         val[0] === "$" ? getTokenForKey(subKey, val, styleProps, styleState) : val;
         else {
@@ -2838,6 +2842,17 @@ function _type_of$2(obj) {
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 var conf, PROP_SPLIT = "-";
+function normalizeGroupKey(key, groupContext) {
+  var parts = key.split("-"), plen = parts.length;
+  if (
+    // check if its actually a simple group selector to avoid breaking selectors
+    plen === 2 || plen === 3 && pseudoPriorities[parts[parts.length - 1]]
+  ) {
+    var name = parts[1];
+    if (groupContext && !groupContext[name]) return key.replace("$group-", "$group-true-");
+  }
+  return key;
+}
 function isValidStyleKey(key, validStyles2, accept) {
   return key in validStyles2 ? true : accept && key in accept;
 }
@@ -2864,16 +2879,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
       return "continue";
     }
     var isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isValidStyleKeyInit || isVariant, isPseudo = keyInit in validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo ? getMediaKey(keyInit) : false, isMediaOrPseudo = !!(isMedia || isPseudo);
-    if (isMediaOrPseudo && isMedia === "group") {
-      var parts = keyInit.split("-"), plen = parts.length;
-      if (
-        // check if its actually a simple group selector to avoid breaking selectors
-        plen === 2 || plen === 3 && pseudoPriorities[parts[parts.length - 1]]
-      ) {
-        var name2 = parts[1];
-        groupContext && !(groupContext == null ? void 0 : groupContext[name2]) && (keyInit = keyInit.replace("$group-", "$group-true-"));
-      }
-    }
+    isMediaOrPseudo && isMedia === "group" && (keyInit = normalizeGroupKey(keyInit, groupContext));
     var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo || isVariant && !noExpand;
     if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web")) return "continue";
     var shouldPassProp = !isStyleProp && isHOC || // is in parent variants
@@ -2897,7 +2903,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
           mergeStyle(styleState, key4, val2, 1);
           return;
         }
-        if (isPseudo = key4 in validPseudoKeys, isMedia = isPseudo ? false : getMediaKey(key4), isMediaOrPseudo = !!(isMedia || isPseudo), isVariant = variants && key4 in variants, (inlineProps == null ? void 0 : inlineProps.has(key4)) || process.env.IS_STATIC === "is_static" && (inlineWhenUnflattened == null ? void 0 : inlineWhenUnflattened.has(key4))) {
+        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))) {
           var _props_key;
           viewProps[key4] = (_props_key = props[key4]) !== null && _props_key !== void 0 ? _props_key : val2;
         }
@@ -3122,7 +3128,8 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
     rulesToInsert,
     dynamicThemeAccess,
     pseudoGroups,
-    mediaGroups
+    mediaGroups,
+    resolvedContextVariants: styleState.resolvedContextVariants
   }, asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
   if (!styleProps.noMergeStyle && !asChildExceptStyleLike) {
     var style2 = styleState.style;
@@ -3434,9 +3441,16 @@ function _type_of$1(obj) {
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 var useComponentState = function(props, animationDriver, staticConfig, config) {
-  var _animationDriver_usePresence, isHydrated = useDidFinishSSR(), needsHydration = !useIsClientOnly(), [startedUnhydrated] = React.useState(needsHydration && !isHydrated), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, {
+  var _animationDriver_usePresence, isHydrated = useDidFinishSSR(), needsHydration = !useIsClientOnly(), useAnimations = (animationDriver == null ? void 0 : animationDriver.isStub) ? void 0 : animationDriver == null ? void 0 : animationDriver.useAnimations, {
     isHOC
-  } = staticConfig, stateRef = React.useRef({}), hasAnimationProp = !!(!isHOC && "animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSS = animationDriver == null ? void 0 : animationDriver.supportsCSS, curStateRef = stateRef.current;
+  } = staticConfig, stateRef = React.useRef(
+    // performance: avoid creating object every render
+    void 0
+  );
+  stateRef.current || (stateRef.current = {
+    startedUnhydrated: needsHydration && !isHydrated
+  });
+  var hasAnimationProp = !!(!isHOC && "animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSS = animationDriver == null ? void 0 : animationDriver.supportsCSS, curStateRef = stateRef.current;
   !needsHydration && hasAnimationProp && (curStateRef.hasAnimated = true);
   var willBeAnimatedClient = (function() {
     var next = !!(hasAnimationProp && !isHOC && useAnimations);
@@ -3476,7 +3490,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
   }
   var noClass = !isWeb;
   return {
-    startedUnhydrated,
+    startedUnhydrated: curStateRef.startedUnhydrated,
     curStateRef,
     disabled,
     groupName,
@@ -3584,7 +3598,7 @@ function createComponent(staticConfig) {
       nextProps && (props = nextProps), overriddenContextProps = overrides;
     }
     var componentName2 = props.componentName || staticConfig.componentName;
-    var componentContext = React.useContext(ComponentContext), groupContextParent = React.useContext(GroupContext), animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, componentState = useComponentState(props, animationDriver, staticConfig), {
+    var componentContext = React.useContext(ComponentContext), groupContextParent = React.useContext(GroupContext), animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, componentState = useComponentState(props, (animationDriver == null ? void 0 : animationDriver.isStub) ? null : animationDriver, staticConfig), {
       disabled,
       groupName,
       hasAnimationProp,
@@ -3674,7 +3688,15 @@ function createComponent(staticConfig) {
       willBeAnimated,
       styledContext: styledContextValue
     }, themeName = (themeState == null ? void 0 : themeState.name) || "";
-    var splitStyles = useSplitStyles(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), isPassthrough = !splitStyles, groupContext = groupName && (allGroupContexts == null ? void 0 : allGroupContexts[groupName]) || null;
+    var splitStyles = useSplitStyles(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), isPassthrough = !splitStyles, contextForOverride = staticConfig.context;
+    if (splitStyles == null ? void 0 : splitStyles.resolvedContextVariants) {
+      var _staticConfig_parentStaticConfig, contextForVariants = staticConfig.context || ((_staticConfig_parentStaticConfig = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig === void 0 ? void 0 : _staticConfig_parentStaticConfig.context);
+      if (contextForVariants) {
+        for (var key in splitStyles.resolvedContextVariants) overriddenContextProps || (overriddenContextProps = {}), overriddenContextProps[key] = splitStyles.resolvedContextVariants[key];
+        staticConfig.context || (contextForOverride = contextForVariants);
+      }
+    }
+    var 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;
@@ -3716,8 +3738,8 @@ function createComponent(staticConfig) {
       }), stateRef.current.setStateShallow = function(nextOrGetNext) {
         var prev = stateRef.current.nextState || state, next = typeof nextOrGetNext == "function" ? nextOrGetNext(prev) : nextOrGetNext;
         if (!(next === prev || isEqualShallow(prev, next))) {
-          var canAvoidReRender = Object.keys(next).every(function(key2) {
-            return avoidReRenderKeys.has(key2);
+          var canAvoidReRender = Object.keys(next).every(function(key3) {
+            return avoidReRenderKeys.has(key3);
           }), updatedState = __spreadValues(__spreadValues({}, prev), next);
           if (stateRef.current.nextState = updatedState, canAvoidReRender) {
             var _stateRef_current_updateStyleListener, _stateRef_current;
@@ -3963,9 +3985,9 @@ function createComponent(staticConfig) {
     }))), "group" in props && (content = /* @__PURE__ */ jsxRuntimeExports.jsx(GroupContext.Provider, {
       value: allGroupContexts,
       children: content
-    })), content = disableTheme || !splitStyles ? content : getThemedChildren(themeState, content, themeStateProps, false, stateRef), overriddenContextProps) {
-      var Provider = staticConfig.context.Provider;
-      for (var key in styledContextValue) key in overriddenContextProps || (overriddenContextProps[key] = styledContextValue[key]);
+    })), content = disableTheme || !splitStyles ? content : getThemedChildren(themeState, content, themeStateProps, false, stateRef), overriddenContextProps && contextForOverride) {
+      var Provider = contextForOverride.Provider;
+      for (var key1 in styledContextValue) key1 in overriddenContextProps || (overriddenContextProps[key1] = styledContextValue[key1]);
       debugProp && console.info("overriddenContextProps", overriddenContextProps), content = /* @__PURE__ */ jsxRuntimeExports.jsx(Provider, __spreadProps(__spreadValues({
         __disableMergeDefaultValues: true
       }, overriddenContextProps), {
@@ -4334,6 +4356,35 @@ var cache = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens) {
   }
   return cache.set(res, true), res;
 };
+var noAnimationDriver = function(method) {
+  console.warn(`No animation driver configured. To use ${method}, you must pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations`);
+}, createEmptyAnimationDriver = function() {
+  return {
+    isReactNative: false,
+    supportsCSS: true,
+    classNameAnimation: true,
+    isStub: true,
+    animations: {},
+    useAnimations: function() {
+      return noAnimationDriver("animations");
+    },
+    usePresence: function() {
+      return noAnimationDriver("usePresence");
+    },
+    ResetPresence: function() {
+      return noAnimationDriver("ResetPresence");
+    },
+    useAnimatedNumber: function() {
+      return noAnimationDriver("useAnimatedNumber");
+    },
+    useAnimatedNumberStyle: function() {
+      return noAnimationDriver("useAnimatedNumberStyle");
+    },
+    useAnimatedNumberReaction: function() {
+      return noAnimationDriver("useAnimatedNumberReaction");
+    }
+  };
+}, defaultAnimationDriver = createEmptyAnimationDriver();
 var registerCSSVariable = function(v) {
   tokensValueToVariable.set(getVariableValue(v), v);
 }, variableToCSS = function(v) {
@@ -4443,7 +4494,7 @@ function createTamagui$1(configIn) {
     fonts: {},
     onlyAllowShorthands: false,
     fontLanguages: [],
-    animations: {},
+    animations: defaultAnimationDriver,
     media: {}
   }, configIn), {
     unset,
@@ -4493,8 +4544,7 @@ function getThemesDeduped(themes2, colorTokens) {
       e2.names.push(themeName);
       continue;
     }
-    var theme = __spreadValues({}, rawTheme);
-    colorTokens && Object.assign(theme, colorTokens);
+    var theme = __spreadValues(__spreadValues({}, colorTokens), rawTheme);
     for (var key1 in theme) ensureThemeVariable(theme, key1);
     var deduped = {
       names: [themeName],

package/dist/test.native.cjs

@@ -2489,6 +2489,10 @@ var variableToFontNameCache = /* @__PURE__ */ new WeakMap(), resolveTokensAndVar
     if (!(!styleProps.noSkip && subKey in skipProps)) {
       if (styleProps.noExpand) res[subKey] = val;
       else if (variants && subKey in variants) {
+        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.resolvedContextVariants || (styleState.resolvedContextVariants = {}), styleState.resolvedContextVariants[subKey] = val);
+        }
         if (parentVariantKey && parentVariantKey === key) res[subKey] = // SYNC WITH *1
         val[0] === "$" ? getTokenForKey(subKey, val, styleProps, styleState) : val;
         else {
@@ -2663,6 +2667,17 @@ function _type_of$2(obj) {
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 var conf, PROP_SPLIT = "-";
+function normalizeGroupKey(key, groupContext) {
+  var parts = key.split("-"), plen = parts.length;
+  if (
+    // check if its actually a simple group selector to avoid breaking selectors
+    plen === 2 || plen === 3 && pseudoPriorities[parts[parts.length - 1]]
+  ) {
+    var name = parts[1];
+    if (groupContext && !groupContext[name]) return key.replace("$group-", "$group-true-");
+  }
+  return key;
+}
 function isValidStyleKey(key, validStyles2, accept) {
   return key in validStyles2 ? true : accept && key in accept;
 }
@@ -2690,16 +2705,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
       return "continue";
     }
     var isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isValidStyleKeyInit || isVariant, isPseudo = keyInit in validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo ? getMediaKey(keyInit) : false, isMediaOrPseudo = !!(isMedia || isPseudo);
-    if (isMediaOrPseudo && isMedia === "group") {
-      var parts = keyInit.split("-"), plen = parts.length;
-      if (
-        // check if its actually a simple group selector to avoid breaking selectors
-        plen === 2 || plen === 3 && pseudoPriorities[parts[parts.length - 1]]
-      ) {
-        var name2 = parts[1];
-        groupContext && !(groupContext == null ? void 0 : groupContext[name2]) && (keyInit = keyInit.replace("$group-", "$group-true-"));
-      }
-    }
+    isMediaOrPseudo && isMedia === "group" && (keyInit = normalizeGroupKey(keyInit, groupContext));
     var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo || isVariant && !noExpand;
     if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web")) return "continue";
     var shouldPassProp = !isStyleProp && isHOC || // is in parent variants
@@ -2723,7 +2729,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
           mergeStyle(styleState, key4, val2, 1);
           return;
         }
-        if (isPseudo = key4 in validPseudoKeys, isMedia = isPseudo ? false : getMediaKey(key4), isMediaOrPseudo = !!(isMedia || isPseudo), isVariant = variants && key4 in variants, (inlineProps == null ? void 0 : inlineProps.has(key4)) || process.env.IS_STATIC === "is_static" && (inlineWhenUnflattened == null ? void 0 : inlineWhenUnflattened.has(key4))) {
+        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))) {
           var _props_key;
           viewProps[key4] = (_props_key = props[key4]) !== null && _props_key !== void 0 ? _props_key : val2;
         }
@@ -2948,7 +2954,8 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
     rulesToInsert,
     dynamicThemeAccess,
     pseudoGroups,
-    mediaGroups
+    mediaGroups,
+    resolvedContextVariants: styleState.resolvedContextVariants
   }, asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
   if (!styleProps.noMergeStyle && !asChildExceptStyleLike) {
     var style2 = styleState.style;
@@ -3260,9 +3267,16 @@ function _type_of$1(obj) {
   return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 var useComponentState = function(props, animationDriver, staticConfig, config) {
-  var _animationDriver_usePresence, isHydrated = useDidFinishSSR(), needsHydration = !useIsClientOnly(), [startedUnhydrated] = React.useState(needsHydration && !isHydrated), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, {
+  var _animationDriver_usePresence, isHydrated = useDidFinishSSR(), needsHydration = !useIsClientOnly(), useAnimations = (animationDriver == null ? void 0 : animationDriver.isStub) ? void 0 : animationDriver == null ? void 0 : animationDriver.useAnimations, {
     isHOC
-  } = staticConfig, stateRef = React.useRef({}), hasAnimationProp = !!(!isHOC && "animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSS = animationDriver == null ? void 0 : animationDriver.supportsCSS, curStateRef = stateRef.current;
+  } = staticConfig, stateRef = React.useRef(
+    // performance: avoid creating object every render
+    void 0
+  );
+  stateRef.current || (stateRef.current = {
+    startedUnhydrated: needsHydration && !isHydrated
+  });
+  var hasAnimationProp = !!(!isHOC && "animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSS = animationDriver == null ? void 0 : animationDriver.supportsCSS, curStateRef = stateRef.current;
   !needsHydration && hasAnimationProp && (curStateRef.hasAnimated = true);
   var willBeAnimatedClient = (function() {
     var next = !!(hasAnimationProp && !isHOC && useAnimations);
@@ -3302,7 +3316,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
   }
   var noClass = !isWeb;
   return {
-    startedUnhydrated,
+    startedUnhydrated: curStateRef.startedUnhydrated,
     curStateRef,
     disabled,
     groupName,
@@ -3414,7 +3428,7 @@ function createComponent(staticConfig) {
       nextProps && (props = nextProps), overriddenContextProps = overrides;
     }
     var componentName2 = props.componentName || staticConfig.componentName;
-    var componentContext = React.useContext(ComponentContext), groupContextParent = React.useContext(GroupContext), animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, componentState = useComponentState(props, animationDriver, staticConfig), {
+    var componentContext = React.useContext(ComponentContext), groupContextParent = React.useContext(GroupContext), animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, componentState = useComponentState(props, (animationDriver == null ? void 0 : animationDriver.isStub) ? null : animationDriver, staticConfig), {
       disabled,
       groupName,
       hasAnimationProp,
@@ -3504,7 +3518,15 @@ function createComponent(staticConfig) {
       willBeAnimated,
       styledContext: styledContextValue
     }, themeName = (themeState == null ? void 0 : themeState.name) || "";
-    var splitStyles = useSplitStyles(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), isPassthrough = !splitStyles, groupContext = groupName && (allGroupContexts == null ? void 0 : allGroupContexts[groupName]) || null;
+    var splitStyles = useSplitStyles(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), isPassthrough = !splitStyles, contextForOverride = staticConfig.context;
+    if (splitStyles == null ? void 0 : splitStyles.resolvedContextVariants) {
+      var _staticConfig_parentStaticConfig, contextForVariants = staticConfig.context || ((_staticConfig_parentStaticConfig = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig === void 0 ? void 0 : _staticConfig_parentStaticConfig.context);
+      if (contextForVariants) {
+        for (var key in splitStyles.resolvedContextVariants) overriddenContextProps || (overriddenContextProps = {}), overriddenContextProps[key] = splitStyles.resolvedContextVariants[key];
+        staticConfig.context || (contextForOverride = contextForVariants);
+      }
+    }
+    var 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;
@@ -3546,8 +3568,8 @@ function createComponent(staticConfig) {
       }), stateRef.current.setStateShallow = function(nextOrGetNext) {
         var prev = stateRef.current.nextState || state, next = typeof nextOrGetNext == "function" ? nextOrGetNext(prev) : nextOrGetNext;
         if (!(next === prev || isEqualShallow(prev, next))) {
-          var canAvoidReRender = Object.keys(next).every(function(key2) {
-            return avoidReRenderKeys.has(key2);
+          var canAvoidReRender = Object.keys(next).every(function(key3) {
+            return avoidReRenderKeys.has(key3);
           }), updatedState = __spreadValues(__spreadValues({}, prev), next);
           if (stateRef.current.nextState = updatedState, canAvoidReRender) {
             var _stateRef_current_updateStyleListener, _stateRef_current;
@@ -3793,9 +3815,9 @@ function createComponent(staticConfig) {
     }))), "group" in props && (content = /* @__PURE__ */ jsxRuntimeExports.jsx(GroupContext.Provider, {
       value: allGroupContexts,
       children: content
-    })), content = disableTheme || !splitStyles ? content : getThemedChildren(themeState, content, themeStateProps, false, stateRef), overriddenContextProps) {
-      var Provider = staticConfig.context.Provider;
-      for (var key in styledContextValue) key in overriddenContextProps || (overriddenContextProps[key] = styledContextValue[key]);
+    })), content = disableTheme || !splitStyles ? content : getThemedChildren(themeState, content, themeStateProps, false, stateRef), overriddenContextProps && contextForOverride) {
+      var Provider = contextForOverride.Provider;
+      for (var key1 in styledContextValue) key1 in overriddenContextProps || (overriddenContextProps[key1] = styledContextValue[key1]);
       debugProp && console.info("overriddenContextProps", overriddenContextProps), content = /* @__PURE__ */ jsxRuntimeExports.jsx(Provider, __spreadProps(__spreadValues({
         __disableMergeDefaultValues: true
       }, overriddenContextProps), {
@@ -4164,6 +4186,35 @@ var cache = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens) {
   }
   return cache.set(res, true), res;
 };
+var noAnimationDriver = function(method) {
+  console.warn(`No animation driver configured. To use ${method}, you must pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations`);
+}, createEmptyAnimationDriver = function() {
+  return {
+    isReactNative: false,
+    supportsCSS: true,
+    classNameAnimation: true,
+    isStub: true,
+    animations: {},
+    useAnimations: function() {
+      return noAnimationDriver("animations");
+    },
+    usePresence: function() {
+      return noAnimationDriver("usePresence");
+    },
+    ResetPresence: function() {
+      return noAnimationDriver("ResetPresence");
+    },
+    useAnimatedNumber: function() {
+      return noAnimationDriver("useAnimatedNumber");
+    },
+    useAnimatedNumberStyle: function() {
+      return noAnimationDriver("useAnimatedNumberStyle");
+    },
+    useAnimatedNumberReaction: function() {
+      return noAnimationDriver("useAnimatedNumberReaction");
+    }
+  };
+}, defaultAnimationDriver = createEmptyAnimationDriver();
 var registerCSSVariable = function(v) {
   tokensValueToVariable.set(getVariableValue(v), v);
 }, variableToCSS = function(v) {
@@ -4274,7 +4325,7 @@ function createTamagui$1(configIn) {
     fonts: {},
     onlyAllowShorthands: false,
     fontLanguages: [],
-    animations: {},
+    animations: defaultAnimationDriver,
     media: {}
   }, configIn), {
     unset,
@@ -4324,8 +4375,7 @@ function getThemesDeduped(themes2, colorTokens) {
       e2.names.push(themeName);
       continue;
     }
-    var theme = __spreadValues({}, rawTheme);
-    colorTokens && Object.assign(theme, colorTokens);
+    var theme = __spreadValues(__spreadValues({}, colorTokens), rawTheme);
     for (var key1 in theme) ensureThemeVariable(theme, key1);
     var deduped = {
       names: [themeName],

package/package.json

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