@multiplatform.one/components 6.1.0 → 6.3.0

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":"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","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,7 +51,8 @@ const ArrowButton = (0, import_tamagui.styled)(import_tamagui.View, {
   transform: [{
     translateY: "-50%"
   }],
-  zIndex: 10,
+  // Local tier top (Axiom 14): arrows float over slides within the carousel.
+  zIndex: import_forms.zIndex.localTop,
   width: 40,
   height: 40,
   borderRadius: 1e3,
@@ -95,13 +99,20 @@ 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 [activeIndex, setActiveIndex] = (0, import_react.useState)(initialSlide);
   const trackRef = (0, import_react.useRef)(null);
   const slideCount = import_react.Children.count(children);
@@ -159,6 +170,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 +202,54 @@ 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",
+          side: prevSide,
           disabled: !canGoPrev,
+          width: arrowSize,
+          height: arrowSize,
+          ...(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)(PrevGlyph, {
+            size: arrowGlyphSize
           })
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ArrowButton, {
-          side: "right",
+          side: nextSide,
           disabled: !canGoNext,
+          width: arrowSize,
+          height: arrowSize,
+          ...(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)(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,7 +53,8 @@ var ArrowButton = (0, import_tamagui.styled)(import_tamagui.View, {
   transform: [{
     translateY: "-50%"
   }],
-  zIndex: 10,
+  // Local tier top (Axiom 14): arrows float over slides within the carousel.
+  zIndex: import_forms.zIndex.localTop,
   width: 40,
   height: 40,
   borderRadius: 1e3,
@@ -98,13 +102,22 @@ 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 {
-    knobProps
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    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 [activeIndex, setActiveIndex] = (0, import_react.useState)(initialSlide);
   var trackRef = (0, import_react.useRef)(null);
   var slideCount = import_react.Children.count(children);
@@ -166,6 +179,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 +213,56 @@ 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",
+          side: prevSide,
           disabled: !canGoPrev,
+          width: arrowSize,
+          height: arrowSize,
+          ...(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)(PrevGlyph, {
+            size: arrowGlyphSize
           })
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ArrowButton, {
-          side: "right",
+          side: nextSide,
           disabled: !canGoNext,
+          width: arrowSize,
+          height: arrowSize,
+          ...(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)(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","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":[]}

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");

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

@@ -24,7 +24,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");

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Chip_exports","__export","Chip","import_forms","module","exports"],"sources":["../../../src/Chip/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAC,YAAA,CAAAD;AAAA;AAAAE,MAAA,CAAAC,OAAA,GAAAV,YAOO,CAAAK,YAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Chip_exports","__export","Chip","import_forms","ChipFrame","ChipText","chipIconSize","module","exports"],"sources":["../../../src/Chip/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAC,YAAA,CAAAD,IAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAD,YAAA,CAAAC,SAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAF,YAAA,CAAAE,QAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAH,YAAA,CAAAG;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAb,YAUO,CAAAK,YAAA","ignoreList":[]}

package/dist/cjs/DotIndicator/index.cjs

@@ -26,9 +26,33 @@ __export(DotIndicator_exports, {
 });
 module.exports = __toCommonJS(DotIndicator_exports);
 var import_theme = require("@multiplatform.one/theme");
+var import_react_i18next = require("react-i18next");
 var import_tamagui = require("tamagui");
 var import_componentColors = require("../componentColors.cjs");
+var import_t = require("../shared/t.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
+const dotGapMap = {
+  small: "$1",
+  medium: "$2",
+  large: "$3"
+};
+const dotGeometryMap = {
+  $3: {
+    dot: 6,
+    bar: 5,
+    active: 18
+  },
+  $4: {
+    dot: 8,
+    bar: 6,
+    active: 24
+  },
+  $5: {
+    dot: 10,
+    bar: 8,
+    active: 30
+  }
+};
 const DotsContainer = (0, import_tamagui.styled)(import_tamagui.XStack, {
   name: "DotIndicator",
   alignItems: "center",
@@ -43,6 +67,12 @@ const Dot = (0, import_tamagui.styled)(import_tamagui.View, {
   hoverStyle: {
     backgroundColor: import_componentColors.componentColors.indicator.hover
   },
+  focusVisibleStyle: {
+    outlineColor: "$outlineColor",
+    outlineWidth: 2,
+    outlineStyle: "solid",
+    outlineOffset: 1
+  },
   variants: {
     active: {
       true: {
@@ -87,14 +117,20 @@ function DotIndicator({
   activeIndex,
   onChange,
   variant = "dots",
-  gap = "$2",
+  gap: gapProp,
   disabled = false
 }) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  const gap = gapProp ?? dotGapMap[knobProps.space] ?? "$2";
+  const geometry = dotGeometryMap[knobProps.sizeToken] ?? dotGeometryMap.$4;
+  const itemSize = variant === "bars" ? geometry.bar : geometry.dot;
+  const interactive = !disabled && !!onChange;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DotsContainer, {
-    ...knobProps.gap,
     gap,
     children: Array.from({
       length: total
@@ -104,10 +140,29 @@ function DotIndicator({
         variant,
         active: isActive,
         activeVariant: isActive ? variant : void 0,
-        disabled: disabled || !onChange,
-        onPress: disabled || !onChange ? void 0 : () => onChange(index),
-        accessibilityRole: "button",
-        accessibilityLabel: `Go to item ${index + 1}`
+        width: isActive ? geometry.active : itemSize,
+        height: itemSize,
+        disabled,
+        cursor: interactive ? "pointer" : disabled ? "not-allowed" : "default",
+        onPress: interactive ? () => onChange?.(index) : void 0,
+        "aria-label": (0, import_t.withInterp)(t("Go to item {{number}}"), {
+          number: index + 1
+        }),
+        ...(isActive ? {
+          "aria-current": "true"
+        } : void 0),
+        ...(interactive ? {
+          role: "button",
+          tabIndex: 0,
+          onKeyDown: e => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              onChange?.(index);
+            }
+          }
+        } : disabled ? {
+          role: "button"
+        } : void 0)
       }, index);
     })
   });