@multiplatform.one/components 6.3.0 → 6.4.1

package/dist/cjs/Alert/index.cjs

@@ -53,6 +53,9 @@ const AlertFrame = (0, import_tamagui.styled)(import_tamagui.XStack, {
   backgroundColor: "$color3",
   borderColor: "$color6"
 });
+const DISMISS_VISUAL = 20;
+const DISMISS_OUTSET = Math.ceil((import_theme.MIN_PRESS_TARGET - DISMISS_VISUAL) / 2);
+const DISMISS_ADJACENT_OUTSET = 6;
 const DismissButton = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "AlertDismiss",
   role: "button",
@@ -180,6 +183,13 @@ function AlertInner({
       children: actionNode
     }) : null, dismissible ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(DismissButton, {
       "aria-label": t("Dismiss"),
+      ...(0, import_theme.pressTargetStyle)(),
+      ...(actionNode ? {
+        minWidth: DISMISS_VISUAL + DISMISS_ADJACENT_OUTSET * 2
+      } : null),
+      marginVertical: -DISMISS_OUTSET,
+      marginHorizontal: -(actionNode ? DISMISS_ADJACENT_OUTSET : DISMISS_OUTSET),
+      hitSlop: actionNode ? void 0 : (0, import_theme.pressTargetHitSlop)(DISMISS_VISUAL),
       onPress: handleDismiss,
       ...{
         onKeyDown: e => {

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

@@ -55,6 +55,9 @@ var AlertFrame = (0, import_tamagui.styled)(import_tamagui.XStack, {
   backgroundColor: "$color3",
   borderColor: "$color6"
 });
+var DISMISS_VISUAL = 20;
+var DISMISS_OUTSET = Math.ceil((import_theme.MIN_PRESS_TARGET - DISMISS_VISUAL) / 2);
+var DISMISS_ADJACENT_OUTSET = 6;
 var DismissButton = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "AlertDismiss",
   role: "button",
@@ -192,6 +195,13 @@ function AlertInner(param) {
       children: actionNode
     }) : null, dismissible ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(DismissButton, {
       "aria-label": t("Dismiss"),
+      ...(0, import_theme.pressTargetStyle)(),
+      ...(actionNode ? {
+        minWidth: DISMISS_VISUAL + DISMISS_ADJACENT_OUTSET * 2
+      } : null),
+      marginVertical: -DISMISS_OUTSET,
+      marginHorizontal: -(actionNode ? DISMISS_ADJACENT_OUTSET : DISMISS_OUTSET),
+      hitSlop: actionNode ? void 0 : (0, import_theme.pressTargetHitSlop)(DISMISS_VISUAL),
       onPress: handleDismiss,
       // role=button divs don't get free keyboard activation on web.
       ...{

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Alert_exports","__export","Alert","module","exports","import_jsx_runtime","require","import_react","import_react_i18next","import_theme","import_forms","import_react2","import_tamagui","intentThemeMap","info","success","warning","error","intentIconMap","InfoIcon","CheckCircleIcon","WarningIcon","XCircleIcon","AlertFrame","styled","XStack","name","width","alignItems","backgroundColor","borderColor","DismissButton","View","role","tabIndex","cursor","justifyContent","flexShrink","padding","borderWidth","borderRadius","hoverStyle","pressStyle","focusVisibleStyle","outlineWidth","outlineStyle","outlineColor","outlineOffset","AlertInner","param","intent","title","children","icon","action","actionLabel","onAction","dismissible","onDismiss","visible","defaultVisible","compact","props","_theme_color11","t","useTranslation","knobProps","useResolvedKnobs","component","theme","useTheme","iconColor","color11","get","uncontrolledVisible","setUncontrolledVisible","useState","shown","isTextual","isTextual2","n","textualChildren","Array","isArray","every","join","String","warnBannedErrorWords","handleDismiss","handleDismiss2","IconComponent","iconNode","jsx","size","weight","color","iconSlotHeight","actionNode","Button","onPress","jsxs","Math","max","panelPadding","gap","transition","height","YStack","flexGrow","minHeight","SizableText","body","fontWeight","fontSize","lineHeight","onKeyDown","e","key","_e_preventDefault","preventDefault","call"],"sources":["../../../src/Alert/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Alert_exports","__export","Alert","module","exports","import_jsx_runtime","require","import_react","import_react_i18next","import_theme","import_forms","import_react2","import_tamagui","intentThemeMap","info","success","warning","error","intentIconMap","InfoIcon","CheckCircleIcon","WarningIcon","XCircleIcon","AlertFrame","styled","XStack","name","width","alignItems","backgroundColor","borderColor","DISMISS_VISUAL","DISMISS_OUTSET","Math","ceil","MIN_PRESS_TARGET","DISMISS_ADJACENT_OUTSET","DismissButton","View","role","tabIndex","cursor","justifyContent","flexShrink","padding","borderWidth","borderRadius","hoverStyle","pressStyle","focusVisibleStyle","outlineWidth","outlineStyle","outlineColor","outlineOffset","AlertInner","param","intent","title","children","icon","action","actionLabel","onAction","dismissible","onDismiss","visible","defaultVisible","compact","props","_theme_color11","t","useTranslation","knobProps","useResolvedKnobs","component","theme","useTheme","iconColor","color11","get","uncontrolledVisible","setUncontrolledVisible","useState","shown","isTextual","isTextual2","n","textualChildren","Array","isArray","every","join","String","warnBannedErrorWords","handleDismiss","handleDismiss2","IconComponent","iconNode","jsx","size","weight","color","iconSlotHeight","actionNode","Button","onPress","jsxs","max","panelPadding","gap","transition","height","YStack","flexGrow","minHeight","SizableText","body","fontWeight","fontSize","lineHeight","pressTargetStyle","minWidth","marginVertical","marginHorizontal","hitSlop","pressTargetHitSlop","onKeyDown","e","key"],"sources":["../../../src/Alert/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Carousel/index.cjs

@@ -53,17 +53,11 @@ const ArrowButton = (0, import_tamagui.styled)(import_tamagui.View, {
   }],
   // Local tier top (Axiom 14): arrows float over slides within the carousel.
   zIndex: import_forms.zIndex.localTop,
-  width: 40,
-  height: 40,
-  borderRadius: 1e3,
-  backgroundColor: "$background",
   alignItems: "center",
   justifyContent: "center",
+  backgroundColor: "transparent",
   cursor: "pointer",
   opacity: 0.9,
-  shadowColor: "$shadowColor",
-  shadowRadius: 8,
-  shadowOpacity: 0.15,
   hoverStyle: {
     opacity: 1,
     scale: 1.05
@@ -72,14 +66,6 @@ const ArrowButton = (0, import_tamagui.styled)(import_tamagui.View, {
     scale: 0.95
   },
   variants: {
-    side: {
-      left: {
-        left: 8
-      },
-      right: {
-        right: 8
-      }
-    },
     disabled: {
       true: {
         opacity: 0.3,
@@ -88,6 +74,16 @@ const ArrowButton = (0, import_tamagui.styled)(import_tamagui.View, {
     }
   }
 });
+const ArrowVisual = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "CarouselArrowVisual",
+  borderRadius: 1e3,
+  backgroundColor: "$background",
+  alignItems: "center",
+  justifyContent: "center",
+  shadowColor: "$shadowColor",
+  shadowRadius: 8,
+  shadowOpacity: 0.15
+});
 const DotsWrapper = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "CarouselDotsWrapper",
   paddingVertical: "$3",
@@ -113,6 +109,8 @@ function Carousel({
   const gap = gapProp ?? knobProps.gap.gap;
   const arrowSize = (0, import_tamagui.getTokens)().size?.[knobProps.sizeToken]?.val ?? 40;
   const arrowGlyphSize = Math.round(arrowSize / 2);
+  const arrowTargetSize = Math.max(arrowSize, import_theme.MIN_PRESS_TARGET);
+  const arrowEdgeInset = Math.max(0, 8 - Math.round((arrowTargetSize - arrowSize) / 2));
   const [activeIndex, setActiveIndex] = (0, import_react.useState)(initialSlide);
   const trackRef = (0, import_react.useRef)(null);
   const slideCount = import_react.Children.count(children);
@@ -202,10 +200,12 @@ function Carousel({
         })
       }), showArrows && slideCount > 1 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ArrowButton, {
-          side: prevSide,
+          ...{
+            [prevSide]: arrowEdgeInset
+          },
           disabled: !canGoPrev,
-          width: arrowSize,
-          height: arrowSize,
+          width: arrowTargetSize,
+          height: arrowTargetSize,
           ...(knobProps.transition ? {
             transition: knobProps.transition
           } : {}),
@@ -223,14 +223,20 @@ function Carousel({
               goPrev();
             }
           },
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PrevGlyph, {
-            size: arrowGlyphSize
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ArrowVisual, {
+            width: arrowSize,
+            height: arrowSize,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PrevGlyph, {
+              size: arrowGlyphSize
+            })
           })
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ArrowButton, {
-          side: nextSide,
+          ...{
+            [nextSide]: arrowEdgeInset
+          },
           disabled: !canGoNext,
-          width: arrowSize,
-          height: arrowSize,
+          width: arrowTargetSize,
+          height: arrowTargetSize,
           ...(knobProps.transition ? {
             transition: knobProps.transition
           } : {}),
@@ -248,8 +254,12 @@ function Carousel({
               goNext();
             }
           },
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NextGlyph, {
-            size: arrowGlyphSize
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ArrowVisual, {
+            width: arrowSize,
+            height: arrowSize,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NextGlyph, {
+              size: arrowGlyphSize
+            })
           })
         })]
       })]

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

@@ -55,17 +55,11 @@ var ArrowButton = (0, import_tamagui.styled)(import_tamagui.View, {
   }],
   // Local tier top (Axiom 14): arrows float over slides within the carousel.
   zIndex: import_forms.zIndex.localTop,
-  width: 40,
-  height: 40,
-  borderRadius: 1e3,
-  backgroundColor: "$background",
   alignItems: "center",
   justifyContent: "center",
+  backgroundColor: "transparent",
   cursor: "pointer",
   opacity: 0.9,
-  shadowColor: "$shadowColor",
-  shadowRadius: 8,
-  shadowOpacity: 0.15,
   hoverStyle: {
     opacity: 1,
     scale: 1.05
@@ -74,14 +68,6 @@ var ArrowButton = (0, import_tamagui.styled)(import_tamagui.View, {
     scale: 0.95
   },
   variants: {
-    side: {
-      left: {
-        left: 8
-      },
-      right: {
-        right: 8
-      }
-    },
     disabled: {
       true: {
         opacity: 0.3,
@@ -90,6 +76,16 @@ var ArrowButton = (0, import_tamagui.styled)(import_tamagui.View, {
     }
   }
 });
+var ArrowVisual = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "CarouselArrowVisual",
+  borderRadius: 1e3,
+  backgroundColor: "$background",
+  alignItems: "center",
+  justifyContent: "center",
+  shadowColor: "$shadowColor",
+  shadowRadius: 8,
+  shadowOpacity: 0.15
+});
 var DotsWrapper = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "CarouselDotsWrapper",
   paddingVertical: "$3",
@@ -118,6 +114,8 @@ function Carousel(param) {
   var gap = gapProp !== null && gapProp !== void 0 ? gapProp : knobProps.gap.gap;
   var arrowSize = (_ref = (_getTokens_size = (0, import_tamagui.getTokens)().size) === null || _getTokens_size === void 0 ? void 0 : (_getTokens_size_knobProps_sizeToken = _getTokens_size[knobProps.sizeToken]) === null || _getTokens_size_knobProps_sizeToken === void 0 ? void 0 : _getTokens_size_knobProps_sizeToken.val) !== null && _ref !== void 0 ? _ref : 40;
   var arrowGlyphSize = Math.round(arrowSize / 2);
+  var arrowTargetSize = Math.max(arrowSize, import_theme.MIN_PRESS_TARGET);
+  var arrowEdgeInset = Math.max(0, 8 - Math.round((arrowTargetSize - arrowSize) / 2));
   var [activeIndex, setActiveIndex] = (0, import_react.useState)(initialSlide);
   var trackRef = (0, import_react.useRef)(null);
   var slideCount = import_react.Children.count(children);
@@ -213,10 +211,10 @@ function Carousel(param) {
         })
       }), showArrows && slideCount > 1 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ArrowButton, {
-          side: prevSide,
+          [prevSide]: arrowEdgeInset,
           disabled: !canGoPrev,
-          width: arrowSize,
-          height: arrowSize,
+          width: arrowTargetSize,
+          height: arrowTargetSize,
           ...(knobProps.transition ? {
             transition: knobProps.transition
           } : {}),
@@ -236,14 +234,18 @@ function Carousel(param) {
               goPrev();
             }
           },
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PrevGlyph, {
-            size: arrowGlyphSize
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ArrowVisual, {
+            width: arrowSize,
+            height: arrowSize,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(PrevGlyph, {
+              size: arrowGlyphSize
+            })
           })
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ArrowButton, {
-          side: nextSide,
+          [nextSide]: arrowEdgeInset,
           disabled: !canGoNext,
-          width: arrowSize,
-          height: arrowSize,
+          width: arrowTargetSize,
+          height: arrowTargetSize,
           ...(knobProps.transition ? {
             transition: knobProps.transition
           } : {}),
@@ -261,8 +263,12 @@ function Carousel(param) {
               goNext();
             }
           },
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NextGlyph, {
-            size: arrowGlyphSize
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ArrowVisual, {
+            width: arrowSize,
+            height: arrowSize,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NextGlyph, {
+              size: arrowGlyphSize
+            })
           })
         })]
       })]

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Carousel_exports","__export","Carousel","module","exports","import_jsx_runtime","require","import_react","import_react_i18next","import_react2","import_forms","import_theme","import_tamagui","import_DotIndicator","import_useDirection","CarouselContainer","styled","View","name","position","width","overflow","CarouselSlide","flexShrink","ArrowButton","top","transform","translateY","zIndex","localTop","height","borderRadius","backgroundColor","alignItems","justifyContent","cursor","opacity","shadowColor","shadowRadius","shadowOpacity","hoverStyle","scale","pressStyle","variants","side","left","right","disabled","true","DotsWrapper","paddingVertical","param","children","showArrows","showDots","autoPlay","loop","gap","gapProp","onSlideChange","initialSlide","_ref","_getTokens_size_knobProps_sizeToken","_getTokens_size","t","useTranslation","knobProps","control","useResolvedKnobs","arrowSize","getTokens","size","sizeToken","val","arrowGlyphSize","Math","round","activeIndex","setActiveIndex","useState","trackRef","useRef","slideCount","Children","count","slideWidthRef","autoPlayRef","scrollToSlide","useCallback","index","current","offset","scrollTo","x","animated","goToSlide","targetIndex","max","min","goNext","goPrev","handleScroll","event","scrollX","nativeEvent","contentOffset","newIndex","useEffect","setInterval","clearInterval","canGoPrev","canGoNext","isRTL","useDirection","prevSide","nextSide","PrevGlyph","CaretRightIcon","CaretLeftIcon","NextGlyph","jsxs","jsx","ScrollView","ref","horizontal","showsHorizontalScrollIndicator","style","scrollSnapType","onScroll","scrollEventThrottle","onLayout","e","layout","XStack","map","child","scrollSnapAlign","Fragment","transition","onPress","role"],"sources":["../../../src/Carousel/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Carousel_exports","__export","Carousel","module","exports","import_jsx_runtime","require","import_react","import_react_i18next","import_react2","import_forms","import_theme","import_tamagui","import_DotIndicator","import_useDirection","CarouselContainer","styled","View","name","position","width","overflow","CarouselSlide","flexShrink","ArrowButton","top","transform","translateY","zIndex","localTop","alignItems","justifyContent","backgroundColor","cursor","opacity","hoverStyle","scale","pressStyle","variants","disabled","true","ArrowVisual","borderRadius","shadowColor","shadowRadius","shadowOpacity","DotsWrapper","paddingVertical","param","children","showArrows","showDots","autoPlay","loop","gap","gapProp","onSlideChange","initialSlide","_ref","_getTokens_size_knobProps_sizeToken","_getTokens_size","t","useTranslation","knobProps","control","useResolvedKnobs","arrowSize","getTokens","size","sizeToken","val","arrowGlyphSize","Math","round","arrowTargetSize","max","MIN_PRESS_TARGET","arrowEdgeInset","activeIndex","setActiveIndex","useState","trackRef","useRef","slideCount","Children","count","slideWidthRef","autoPlayRef","scrollToSlide","useCallback","index","current","offset","scrollTo","x","animated","goToSlide","targetIndex","min","goNext","goPrev","handleScroll","event","scrollX","nativeEvent","contentOffset","newIndex","useEffect","setInterval","clearInterval","canGoPrev","canGoNext","isRTL","useDirection","prevSide","nextSide","PrevGlyph","CaretRightIcon","CaretLeftIcon","NextGlyph","jsxs","jsx","ScrollView","ref","horizontal","showsHorizontalScrollIndicator","style","scrollSnapType","onScroll","scrollEventThrottle","onLayout","e","layout","XStack","map","child","scrollSnapAlign","Fragment","height","transition","onPress","role","tabIndex","focusVisibleStyle","focusVisibleKnobProps"],"sources":["../../../src/Carousel/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/DotIndicator/index.cjs

@@ -59,20 +59,25 @@ const DotsContainer = (0, import_tamagui.styled)(import_tamagui.XStack, {
   justifyContent: "center",
   gap: "$2"
 });
+const DotTarget = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "DotTarget",
+  alignItems: "center",
+  justifyContent: "center",
+  backgroundColor: "transparent",
+  focusVisibleStyle: {
+    outlineColor: "$outlineColor",
+    outlineWidth: 2,
+    outlineStyle: "solid",
+    outlineOffset: 1
+  }
+});
 const Dot = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "Dot",
   borderRadius: 1e3,
   backgroundColor: import_componentColors.componentColors.indicator.inactive,
-  cursor: "pointer",
   hoverStyle: {
     backgroundColor: import_componentColors.componentColors.indicator.hover
   },
-  focusVisibleStyle: {
-    outlineColor: "$outlineColor",
-    outlineWidth: 2,
-    outlineStyle: "solid",
-    outlineOffset: 1
-  },
   variants: {
     active: {
       true: {
@@ -106,7 +111,6 @@ const Dot = (0, import_tamagui.styled)(import_tamagui.View, {
     },
     disabled: {
       true: {
-        cursor: "not-allowed",
         opacity: 0.5
       }
     }
@@ -129,6 +133,9 @@ function DotIndicator({
   const gap = gapProp ?? dotGapMap[knobProps.space] ?? "$2";
   const geometry = dotGeometryMap[knobProps.sizeToken] ?? dotGeometryMap.$4;
   const itemSize = variant === "bars" ? geometry.bar : geometry.dot;
+  const gapPx = typeof gap === "number" ? gap : (0, import_tamagui.getTokens)().space?.[gap]?.val ?? 7;
+  const slopX = Math.max(0, Math.floor((gapPx - 1) / 2));
+  const outsetY = Math.ceil((import_theme.MIN_PRESS_TARGET - itemSize) / 2);
   const interactive = !disabled && !!onChange;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DotsContainer, {
     gap,
@@ -136,13 +143,12 @@ function DotIndicator({
       length: total
     }).map((_, index) => {
       const isActive = index === activeIndex;
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Dot, {
-        variant,
-        active: isActive,
-        activeVariant: isActive ? variant : void 0,
-        width: isActive ? geometry.active : itemSize,
-        height: itemSize,
-        disabled,
+      const dotWidth = isActive ? geometry.active : itemSize;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DotTarget, {
+        width: dotWidth + slopX * 2,
+        minHeight: import_theme.MIN_PRESS_TARGET,
+        marginHorizontal: -slopX,
+        marginVertical: -outsetY,
         cursor: interactive ? "pointer" : disabled ? "not-allowed" : "default",
         onPress: interactive ? () => onChange?.(index) : void 0,
         "aria-label": (0, import_t.withInterp)(t("Go to item {{number}}"), {
@@ -162,7 +168,15 @@ function DotIndicator({
           }
         } : disabled ? {
           role: "button"
-        } : void 0)
+        } : void 0),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Dot, {
+          variant,
+          active: isActive,
+          activeVariant: isActive ? variant : void 0,
+          width: dotWidth,
+          height: itemSize,
+          disabled
+        })
       }, index);
     })
   });

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

@@ -61,20 +61,25 @@ var DotsContainer = (0, import_tamagui.styled)(import_tamagui.XStack, {
   justifyContent: "center",
   gap: "$2"
 });
+var DotTarget = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "DotTarget",
+  alignItems: "center",
+  justifyContent: "center",
+  backgroundColor: "transparent",
+  focusVisibleStyle: {
+    outlineColor: "$outlineColor",
+    outlineWidth: 2,
+    outlineStyle: "solid",
+    outlineOffset: 1
+  }
+});
 var Dot = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "Dot",
   borderRadius: 1e3,
   backgroundColor: import_componentColors.componentColors.indicator.inactive,
-  cursor: "pointer",
   hoverStyle: {
     backgroundColor: import_componentColors.componentColors.indicator.hover
   },
-  focusVisibleStyle: {
-    outlineColor: "$outlineColor",
-    outlineWidth: 2,
-    outlineStyle: "solid",
-    outlineOffset: 1
-  },
   variants: {
     active: {
       true: {
@@ -108,7 +113,6 @@ var Dot = (0, import_tamagui.styled)(import_tamagui.View, {
     },
     disabled: {
       true: {
-        cursor: "not-allowed",
         opacity: 0.5
       }
     }
@@ -123,7 +127,8 @@ function DotIndicator(param) {
     gap: gapProp,
     disabled = false
   } = param;
-  var _ref, _dotGeometryMap_knobProps_sizeToken;
+  var _ref, _dotGeometryMap_knobProps_sizeToken, _ref1;
+  var _getTokens_space_gap, _getTokens_space;
   var {
     t
   } = (0, import_react_i18next.useTranslation)();
@@ -133,6 +138,9 @@ function DotIndicator(param) {
   var gap = (_ref = gapProp !== null && gapProp !== void 0 ? gapProp : dotGapMap[knobProps.space]) !== null && _ref !== void 0 ? _ref : "$2";
   var geometry = (_dotGeometryMap_knobProps_sizeToken = dotGeometryMap[knobProps.sizeToken]) !== null && _dotGeometryMap_knobProps_sizeToken !== void 0 ? _dotGeometryMap_knobProps_sizeToken : dotGeometryMap.$4;
   var itemSize = variant === "bars" ? geometry.bar : geometry.dot;
+  var gapPx = typeof gap === "number" ? gap : (_ref1 = (_getTokens_space = (0, import_tamagui.getTokens)().space) === null || _getTokens_space === void 0 ? void 0 : (_getTokens_space_gap = _getTokens_space[gap]) === null || _getTokens_space_gap === void 0 ? void 0 : _getTokens_space_gap.val) !== null && _ref1 !== void 0 ? _ref1 : 7;
+  var slopX = Math.max(0, Math.floor((gapPx - 1) / 2));
+  var outsetY = Math.ceil((import_theme.MIN_PRESS_TARGET - itemSize) / 2);
   var interactive = !disabled && !!onChange;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DotsContainer, {
     gap,
@@ -140,13 +148,12 @@ function DotIndicator(param) {
       length: total
     }).map(function (_, index) {
       var isActive = index === activeIndex;
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Dot, {
-        variant,
-        active: isActive,
-        activeVariant: isActive ? variant : void 0,
-        width: isActive ? geometry.active : itemSize,
-        height: itemSize,
-        disabled,
+      var dotWidth = isActive ? geometry.active : itemSize;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DotTarget, {
+        width: dotWidth + slopX * 2,
+        minHeight: import_theme.MIN_PRESS_TARGET,
+        marginHorizontal: -slopX,
+        marginVertical: -outsetY,
         cursor: interactive ? "pointer" : disabled ? "not-allowed" : "default",
         onPress: interactive ? function () {
           return onChange === null || onChange === void 0 ? void 0 : onChange(index);
@@ -168,7 +175,15 @@ function DotIndicator(param) {
           }
         } : disabled ? {
           role: "button"
-        } : void 0)
+        } : void 0),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Dot, {
+          variant,
+          active: isActive,
+          activeVariant: isActive ? variant : void 0,
+          width: dotWidth,
+          height: itemSize,
+          disabled
+        })
       }, index);
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DotIndicator_exports","__export","DotIndicator","module","exports","import_jsx_runtime","require","import_theme","import_react_i18next","import_tamagui","import_componentColors","import_t","dotGapMap","small","medium","large","dotGeometryMap","$3","dot","bar","active","$4","$5","DotsContainer","styled","XStack","name","alignItems","justifyContent","gap","Dot","View","borderRadius","backgroundColor","componentColors","indicator","inactive","cursor","hoverStyle","hover","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","variants","true","variant","dots","width","height","bars","pills","activeVariant","disabled","opacity","param","total","activeIndex","onChange","gapProp","_ref","_dotGeometryMap_knobProps_sizeToken","t","useTranslation","knobProps","useResolvedKnobs","space","geometry","sizeToken","itemSize","interactive","jsx","children","Array","from","length","map","_","index","isActive","onPress","withInterp","number"],"sources":["../../../src/DotIndicator/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DotIndicator_exports","__export","DotIndicator","module","exports","import_jsx_runtime","require","import_theme","import_react_i18next","import_tamagui","import_componentColors","import_t","dotGapMap","small","medium","large","dotGeometryMap","$3","dot","bar","active","$4","$5","DotsContainer","styled","XStack","name","alignItems","justifyContent","gap","DotTarget","View","backgroundColor","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","Dot","borderRadius","componentColors","indicator","inactive","hoverStyle","hover","variants","true","variant","dots","width","height","bars","pills","activeVariant","disabled","opacity","param","total","activeIndex","onChange","gapProp","_ref","_dotGeometryMap_knobProps_sizeToken","_ref1","_getTokens_space_gap","_getTokens_space","t","useTranslation","knobProps","useResolvedKnobs","space","geometry","sizeToken","itemSize","gapPx","getTokens","val","slopX","Math","max","floor","outsetY","ceil","MIN_PRESS_TARGET","interactive","jsx","children","Array","from","length","map","_","index","isActive","dotWidth","minHeight","marginHorizontal","marginVertical","cursor","onPress","withInterp","number","role","tabIndex","onKeyDown","e","key","preventDefault"],"sources":["../../../src/DotIndicator/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Tabs/index.cjs

@@ -215,6 +215,8 @@ function Tabs({
   const isUnderline = variant === "underline";
   const indicatorTheme = intent ?? "accent";
   const sizeToken = knobProps.sizeToken;
+  const sizePx = (0, import_tamagui.getTokens)().size?.[sizeToken]?.val ?? import_theme.MIN_PRESS_TARGET;
+  const triggerOutset = Math.max(0, Math.ceil((import_theme.MIN_PRESS_TARGET - sizePx) / 2));
   const fontSize = fontSizeMap[sizeToken] ?? "$3";
   const gapToken = knobProps.gap.gap;
   const radiusToken = knobProps.borderRadius.borderRadius;
@@ -239,9 +241,9 @@ function Tabs({
     })
   }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(ThumbIndicator, {
     x: activeLayout.x,
-    y: activeLayout.y,
+    y: activeLayout.y + triggerOutset,
     width: activeLayout.width,
-    height: activeLayout.height,
+    height: Math.max(0, activeLayout.height - triggerOutset * 2),
     borderRadius: radiusToken,
     ...(knobProps.elevation !== void 0 ? {
       elevation: knobProps.elevation
@@ -271,6 +273,10 @@ function Tabs({
         showsHorizontalScrollIndicator: false,
         scrollEventThrottle: 16,
         style: maskStyle,
+        contentContainerStyle: {
+          paddingVertical: triggerOutset
+        },
+        marginVertical: -triggerOutset,
         onScroll: e => {
           scrollMetrics.current.offset = e.nativeEvent.contentOffset.x;
           updateFades();
@@ -323,6 +329,8 @@ function Tabs({
                 } : void 0)
               }),
               height: sizeToken,
+              minHeight: import_theme.MIN_PRESS_TARGET,
+              marginVertical: -triggerOutset,
               onInteraction: handleInteraction,
               opacity: isDisabled ? 0.4 : 1,
               cursor: isDisabled ? "default" : "pointer",