@multiplatform.one/components 7.4.0 → 7.5.0

package/dist/jsx/SortableList/useSortableRows.native.js

@@ -0,0 +1,399 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useSortableRows_exports = {};
+__export(useSortableRows_exports, {
+  SortableSessionProvider: () => SortableSessionProvider,
+  useSortableDragging: () => useSortableDragging,
+  useSortableRows: () => useSortableRows
+});
+module.exports = __toCommonJS(useSortableRows_exports);
+var import_react = require("react");
+var import_kanbanDnd = require("../views/kanbanDnd.native.js");
+var DEFAULT_ROW_SELECTOR = "[data-sortable-row], [data-child-row]";
+var SortableSessionContext = (0, import_react.createContext)({
+  sourceId: null
+});
+function SortableSessionProvider(param) {
+  var {
+    sourceId,
+    children
+  } = param;
+  return (0, import_react.createElement)(SortableSessionContext.Provider, {
+    value: {
+      sourceId
+    }
+  }, children);
+}
+function useSortableDragging(itemId, dragging) {
+  var {
+    sourceId
+  } = (0, import_react.useContext)(SortableSessionContext);
+  return dragging !== null && dragging !== void 0 ? dragging : sourceId === itemId;
+}
+function useSortableRows(param) {
+  var {
+    items,
+    getId,
+    getLabel,
+    canReorder,
+    onChange,
+    enabled,
+    containerRef,
+    rowSelector = DEFAULT_ROW_SELECTOR
+  } = param;
+  var [session, setSession] = (0, import_react.useState)(null);
+  var [announcement, setAnnouncement] = (0, import_react.useState)("");
+  var [focusedIndex, setFocusedIndex] = (0, import_react.useState)(0);
+  var sessionRef = (0, import_react.useRef)(null);
+  sessionRef.current = session;
+  var itemsRef = (0, import_react.useRef)(items);
+  itemsRef.current = items;
+  var board = (0, import_react.useMemo)(function () {
+    return (0, import_kanbanDnd.listBoardSnapshot)(items.length);
+  }, [items.length]);
+  var ids = (0, import_react.useMemo)(function () {
+    return items.map(function (item, i) {
+      return getId(item, i);
+    });
+  }, [items, getId]);
+  var labels = (0, import_react.useMemo)(function () {
+    return items.map(function (item, i) {
+      return getLabel(item, i);
+    });
+  }, [items, getLabel]);
+  var rowEnabled = (0, import_react.useCallback)(function (index) {
+    if (!enabled) return false;
+    if (index < 0 || index >= items.length) return false;
+    return canReorder ? canReorder(items[index], index) : true;
+  }, [canReorder, enabled, items]);
+  var announce = (0, import_react.useCallback)(function (type, drag, label) {
+    if (type === "cancel") {
+      setAnnouncement((0, import_kanbanDnd.formatListAnnouncement)((0, import_kanbanDnd.describeCancel)(drag, board, label), {
+        sourcePosition: drag.sourceIndex + 1
+      }));
+      return;
+    }
+    setAnnouncement((0, import_kanbanDnd.formatListAnnouncement)((0, import_kanbanDnd.describeDragState)(type, drag, board, label)));
+  }, [board]);
+  var toDrag = (0, import_react.useCallback)(function (s) {
+    return {
+      sourceColumnId: import_kanbanDnd.LIST_COLUMN_ID,
+      sourceIndex: s.sourceIndex,
+      target: {
+        columnId: import_kanbanDnd.LIST_COLUMN_ID,
+        index: s.targetIndex
+      }
+    };
+  }, []);
+  var focusRow = (0, import_react.useCallback)(function (id) {
+    var _el_focus;
+    var root = containerRef.current;
+    if (!root) return;
+    var el = root.querySelector(`[data-sortable-row="${id}"], [data-child-row-id="${id}"]`);
+    el === null || el === void 0 ? void 0 : (_el_focus = el.focus) === null || _el_focus === void 0 ? void 0 : _el_focus.call(el);
+  }, [containerRef]);
+  var liftAt = (0, import_react.useCallback)(function (index, mode) {
+    if (!rowEnabled(index)) return false;
+    var kb = (0, import_kanbanDnd.keyboardLift)(board, import_kanbanDnd.LIST_COLUMN_ID, index);
+    if (!kb) return false;
+    var next = {
+      mode,
+      sourceIndex: index,
+      targetIndex: kb.target.index,
+      id: ids[index],
+      label: labels[index],
+      size: 44
+    };
+    setSession(next);
+    sessionRef.current = next;
+    announce("lift", kb, next.label);
+    return true;
+  }, [announce, board, ids, labels, rowEnabled]);
+  var moveSession = (0, import_react.useCallback)(function (direction) {
+    var current = sessionRef.current;
+    if (!current) return false;
+    var drag = toDrag(current);
+    var moved = (0, import_kanbanDnd.keyboardMove)(drag, board, direction);
+    if (moved === drag) return true;
+    var next = {
+      ...current,
+      targetIndex: moved.target.index
+    };
+    setSession(next);
+    sessionRef.current = next;
+    announce("move", moved, current.label);
+    return true;
+  }, [announce, board, toDrag]);
+  var dropSession = (0, import_react.useCallback)(function () {
+    var current = sessionRef.current;
+    if (!current) return false;
+    var drag = toDrag(current);
+    var result = (0, import_kanbanDnd.resolveDrop)(drag);
+    announce("drop", drag, current.label);
+    setSession(null);
+    sessionRef.current = null;
+    if (result.commit) {
+      onChange === null || onChange === void 0 ? void 0 : onChange((0, import_kanbanDnd.applyReorder)(itemsRef.current, result.from.index, result.to.index));
+    }
+    requestAnimationFrame(function () {
+      return focusRow(current.id);
+    });
+    return true;
+  }, [announce, focusRow, onChange, toDrag]);
+  var cancelSession = (0, import_react.useCallback)(function () {
+    var current = sessionRef.current;
+    if (!current) return false;
+    announce("cancel", toDrag(current), current.label);
+    setSession(null);
+    sessionRef.current = null;
+    requestAnimationFrame(function () {
+      return focusRow(current.id);
+    });
+    return true;
+  }, [announce, focusRow, toDrag]);
+  var onRowKeyDown = (0, import_react.useCallback)(function (index, e) {
+    if (!enabled) return;
+    if (sessionRef.current) return;
+    if (e.key === " ") {
+      e.preventDefault();
+      liftAt(index, "keyboard");
+    }
+  }, [enabled, liftAt]);
+  var onHandleKeyDown = (0, import_react.useCallback)(function (index, e) {
+    if (!enabled) return;
+    if (sessionRef.current) return;
+    if (e.key === " " || e.key === "Enter") {
+      e.preventDefault();
+      liftAt(index, "keyboard");
+    }
+  }, [enabled, liftAt]);
+  (0, import_react.useEffect)(function () {
+    if (!enabled || typeof window === "undefined") return;
+    var onKey = function onKey2(e) {
+      var _e_target_closest, _e_target;
+      var current = sessionRef.current;
+      if (current) {
+        if (e.key === "Escape") {
+          e.preventDefault();
+          e.stopPropagation();
+          cancelSession();
+          return;
+        }
+        if (e.key === "ArrowDown") {
+          e.preventDefault();
+          e.stopPropagation();
+          moveSession("down");
+          return;
+        }
+        if (e.key === "ArrowUp") {
+          e.preventDefault();
+          e.stopPropagation();
+          moveSession("up");
+          return;
+        }
+        if (e.key === " " || e.key === "Enter") {
+          e.preventDefault();
+          e.stopPropagation();
+          dropSession();
+        }
+        return;
+      }
+      if (e.key !== " " && e.key !== "Enter") return;
+      var handle = (_e_target = e.target) === null || _e_target === void 0 ? void 0 : (_e_target_closest = _e_target.closest) === null || _e_target_closest === void 0 ? void 0 : _e_target_closest.call(_e_target, "[data-sortable-handle]");
+      if (!handle) return;
+      var id = handle.getAttribute("data-sortable-handle");
+      var index = ids.indexOf(id !== null && id !== void 0 ? id : "");
+      if (index < 0) return;
+      e.preventDefault();
+      liftAt(index, "keyboard");
+    };
+    window.addEventListener("keydown", onKey, true);
+    return function () {
+      return window.removeEventListener("keydown", onKey, true);
+    };
+  }, [cancelSession, dropSession, enabled, ids, liftAt, moveSession]);
+  var measure = (0, import_react.useCallback)(function () {
+    var _ref;
+    var _rows_;
+    var root = containerRef.current;
+    if (!root) return {
+      items: [],
+      size: 44
+    };
+    var els = [...root.querySelectorAll(rowSelector)];
+    var top = root.getBoundingClientRect().top;
+    var rows = els.map(function (el, index) {
+      var r = el.getBoundingClientRect();
+      return {
+        index,
+        start: r.top - top + root.scrollTop,
+        size: r.height
+      };
+    });
+    return {
+      items: rows,
+      size: (_ref = (_rows_ = rows[0]) === null || _rows_ === void 0 ? void 0 : _rows_.size) !== null && _ref !== void 0 ? _ref : 44
+    };
+  }, [containerRef, rowSelector]);
+  var onHandlePointerDown = (0, import_react.useCallback)(function (index, e) {
+    var _e_pointerType;
+    var _e_preventDefault;
+    if (!enabled || !rowEnabled(index)) return;
+    (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+    var pointerType = (_e_pointerType = e.pointerType) !== null && _e_pointerType !== void 0 ? _e_pointerType : "mouse";
+    var lifted = false;
+    var hold = null;
+    var liftPointer = function liftPointer2(clientY) {
+      if (lifted) return;
+      lifted = true;
+      var {
+        items: measured,
+        size
+      } = measure();
+      if (!liftAt(index, "pointer")) return;
+      var current = sessionRef.current;
+      if (current) {
+        var sized = {
+          ...current,
+          size
+        };
+        setSession(sized);
+        sessionRef.current = sized;
+      }
+      var localY = function () {
+        var root = containerRef.current;
+        if (!root) return 0;
+        return clientY - root.getBoundingClientRect().top + root.scrollTop;
+      }();
+      var target = (0, import_kanbanDnd.insertionIndexForY)({
+        localY,
+        items: measured,
+        sourceIndex: index,
+        count: itemsRef.current.length,
+        size
+      });
+      var next = sessionRef.current;
+      if (next && target !== next.targetIndex) {
+        var moved = {
+          ...next,
+          targetIndex: target
+        };
+        setSession(moved);
+        sessionRef.current = moved;
+        announce("move", toDrag(moved), moved.label);
+      }
+    };
+    var onMove = function onMove2(ev) {
+      if (!lifted) return;
+      var root = containerRef.current;
+      if (!root) return;
+      var rect = root.getBoundingClientRect();
+      var vel = (0, import_kanbanDnd.autoScrollVelocity)({
+        pos: ev.clientY,
+        start: rect.top,
+        end: rect.bottom,
+        edge: import_kanbanDnd.AUTO_SCROLL_EDGE_PX,
+        maxSpeed: import_kanbanDnd.AUTO_SCROLL_MAX_SPEED
+      });
+      if (vel) root.scrollTop += vel;
+      var {
+        items: measured,
+        size
+      } = measure();
+      var localY = ev.clientY - rect.top + root.scrollTop;
+      var current = sessionRef.current;
+      if (!current) return;
+      var target = (0, import_kanbanDnd.insertionIndexForY)({
+        localY,
+        items: measured,
+        sourceIndex: current.sourceIndex,
+        count: itemsRef.current.length,
+        size
+      });
+      if (target === current.targetIndex) return;
+      var moved = {
+        ...current,
+        targetIndex: target
+      };
+      setSession(moved);
+      sessionRef.current = moved;
+      announce("move", toDrag(moved), moved.label);
+    };
+    var teardown = function teardown2() {
+      if (hold != null) clearTimeout(hold);
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+      window.removeEventListener("pointercancel", onCancel);
+    };
+    var onUp = function onUp2() {
+      teardown();
+      if (lifted) dropSession();
+    };
+    var onCancel = function onCancel2() {
+      teardown();
+      if (lifted) cancelSession();
+    };
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+    window.addEventListener("pointercancel", onCancel);
+    if (pointerType === "mouse") {
+      liftPointer(e.clientY);
+    } else {
+      hold = setTimeout(function () {
+        return liftPointer(e.clientY);
+      }, import_kanbanDnd.TOUCH_LONG_PRESS_MS);
+    }
+  }, [announce, cancelSession, containerRef, dropSession, enabled, liftAt, measure, rowEnabled, toDrag]);
+  var translateForIndex = (0, import_react.useCallback)(function (index) {
+    var current = session;
+    if (!current) return 0;
+    return (0, import_kanbanDnd.siblingOffset)({
+      index,
+      sourceIndex: current.sourceIndex,
+      gapIndex: current.targetIndex,
+      size: current.size
+    });
+  }, [session]);
+  return {
+    session,
+    announcement,
+    focusedIndex,
+    setFocusedIndex,
+    rowEnabled,
+    ids,
+    labels,
+    liftAt,
+    onRowKeyDown,
+    onHandleKeyDown,
+    onHandlePointerDown,
+    translateForIndex,
+    liveProps: {
+      "aria-live": "polite",
+      "aria-atomic": true,
+      "data-sortable-live": "true"
+    }
+  };
+}
+//# sourceMappingURL=useSortableRows.native.js.map

package/dist/jsx/SortableList/useSortableRows.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","useSortableRows_exports","SortableSessionProvider","useSortableDragging","useSortableRows","module","exports","import_react","require","import_kanbanDnd","DEFAULT_ROW_SELECTOR","SortableSessionContext","createContext","sourceId","param","children","createElement","Provider","itemId","dragging","useContext","items","getId","getLabel","canReorder","onChange","enabled","containerRef","rowSelector","session","setSession","useState","announcement","setAnnouncement","focusedIndex","setFocusedIndex","sessionRef","useRef","current","itemsRef","board","useMemo","listBoardSnapshot","length","ids","map","item","i","labels","rowEnabled","useCallback","index","announce","type","drag","label","formatListAnnouncement","describeCancel","sourcePosition","sourceIndex","describeDragState","toDrag","s","sourceColumnId","LIST_COLUMN_ID","columnId","targetIndex","focusRow","id","_el_focus","root","el","querySelector","focus","liftAt","mode","kb","keyboardLift","next","size","moveSession","direction","moved","keyboardMove","dropSession","result","resolveDrop","commit","applyReorder","requestAnimationFrame","cancelSession","onRowKeyDown","e","preventDefault","onHandleKeyDown","useEffect","window","onKey","onKey2","_e_target_closest","_e_target","stopPropagation","handle","closest","getAttribute","indexOf","addEventListener","removeEventListener","measure","_ref","_rows_","els","querySelectorAll","top","getBoundingClientRect","rows","r","start","scrollTop","height","onHandlePointerDown","_e_pointerType","_e_preventDefault","pointerType","lifted","hold","liftPointer","liftPointer2","clientY","measured","sized","localY","insertionIndexForY","count","onMove","onMove2","ev","rect","vel","autoScrollVelocity","pos","end","bottom","edge","AUTO_SCROLL_EDGE_PX","maxSpeed","AUTO_SCROLL_MAX_SPEED","teardown","teardown2","clearTimeout"],"sources":["../../../src/SortableList/useSortableRows.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/Tabs/index.mjs

@@ -1,9 +1,34 @@
-import { MIN_PRESS_TARGET, ensureKeyboardModalityTracking, getGroupPosition, keyboardFocusRingProps, pressTargetHitSlop, stackEdgeRadius, stackRadiusProps, useAccentTintedSurface, useReadableTextOn, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { MIN_PRESS_TARGET, ensureKeyboardModalityTracking, getGroupPosition, hairline, keyboardFocusRingProps, pressTargetHitSlop, stackEdgeRadius, stackRadiusProps, useAccentTintedSurface, useReadableTextOn, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
 import React from "react";
+import { useDirection } from "../hooks/useDirection.mjs";
 import { useTranslation } from "../shared/i18n.mjs";
-import { ScrollView, Tabs as TamaguiTabs, Text, Theme, View, YStack, isWeb, styled } from "tamagui";
+import { wrapBareTextChildren } from "../shared/textRidesText.mjs";
+import { ScrollView, Tabs as TamaguiTabs, Text, Theme, View, YStack, isWeb, styled, withStaticProperties } from "tamagui";
 import { componentColors } from "../componentColors.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+function tabsOverflowFades(offset, viewport, content, direction, threshold = 4) {
+  const range = Math.max(content - viewport, 0);
+  const minScrollLeft = direction === "rtl" ? -range : 0;
+  const fromLeft = offset - minScrollLeft;
+  const fromRight = minScrollLeft + range - offset;
+  return {
+    left: fromLeft > threshold,
+    right: fromRight > threshold
+  };
+}
+function tabsScrollIntoViewX(layout, offset, viewport, content, direction, pad = 32) {
+  const range = Math.max(content - viewport, 0);
+  if (range <= 0) return void 0;
+  const minScrollLeft = direction === "rtl" ? -range : 0;
+  const fromLeft = offset - minScrollLeft;
+  let targetFromLeft;
+  if (layout.x < fromLeft + pad) {
+    targetFromLeft = Math.max(0, layout.x - pad);
+  } else if (layout.x + layout.width > fromLeft + viewport - pad) {
+    targetFromLeft = Math.min(range, layout.x + layout.width - viewport + pad);
+  }
+  return targetFromLeft === void 0 ? void 0 : targetFromLeft + minScrollLeft;
+}
 function underlineStackRadius(position, radius) {
   const start = position === "first" || position === "only";
   const end = position === "last" || position === "only";
@@ -24,15 +49,7 @@ const fillProps = {
 const StripWrapper = styled(View, {
   name: "MpTabsStrip",
   width: "100%",
-  position: "relative",
-  variants: {
-    underline: {
-      true: {
-        borderBottomWidth: 1,
-        borderColor: componentColors.surface.border
-      }
-    }
-  }
+  position: "relative"
 });
 const TabsList = styled(TamaguiTabs.List, {
   name: "MpTabsList",
@@ -77,7 +94,9 @@ const UnderlineIndicator = styled(View, {
   position: "absolute",
   bottom: 0,
   height: 2,
-  borderRadius: 1,
+  // Token scale (design-audit): 0, not a 1px radius that isn't a stop.
+  // A 2px selection mark is a rectangle sitting on the G10 hairline.
+  borderRadius: 0,
   backgroundColor: "$color9"
 });
 const ThumbIndicator = styled(View, {
@@ -97,7 +116,7 @@ const TabLabel = styled(Text, {
     }
   }
 });
-function Tabs({
+function TabsRoot({
   items,
   value,
   defaultValue,
@@ -113,11 +132,13 @@ function Tabs({
   fill = false,
   activationMode = "automatic",
   loop = true,
-  disabled = false
+  disabled = false,
+  ariaLabel
 }) {
   const {
     t
   } = useTranslation();
+  const direction = useDirection();
   const intent = accent && "accent" || error && "error" || warning && "warning" || success && "success" || void 0;
   const {
     knobProps,
@@ -172,12 +193,8 @@ function Tabs({
       viewport,
       content
     } = scrollMetrics.current;
-    const left = offset > 4;
-    const right = content - viewport - offset > 4;
-    setFades(prev => prev.left === left && prev.right === right ? prev : {
-      left,
-      right
-    });
+    const next = tabsOverflowFades(offset, viewport, content, direction);
+    setFades(prev => prev.left === next.left && prev.right === next.right ? prev : next);
   };
   React.useEffect(() => {
     if (!activeLayout) return;
@@ -186,21 +203,14 @@ function Tabs({
       viewport,
       content
     } = scrollMetrics.current;
-    if (content <= viewport) return;
-    const pad = 32;
-    let target;
-    if (activeLayout.x < offset + pad) {
-      target = Math.max(0, activeLayout.x - pad);
-    } else if (activeLayout.x + activeLayout.width > offset + viewport - pad) {
-      target = Math.min(content - viewport, activeLayout.x + activeLayout.width - viewport + pad);
-    }
+    const target = tabsScrollIntoViewX(activeLayout, offset, viewport, content, direction);
     if (target !== void 0) {
       scrollRef.current?.scrollTo({
         x: target,
         animated: true
       });
     }
-  }, [activeLayout]);
+  }, [activeLayout, direction]);
   const isUnderline = variant === "underline";
   const indicatorTheme = intent ?? "accent";
   const visualSizeToken = size ?? knobProps.sizeToken;
@@ -208,7 +218,7 @@ function Tabs({
   const slop = Math.max(0, Math.ceil((MIN_PRESS_TARGET - sizePx) / 2));
   const tabHitSlop = pressTargetHitSlop(sizePx);
   const radiusToken = knobProps.borderRadius.borderRadius;
-  const outerRadiusToken = knobProps.borderRadiusOuter.borderRadius;
+  const outerRadiusToken = knobProps.borderRadiusNested.borderRadius;
   const transition = knobProps.transition;
   const enabledCount = items.length;
   const activeIndex = items.findIndex(i => i.value === currentValue);
@@ -228,6 +238,7 @@ function Tabs({
     children: /* @__PURE__ */jsx(UnderlineIndicator, {
       x: activeLayout.x,
       width: activeLayout.width,
+      "data-tabs-indicator": "underline",
       ...(transition ? {
         transition
       } : void 0)
@@ -240,6 +251,7 @@ function Tabs({
       width: activeLayout.width,
       height: activeLayout.height,
       backgroundColor: selectedTint ?? "$color4",
+      "data-tabs-indicator": "thumb",
       ...thumbRadius,
       ...(knobProps.elevation !== void 0 ? {
         elevation: knobProps.elevation
@@ -250,6 +262,7 @@ function Tabs({
     })
   }) : null;
   if (items.length === 0) return null;
+  const tabListLabel = ariaLabel ?? t("Tabs");
   return /* @__PURE__ */jsxs(TamaguiTabs, {
     value: currentValue,
     onValueChange: handleChange,
@@ -260,11 +273,17 @@ function Tabs({
     ...(fill ? fillProps : void 0),
     "data-tabs-variant": variant,
     "data-tabs-fill": fill ? "true" : void 0,
+    "data-tabs-dir": direction,
     "data-size-token": visualSizeToken,
     "data-density": knobProps.density,
     "data-visual-px": sizePx,
     children: [/* @__PURE__ */jsx(StripWrapper, {
-      underline: isUnderline,
+      ...(isUnderline ? {
+        ...hairline.bottom,
+        borderColor: componentColors.surface.border
+      } : void 0),
+      "data-fade-left": fades.left ? "true" : void 0,
+      "data-fade-right": fades.right ? "true" : void 0,
       children: /* @__PURE__ */jsx(ScrollView, {
         ref: scrollRef,
         horizontal: true,
@@ -289,7 +308,7 @@ function Tabs({
         },
         children: /* @__PURE__ */jsxs(TabsList, {
           loop,
-          "aria-label": t("Tabs"),
+          "aria-label": tabListLabel,
           "data-tabs-list": variant,
           "data-size-token": visualSizeToken,
           "data-density": knobProps.density,
@@ -305,7 +324,7 @@ function Tabs({
             gap: 0,
             // Full fragment spread (AGENTS.md knob rule) so the
             // cornerSmoothing class rides along with the radius.
-            ...knobProps.borderRadiusOuter
+            ...knobProps.borderRadiusNested
           }),
           children: [indicator, items.map((item, itemIndex) => {
             const isActive = item.value === currentValue;
@@ -368,7 +387,7 @@ function Tabs({
                   fontFamily: knobProps.label.fontFamily,
                   fontWeight: isActive ? "700" : knobProps.label.fontWeight,
                   color: isDisabled ? componentColors.text.muted : isActive ? !isUnderline && onSelectedTint ? onSelectedTint : componentColors.text.primary : componentColors.text.secondary,
-                  children: item.label
+                  children: wrapBareTextChildren(item.label, label => label)
                 }), item.badge]
               })
             }, item.value);
@@ -418,8 +437,11 @@ function Tabs({
     })]
   });
 }
-Tabs.List = TamaguiTabs.List;
-Tabs.Tab = TamaguiTabs.Tab;
-Tabs.Content = TamaguiTabs.Content;
-export { Tabs };
+TabsRoot.displayName = "Tabs";
+const Tabs = withStaticProperties(TabsRoot, {
+  List: TamaguiTabs.List,
+  Tab: TamaguiTabs.Tab,
+  Content: TamaguiTabs.Content
+});
+export { Tabs, tabsOverflowFades, tabsScrollIntoViewX };
 //# sourceMappingURL=index.mjs.map