@tamagui/core 1.138.2 → 1.138.4

package/dist/native.cjs

@@ -2662,6 +2662,10 @@ var variableToFontNameCache = /* @__PURE__ */ new WeakMap(), resolveTokensAndVar
   for (var _key in value) {
     var subKey = conf2.shorthands[_key] || _key, val = value[_key];
     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 (styleProps.noExpand) res[subKey] = val;
       else if (variants && subKey in variants) {
         if (parentVariantKey && parentVariantKey === key) res[subKey] = // SYNC WITH *1
@@ -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;
         }
@@ -3103,6 +3109,10 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
       (_styleState2 = styleState).style || (_styleState2.style = {}), Object.assign(styleState.style, normalizeStyle(style));
     }
   }
+  if (viewProps.tabIndex === 0) {
+    var _viewProps1, _accessible1;
+    (_accessible1 = (_viewProps1 = viewProps).accessible) !== null && _accessible1 !== void 0 || (_viewProps1.accessible = true);
+  }
   var style1 = styleState.style;
   if (style1 == null ? void 0 : style1.fontFamily) {
     var _getFont, faceInfo = (_getFont = getFont(style1.fontFamily)) === null || _getFont === void 0 ? void 0 : _getFont.face;
@@ -3122,7 +3132,8 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
     rulesToInsert,
     dynamicThemeAccess,
     pseudoGroups,
-    mediaGroups
+    mediaGroups,
+    overriddenContextProps: styleState.overriddenContextProps
   }, asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
   if (!styleProps.noMergeStyle && !asChildExceptStyleLike) {
     var style2 = styleState.style;
@@ -3140,26 +3151,33 @@ function mergeFlatTransforms(target, flatTransforms) {
   });
 }
 function mergeStyle(styleState, key, val, importance) {
-  var {
+  var _staticConfig_context, _staticConfig_parentStaticConfig_context, _staticConfig_parentStaticConfig, {
     viewProps,
     styleProps,
     staticConfig,
     usedKeys
   } = styleState, existingImportance = usedKeys[key] || 0;
-  if (!(existingImportance > importance)) if (key in stylePropsTransform) {
-    var _styleState;
-    (_styleState = styleState).flatTransforms || (_styleState.flatTransforms = {}), usedKeys[key] = importance, styleState.flatTransforms[key] = val;
-  } else {
-    var shouldNormalize = isWeb, out = shouldNormalize ? normalizeValueWithProperty(val) : val;
-    if (
-      // accept is for props not styles
-      staticConfig.accept && key in staticConfig.accept
-    ) viewProps[key] = out;
-    else {
+  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;
+    }
+    if (key in stylePropsTransform) {
       var _styleState1;
-      (_styleState1 = styleState).style || (_styleState1.style = {}), usedKeys[key] = importance, styleState.style[key] = // if you dont do this you'll be passing props.transform arrays directly here and then mutating them
-      // if theres any flatTransforms later, causing issues (mutating props is bad, in strict mode styles get borked)
-      key === "transform" && Array.isArray(out) ? [...out] : out;
+      (_styleState1 = styleState).flatTransforms || (_styleState1.flatTransforms = {}), usedKeys[key] = importance, styleState.flatTransforms[key] = val;
+    } else {
+      var shouldNormalize = isWeb, out = shouldNormalize ? normalizeValueWithProperty(val) : val;
+      if (
+        // accept is for props not styles
+        staticConfig.accept && key in staticConfig.accept
+      ) viewProps[key] = out;
+      else {
+        var _styleState2;
+        (_styleState2 = styleState).style || (_styleState2.style = {}), usedKeys[key] = importance, styleState.style[key] = // if you dont do this you'll be passing props.transform arrays directly here and then mutating them
+        // if theres any flatTransforms later, causing issues (mutating props is bad, in strict mode styles get borked)
+        key === "transform" && Array.isArray(out) ? [...out] : out;
+      }
     }
   }
 }
@@ -3434,7 +3452,7 @@ 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(), 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(
     // performance: avoid creating object every render
@@ -3591,7 +3609,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,
@@ -3681,7 +3699,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.overriddenContextProps) {
+      var _staticConfig_parentStaticConfig, contextForProps = staticConfig.context || ((_staticConfig_parentStaticConfig = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig === void 0 ? void 0 : _staticConfig_parentStaticConfig.context);
+      if (contextForProps) {
+        for (var key in splitStyles.overriddenContextProps) overriddenContextProps || (overriddenContextProps = {}), overriddenContextProps[key] = splitStyles.overriddenContextProps[key];
+        staticConfig.context || (contextForOverride = contextForProps);
+      }
+    }
+    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;
@@ -3723,8 +3749,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;
@@ -3970,9 +3996,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), {
@@ -4341,6 +4367,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) {
@@ -4450,7 +4505,7 @@ function createTamagui$1(configIn) {
     fonts: {},
     onlyAllowShorthands: false,
     fontLanguages: [],
-    animations: {},
+    animations: defaultAnimationDriver,
     media: {}
   }, configIn), {
     unset,
@@ -4500,8 +4555,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

@@ -2487,6 +2487,10 @@ var variableToFontNameCache = /* @__PURE__ */ new WeakMap(), resolveTokensAndVar
   for (var _key in value) {
     var subKey = conf2.shorthands[_key] || _key, val = value[_key];
     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 (styleProps.noExpand) res[subKey] = val;
       else if (variants && subKey in variants) {
         if (parentVariantKey && parentVariantKey === key) res[subKey] = // SYNC WITH *1
@@ -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;
         }
@@ -2929,6 +2935,10 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
       (_styleState2 = styleState).style || (_styleState2.style = {}), Object.assign(styleState.style, normalizeStyle(style));
     }
   }
+  if (viewProps.tabIndex === 0) {
+    var _viewProps1, _accessible1;
+    (_accessible1 = (_viewProps1 = viewProps).accessible) !== null && _accessible1 !== void 0 || (_viewProps1.accessible = true);
+  }
   var style1 = styleState.style;
   if (style1 == null ? void 0 : style1.fontFamily) {
     var _getFont, faceInfo = (_getFont = getFont(style1.fontFamily)) === null || _getFont === void 0 ? void 0 : _getFont.face;
@@ -2948,7 +2958,8 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
     rulesToInsert,
     dynamicThemeAccess,
     pseudoGroups,
-    mediaGroups
+    mediaGroups,
+    overriddenContextProps: styleState.overriddenContextProps
   }, asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
   if (!styleProps.noMergeStyle && !asChildExceptStyleLike) {
     var style2 = styleState.style;
@@ -2966,26 +2977,33 @@ function mergeFlatTransforms(target, flatTransforms) {
   });
 }
 function mergeStyle(styleState, key, val, importance) {
-  var {
+  var _staticConfig_context, _staticConfig_parentStaticConfig_context, _staticConfig_parentStaticConfig, {
     viewProps,
     styleProps,
     staticConfig,
     usedKeys
   } = styleState, existingImportance = usedKeys[key] || 0;
-  if (!(existingImportance > importance)) if (key in stylePropsTransform) {
-    var _styleState;
-    (_styleState = styleState).flatTransforms || (_styleState.flatTransforms = {}), usedKeys[key] = importance, styleState.flatTransforms[key] = val;
-  } else {
-    var shouldNormalize = isWeb, out = shouldNormalize ? normalizeValueWithProperty(val) : val;
-    if (
-      // accept is for props not styles
-      staticConfig.accept && key in staticConfig.accept
-    ) viewProps[key] = out;
-    else {
+  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;
+    }
+    if (key in stylePropsTransform) {
       var _styleState1;
-      (_styleState1 = styleState).style || (_styleState1.style = {}), usedKeys[key] = importance, styleState.style[key] = // if you dont do this you'll be passing props.transform arrays directly here and then mutating them
-      // if theres any flatTransforms later, causing issues (mutating props is bad, in strict mode styles get borked)
-      key === "transform" && Array.isArray(out) ? [...out] : out;
+      (_styleState1 = styleState).flatTransforms || (_styleState1.flatTransforms = {}), usedKeys[key] = importance, styleState.flatTransforms[key] = val;
+    } else {
+      var shouldNormalize = isWeb, out = shouldNormalize ? normalizeValueWithProperty(val) : val;
+      if (
+        // accept is for props not styles
+        staticConfig.accept && key in staticConfig.accept
+      ) viewProps[key] = out;
+      else {
+        var _styleState2;
+        (_styleState2 = styleState).style || (_styleState2.style = {}), usedKeys[key] = importance, styleState.style[key] = // if you dont do this you'll be passing props.transform arrays directly here and then mutating them
+        // if theres any flatTransforms later, causing issues (mutating props is bad, in strict mode styles get borked)
+        key === "transform" && Array.isArray(out) ? [...out] : out;
+      }
     }
   }
 }
@@ -3260,7 +3278,7 @@ 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(), 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(
     // performance: avoid creating object every render
@@ -3421,7 +3439,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,
@@ -3511,7 +3529,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.overriddenContextProps) {
+      var _staticConfig_parentStaticConfig, contextForProps = staticConfig.context || ((_staticConfig_parentStaticConfig = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig === void 0 ? void 0 : _staticConfig_parentStaticConfig.context);
+      if (contextForProps) {
+        for (var key in splitStyles.overriddenContextProps) overriddenContextProps || (overriddenContextProps = {}), overriddenContextProps[key] = splitStyles.overriddenContextProps[key];
+        staticConfig.context || (contextForOverride = contextForProps);
+      }
+    }
+    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;
@@ -3553,8 +3579,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;
@@ -3800,9 +3826,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), {
@@ -4171,6 +4197,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) {
@@ -4281,7 +4336,7 @@ function createTamagui$1(configIn) {
     fonts: {},
     onlyAllowShorthands: false,
     fontLanguages: [],
-    animations: {},
+    animations: defaultAnimationDriver,
     media: {}
   }, configIn), {
     unset,
@@ -4331,8 +4386,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.2",
+  "version": "1.138.4",
   "type": "module",
   "source": "src/index.tsx",
   "main": "dist/cjs",
@@ -33,18 +33,18 @@
     "native-test.d.ts"
   ],
   "dependencies": {
-    "@tamagui/helpers": "1.138.2",
-    "@tamagui/react-native-media-driver": "1.138.2",
-    "@tamagui/react-native-use-pressable": "1.138.2",
-    "@tamagui/react-native-use-responder-events": "1.138.2",
-    "@tamagui/use-element-layout": "1.138.2",
-    "@tamagui/use-event": "1.138.2",
-    "@tamagui/web": "1.138.2"
+    "@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"
   },
   "devDependencies": {
-    "@tamagui/build": "1.138.2",
-    "@tamagui/native-bundle": "1.138.2",
-    "@tamagui/react-native-web-lite": "1.138.2",
+    "@tamagui/build": "1.138.4",
+    "@tamagui/native-bundle": "1.138.4",
+    "@tamagui/react-native-web-lite": "1.138.4",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": "*",