@tamagui/core 1.126.12 → 1.126.13-1747671613486

package/dist/native.js

@@ -7077,9 +7077,13 @@ var require_useComponentState_native = __commonJS({
       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 ? [
-        "disabled"
-      ] : void 0, !1, props.debug);
+      var groupName = props.group, setStateShallow = (0, import_createShallowSetState.createShallowSetState)(
+        setState,
+        void 0,
+        // note: allows all state updates even when disabled for the enterStyle animation to work
+        !1,
+        props.debug
+      );
       if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
         process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`has presenceState ${JSON.stringify(presenceState)}`);
         var { enterVariant, exitVariant, enterExitVariant, custom } = presenceState;
@@ -7622,39 +7626,37 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             (0, import_consoleLog.groupCollapsed)(`Rendered > (opacity: ${computed.opacity})`), console.warn(stateRef.current.host), console.warn(computed), (0, import_consoleLog.groupEnd)();
           }
         }), (0, import_constants2.useIsomorphicLayoutEffect)(function() {
-          if (!disabled) {
-            if (state.unmounted === !0 && hasEnterStyle) {
-              setStateShallow({
-                unmounted: "should-enter"
-              });
-              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) || import_constants2.isAndroid) return tm = setTimeout(function() {
-                setStateShallow({
-                  unmounted: !1
-                });
-              }), function() {
-                return clearTimeout(tm);
-              };
+          if (state.unmounted === !0 && hasEnterStyle) {
+            setStateShallow({
+              unmounted: "should-enter"
+            });
+            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) || import_constants2.isAndroid) return tm = setTimeout(function() {
               setStateShallow({
                 unmounted: !1
               });
-              return;
-            }
-            var dispose = pseudoGroups || mediaGroups ? (0, import_subscribeToContextGroup.subscribeToContextGroup)({
-              componentContext,
-              setStateShallow,
-              state,
-              mediaGroups,
-              pseudoGroups
-            }) : null;
-            return function() {
-              dispose == null || dispose(), componentSetStates.delete(setState);
+            }), function() {
+              return clearTimeout(tm);
             };
+            setStateShallow({
+              unmounted: !1
+            });
+            return;
           }
+          var dispose = !disabled && (pseudoGroups || mediaGroups) ? (0, import_subscribeToContextGroup.subscribeToContextGroup)({
+            componentContext,
+            setStateShallow,
+            state,
+            mediaGroups,
+            pseudoGroups
+          }) : null;
+          return function() {
+            dispose == null || dispose(), componentSetStates.delete(setState);
+          };
         }, [
           state.unmounted,
           disabled,