@multiplatform.one/components 6.1.0 → 6.4.0

package/dist/cjs/Badge/index.cjs

@@ -28,27 +28,45 @@ module.exports = __toCommonJS(Badge_exports);
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_componentColors = require("../componentColors.cjs");
+var import_AsyncBoundary = require("../layouts/AsyncBoundary.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const colorMap = {
   red: {
     bg: import_componentColors.componentColors.badge.red,
-    text: "white"
+    text: "$color1"
   },
   blue: {
     bg: import_componentColors.componentColors.badge.blue,
-    text: "white"
+    text: "$color1"
   },
   green: {
     bg: import_componentColors.componentColors.badge.green,
-    text: "white"
+    text: "$color1"
   },
   orange: {
     bg: import_componentColors.componentColors.badge.orange,
-    text: "white"
+    text: "$color1"
   },
   gray: {
     bg: import_componentColors.componentColors.badge.gray,
-    text: "white"
+    text: "$color1"
+  }
+};
+const badgeGeometryMap = {
+  $3: {
+    capsule: 16,
+    font: 10,
+    dot: 6
+  },
+  $4: {
+    capsule: 18,
+    font: 11,
+    dot: 8
+  },
+  $5: {
+    capsule: 22,
+    font: 13,
+    dot: 10
   }
 };
 const positionMap = {
@@ -117,14 +135,26 @@ function Badge({
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   const colors = colorMap[color];
+  const geometry = badgeGeometryMap[knobProps.sizeToken] ?? badgeGeometryMap.$4;
   const posStyles = positionMap[position];
-  const shouldShow = visible && (dot || count !== void 0 && (count > 0 || showZero));
-  const displayValue = count !== void 0 && count > max ? `${max}+` : count;
+  const asyncCtx = (0, import_AsyncBoundary.useAsyncBoundary)();
+  const effectiveVisible = visible && !asyncCtx?.hideBadges;
+  const effectiveCount = asyncCtx?.hideBadges ? void 0 : count;
+  const shouldShow = effectiveVisible && (dot || effectiveCount !== void 0 && (effectiveCount > 0 || showZero));
+  const displayValue = effectiveCount !== void 0 && effectiveCount > max ? `${max}+` : effectiveCount;
   const [offsetX, offsetY] = offset;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(BadgeWrapper, {
     children: [children, shouldShow && /* @__PURE__ */(0, import_jsx_runtime.jsx)(BadgeIndicator, {
       dot,
       backgroundColor: colors.bg,
+      ...(dot ? {
+        minWidth: geometry.dot,
+        width: geometry.dot,
+        height: geometry.dot
+      } : {
+        minWidth: geometry.capsule,
+        height: geometry.capsule
+      }),
       style: {
         ...posStyles,
         transform: [{
@@ -133,9 +163,12 @@ function Badge({
           translateY: position.includes("top") ? -offsetY : offsetY
         }]
       },
-      children: !dot && count !== void 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(BadgeText, {
-        color: colors.text,
+      children: !dot && effectiveCount !== void 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(BadgeText, {
         ...knobProps.body,
+        fontWeight: "600",
+        fontSize: geometry.font,
+        lineHeight: geometry.capsule,
+        color: colors.text,
         children: displayValue
       })
     })]

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

@@ -31,26 +31,44 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_componentColors = require("../componentColors.native.js");
+var import_AsyncBoundary = require("../layouts/AsyncBoundary.native.js");
 var colorMap = {
   red: {
     bg: import_componentColors.componentColors.badge.red,
-    text: "white"
+    text: "$color1"
   },
   blue: {
     bg: import_componentColors.componentColors.badge.blue,
-    text: "white"
+    text: "$color1"
   },
   green: {
     bg: import_componentColors.componentColors.badge.green,
-    text: "white"
+    text: "$color1"
   },
   orange: {
     bg: import_componentColors.componentColors.badge.orange,
-    text: "white"
+    text: "$color1"
   },
   gray: {
     bg: import_componentColors.componentColors.badge.gray,
-    text: "white"
+    text: "$color1"
+  }
+};
+var badgeGeometryMap = {
+  $3: {
+    capsule: 16,
+    font: 10,
+    dot: 6
+  },
+  $4: {
+    capsule: 18,
+    font: 11,
+    dot: 8
+  },
+  $5: {
+    capsule: 22,
+    font: 13,
+    dot: 10
   }
 };
 var positionMap = {
@@ -116,18 +134,31 @@ function Badge(param) {
     offset = [0, 0],
     visible = true
   } = param;
+  var _badgeGeometryMap_knobProps_sizeToken;
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   var colors = colorMap[color];
+  var geometry = (_badgeGeometryMap_knobProps_sizeToken = badgeGeometryMap[knobProps.sizeToken]) !== null && _badgeGeometryMap_knobProps_sizeToken !== void 0 ? _badgeGeometryMap_knobProps_sizeToken : badgeGeometryMap.$4;
   var posStyles = positionMap[position];
-  var shouldShow = visible && (dot || count !== void 0 && (count > 0 || showZero));
-  var displayValue = count !== void 0 && count > max ? `${max}+` : count;
+  var asyncCtx = (0, import_AsyncBoundary.useAsyncBoundary)();
+  var effectiveVisible = visible && !(asyncCtx === null || asyncCtx === void 0 ? void 0 : asyncCtx.hideBadges);
+  var effectiveCount = (asyncCtx === null || asyncCtx === void 0 ? void 0 : asyncCtx.hideBadges) ? void 0 : count;
+  var shouldShow = effectiveVisible && (dot || effectiveCount !== void 0 && (effectiveCount > 0 || showZero));
+  var displayValue = effectiveCount !== void 0 && effectiveCount > max ? `${max}+` : effectiveCount;
   var [offsetX, offsetY] = offset;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(BadgeWrapper, {
     children: [children, shouldShow && /* @__PURE__ */(0, import_jsx_runtime.jsx)(BadgeIndicator, {
       dot,
       backgroundColor: colors.bg,
+      ...(dot ? {
+        minWidth: geometry.dot,
+        width: geometry.dot,
+        height: geometry.dot
+      } : {
+        minWidth: geometry.capsule,
+        height: geometry.capsule
+      }),
       style: {
         ...posStyles,
         transform: [{
@@ -136,11 +167,15 @@ function Badge(param) {
           translateY: position.includes("top") ? -offsetY : offsetY
         }]
       },
-      children: !dot && count !== void 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(BadgeText, {
-        color: colors.text,
+      children: (/* body spread first so the intended 600 weight wins (SB-M-101) */
+      !dot && effectiveCount !== void 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(BadgeText, {
         ...knobProps.body,
+        fontWeight: "600",
+        fontSize: geometry.font,
+        lineHeight: geometry.capsule,
+        color: colors.text,
         children: displayValue
-      })
+      }))
     })]
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Badge_exports","__export","Badge","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","colorMap","red","bg","componentColors","badge","text","blue","green","orange","gray","positionMap","top","right","left","bottom","BadgeWrapper","styled","View","name","position","display","BadgeIndicator","alignItems","justifyContent","borderRadius","minWidth","height","paddingHorizontal","zIndex","variants","dot","true","width","BadgeText","Text","fontSize","fontWeight","lineHeight","textAlign","param","children","count","max","showZero","color","offset","visible","knobProps","useResolvedKnobs","colors","posStyles"],"sources":["../../../src/Badge/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,aAAA;AAEjC,IAAAK,kBAAmC,GAAAC,OAAA;AACnC,IAAAC,YAAA,GAAAD,OAAA,2BAAgC;AAqH5B,IAAAE,cAAA,GAAAF,OAAA;AAtFJ,IAAAG,sBAA6E,GAAAH,OAAA;AAAA,IAC3EI,QAAO,GAAI;EACXC,GAAA;IACAC,EAAA,EAAAH,sBAAa,CAAAI,eAAA,CAAAC,KAAA,CAAAH,GAAgB;IAC7BI,IAAA,EAAQ;EACR;EACFC,IAAA;IAIAJ,EAAM,EAAAH,sBAGF,CAAAI,eAAA,CAAAC,KAAA,CAAAE,IAAA;IACFD,IAAA;EACA;EACAE,KAAA;IACAL,EAAA,EAAAH,sBAA4B,CAAAI,eAAQ,CAAAC,KAAA,CAAAG,KAAA;IACtCF,IAAA;EAIA;EACEG,MAAM;IACNN,EAAA,EAAAH,sBAAU,CAAAI,eAAA,CAAAC,KAAA,CAAAI,MAAA;IACVH,IAAA;EACD;EAEDI,IAAM;IACJP,EAAA,EAAMH,sBAAA,CAAAI,eAAA,CAAAC,KAAA,CAAAK,IAAA;IACNJ,IAAA;EACA;AAAY;AACI,IAChBK,WAAA,GAAc;EACd,WAAU;IACVC,GAAA,GAAQ;IACRC,KAAA;EACA;EAEA,UAAU;IACRD,GAAA,EAAK;IAAAE,IACH;EAAM;EACM,cACH;IAAAC,MACP;IAAQF,KACR;EAAmB;EACrB,aACF;IACFE,MAAA;IACDD,IAAA;EAED;AAA+B;AACvB,IACNE,YAAU,OAAAjB,cAAA,CAAAkB,MAAA,EAAAlB,cAAA,CAAAmB,IAAA;EACVC,IAAA,gBAAY;EACZC,QAAA,YAAY;EACZC,OAAA;AACF,CAAC;AAIM,IAAAC,cAAe,OAAAvB,cAAA,CAAAkB,MAAA,EAAAlB,cAAA,CAAAmB,IAAA;EACpBC,IAAA;EACAC,QAAA;EACAG,UAAM;EACNC,cAAW;EACXC,YAAM;EACNC,QAAQ;EACRC,MAAA;EACAC,iBAAc;EACdC,MAAA;EACFC,QAAe;IACbC,GAAA,EAAM;MACNC,IAAM;QACAN,QAAA;QAGAO,KAAA;QAGAN,MAAA;QAGAC,iBAAiB;MAEvB;IAEK;EAAA;AAEC;AAAC,IAAAM,SAAA,OAAAnC,cAAA,CAAAkB,MAAA,EAAAlB,cAAA,CAAAoC,IAAA;EAAAhB,IAAA,EACC;EAAAiB,QACA;EAAwBC,UACxB,OAAO;EAAAC,UACL,EAAG;EAAAC,SACH;AAAW;AACqD,SAAA9C,KAC5DA,CAAA+C,KAAA;EAA0D;IAAAC,QAC9D;IAAAC,KAAA;IAAAC,GAAA;IAAAC,QAAA;IAAAb,GAAA;IAAAc,KAAA;IAAAzB,QAAA;IAAA0B,MAAA,OACF,EAKE;IAAAC,OAAA;EAAA,IAAAP,KAAA;EAAA,IAEJ;IAAAQ;EAAA,QAAAlD,YAAA,CAAAmD,gBAAA;EAAA,IAEJC,MAAA,GAAAjD,QAAA,CAAA4C,KAAA;EAEJ,IAAAM,SAAA,GAAAxC,WAAA,CAAAS,QAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Badge_exports","__export","Badge","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","import_AsyncBoundary","colorMap","red","bg","componentColors","badge","text","blue","green","orange","gray","badgeGeometryMap","$3","capsule","font","dot","$4","$5","positionMap","top","right","left","bottom","BadgeWrapper","styled","View","name","position","display","BadgeIndicator","alignItems","justifyContent","borderRadius","minWidth","height","paddingHorizontal","zIndex","variants","true","width","BadgeText","Text","fontSize","fontWeight","lineHeight","textAlign","param","children","count","max","showZero","color","offset","visible","_badgeGeometryMap_knobProps_sizeToken","knobProps","useResolvedKnobs","colors","geometry","sizeToken","posStyles","asyncCtx","useAsyncBoundary"],"sources":["../../../src/Badge/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,aAAA;AAEjC,IAAAK,kBAAmC,GAAAC,OAAA;AACnC,IAAAC,YAAA,GAAAD,OAAA,2BAAgC;AAChC,IAAAE,cAAA,GAAAF,OAAiC;AAwI7B,IAAAG,sBAAA,GAAAH,OAAA;AAvGJ,IAAAI,oBAA6E,GAAAJ,OAAA;AAAA,IAC3EK,QAAO,GAAI;EACXC,GAAA;IACAC,EAAA,EAAAJ,sBAAa,CAAAK,eAAA,CAAAC,KAAA,CAAAH,GAAgB;IAC7BI,IAAA,EAAQ;EACR;EACFC,IAAA;IAMAJ,EAAM,EAAAJ,sBAAmF,CAAAK,eAAA,CAAAC,KAAA,CAAAE,IAAA;IACvFD,IAAM;EACN;EACAE,KAAI,EAAE;IACRL,EAAA,EAAAJ,sBAAA,CAAAK,eAAA,CAAAC,KAAA,CAAAG,KAAA;IAIAF,IAAM;EAIJ;EACAG,MAAA;IACAN,EAAA,EAAAJ,sBAA0B,CAAGK,eAAS,CAAAC,KAAA,CAAAI,MAAA;IACtCH,IAAA;EACF;EAIAI,IAAM;IACJP,EAAA,EAAMJ,sBAAA,CAAAK,eAAA,CAAAC,KAAA,CAAAK,IAAA;IACNJ,IAAA;EACA;AACF,CAAC;AAED,IAAAK,gBAAM;EACJC,EAAA;IACAC,OAAA,EAAU;IACVC,IAAA;IACAC,GAAA;EACA;EACAC,EAAA;IACAH,OAAQ;IACRC,IAAA;IACAC,GAAA;EAEA;EAAUE,EACR;IAAKJ,OACH,EAAM;IAAAC,IACJ;IAAUC,GAAA,EACV;EAAO;AACC;AACW,IAAAG,WACrB;EAAA,WACF;IACFC,GAAA;IACDC,KAAA;EAED;EACE,UAAM;IACND,GAAA;IACAE,IAAA;EACA;EACA,cAAW;IACZC,MAAA;IAIMF,KAAS;EACd;EACA;IACAE,MAAM;IACND,IAAA;EACA;AAAM;AACE,IACRE,YAAW,OAAAzB,cAAA,CAAA0B,MAAA,EAAA1B,cAAA,CAAA2B,IAAA;EACXC,IAAA,gBAAc;EACdC,QAAA,EAAU;EACZC,OAAe;AACb;AACA,IAAAC,cAAe,OAAA/B,cAAc,CAAA0B,MAAA,EAAA1B,cAAA,CAAA2B,IAAA;EAC7BC,IAAA,EAAM,gBAAW;EACjBC,QAAM,YAAY;EAElBG,UAAM;EACNC,cAAM;EACNC,YAAM;EAGNC,QAAM;EAINC,MAAM;EAINC,iBAAgB,MAAO;EAEvBC,MAAA,EACE;EACGC,QAAA;IACAtB,GAAA;MACEuB,IAAA;QAAAL,QAAA;QACCM,KAAA;QACAL,MAAA;QACCC,iBACK;MACqD;IACpD;EACF;AACQ;AACqD,IAAAK,SAC9D,GAAE,IAAA1C,cAAY,CAAS0B,MAAA,EAAA1B,cAAmB,CAAA2C,IAAA,EAAU;EAAQf,IAAA,aAC9D;EAAAgB,QACF;EAAAC,UAGC,OAAC;EACAC,UAAC;EAAAC,SAAA;AAAA;AACe,SAAArD,KACdA,CAAAsD,KAAA;EAAW;IAAAC,QACX;IAAAC,KAAU;IAAAC,GAAA,GAAS;IAAAC,QAAA;IAAAnC,GAAA;IAAAoC,KAAA;IAAAxB,QAAA;IAAAyB,MAAA,OACE,EACP;IAAAC,OAEb;EAAA,IAAAP,KAAA;EAAA,IAAAQ,qCAAA;EAAA;IACHC;EAAA,QAAA1D,YAAA,CAAA2D,gBAAA;EAAA,IAAAC,MAAA,GAAAxD,QAAA,CAAAkD,KAAA;EAAA,IAEJO,QAAA,IAAAJ,qCAAA,GAAA3C,gBAAA,CAAA4C,SAAA,CAAAI,SAAA,eAAAL,qCAAA,cAAAA,qCAAA,GAAA3C,gBAAA,CAAAK,EAAA;EAAA,IAEJ4C,SAAA,GAAA1C,WAAA,CAAAS,QAAA;EAEJ,IAAAkC,QAAA,OAAA7D,oBAAA,CAAA8D,gBAAA","ignoreList":[]}

package/dist/cjs/Carousel/index.cjs

@@ -26,10 +26,13 @@ __export(Carousel_exports, {
 });
 module.exports = __toCommonJS(Carousel_exports);
 var import_react = require("react");
+var import_react_i18next = require("react-i18next");
 var import_react2 = require("@phosphor-icons/react");
+var import_forms = require("@multiplatform.one/forms");
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_DotIndicator = require("../DotIndicator/index.cjs");
+var import_useDirection = require("../hooks/useDirection.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const CarouselContainer = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "Carousel",
@@ -48,18 +51,13 @@ const ArrowButton = (0, import_tamagui.styled)(import_tamagui.View, {
   transform: [{
     translateY: "-50%"
   }],
-  zIndex: 10,
-  width: 40,
-  height: 40,
-  borderRadius: 1e3,
-  backgroundColor: "$background",
+  // Local tier top (Axiom 14): arrows float over slides within the carousel.
+  zIndex: import_forms.zIndex.localTop,
   alignItems: "center",
   justifyContent: "center",
+  backgroundColor: "transparent",
   cursor: "pointer",
   opacity: 0.9,
-  shadowColor: "$shadowColor",
-  shadowRadius: 8,
-  shadowOpacity: 0.15,
   hoverStyle: {
     opacity: 1,
     scale: 1.05
@@ -68,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,
@@ -84,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",
@@ -95,13 +95,22 @@ function Carousel({
   showDots = true,
   autoPlay = 0,
   loop = false,
-  gap = "$3",
+  gap: gapProp,
   onSlideChange,
   initialSlide = 0
 }) {
   const {
-    knobProps
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  const {
+    knobProps,
+    control
   } = (0, import_theme.useResolvedKnobs)();
+  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);
@@ -159,6 +168,11 @@ function Carousel({
   }, [initialSlide, scrollToSlide]);
   const canGoPrev = loop || activeIndex > 0;
   const canGoNext = loop || activeIndex < slideCount - 1;
+  const isRTL = (0, import_useDirection.useDirection)() === "rtl";
+  const prevSide = isRTL ? "right" : "left";
+  const nextSide = isRTL ? "left" : "right";
+  const PrevGlyph = isRTL ? import_react2.CaretRightIcon : import_react2.CaretLeftIcon;
+  const NextGlyph = isRTL ? import_react2.CaretLeftIcon : import_react2.CaretRightIcon;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(CarouselContainer, {
       ...knobProps.borderRadius,
@@ -186,22 +200,66 @@ function Carousel({
         })
       }), showArrows && slideCount > 1 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ArrowButton, {
-          side: "left",
+          ...{
+            [prevSide]: arrowEdgeInset
+          },
           disabled: !canGoPrev,
+          width: arrowTargetSize,
+          height: arrowTargetSize,
+          ...(knobProps.transition ? {
+            transition: knobProps.transition
+          } : {}),
           onPress: canGoPrev ? goPrev : void 0,
-          accessibilityRole: "button",
-          accessibilityLabel: "Previous slide",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CaretLeftIcon, {
-            size: 20
+          role: "button",
+          "aria-label": t("Previous slide"),
+          "aria-disabled": !canGoPrev || void 0,
+          tabIndex: canGoPrev ? 0 : -1,
+          focusVisibleStyle: {
+            ...control.focusVisibleKnobProps
+          },
+          onKeyDown: e => {
+            if ((e.key === "Enter" || e.key === " ") && canGoPrev) {
+              e.preventDefault();
+              goPrev();
+            }
+          },
+          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: "right",
+          ...{
+            [nextSide]: arrowEdgeInset
+          },
           disabled: !canGoNext,
+          width: arrowTargetSize,
+          height: arrowTargetSize,
+          ...(knobProps.transition ? {
+            transition: knobProps.transition
+          } : {}),
           onPress: canGoNext ? goNext : void 0,
-          accessibilityRole: "button",
-          accessibilityLabel: "Next slide",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CaretRightIcon, {
-            size: 20
+          role: "button",
+          "aria-label": t("Next slide"),
+          "aria-disabled": !canGoNext || void 0,
+          tabIndex: canGoNext ? 0 : -1,
+          focusVisibleStyle: {
+            ...control.focusVisibleKnobProps
+          },
+          onKeyDown: e => {
+            if ((e.key === "Enter" || e.key === " ") && canGoNext) {
+              e.preventDefault();
+              goNext();
+            }
+          },
+          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

@@ -29,10 +29,13 @@ __export(Carousel_exports, {
 module.exports = __toCommonJS(Carousel_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
+var import_react_i18next = require("react-i18next");
 var import_react2 = require("@phosphor-icons/react");
+var import_forms = require("@multiplatform.one/forms");
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_DotIndicator = require("../DotIndicator/index.native.js");
+var import_useDirection = require("../hooks/useDirection.native.js");
 var CarouselContainer = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "Carousel",
   position: "relative",
@@ -50,18 +53,13 @@ var ArrowButton = (0, import_tamagui.styled)(import_tamagui.View, {
   transform: [{
     translateY: "-50%"
   }],
-  zIndex: 10,
-  width: 40,
-  height: 40,
-  borderRadius: 1e3,
-  backgroundColor: "$background",
+  // Local tier top (Axiom 14): arrows float over slides within the carousel.
+  zIndex: import_forms.zIndex.localTop,
   alignItems: "center",
   justifyContent: "center",
+  backgroundColor: "transparent",
   cursor: "pointer",
   opacity: 0.9,
-  shadowColor: "$shadowColor",
-  shadowRadius: 8,
-  shadowOpacity: 0.15,
   hoverStyle: {
     opacity: 1,
     scale: 1.05
@@ -70,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,
@@ -86,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",
@@ -98,13 +98,24 @@ function Carousel(param) {
     showDots = true,
     autoPlay = 0,
     loop = false,
-    gap = "$3",
+    gap: gapProp,
     onSlideChange,
     initialSlide = 0
   } = param;
+  var _ref;
+  var _getTokens_size_knobProps_sizeToken, _getTokens_size;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
   var {
-    knobProps
+    knobProps,
+    control
   } = (0, import_theme.useResolvedKnobs)();
+  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);
@@ -166,6 +177,11 @@ function Carousel(param) {
   }, [initialSlide, scrollToSlide]);
   var canGoPrev = loop || activeIndex > 0;
   var canGoNext = loop || activeIndex < slideCount - 1;
+  var isRTL = (0, import_useDirection.useDirection)() === "rtl";
+  var prevSide = isRTL ? "right" : "left";
+  var nextSide = isRTL ? "left" : "right";
+  var PrevGlyph = isRTL ? import_react2.CaretRightIcon : import_react2.CaretLeftIcon;
+  var NextGlyph = isRTL ? import_react2.CaretLeftIcon : import_react2.CaretRightIcon;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(CarouselContainer, {
       ...knobProps.borderRadius,
@@ -195,22 +211,64 @@ 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: "left",
+          [prevSide]: arrowEdgeInset,
           disabled: !canGoPrev,
+          width: arrowTargetSize,
+          height: arrowTargetSize,
+          ...(knobProps.transition ? {
+            transition: knobProps.transition
+          } : {}),
           onPress: canGoPrev ? goPrev : void 0,
-          accessibilityRole: "button",
-          accessibilityLabel: "Previous slide",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CaretLeftIcon, {
-            size: 20
+          role: "button",
+          "aria-label": t("Previous slide"),
+          "aria-disabled": !canGoPrev || void 0,
+          // Keyboard floor (Axiom 12): div[role=button] gets no native
+          // focus or Enter/Space activation — supply both + house ring.
+          tabIndex: canGoPrev ? 0 : -1,
+          focusVisibleStyle: {
+            ...control.focusVisibleKnobProps
+          },
+          onKeyDown: function onKeyDown(e) {
+            if ((e.key === "Enter" || e.key === " ") && canGoPrev) {
+              e.preventDefault();
+              goPrev();
+            }
+          },
+          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: "right",
+          [nextSide]: arrowEdgeInset,
           disabled: !canGoNext,
+          width: arrowTargetSize,
+          height: arrowTargetSize,
+          ...(knobProps.transition ? {
+            transition: knobProps.transition
+          } : {}),
           onPress: canGoNext ? goNext : void 0,
-          accessibilityRole: "button",
-          accessibilityLabel: "Next slide",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CaretRightIcon, {
-            size: 20
+          role: "button",
+          "aria-label": t("Next slide"),
+          "aria-disabled": !canGoNext || void 0,
+          tabIndex: canGoNext ? 0 : -1,
+          focusVisibleStyle: {
+            ...control.focusVisibleKnobProps
+          },
+          onKeyDown: function onKeyDown(e) {
+            if ((e.key === "Enter" || e.key === " ") && canGoNext) {
+              e.preventDefault();
+              goNext();
+            }
+          },
+          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_react2","import_theme","import_tamagui","import_DotIndicator","CarouselContainer","styled","View","name","position","width","overflow","CarouselSlide","flexShrink","ArrowButton","top","transform","translateY","zIndex","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","onSlideChange","initialSlide","knobProps","useResolvedKnobs","activeIndex","setActiveIndex","useState","trackRef","useRef","slideCount","Children","count","slideWidthRef","autoPlayRef","scrollToSlide","useCallback","index","current","offset","scrollTo","x","animated","goToSlide","targetIndex","Math","max","min","goNext","goPrev","handleScroll","event","scrollX","nativeEvent","contentOffset","newIndex","round","useEffect","setInterval","clearInterval","canGoPrev","canGoNext","jsxs","jsx","ScrollView","ref","horizontal","showsHorizontalScrollIndicator","style","scrollSnapType","onScroll","scrollEventThrottle","onLayout","e","layout","XStack","map","child","scrollSnapAlign"],"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/Chip/index.cjs

@@ -22,7 +22,10 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var Chip_exports = {};
 __export(Chip_exports, {
-  Chip: () => import_forms.Chip
+  Chip: () => import_forms.Chip,
+  ChipFrame: () => import_forms.ChipFrame,
+  ChipText: () => import_forms.ChipText,
+  chipIconSize: () => import_forms.chipIconSize
 });
 module.exports = __toCommonJS(Chip_exports);
 var import_forms = require("@multiplatform.one/forms");