tamagui 1.132.1-1752373919725 → 1.132.2

package/dist/test.native.js

@@ -6529,7 +6529,7 @@ var require_getSplitStyles_native = __commonJS({
       var { asChild } = props, { accept } = staticConfig, { noSkip, disableExpandShorthands, noExpand } = styleProps, { webContainerType } = conf.settings, parentVariants = parentStaticConfig == null ? void 0 : parentStaticConfig.variants;
       for (var keyOg in props) _loop(keyOg);
       var avoidNormalize = styleProps.noNormalize === !1;
-      if (debug && console.warn("?", avoidNormalize, styleProps.noExpand, styleProps.noMergeStyle, styleState.style), !avoidNormalize) {
+      if (!avoidNormalize) {
         if (styleState.style && ((0, import_expandStyles.fixStyles)(styleState.style), !styleProps.noExpand && !styleProps.noMergeStyle && import_constants4.isWeb && (!isReactNative || !animationDriver.supportsCSS) && (0, import_getCSSStylesAtomic.styleToCSS)(styleState.style)), styleState.flatTransforms) {
           var _styleState;
           (_styleState = styleState).style || (_styleState.style = {}), mergeFlatTransforms(styleState.style, styleState.flatTransforms);
@@ -8287,10 +8287,10 @@ var require_createComponent_native = __commonJS({
         } : defaultProps, props = propsIn;
         curDefaultProps && (props = (0, import_mergeProps.mergeProps)(curDefaultProps, propsIn));
         var componentName2 = props.componentName || staticConfig.componentName, componentContext = import_react3.default.useContext(import_ComponentContext.ComponentContext), groupContextParent = import_react3.default.useContext(import_GroupContext.GroupContext), animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, componentState = (0, import_useComponentState.useComponentState)(props, animationDriver, staticConfig, config), { disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, noClass, state, stateRef, supportsCSS, willBeAnimated, willBeAnimatedClient, startedUnhydrated } = componentState;
-        hasAnimationProp && animationDriver != null && animationDriver.avoidReRenders && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        if (hasAnimationProp && animationDriver != null && animationDriver.avoidReRenders) {
           var pendingState = NextState.get(stateRef);
-          pendingState && (setStateShallow(pendingState), NextState.set(stateRef, void 0));
-        });
+          pendingState && (NextState.set(stateRef, void 0), componentState.setStateShallow(pendingState));
+        }
         var allGroupContexts = (0, import_react3.useMemo)(function() {
           var _stateRef_current_group;
           if (!groupName || props.passThrough) return groupContextParent;
@@ -8377,31 +8377,30 @@ var require_createComponent_native = __commonJS({
           }
         }
         if (splitStyles && (hasAnimationProp || groupName) && animationDriver != null && animationDriver.avoidReRenders) {
-          var useStyleListener = stateRef.current.useStyleListener, ogSetStateShallow = setStateShallow;
-          componentContext.mediaEmit = function(next) {
-            NextMedia.set(stateRef, next), updateStyleListener();
-          };
-          var updateStyleListener = function() {
+          var _componentContext, ogSetStateShallow = setStateShallow;
+          stateRef.current.updateStyleListener = function() {
             var updatedState = NextState.get(stateRef) || state, mediaState22 = NextMedia.get(stateRef), { group, hasDynGroupChildren, unmounted, animation, ...childrenGroupState } = updatedState;
             groupContext && notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
             var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, mediaState22 ? {
               ...styleProps,
               mediaState: mediaState22
-            } : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp);
+            } : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), useStyleListener = stateRef.current.useStyleListener;
             useStyleListener == null || useStyleListener((nextStyles == null ? void 0 : nextStyles.style) || {});
-          };
-          stateRef.current.setStateShallow = function(nextOrGetNext) {
+          }, (_componentContext = componentContext).mediaEmit || (_componentContext.mediaEmit = function(next) {
+            var _stateRef_current_updateStyleListener, _stateRef_current;
+            NextMedia.set(stateRef, next), (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
+          }), stateRef.current.setStateShallow = function(nextOrGetNext) {
             var prev = NextState.get(stateRef) || state, next = typeof nextOrGetNext == "function" ? nextOrGetNext(prev) : nextOrGetNext;
             if (!(next === prev || (0, import_is_equal_shallow.isEqualShallow)(prev, next))) {
               var canAvoidReRender = Object.keys(next).every(function(key3) {
                 return avoidReRenderKeys.has(key3);
               });
               if (canAvoidReRender) {
-                var updatedState = {
+                var _stateRef_current_updateStyleListener, _stateRef_current, updatedState = {
                   ...prev,
                   ...next
                 };
-                NextState.set(stateRef, updatedState), updateStyleListener();
+                NextState.set(stateRef, updatedState), (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
               } else ogSetStateShallow(next);
             }
           }, setStateShallow = function(state2) {