tamagui 1.129.12-1751358691172 → 1.129.12-1751386794649

package/dist/native.js

@@ -6641,7 +6641,9 @@ var require_getSplitStyles_native = __commonJS({
                   if (groupMediaKey) {
                     mediaGroups || (mediaGroups = /* @__PURE__ */ new Set()), mediaGroups.add(groupMediaKey);
                     var mediaState1 = componentGroupState == null ? void 0 : componentGroupState.media, isActive = mediaState1 == null ? void 0 : mediaState1[groupMediaKey];
-                    if (!mediaState1 && groupContext.layout && (isActive = (0, import_useMedia.mediaKeyMatch)(groupMediaKey, groupContext.layout)), process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(` \u{1F3D8}\uFE0F GROUP media ${groupMediaKey} active? ${isActive}`), !isActive) {
+                    if (!mediaState1 && groupContext.layout && (isActive = (0, import_useMedia.mediaKeyMatch)(groupMediaKey, groupContext.layout)), process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(` \u{1F3D8}\uFE0F GROUP media ${groupMediaKey} active? ${isActive}`, {
+                      ...mediaState1
+                    }), !isActive) {
                       for (var pkey1 in mediaStyle1) applyDefaultStyle(pkey1, styleState);
                       return;
                     }
@@ -6651,7 +6653,9 @@ var require_getSplitStyles_native = __commonJS({
                     pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set()), pseudoGroups.add(groupName);
                     var componentGroupPseudoState = (componentGroupState || // fallback to context initially
                     componentContext.groups.state[groupName]).pseudo, isActive1 = componentGroupPseudoState == null ? void 0 : componentGroupPseudoState[groupPseudoKey], priority1 = import_pseudoDescriptors.pseudoPriorities[groupPseudoKey];
-                    if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(` \u{1F3D8}\uFE0F GROUP pseudo ${groupMediaKey} active? ${isActive1}, priority ${priority1}`), !isActive1) {
+                    if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(` \u{1F3D8}\uFE0F GROUP pseudo ${groupMediaKey} active? ${isActive1}, priority ${priority1}`, {
+                      ...componentGroupPseudoState
+                    }), !isActive1) {
                       for (var pkey2 in mediaStyle1) applyDefaultStyle(pkey2, styleState);
                       return;
                     }
@@ -7116,23 +7120,20 @@ var require_index_native13 = __commonJS({
     });
     module2.exports = __toCommonJS2(index_exports2);
     var import_react3 = require("react");
-    function useCreateShallowSetState(setter, debugIn) {
+    function useCreateShallowSetState(setter, debug) {
       return (0, import_react3.useCallback)(function(next) {
         setter(function(prev) {
-          return mergeIfNotShallowEqual(prev, next, debugIn);
+          var update = mergeIfNotShallowEqual(prev, next);
+          if (process.env.NODE_ENV === "development" && debug && update !== prev && (console.groupCollapsed("setStateShallow CHANGE", prev, "=>", update), console.trace(), console.groupEnd(), debug === "break")) debugger;
+          return update;
         });
       }, [
         setter,
-        debugIn
+        debug
       ]);
     }
-    function mergeIfNotShallowEqual(prev, next, debug) {
-      if (!prev || !next || isEqualShallow(prev, next)) return prev || next;
-      if (process.env.NODE_ENV === "development" && debug && (console.info("setStateShallow CHANGE", {
-        prev,
-        next
-      }), debug === "break")) debugger;
-      return {
+    function mergeIfNotShallowEqual(prev, next) {
+      return !prev || !next || isEqualShallow(prev, next) ? prev || next : {
         ...prev,
         ...next
       };
@@ -7305,7 +7306,7 @@ var require_useThemeState_native = __commonJS({
         var _keys_current, _props_needsUpdate, local = localStates.get(id), needsUpdate = isRoot || props.name === "light" || props.name === "dark" || props.name === null ? !0 : HasRenderedOnce.get(keys) ? !(keys == null || (_keys_current = keys.current) === null || _keys_current === void 0) && _keys_current.size ? !0 : (_props_needsUpdate = props.needsUpdate) === null || _props_needsUpdate === void 0 ? void 0 : _props_needsUpdate.call(props) : !0, [rerender, next] = getNextState(local, props, propsKey, isRoot, id, parentId, needsUpdate, PendingUpdate.get(id));
         return PendingUpdate.delete(id), (!local || rerender) && (local = {
           ...next
-        }, localStates.set(id, local)), process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && (console.groupCollapsed(` ${id} \u{1FA84} ${rerender}`, local.name, ">", next.name), console.info({
+        }, localStates.set(id, local)), process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && (console.groupCollapsed(` ${id} getSnapshot ${rerender}`, local.name, ">", next.name), console.info({
           props,
           propsKey,
           isRoot,
@@ -7340,7 +7341,7 @@ var require_useThemeState_native = __commonJS({
       themes || (themes = (0, import_config.getConfig)().themes);
       var name = !propsKey && (!lastState || !(lastState != null && lastState.isNew)) ? null : getNewThemeName(parentState == null ? void 0 : parentState.name, props, pendingUpdate === "force" ? !0 : !!needsUpdate), isSameAsParent = parentState && (!name || name === parentState.name), shouldRerender = !!(needsUpdate && (pendingUpdate || (lastState == null ? void 0 : lastState.name) !== (parentState == null ? void 0 : parentState.name)));
       if (process.env.NODE_ENV === "development" && debug && debug !== "profile") {
-        var message = ` \xB7 useTheme(${id}) => ${name} needsUpdate ${needsUpdate} shouldRerender ${shouldRerender}`;
+        var message = ` \xB7 useTheme(${id}) getNextState => ${name} needsUpdate ${needsUpdate} shouldRerender ${shouldRerender}`;
         console.info(message);
       }
       if (isSameAsParent) return [
@@ -8235,7 +8236,7 @@ var require_useComponentState_native = __commonJS({
         ...states[0],
         [props.forceStyle]: !0
       } : states[0], setState = states[1];
-      stateRef.current.nextComponentState && (Object.assign(state, stateRef.current.nextComponentState), stateRef.current.nextComponentState = void 0);
+      stateRef.current.nextComponentState && Object.assign(state, stateRef.current.nextComponentState);
       var isAnimated = willBeAnimated;
       import_constants4.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated && (isAnimated = !1, curStateRef.willHydrate = !0), disabled !== state.disabled && (disabled && Object.assign(state, import_defaultComponentState.defaultComponentStateMounted), state.disabled = disabled, setState(function(_) {
         return {
@@ -8279,26 +8280,6 @@ var require_useComponentState_native = __commonJS({
           }
         };
       }
-      if (!curStateRef.stateEmitter && hasAnimationProp) {
-        var listeners1 = /* @__PURE__ */ new Set();
-        curStateRef.stateEmitter = {
-          listeners: listeners1,
-          emit(state2) {
-            listeners1.forEach(function(l) {
-              return l(state2);
-            });
-          },
-          subscribe(cb) {
-            return listeners1.add(cb), setStateShallow({
-              hasDynGroupChildren: !0
-            }), function() {
-              listeners1.delete(cb), listeners1.size === 0 && setStateShallow({
-                hasDynGroupChildren: !1
-              });
-            };
-          }
-        };
-      }
       return {
         startedUnhydrated,
         curStateRef,
@@ -8548,7 +8529,13 @@ var require_createComponent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), time2, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), time2, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set(), avoidReRenderKeys = /* @__PURE__ */ new Set([
+      "hover",
+      "press",
+      "pressIn",
+      "group",
+      "media"
+    ]);
     if (0) var cancelTouches;
     var BaseText, BaseView, hasSetupBaseViews = !1, lastInteractionWasKeyboard = {
       value: !1
@@ -8696,19 +8683,18 @@ var require_createComponent_native = __commonJS({
         if (hasAnimationProp && animationDriver != null && animationDriver.avoidReRenders) {
           var styleListener = stateRef.current.useStyleListener, ogSetStateShallow = setStateShallow;
           setStateShallow = function(next) {
-            var avoidReRenderKeys = /* @__PURE__ */ new Set([
-              "hover",
-              "press",
-              "pressIn"
-            ]), canAvoidReRender = Object.keys(next).every(function(key3) {
+            var canAvoidReRender = Object.keys(next).every(function(key3) {
               return avoidReRenderKeys.has(key3);
             });
             if (canAvoidReRender && styleListener) {
-              var updatedState = {
+              var _curStateRef_group, _curStateRef_group1, updatedState = {
                 ...state,
                 ...next
               };
-              stateRef.current.nextComponentState = updatedState;
+              (_curStateRef_group1 = curStateRef.group) === null || _curStateRef_group1 === void 0 || _curStateRef_group1.emit(groupName, {
+                pseudo: updatedState,
+                layout: (_curStateRef_group = curStateRef.group) === null || _curStateRef_group === void 0 ? void 0 : _curStateRef_group.layout
+              }), stateRef.current.nextComponentState = updatedState;
               var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, styleProps, null, componentContext, elementType, startedUnhydrated, debugProp);
               styleListener(nextStyles.style);
             } else ogSetStateShallow(next);
@@ -8806,7 +8792,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             console.groupCollapsed(`Rendered > (opacity: ${computed.opacity})`), console.warn(stateRef.current.host), console.warn(computed), console.groupEnd();
           }
         }), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-          if (state.unmounted === !0 && hasEnterStyle) {
+          if (stateRef.current.nextComponentState = void 0, state.unmounted === !0 && hasEnterStyle) {
             setStateShallow({
               unmounted: "should-enter"
             });