tamagui 1.131.0 → 1.131.1

package/dist/native.js

@@ -3222,22 +3222,22 @@ var require_useMedia_native = __commonJS({
         listeners.delete(subscriber);
       };
     }
-    function useMedia3(cc, debug) {
-      var componentState = cc ? States.get(cc) : null, internalRef = (0, import_react3.useRef)(null);
+    function useMedia3(componentContext, debug) {
+      var componentState = componentContext ? States.get(componentContext) : null, internalRef = (0, import_react3.useRef)(null);
       internalRef.current || (internalRef.current = {
-        keys: /* @__PURE__ */ new Set()
-      });
-      var { keys, lastState = mediaState3 } = internalRef.current;
+        keys: /* @__PURE__ */ new Set(),
+        lastState: mediaState3
+      }), internalRef.current.pendingState && (internalRef.current.lastState = internalRef.current.pendingState, internalRef.current.pendingState = void 0);
+      var { keys } = internalRef.current;
       keys.size && keys.clear();
       var state = (0, import_react3.useSyncExternalStore)(subscribe, function() {
-        if (componentState != null && componentState.enabled) return internalRef.current.lastState = mediaState3, mediaState3;
-        var curKeys = (componentState == null ? void 0 : componentState.keys) || keys;
+        var curKeys = (componentState == null ? void 0 : componentState.keys) || keys, { lastState, pendingState } = internalRef.current;
         if (!curKeys.size) return lastState;
         var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
         try {
           for (var _iterator = curKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
             var key = _step.value;
-            if (mediaState3[key] !== lastState[key]) return process.env.NODE_ENV === "development" && debug && console.warn("useMedia() \u270D\uFE0F", key, lastState[key], "=>", mediaState3[key]), internalRef.current.lastState = mediaState3, mediaState3;
+            if (mediaState3[key] !== (pendingState || lastState)[key]) return process.env.NODE_ENV === "development" && debug && console.warn("useMedia() \u270D\uFE0F", key, lastState[key], "=>", mediaState3[key]), componentContext != null && componentContext.mediaEmit ? (componentContext.mediaEmit(mediaState3), internalRef.current.pendingState = mediaState3, lastState) : (internalRef.current.lastState = mediaState3, mediaState3);
           }
         } catch (err) {
           _didIteratorError = !0, _iteratorError = err;
@@ -8642,7 +8642,7 @@ 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_is_equal_shallow = require_index_native12(), 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_GroupContext = require_GroupContext_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, NextState = /* @__PURE__ */ new WeakMap(), debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set(), avoidReRenderKeys = /* @__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_is_equal_shallow = require_index_native12(), 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_GroupContext = require_GroupContext_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, NextState = /* @__PURE__ */ new WeakMap(), NextMedia = /* @__PURE__ */ new WeakMap(), debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set(), avoidReRenderKeys = /* @__PURE__ */ new Set([
       "hover",
       "press",
       "pressIn",
@@ -8858,6 +8858,18 @@ 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 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);
+            useStyleListener == null || useStyleListener((nextStyles == null ? void 0 : nextStyles.style) || {});
+          };
           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))) {
@@ -8872,11 +8884,7 @@ var require_createComponent_native = __commonJS({
                 NextState.set(stateRef, updatedState), process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && (console.groupCollapsed("[\u26A1\uFE0F] avoid setState", next, {
                   updatedState,
                   props
-                }), console.info(stateRef.current.host), console.groupEnd());
-                var { 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, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp);
-                useStyleListener == null || useStyleListener((nextStyles == null ? void 0 : nextStyles.style) || {});
+                }), console.info(stateRef.current.host), console.groupEnd()), updateStyleListener();
               } else process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && console.info("[\u{1F40C}] re-render", {
                 canAvoidReRender,
                 next
@@ -24644,7 +24652,7 @@ var require_Popper_native = __commonJS({
       });
     }
     var PopperAnchor = import_stacks3.YStack.extractable(/* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { virtualRef, scope, ...anchorProps } = props, { getReferenceProps, refs, update } = usePopperContextSlow(scope), ref = React4.useRef(null);
+      var { virtualRef, scope, ...anchorProps } = props, context = usePopperContextSlow(scope), { getReferenceProps, refs, update } = context, ref = React4.useRef(null);
       React4.useEffect(function() {
         virtualRef && refs.setReference(virtualRef.current);
       }, [
@@ -24665,7 +24673,7 @@ var require_Popper_native = __commonJS({
         },
         onMouseLeave: function(e) {
           var _refProps_onMouseLeave;
-          refProps == null || (_refProps_onMouseLeave = refProps.onMouseLeave) === null || _refProps_onMouseLeave === void 0 || _refProps_onMouseLeave.call(refProps, e), refs.setReference(null);
+          refProps == null || (_refProps_onMouseLeave = refProps.onMouseLeave) === null || _refProps_onMouseLeave === void 0 || _refProps_onMouseLeave.call(refProps, e);
         }
       });
     })), PopperContentFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {