tamagui 1.119.3 → 1.120.1

package/dist/native.js

@@ -15655,7 +15655,7 @@ var require_useStackedZIndex_native = __commonJS({
     });
     module2.exports = __toCommonJS2(useStackedZIndex_exports);
     var import_react3 = require("react"), CurrentPortalZIndices = {}, useStackedZIndex = function(props) {
-      var { stackZIndex, zIndex: zIndexProp = 1e3 } = props, zIndex = function() {
+      var { stackZIndex, zIndex: zIndexProp = 1e3 } = props, id = (0, import_react3.useId)(), zIndex = (0, import_react3.useMemo)(function() {
         if (stackZIndex) {
           var highest = Object.values(CurrentPortalZIndices).reduce(function(acc, cur) {
             return Math.max(acc, cur);
@@ -15663,13 +15663,15 @@ var require_useStackedZIndex_native = __commonJS({
           return Math.max(stackZIndex, highest + 1);
         }
         if (zIndexProp) return zIndexProp;
-      }(), id = (0, import_react3.useId)();
+      }, [
+        stackZIndex
+      ]);
       return (0, import_react3.useEffect)(function() {
-        if (typeof zIndex == "number") return CurrentPortalZIndices[id] = zIndex, function() {
+        if (typeof stackZIndex == "number") return CurrentPortalZIndices[id] = stackZIndex, function() {
           delete CurrentPortalZIndices[id];
         };
       }, [
-        zIndex
+        stackZIndex
       ]), zIndex;
     };
   }
@@ -16021,7 +16023,16 @@ var require_Portal_native = __commonJS({
     });
     module2.exports = __toCommonJS2(Portal_native_exports);
     var import_jsx_runtime6 = require("react/jsx-runtime"), import_stacks3 = require_index_native21(), React4 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_constants4 = require_constants_native3(), import_useStackedZIndex = require_useStackedZIndex_native(), import_GorhomPortalItem = require_GorhomPortalItem_native(), createPortal = function() {
-      return import_constants4.IS_FABRIC ? require("react-native/Libraries/Renderer/shims/ReactFabric").createPortal : require("react-native/Libraries/Renderer/shims/ReactNative").createPortal;
+      if (import_constants4.IS_FABRIC) try {
+        return require("react-native/Libraries/Renderer/shims/ReactFabric").createPortal;
+      } catch (err) {
+        return console.info("Note: error importing portal, defaulting to non-native portals", err), null;
+      }
+      try {
+        return require("react-native/Libraries/Renderer/shims/ReactNative").createPortal;
+      } catch (err) {
+        return console.info("Note: error importing portal, defaulting to non-native portals", err), null;
+      }
     }(), Portal = function(propsIn) {
       var { stackZIndex, ...props } = propsIn, rootTag = React4.useContext(import_react_native4.RootTagContext), zIndex = (0, import_useStackedZIndex.useStackedZIndex)(propsIn), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_stacks3.YStack, {
         pointerEvents: "box-none",
@@ -16031,7 +16042,7 @@ var require_Portal_native = __commonJS({
         ...props,
         zIndex
       });
-      return !import_constants4.USE_NATIVE_PORTAL || !rootTag ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_GorhomPortalItem.GorhomPortalItem, {
+      return !createPortal || !import_constants4.USE_NATIVE_PORTAL || !rootTag ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_GorhomPortalItem.GorhomPortalItem, {
         hostName: "root",
         children: contents
       }) : createPortal(contents, rootTag);
@@ -17651,7 +17662,7 @@ var require_SheetImplementationCustom_native = __commonJS({
         };
       }, [
         zIndex
-      ]), animatedNumber = useAnimatedNumber(hiddenSize), at = import_react3.default.useRef(hiddenSize);
+      ]), isMounted = (0, import_core12.useDidFinishSSR)(), startPosition = isMounted && screenSize ? screenSize : hiddenSize, animatedNumber = useAnimatedNumber(startPosition), at = import_react3.default.useRef(startPosition), hasntMeasured = at.current === hiddenSize, [disableAnimation, setDisableAnimation] = (0, import_react3.useState)(hasntMeasured);
       useAnimatedNumberReaction({
         value: animatedNumber,
         hostRef: sheetRef
@@ -17663,40 +17674,31 @@ var require_SheetImplementationCustom_native = __commonJS({
       function stopSpring() {
         animatedNumber.stop(), scrollBridge.onFinishAnimate && (scrollBridge.onFinishAnimate(), scrollBridge.onFinishAnimate = void 0);
       }
-      var hasntMeasured = at.current === hiddenSize, animateTo = (0, import_core12.useEvent)(function(position2) {
+      var animateTo = (0, import_core12.useEvent)(function(position2) {
         if (frameSize !== 0) {
           var toValue = isHidden || position2 === -1 ? screenSize : positions[position2];
-          if (at.current !== toValue) {
-            if (at.current = toValue, stopSpring(), hasntMeasured || isHidden) {
-              animatedNumber.setValue(screenSize, {
-                type: "timing",
-                duration: 0
-              }, function() {
-                isHidden || (toValue = positions[position2], at.current = toValue, animatedNumber.setValue(toValue, {
-                  type: "spring",
-                  ...animationConfig
-                }));
-              });
-              return;
-            }
-            animatedNumber.setValue(toValue, {
-              type: "spring",
-              ...animationConfig
-            });
-          }
+          at.current !== toValue && (at.current = toValue, stopSpring(), animatedNumber.setValue(toValue, {
+            type: "spring",
+            ...animationConfig
+          }));
         }
       });
       (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        screenSize && hasntMeasured && animatedNumber.setValue(screenSize, {
-          type: "timing",
-          duration: 0
-        });
+        if (hasntMeasured && screenSize) {
+          at.current = screenSize, animatedNumber.setValue(screenSize, {
+            type: "timing",
+            duration: 0
+          }, function() {
+            setTimeout(function() {
+              setDisableAnimation(!1);
+            }, 10);
+          });
+          return;
+        }
+        disableAnimation || !frameSize || !screenSize || isHidden || hasntMeasured && !open || animateTo(position);
       }, [
         hasntMeasured,
-        screenSize
-      ]), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        !frameSize || !screenSize || isHidden || hasntMeasured && !open || animateTo(position);
-      }, [
+        disableAnimation,
         isHidden,
         frameSize,
         screenSize,
@@ -17811,7 +17813,7 @@ var require_SheetImplementationCustom_native = __commonJS({
       }, [
         open
       ]);
-      var forcedContentHeight = hasFit ? void 0 : snapPointsMode === "percent" ? `${maxSnapPoint}${import_constants4.isWeb ? "dvh" : "%"}` : maxSnapPoint, id = (0, import_react3.useId)(), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_contexts.ParentSheetContext.Provider, {
+      var forcedContentHeight = hasFit ? void 0 : snapPointsMode === "percent" ? `${maxSnapPoint}${import_constants4.isWeb ? "dvh" : "%"}` : maxSnapPoint, contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_contexts.ParentSheetContext.Provider, {
         value: nextParentContext,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_SheetContext.SheetProvider, {
           ...providerProps,
@@ -17840,7 +17842,7 @@ var require_SheetImplementationCustom_native = __commonJS({
               onLayout: handleAnimationViewLayout,
               ...!isDragging && {
                 // @ts-ignore for CSS driver this is necessary to attach the transition
-                animation
+                animation: disableAnimation ? null : animation
               },
               // @ts-ignore
               disableClassName: !0,