@multiplatform.one/components 7.10.0 → 7.15.0

package/dist/cjs/SheetModal/index.native.js

@@ -30,6 +30,7 @@ module.exports = __toCommonJS(index_native_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react_native = require("react-native");
+var import_react_native_safe_area_context = require("react-native-safe-area-context");
 var import_theme = require("@multiplatform.one/theme");
 var import_detents = require("./detents.native.js");
 var import_i18n = require("../shared/i18n.native.js");
@@ -43,6 +44,13 @@ var dismissThreshold = 56;
 var IN_DIALOG_REGION = {
   inDialogRegion: true
 };
+var fillSlot = {
+  flex: 1,
+  minHeight: 0
+};
+var nonShrinking = {
+  flexShrink: 0
+};
 function SheetModal(param) {
   var {
     open,
@@ -50,8 +58,11 @@ function SheetModal(param) {
     children,
     header,
     snapPoint,
-    scrollable
+    scrollable,
+    fill = false
   } = param;
+  var _ref, _ref1;
+  var _useContext;
   var {
     t
   } = (0, import_i18n.useTranslation)();
@@ -62,6 +73,7 @@ function SheetModal(param) {
     height: windowHeight
   } = (0, import_react_native.useWindowDimensions)();
   var keyboardInset = (0, import_useKeyboardInset.useKeyboardInset)();
+  var topInset = (_ref = (_ref1 = (_useContext = (0, import_react.useContext)(import_react_native_safe_area_context.SafeAreaInsetsContext)) === null || _useContext === void 0 ? void 0 : _useContext.top) !== null && _ref1 !== void 0 ? _ref1 : import_react_native_safe_area_context.initialWindowMetrics === null || import_react_native_safe_area_context.initialWindowMetrics === void 0 ? void 0 : import_react_native_safe_area_context.initialWindowMetrics.insets.top) !== null && _ref !== void 0 ? _ref : 0;
   var [backdropArmed, setBackdropArmed] = (0, import_react.useState)(false);
   var armTimerRef = (0, import_react.useRef)(null);
   var close = (0, import_react.useCallback)(function () {
@@ -71,7 +83,7 @@ function SheetModal(param) {
     if (backdropArmed) close();
   }, [backdropArmed, close]);
   var available = Math.max(0, windowHeight - keyboardInset);
-  var maxHeight = Math.max(import_detents.minSheetHeight, Math.round(Math.min(windowHeight * sheetMaxHeightRatio, available - backdropStrip)));
+  var maxHeight = Math.max(import_detents.minSheetHeight, Math.round(Math.min(windowHeight * sheetMaxHeightRatio, available - topInset - backdropStrip)));
   var [measuredHeight, setMeasuredHeight] = (0, import_react.useState)(0);
   var travel = measuredHeight || maxHeight;
   var detents = (0, import_react.useMemo)(function () {
@@ -89,8 +101,38 @@ function SheetModal(param) {
   detentsRef.current = detents;
   var presentationRef = (0, import_react.useRef)(0);
   var activeRef = (0, import_react.useRef)(false);
-  var settleTo = (0, import_react.useCallback)(function (toValue) {
+  var frameCap = (0, import_react.useRef)(new import_react_native.Animated.Value(maxHeight)).current;
+  var maxHeightRef = (0, import_react.useRef)(maxHeight);
+  var restHeightRef = (0, import_react.useRef)(null);
+  var naturalRef = (0, import_react.useRef)(0);
+  var filledRef = (0, import_react.useRef)(false);
+  (0, import_react.useLayoutEffect)(function () {
+    maxHeightRef.current = maxHeight;
+    var rest = restHeightRef.current;
+    frameCap.setValue(rest === null ? maxHeight : Math.min(maxHeight, rest));
+    if (rest !== null && naturalRef.current > 0) {
+      setMeasuredHeight(filledRef.current ? maxHeight : Math.min(naturalRef.current, maxHeight));
+    }
+  }, [frameCap, maxHeight]);
+  var restAt = (0, import_react.useCallback)(function (height) {
+    restHeightRef.current = height;
+    frameCap.setValue(Math.min(maxHeightRef.current, height));
+    restRef.current = 0;
+    translateY.setValue(0);
+  }, [frameCap, translateY]);
+  var releaseRest = (0, import_react.useCallback)(function () {
+    var rest = restHeightRef.current;
+    if (rest === null) return;
+    restHeightRef.current = null;
+    var offset = Math.max(0, travelRef.current - Math.min(maxHeightRef.current, rest));
+    frameCap.setValue(maxHeightRef.current);
+    restRef.current = offset;
+    translateY.setValue(offset);
+  }, [frameCap, translateY]);
+  var settleTo = (0, import_react.useCallback)(function (height) {
     var velocity = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+    var presentation = presentationRef.current;
+    var toValue = Math.max(0, travelRef.current - height);
     restRef.current = toValue;
     import_react_native.Animated.spring(translateY, {
       toValue,
@@ -103,8 +145,14 @@ function SheetModal(param) {
       // Modal does not advance on the New Architecture, and the drag path
       // already writes this value from JS.
       useNativeDriver: false
-    }).start();
-  }, [translateY]);
+    }).start(function (param2) {
+      var {
+        finished
+      } = param2;
+      if (!finished || toValue === 0) return;
+      if (activeRef.current && presentation === presentationRef.current) restAt(height);
+    });
+  }, [restAt, translateY]);
   var dismiss = (0, import_react.useCallback)(function () {
     var velocity = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
     if (!activeRef.current) return;
@@ -133,10 +181,17 @@ function SheetModal(param) {
       onMoveShouldSetPanResponder: function onMoveShouldSetPanResponder(_evt, g) {
         return Math.abs(g.dy) > 2;
       },
+      // Lifting a rest cap can scroll the list inside, and a scroll lets
+      // any ancestor ScrollView the finger started under claim the touch,
+      // ending the drag and blurring a focused input on release.
+      onPanResponderTerminationRequest: function onPanResponderTerminationRequest() {
+        return false;
+      },
       onPanResponderGrant: function onPanResponderGrant() {
         translateY.stopAnimation(function (value) {
           if (typeof value === "number" && Number.isFinite(value)) restRef.current = value;
         });
+        releaseRest();
       },
       onPanResponderMove: function onPanResponderMove(_evt, g) {
         var next = restRef.current + g.dy;
@@ -180,13 +235,13 @@ function SheetModal(param) {
             }
           }
         }
-        settleTo(tvl - best, g.vy);
+        settleTo(best, g.vy);
       },
       onPanResponderTerminate: function onPanResponderTerminate() {
-        return settleTo(restRef.current);
+        return settleTo(travelRef.current - restRef.current);
       }
     });
-  }, [dismiss, settleTo, translateY]);
+  }, [dismiss, releaseRest, settleTo, translateY]);
   var enteredRef = (0, import_react.useRef)(false);
   var enter = (0, import_react.useCallback)(function () {
     if (!activeRef.current || enteredRef.current) return;
@@ -216,6 +271,8 @@ function SheetModal(param) {
   (0, import_react.useEffect)(function () {
     presentationRef.current += 1;
     activeRef.current = open;
+    restHeightRef.current = null;
+    frameCap.setValue(maxHeightRef.current);
     if (open) {
       enter();
     } else {
@@ -234,7 +291,7 @@ function SheetModal(param) {
       }
       translateY.stopAnimation();
     };
-  }, [open, enter, translateY]);
+  }, [open, enter, frameCap, translateY]);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Modal, {
     visible: open,
     transparent: true,
@@ -259,36 +316,46 @@ function SheetModal(param) {
         })
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Animated.View, {
         onLayout: function onLayout(e) {
+          if (restHeightRef.current !== null) return;
           var h = Math.round(e.nativeEvent.layout.height);
-          if (h > 0 && h !== measuredHeight) setMeasuredHeight(h);
+          if (h <= 0) return;
+          naturalRef.current = h;
+          filledRef.current = h >= maxHeightRef.current - 1;
+          if (h !== measuredHeight) setMeasuredHeight(h);
         },
+        testID: "sheet-modal-frame",
         style: {
           // MPO-64: flex children default to flexShrink 0, so without this
           // the sheet cannot give way to the keyboard.
           flexShrink: 1,
           minHeight: 0,
-          maxHeight,
+          maxHeight: frameCap,
+          // The cap is already keyboard- and window-aware; fill only asks
+          // for it as a definite height rather than an upper bound.
+          ...(fill ? {
+            height: frameCap
+          } : null),
           transform: [{
             translateY
           }]
         },
         children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          testID: "sheet-modal-surface",
           ...knobProps.surface,
           ...knobProps.borderRadius,
           borderBottomLeftRadius: 0,
           borderBottomRightRadius: 0,
           elevation: knobProps.elevation,
           maxHeight,
+          flexShrink: 1,
+          minHeight: 0,
+          ...(fill ? fillSlot : null),
           paddingTop: "$2",
           paddingBottom: keyboardInset > 0 ? 8 : bottomInset,
           overflow: "hidden",
-          outlineWidth: 0,
-          focusStyle: {
-            outlineWidth: 0
-          },
-          focusVisibleStyle: {
-            outlineWidth: 0
-          },
+          // No focus or press pseudo on this surface: on native tamagui
+          // turns one into a touch-responder claim, and a responder here
+          // takes every drag from the ScrollView inside (MPO-299).
           accessibilityViewIsModal: true,
           onAccessibilityEscape: close,
           children: [
@@ -303,11 +370,13 @@ function SheetModal(param) {
             ...panResponder.panHandlers,
             accessibilityRole: "adjustable",
             accessibilityLabel: t("Drag to resize"),
+            testID: "sheet-modal-grabber",
             style: {
               alignSelf: "stretch",
               alignItems: "center",
               paddingTop: 3,
-              paddingBottom: 11
+              paddingBottom: 11,
+              ...(fill ? nonShrinking : null)
             },
             children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
               width: 36,
@@ -319,17 +388,36 @@ function SheetModal(param) {
             })
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_surfaces.DialogRegionContext.Provider, {
             value: IN_DIALOG_REGION,
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+              testID: "sheet-modal-content",
               padding: knobProps.panelPadding.padding,
               gap: knobProps.gap.gap,
               flexShrink: 1,
-              children: [header, scrollable ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
-                style: {
-                  flexGrow: 0
-                },
-                keyboardShouldPersistTaps: "handled",
-                children
-              }) : children]
+              ...(fill ? fillSlot : null),
+              children: fill ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+                children: [header ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+                  style: nonShrinking,
+                  children: header
+                }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
+                  testID: "sheet-modal-body",
+                  style: fillSlot,
+                  children: scrollable ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
+                    testID: "sheet-modal-scroll",
+                    style: fillSlot,
+                    keyboardShouldPersistTaps: "handled",
+                    children
+                  }) : children
+                })]
+              }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+                children: [header, scrollable ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
+                  testID: "sheet-modal-scroll",
+                  style: {
+                    flexGrow: 0
+                  },
+                  keyboardShouldPersistTaps: "handled",
+                  children
+                }) : children]
+              })
             })
           })]
         })

package/dist/cjs/SheetModal/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["index_native_exports","__export","SheetModal","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","import_react_native","import_theme","import_detents","import_i18n","import_useKeyboardInset","import_tamagui","import_surfaces","sheetMaxHeightRatio","bottomInset","Platform","OS","backdropStrip","dismissThreshold","IN_DIALOG_REGION","inDialogRegion","param","open","onOpenChange","children","header","snapPoint","scrollable","t","useTranslation","knobProps","useResolvedKnobs","height","windowHeight","useWindowDimensions","keyboardInset","useKeyboardInset","backdropArmed","setBackdropArmed","useState","armTimerRef","useRef","close","useCallback","handleBackdropPress","available","Math","max","maxHeight","minSheetHeight","round","min","measuredHeight","setMeasuredHeight","travel","detents","useMemo","resolveSheetDetents","translateY","Animated","Value","current","restRef","travelRef","detentsRef","presentationRef","activeRef","settleTo","toValue","velocity","arguments","length","spring","damping","stiffness","mass","overshootClamping","useNativeDriver","start","dismiss","presentation","param2","finished","panResponder","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_evt","g","abs","dy","onPanResponderGrant","stopAnimation","value","Number","isFinite","onPanResponderMove","next","setValue","onPanResponderRelease","points","tvl","projected","vy","smallestRest","best","bestDelta","POSITIVE_INFINITY","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","delta","err","return","onPanResponderTerminate","enteredRef","enter","clearTimeout","setTimeout","timing","duration","easing","Easing","out","cubic","useEffect","parked","jsx","Modal","visible","transparent","animationType","statusBarTranslucent","onRequestClose","onShow","jsxs","View","style","flex","justifyContent","paddingBottom","Pressable","StyleSheet","absoluteFill","onPress","accessibilityRole","accessibilityLabel","backgroundColor","onLayout","e","h","nativeEvent","layout","flexShrink","minHeight","transform","YStack","surface","borderRadius","borderBottomLeftRadius","borderBottomRightRadius","elevation","paddingTop","overflow","outlineWidth","focusStyle","focusVisibleStyle","accessibilityViewIsModal","onAccessibilityEscape","panHandlers","alignSelf","alignItems","width","opacity","accessible","DialogRegionContext","Provider","padding","panelPadding","gap","ScrollView","flexGrow","keyboardShouldPersistTaps"],"sources":["../../../src/SheetModal/index.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["index_native_exports","__export","SheetModal","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","import_react_native","import_react_native_safe_area_context","import_theme","import_detents","import_i18n","import_useKeyboardInset","import_tamagui","import_surfaces","sheetMaxHeightRatio","bottomInset","Platform","OS","backdropStrip","dismissThreshold","IN_DIALOG_REGION","inDialogRegion","fillSlot","flex","minHeight","nonShrinking","flexShrink","param","open","onOpenChange","children","header","snapPoint","scrollable","fill","_ref","_ref1","_useContext","t","useTranslation","knobProps","useResolvedKnobs","height","windowHeight","useWindowDimensions","keyboardInset","useKeyboardInset","topInset","useContext","SafeAreaInsetsContext","top","initialWindowMetrics","insets","backdropArmed","setBackdropArmed","useState","armTimerRef","useRef","close","useCallback","handleBackdropPress","available","Math","max","maxHeight","minSheetHeight","round","min","measuredHeight","setMeasuredHeight","travel","detents","useMemo","resolveSheetDetents","translateY","Animated","Value","current","restRef","travelRef","detentsRef","presentationRef","activeRef","frameCap","maxHeightRef","restHeightRef","naturalRef","filledRef","useLayoutEffect","rest","setValue","restAt","releaseRest","offset","settleTo","velocity","arguments","length","presentation","toValue","spring","damping","stiffness","mass","overshootClamping","useNativeDriver","start","param2","finished","dismiss","panResponder","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_evt","g","abs","dy","onPanResponderTerminationRequest","onPanResponderGrant","stopAnimation","value","Number","isFinite","onPanResponderMove","next","onPanResponderRelease","points","tvl","projected","vy","smallestRest","best","bestDelta","POSITIVE_INFINITY","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","delta","err","return","onPanResponderTerminate","enteredRef","enter","clearTimeout","setTimeout","timing","duration","easing","Easing","out","cubic","useEffect","parked","jsx","Modal","visible","transparent","animationType","statusBarTranslucent","onRequestClose","onShow","jsxs","View","style","justifyContent","paddingBottom","Pressable","StyleSheet","absoluteFill","onPress","accessibilityRole","accessibilityLabel","backgroundColor","onLayout","e","h","nativeEvent","layout","testID","transform","YStack","surface","borderRadius","borderBottomLeftRadius","borderBottomRightRadius","elevation","paddingTop","overflow","accessibilityViewIsModal","onAccessibilityEscape","panHandlers","alignSelf","alignItems","width","opacity","accessible","DialogRegionContext","Provider","padding","panelPadding","gap","Fragment","ScrollView","keyboardShouldPersistTaps","flexGrow"],"sources":["../../../src/SheetModal/index.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Tabs/index.cjs

@@ -57,6 +57,7 @@ function tabsOverflowFades(offset, viewport, content, direction, threshold = 4)
   };
 }
 function tabsScrollIntoViewX(layout, offset, viewport, content, direction, pad = 32) {
+  if (![layout.x, layout.width, layout.height, offset, viewport, content].every(Number.isFinite) || layout.width <= 0 || layout.height <= 0 || viewport <= 0 || content <= 0) return void 0;
   const range = Math.max(content - viewport, 0);
   if (range <= 0) return void 0;
   const minScrollLeft = direction === "rtl" ? -range : 0;
@@ -215,16 +216,21 @@ function TabsRoot({
     onChange?.(next);
   };
   const [activeLayout, setActiveLayout] = import_react.default.useState(null);
-  const handleInteraction = (type, layout) => {
-    if (type !== "select" || !layout) return;
-    setActiveLayout(prev => prev && prev.x === layout.x && prev.y === layout.y && prev.width === layout.width && prev.height === layout.height ? prev : layout);
+  const handleInteraction = (tabValue, type, layout) => {
+    if (type !== "select" || !layout || tabValue !== currentValue) return;
+    setActiveLayout(prev => prev && prev.value === tabValue && prev.x === layout.x && prev.y === layout.y && prev.width === layout.width && prev.height === layout.height ? prev : {
+      ...layout,
+      value: tabValue
+    });
   };
   const scrollRef = import_react.default.useRef(null);
+  const tabRefs = import_react.default.useRef(/* @__PURE__ */new Map());
   const scrollMetrics = import_react.default.useRef({
     offset: 0,
     viewport: 0,
     content: 0
   });
+  const [sizeRevision, setSizeRevision] = import_react.default.useState(0);
   const [fades, setFades] = import_react.default.useState({
     left: false,
     right: false
@@ -238,25 +244,42 @@ function TabsRoot({
     const next = tabsOverflowFades(offset, viewport, content, direction);
     setFades(prev => prev.left === next.left && prev.right === next.right ? prev : next);
   };
+  const updateScrollSize = (dimension, size2) => {
+    if (!Object.is(scrollMetrics.current[dimension], size2)) {
+      scrollMetrics.current[dimension] = size2;
+      if (import_tamagui.isWeb) {
+        const selected = tabRefs.current.get(currentValue);
+        if (selected && selected.offsetWidth > 0 && selected.offsetHeight > 0) {
+          handleInteraction(currentValue, "select", {
+            x: selected.offsetLeft,
+            y: selected.offsetTop,
+            width: selected.offsetWidth,
+            height: selected.offsetHeight
+          });
+        }
+      }
+      setSizeRevision(current => current + 1);
+    }
+    updateFades();
+  };
   import_react.default.useEffect(() => {
-    if (!activeLayout) return;
+    if (!activeLayout || activeLayout.value !== currentValue) return;
     const {
       offset,
       viewport,
       content
     } = scrollMetrics.current;
     const target = tabsScrollIntoViewX(activeLayout, offset, viewport, content, direction);
-    if (target !== void 0) {
+    if (target !== void 0 && Math.abs(target - offset) >= 1) {
       scrollRef.current?.scrollTo({
         x: target,
         animated: true
       });
     }
-  }, [activeLayout, direction]);
+  }, [activeLayout, currentValue, direction, sizeRevision]);
   const isUnderline = variant === "underline";
   const isBand = variant === "band";
   const equalDistribution = isBand || distribution === "equal";
-  const tabRefs = import_react.default.useRef(/* @__PURE__ */new Map());
   const onTabKeyDown = (event, value2) => {
     if (!["Home", "End", "ArrowLeft", "ArrowRight"].includes(event.key)) return;
     const enabled = items.filter(item => !disabled && !item.disabled);
@@ -295,9 +318,7 @@ function TabsRoot({
       x: activeLayout.x,
       width: activeLayout.width,
       "data-tabs-indicator": "underline",
-      ...(transition ? {
-        transition
-      } : void 0)
+      ...(0, import_theme.transitionProps)(transition)
     })
   }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
     name: indicatorTheme,
@@ -312,9 +333,7 @@ function TabsRoot({
       ...(knobProps.elevation !== void 0 ? {
         elevation: knobProps.elevation
       } : void 0),
-      ...(transition ? {
-        transition
-      } : void 0)
+      ...(0, import_theme.transitionProps)(transition)
     })
   }) : null;
   if (items.length === 0) return null;
@@ -382,7 +401,7 @@ function TabsRoot({
           }
         }),
         hitSlop: tabHitSlop,
-        onInteraction: handleInteraction,
+        onInteraction: (type, layout) => handleInteraction(item.value, type, layout),
         cursor: isDisabled ? "not-allowed" : "pointer",
         backgroundColor: isBand ? isActive ? import_componentColors.componentColors.surface.background : isDisabled ? "transparent" : feedbackBackground : "transparent",
         borderRadius: 0,
@@ -479,12 +498,10 @@ function TabsRoot({
           updateFades();
         },
         onLayout: e => {
-          scrollMetrics.current.viewport = e.nativeEvent.layout.width;
-          updateFades();
+          updateScrollSize("viewport", e.nativeEvent.layout.width);
         },
         onContentSizeChange: w => {
-          scrollMetrics.current.content = w;
-          updateFades();
+          updateScrollSize("content", w);
         },
         children: tabList
       })

package/dist/cjs/Tabs/index.native.js

@@ -61,6 +61,7 @@ function tabsOverflowFades(offset, viewport, content, direction) {
 }
 function tabsScrollIntoViewX(layout, offset, viewport, content, direction) {
   var pad = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 32;
+  if (![layout.x, layout.width, layout.height, offset, viewport, content].every(Number.isFinite) || layout.width <= 0 || layout.height <= 0 || viewport <= 0 || content <= 0) return void 0;
   var range = Math.max(content - viewport, 0);
   if (range <= 0) return void 0;
   var minScrollLeft = direction === "rtl" ? -range : 0;
@@ -226,18 +227,23 @@ function TabsRoot(param) {
     onChange === null || onChange === void 0 ? void 0 : onChange(next);
   };
   var [activeLayout, setActiveLayout] = import_react.default.useState(null);
-  var handleInteraction = function handleInteraction2(type, layout) {
-    if (type !== "select" || !layout) return;
+  var handleInteraction = function handleInteraction2(tabValue, type, layout) {
+    if (type !== "select" || !layout || tabValue !== currentValue) return;
     setActiveLayout(function (prev) {
-      return prev && prev.x === layout.x && prev.y === layout.y && prev.width === layout.width && prev.height === layout.height ? prev : layout;
+      return prev && prev.value === tabValue && prev.x === layout.x && prev.y === layout.y && prev.width === layout.width && prev.height === layout.height ? prev : {
+        ...layout,
+        value: tabValue
+      };
     });
   };
   var scrollRef = import_react.default.useRef(null);
+  var tabRefs = import_react.default.useRef(/* @__PURE__ */new Map());
   var scrollMetrics = import_react.default.useRef({
     offset: 0,
     viewport: 0,
     content: 0
   });
+  var [sizeRevision, setSizeRevision] = import_react.default.useState(0);
   var [fades, setFades] = import_react.default.useState({
     left: false,
     right: false
@@ -253,26 +259,45 @@ function TabsRoot(param) {
       return prev.left === next.left && prev.right === next.right ? prev : next;
     });
   };
+  var updateScrollSize = function updateScrollSize2(dimension, size2) {
+    if (!Object.is(scrollMetrics.current[dimension], size2)) {
+      scrollMetrics.current[dimension] = size2;
+      if (import_tamagui.isWeb) {
+        var selected = tabRefs.current.get(currentValue);
+        if (selected && selected.offsetWidth > 0 && selected.offsetHeight > 0) {
+          handleInteraction(currentValue, "select", {
+            x: selected.offsetLeft,
+            y: selected.offsetTop,
+            width: selected.offsetWidth,
+            height: selected.offsetHeight
+          });
+        }
+      }
+      setSizeRevision(function (current) {
+        return current + 1;
+      });
+    }
+    updateFades();
+  };
   import_react.default.useEffect(function () {
-    if (!activeLayout) return;
+    if (!activeLayout || activeLayout.value !== currentValue) return;
     var {
       offset,
       viewport,
       content
     } = scrollMetrics.current;
     var target = tabsScrollIntoViewX(activeLayout, offset, viewport, content, direction);
-    if (target !== void 0) {
+    if (target !== void 0 && Math.abs(target - offset) >= 1) {
       var _scrollRef_current;
       (_scrollRef_current = scrollRef.current) === null || _scrollRef_current === void 0 ? void 0 : _scrollRef_current.scrollTo({
         x: target,
         animated: true
       });
     }
-  }, [activeLayout, direction]);
+  }, [activeLayout, currentValue, direction, sizeRevision]);
   var isUnderline = variant === "underline";
   var isBand = variant === "band";
   var equalDistribution = isBand || distribution === "equal";
-  var tabRefs = import_react.default.useRef(/* @__PURE__ */new Map());
   var onTabKeyDown = function onTabKeyDown2(event, value2) {
     var _tabRefs_current_get;
     if (!["Home", "End", "ArrowLeft", "ArrowRight"].includes(event.key)) return;
@@ -318,9 +343,7 @@ function TabsRoot(param) {
       x: activeLayout.x,
       width: activeLayout.width,
       "data-tabs-indicator": "underline",
-      ...(transition ? {
-        transition
-      } : void 0)
+      ...(0, import_theme.transitionProps)(transition)
     })
   }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
     name: indicatorTheme,
@@ -335,9 +358,7 @@ function TabsRoot(param) {
       ...(knobProps.elevation !== void 0 ? {
         elevation: knobProps.elevation
       } : void 0),
-      ...(transition ? {
-        transition
-      } : void 0)
+      ...(0, import_theme.transitionProps)(transition)
     })
   }) : null;
   if (items.length === 0) return null;
@@ -417,7 +438,9 @@ function TabsRoot(param) {
           }
         }),
         hitSlop: tabHitSlop,
-        onInteraction: handleInteraction,
+        onInteraction: function onInteraction(type, layout) {
+          return handleInteraction(item.value, type, layout);
+        },
         cursor: isDisabled ? "not-allowed" : "pointer",
         backgroundColor: isBand ? isActive ? import_componentColors.componentColors.surface.background : isDisabled ? "transparent" : feedbackBackground : "transparent",
         borderRadius: 0,
@@ -544,12 +567,10 @@ function TabsRoot(param) {
           updateFades();
         },
         onLayout: function onLayout(e) {
-          scrollMetrics.current.viewport = e.nativeEvent.layout.width;
-          updateFades();
+          updateScrollSize("viewport", e.nativeEvent.layout.width);
         },
         onContentSizeChange: function onContentSizeChange(w) {
-          scrollMetrics.current.content = w;
-          updateFades();
+          updateScrollSize("content", w);
         },
         children: tabList
       })