tamagui 1.111.9 → 1.111.11

package/dist/native.js

@@ -281,15 +281,15 @@ var require_PresenceContext_native = __commonJS({
     }, PresenceContext_exports = {};
     __export2(PresenceContext_exports, {
       PresenceContext: function() {
-        return PresenceContext;
+        return PresenceContext2;
       },
       ResetPresence: function() {
-        return ResetPresence;
+        return ResetPresence2;
       }
     });
     module2.exports = __toCommonJS2(PresenceContext_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), React4 = __toESM2(require("react")), PresenceContext = /* @__PURE__ */ React4.createContext(null), ResetPresence = function(props) {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PresenceContext.Provider, {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), React4 = __toESM2(require("react")), PresenceContext2 = /* @__PURE__ */ React4.createContext(null), ResetPresence2 = function(props) {
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PresenceContext2.Provider, {
         value: null,
         children: props.children
       });
@@ -348,32 +348,32 @@ var require_usePresence_native = __commonJS({
     }, usePresence_exports = {};
     __export2(usePresence_exports, {
       isPresent: function() {
-        return isPresent;
+        return isPresent2;
       },
       useIsPresent: function() {
-        return useIsPresent;
+        return useIsPresent2;
       },
       usePresence: function() {
-        return usePresence;
+        return usePresence2;
       }
     });
     module2.exports = __toCommonJS2(usePresence_exports);
     var React4 = __toESM2(require("react")), import_PresenceContext = require_PresenceContext_native();
-    function usePresence() {
+    function usePresence2() {
       var context = React4.useContext(import_PresenceContext.PresenceContext);
       if (!context) return [
         !0,
         null,
         context
       ];
-      var { id, isPresent: isPresent2, onExitComplete, register } = context;
+      var { id, isPresent: isPresent22, onExitComplete, register } = context;
       React4.useEffect(function() {
         return register(id);
       }, []);
       var safeToRemove = function() {
         return onExitComplete == null ? void 0 : onExitComplete(id);
       };
-      return !isPresent2 && onExitComplete ? [
+      return !isPresent22 && onExitComplete ? [
         !1,
         safeToRemove,
         context
@@ -383,10 +383,10 @@ var require_usePresence_native = __commonJS({
         context
       ];
     }
-    function useIsPresent() {
-      return isPresent(React4.useContext(import_PresenceContext.PresenceContext));
+    function useIsPresent2() {
+      return isPresent2(React4.useContext(import_PresenceContext.PresenceContext));
     }
-    function isPresent(context) {
+    function isPresent2(context) {
       return context === null ? !0 : context.isPresent;
     }
   }
@@ -396,7 +396,12 @@ var require_usePresence_native = __commonJS({
 var require_index_native3 = __commonJS({
   "../../core/use-presence/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
       var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
       if (from && typeof from == "object" || typeof from == "function") try {
         for (var _loop = function() {
@@ -419,16 +424,30 @@ var require_index_native3 = __commonJS({
         }
       }
       return to;
-    }, __reExport2 = function(target, mod, secondTarget) {
-      return __copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default");
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
     }, src_exports2 = {};
+    __export2(src_exports2, {
+      PresenceContext: function() {
+        return import_PresenceContext.PresenceContext;
+      },
+      ResetPresence: function() {
+        return import_PresenceContext.ResetPresence;
+      },
+      isPresent: function() {
+        return import_usePresence.isPresent;
+      },
+      useIsPresent: function() {
+        return import_usePresence.useIsPresent;
+      },
+      usePresence: function() {
+        return import_usePresence.usePresence;
+      }
+    });
     module2.exports = __toCommonJS2(src_exports2);
-    __reExport2(src_exports2, require_PresenceContext_native(), module2.exports);
-    __reExport2(src_exports2, require_usePresence_native(), module2.exports);
+    var import_PresenceContext = require_PresenceContext_native(), import_usePresence = require_usePresence_native();
   }
 });
 
@@ -488,12 +507,12 @@ var require_PresenceChild_native = __commonJS({
     });
     module2.exports = __toCommonJS2(PresenceChild_exports);
     var import_jsx_runtime6 = require("react/jsx-runtime"), import_use_constant = require_index_native2(), import_use_presence = require_index_native3(), React4 = __toESM2(require("react")), import_react3 = require("react"), PresenceChild = /* @__PURE__ */ React4.memo(function(param) {
-      var { children, initial, isPresent, onExitComplete, exitVariant, enterVariant, enterExitVariant, presenceAffectsLayout, custom } = param, presenceChildren = (0, import_use_constant.useConstant)(newChildrenMap), id = (0, import_react3.useId)() || "", context = React4.useMemo(
+      var { children, initial, isPresent: isPresent2, onExitComplete, exitVariant, enterVariant, enterExitVariant, presenceAffectsLayout, custom } = param, presenceChildren = (0, import_use_constant.useConstant)(newChildrenMap), id = (0, import_react3.useId)() || "", context = React4.useMemo(
         function() {
           return {
             id,
             initial,
-            isPresent,
+            isPresent: isPresent2,
             custom,
             exitVariant,
             enterVariant,
@@ -531,7 +550,7 @@ var require_PresenceChild_native = __commonJS({
         */
         // @ts-expect-error its ok
         presenceAffectsLayout ? void 0 : [
-          isPresent,
+          isPresent2,
           exitVariant,
           enterVariant
         ]
@@ -541,11 +560,11 @@ var require_PresenceChild_native = __commonJS({
           return presenceChildren.set(key, !1);
         });
       }, [
-        isPresent
+        isPresent2
       ]), React4.useEffect(function() {
-        !isPresent && !presenceChildren.size && (onExitComplete == null || onExitComplete());
+        !isPresent2 && !presenceChildren.size && (onExitComplete == null || onExitComplete());
       }, [
-        isPresent
+        isPresent2
       ]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_use_presence.PresenceContext.Provider, {
         value: context,
         children
@@ -7704,7 +7723,7 @@ var require_Theme_native = __commonJS({
       if (!themeManager) throw new Error(process.env.NODE_ENV === "development" ? "\u274C No theme found, either incorrect name, potential duplicate tamagui deps, or TamaguiProvider not providing themes." : "\u274C 005");
       var { shallow, forceClassName } = props, shouldRenderChildrenWithTheme = isNewTheme || isRoot || stateRef.current.hasEverThemed || typeof props.inverse == "boolean";
       if (shouldRenderChildrenWithTheme && (stateRef.current.hasEverThemed = !0), !shouldRenderChildrenWithTheme) return children;
-      process.env.NODE_ENV === "development" && shouldRenderChildrenWithTheme && props.debug && (0, import_log.log)(`adding theme: isRoot ${isRoot}, inverse ${"inverse" in props}, isNewTheme ${isNewTheme}, hasEver ${stateRef.current.hasEverThemed}`, props);
+      process.env.NODE_ENV === "development" && shouldRenderChildrenWithTheme && props.debug === "verbose" && (0, import_log.log)(`adding theme: isRoot ${isRoot}, inverse ${"inverse" in props}, isNewTheme ${isNewTheme}, hasEver ${stateRef.current.hasEverThemed}`, props);
       var next = children;
       shallow && (next = import_react3.Children.toArray(children).map(function(child) {
         return /* @__PURE__ */ (0, import_react3.isValidElement)(child) ? /* @__PURE__ */ (0, import_react3.cloneElement)(child, void 0, /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Theme2, {
@@ -8405,7 +8424,7 @@ var require_createComponent_native = __commonJS({
         }
         process.env.NODE_ENV === "development" && time && time`split-styles`, curStateRef.isListeningToTheme = splitStyles.dynamicThemeAccess;
         var hasRuntimeMediaKeys = splitStyles.hasMedia && splitStyles.hasMedia !== !0, shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || hasRuntimeMediaKeys || noClassNames && splitStyles.hasMedia === !0, mediaListeningKeys = hasRuntimeMediaKeys ? splitStyles.hasMedia : null;
-        process.env.NODE_ENV === "development" && debugProp && console.info("useMedia() createComponent", shouldListenForMedia, mediaListeningKeys), (0, import_useMedia.setMediaShouldUpdate)(stateRef, {
+        process.env.NODE_ENV === "development" && debugProp === "verbose" && console.info("useMedia() createComponent", shouldListenForMedia, mediaListeningKeys), (0, import_useMedia.setMediaShouldUpdate)(stateRef, {
           enabled: shouldListenForMedia,
           keys: mediaListeningKeys
         });
@@ -8452,7 +8471,7 @@ var require_createComponent_native = __commonJS({
             staticConfig,
             stateRef
           });
-          (isAnimated || supportsCSSVars) && animations && (animationStyles = animations.style, viewProps.style = animationStyles, animations.className && (viewProps.className = `${viewProps.className || ""} ${animations.className}`)), process.env.NODE_ENV === "development" && time && time`animations`;
+          (isAnimated || supportsCSSVars) && animations && (animationStyles = animations.style, viewProps.style = animationStyles, animations.className && (viewProps.className = `${state.unmounted === "should-enter" ? "t_unmounted " : ""}${viewProps.className || ""} ${animations.className}`)), process.env.NODE_ENV === "development" && time && time`animations`;
         }
         process.env.NODE_ENV === "development" && props.untilMeasured && !props.group && console.warn(`You set the untilMeasured prop without setting group. This doesn't work, be sure to set untilMeasured on the parent that sets group, not the children that use the $group- prop.
 
@@ -8477,7 +8496,16 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           });
         };
         process.env.NODE_ENV === "development" && import_constants4.isWeb && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-          debugProp && (console.groupCollapsed("Rendered style >"), console.warn(getComputedStyle(stateRef.current.host)), console.groupEnd());
+          if (debugProp === "verbose") {
+            var cssStyleDeclarationToObject2 = function(style) {
+              for (var styleObject = {}, i = 0; i < style.length; i++) {
+                var prop = style[i];
+                styleObject[prop] = style.getPropertyValue(prop);
+              }
+              return styleObject;
+            }, cssStyleDeclarationToObject = cssStyleDeclarationToObject2, computed = cssStyleDeclarationToObject2(getComputedStyle(stateRef.current.host));
+            console.groupCollapsed(`Rendered > (opacity: ${computed.opacity})`), console.warn(stateRef.current.host), console.warn(computed), console.groupEnd();
+          }
         }), import_react3.default.useEffect(function() {
           if (!disabled) {
             if (state.unmounted === !0 && hasEnterStyle) {
@@ -8486,8 +8514,13 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               });
               return;
             }
+            var tm;
             if (state.unmounted) {
-              setStateShallow({
+              process.env.TAMAGUI_REACT_19 && animationDriver != null && animationDriver.supportsCSSVars ? tm = setTimeout(function() {
+                setStateShallow({
+                  unmounted: !1
+                });
+              }) : setStateShallow({
                 unmounted: !1
               });
               return;
@@ -8501,7 +8534,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               pseudoGroups
             });
             return function() {
-              dispose == null || dispose(), componentSetStates.delete(setState);
+              clearTimeout(tm), dispose == null || dispose(), componentSetStates.delete(setState);
             };
           }
         }, [
@@ -8610,8 +8643,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         process.env.NODE_ENV === "development" && time && time`spaced-as-child`;
         var useChildrenResult;
         import_setupHooks.hooks.useChildren && (useChildrenResult = import_setupHooks.hooks.useChildren(elementType, content, viewProps, events, staticConfig)), useChildrenResult ? content = useChildrenResult : content = /* @__PURE__ */ import_react3.default.createElement(elementType, viewProps, content);
-        var ResetPresence = config == null || (_config_animations = config.animations) === null || _config_animations === void 0 ? void 0 : _config_animations.ResetPresence;
-        ResetPresence && willBeAnimated && (hasEnterStyle || presenceState) && content && typeof content != "string" && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ResetPresence, {
+        var ResetPresence2 = config == null || (_config_animations = config.animations) === null || _config_animations === void 0 ? void 0 : _config_animations.ResetPresence;
+        ResetPresence2 && willBeAnimated && (hasEnterStyle || presenceState) && content && typeof content != "string" && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ResetPresence2, {
           children: content
         })), process.env.NODE_ENV === "development" && time && time`create-element`;
         var groupState = curStateRef.group, subGroupContext = import_react3.default.useMemo(function() {
@@ -8668,7 +8701,9 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           if (import_constants4.isWeb) {
             console.groupCollapsed(title);
             try {
-              (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("children", content), typeof window < "u" && ((0, import_log.log)("props in", propsIn, "mapped to", props, "in order", Object.keys(props)), (0, import_log.log)({
+              (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("children", content), typeof window < "u" && (0, import_log.log)({
+                propsIn,
+                props,
                 animationStyles,
                 classNames,
                 content,
@@ -8694,7 +8729,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
                 themeState,
                 viewProps,
                 willBeAnimated
-              }));
+              });
             } catch {
             } finally {
               console.groupEnd();
@@ -15396,7 +15431,9 @@ var require_Adapt_native = __commonJS({
       return typeof when == "function" ? enabled = when({
         media
       }) : (enabled = !platform2, platform2 === "touch" && (enabled = import_constants4.isTouchable), platform2 === "native" && (enabled = !import_constants4.isWeb), platform2 === "web" && (enabled = import_constants4.isWeb), platform2 === "ios" && (enabled = import_constants4.isIos), platform2 === "android" && (enabled = import_constants4.isAndroid), when && !media[when] && (enabled = !1)), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        enabled && (context == null || context.setWhen(when || enabled));
+        if (enabled) return context == null || context.setWhen(when || enabled), function() {
+          context == null || context.setWhen(null);
+        };
       }, [
         when,
         context,
@@ -23499,10 +23536,9 @@ async function convertValueToCoords(state, options) {
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: 0,
-    crossAxis: 0,
-    alignmentAxis: null,
-    ...rawValue
+    mainAxis: rawValue.mainAxis || 0,
+    crossAxis: rawValue.crossAxis || 0,
+    alignmentAxis: rawValue.alignmentAxis
   };
   return alignment && typeof alignmentAxis == "number" && (crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis), isVertical ? {
     x: crossAxis * crossAxisMulti,
@@ -23891,7 +23927,11 @@ var computePosition, arrow2, autoPlacement2, flip2, hide2, inline2, offset2, shi
             ...limitedCoords,
             data: {
               x: limitedCoords.x - x,
-              y: limitedCoords.y - y
+              y: limitedCoords.y - y,
+              enabled: {
+                [mainAxis]: checkMainAxis,
+                [crossAxis]: checkCrossAxis
+              }
             }
           };
         }
@@ -23933,11 +23973,11 @@ var computePosition, arrow2, autoPlacement2, flip2, hide2, inline2, offset2, shi
         name: "size",
         options,
         async fn(state) {
-          var { placement, rects, platform: platform2, elements } = state, { apply = function() {
+          var _state$middlewareData, _state$middlewareData2, { placement, rects, platform: platform2, elements } = state, { apply = function() {
           }, ...detectOverflowOptions } = evaluate(options, state), overflow = await detectOverflow2(state, detectOverflowOptions), side = getSide(placement), alignment = getAlignment(placement), isYAxis = getSideAxis(placement) === "y", { width, height } = rects.floating, heightSide, widthSide;
           side === "top" || side === "bottom" ? (heightSide = side, widthSide = alignment === (await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)) ? "start" : "end") ? "left" : "right") : (widthSide = side, heightSide = alignment === "end" ? "top" : "bottom");
           var maximumClippingHeight = height - overflow.top - overflow.bottom, maximumClippingWidth = width - overflow.left - overflow.right, overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight), overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth), noShift = !state.middlewareData.shift, availableHeight = overflowAvailableHeight, availableWidth = overflowAvailableWidth;
-          if (isYAxis ? availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth : availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight, noShift && !alignment) {
+          if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x && (availableWidth = maximumClippingWidth), (_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y && (availableHeight = maximumClippingHeight), noShift && !alignment) {
             var xMin = max(overflow.left, 0), xMax = max(overflow.right, 0), yMin = max(overflow.top, 0), yMax = max(overflow.bottom, 0);
             isYAxis ? availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right)) : availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
           }
@@ -24625,7 +24665,7 @@ var require_Popper_native = __commonJS({
       Object.assign(setupOptions, options);
     }
     function Popper(props) {
-      var _middlewareData_checkFloating, { children, size: size4, strategy = "absolute", placement = "bottom", stayInFrame, allowFlip, offset: offset4, disableRTL, __scopePopper } = props, isMounted = (0, import_core12.useDidFinishSSR)(), [arrowEl, setArrow] = React4.useState(null), [arrowSize, setArrowSize] = React4.useState(0), offsetOptions = offset4 ?? arrowSize, floating = (0, import_floating.useFloating)({
+      var _middlewareData_checkFloating, { children, size: size4, strategy = "absolute", placement = "bottom", stayInFrame, allowFlip, offset: offset4, disableRTL, __scopePopper } = props, [arrowEl, setArrow] = React4.useState(null), [arrowSize, setArrowSize] = React4.useState(0), offsetOptions = offset4 ?? arrowSize, floating = (0, import_floating.useFloating)({
         strategy,
         placement,
         sameScrollView: !1,
@@ -24675,7 +24715,6 @@ var require_Popper_native = __commonJS({
         arrowRef: setArrow,
         arrowStyle: middlewareData.arrow,
         onArrowSize: setArrowSize,
-        isMounted,
         scope: __scopePopper,
         hasFloating: (_middlewareData_checkFloating = middlewareData.checkFloating) === null || _middlewareData_checkFloating === void 0 ? void 0 : _middlewareData_checkFloating.hasFloating,
         ...floating
@@ -24724,7 +24763,7 @@ var require_Popper_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), PopperContent = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopePopper, enableAnimationForPositionChange, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size: size4, isMounted, update, floatingStyles, hasFloating } = usePopperContext(__scopePopper), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), finalHasFloatingValue = !1;
+      var { __scopePopper, enableAnimationForPositionChange, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size: size4, update, floatingStyles, hasFloating } = usePopperContext(__scopePopper), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), finalHasFloatingValue = !1;
       if (import_constants4.isAndroid) {
         var initialRender = React4.useRef(!0), finalHasFloating = React4.useRef(!1);
         hasFloating === !1 && (initialRender.current = !1), initialRender.current || (finalHasFloating.current = hasFloating), finalHasFloatingValue = finalHasFloating.current;
@@ -24743,14 +24782,11 @@ var require_Popper_native = __commonJS({
         props
       ]), [needsMeasure, setNeedsMeasure] = React4.useState(!0);
       React4.useEffect(function() {
-        (x || y) && setNeedsMeasure(!1);
+        enableAnimationForPositionChange && (x || y) && setNeedsMeasure(!1);
       }, [
+        enableAnimationForPositionChange,
         x,
         y
-      ]), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        isMounted && update();
-      }, [
-        isMounted
       ]);
       var show = !0;
       if (import_constants4.isAndroid) {
@@ -24763,7 +24799,6 @@ var require_Popper_native = __commonJS({
           y
         ]);
       }
-      if (!isMounted) return null;
       var frameProps = {
         ref: contentRefs,
         x: x || 0,