@multiplatform.one/components 6.0.4 → 6.3.0

package/dist/jsx/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/jsx/Carousel/index.native.js.map

@@ -1 +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","Carousel_exports","Carousel","module","exports","import_jsx_runtime","require","import_react","import_react2","import_theme","import_tamagui","import_DotIndicator","CarouselContainer","styled","View","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"],"sources":["../../../src/Carousel/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"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","Carousel_exports","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","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"],"sources":["../../../src/Carousel/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/Chip/index.mjs

@@ -1,3 +1,3 @@
-import { Chip } from "@multiplatform.one/forms";
-export { Chip };
+import { Chip, ChipFrame, ChipText, chipIconSize } from "@multiplatform.one/forms";
+export { Chip, ChipFrame, ChipText, chipIconSize };
 //# sourceMappingURL=index.mjs.map

package/dist/jsx/Chip/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Chip"],"sources":["../../../src/Chip/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,IAAA,QAMK","ignoreList":[]}
+{"version":3,"names":["Chip","ChipFrame","ChipText","chipIconSize"],"sources":["../../../src/Chip/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,IAAA,EACAC,SAAA,EACAC,QAAA,EACAC,YAAA,QAMK","ignoreList":[]}

package/dist/jsx/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/jsx/Chip/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor"],"sources":["../../../src/Chip/index.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AAAA,IACEA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAAA,IAAAC,gBAMK,GAAAF,MAAA,CAAAG,wBAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all"],"sources":["../../../src/Chip/index.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AAAA,IACEA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAAA,IACAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IAAAC,QAMK,GAAAA,CAAAC,MAAA,EAAAC,GAAA","ignoreList":[]}

package/dist/jsx/DotIndicator/index.mjs

@@ -1,7 +1,31 @@
 import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useTranslation } from "react-i18next";
 import { View, XStack, styled } from "tamagui";
 import { componentColors } from "../componentColors.mjs";
+import { withInterp } from "../shared/t.mjs";
 import { jsx } from "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 = styled(XStack, {
   name: "DotIndicator",
   alignItems: "center",
@@ -16,6 +40,12 @@ const Dot = styled(View, {
   hoverStyle: {
     backgroundColor: componentColors.indicator.hover
   },
+  focusVisibleStyle: {
+    outlineColor: "$outlineColor",
+    outlineWidth: 2,
+    outlineStyle: "solid",
+    outlineOffset: 1
+  },
   variants: {
     active: {
       true: {
@@ -60,14 +90,20 @@ function DotIndicator({
   activeIndex,
   onChange,
   variant = "dots",
-  gap = "$2",
+  gap: gapProp,
   disabled = false
 }) {
+  const {
+    t
+  } = useTranslation();
   const {
     knobProps
   } = 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__ */jsx(DotsContainer, {
-    ...knobProps.gap,
     gap,
     children: Array.from({
       length: total
@@ -77,10 +113,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": 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);
     })
   });

package/dist/jsx/DotIndicator/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useResolvedKnobs","View","XStack","styled","componentColors","jsx","DotsContainer","name","alignItems","justifyContent","gap","Dot","borderRadius","backgroundColor","indicator","inactive","cursor","hoverStyle","hover","variants","active","true","variant","dots","width","height","bars","pills","activeVariant","disabled","opacity","DotIndicator","total","activeIndex","onChange","knobProps","children","Array","from","length","map","_","index","isActive","onPress","accessibilityRole","accessibilityLabel"],"sources":["../../../src/DotIndicator/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AAEjC,SAASC,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AACrC,SAASC,eAAA,QAAuB;AA+FtB,SAAAC,GAAA;AAxEV,MAAMC,aAAA,GAAgBH,MAAA,CAAOD,MAAA,EAAQ;EACnCK,IAAA,EAAM;EACNC,UAAA,EAAY;EACZC,cAAA,EAAgB;EAChBC,GAAA,EAAK;AACP,CAAC;AAED,MAAMC,GAAA,GAAMR,MAAA,CAAOF,IAAA,EAAM;EACvBM,IAAA,EAAM;EACNK,YAAA,EAAc;EACdC,eAAA,EAAiBT,eAAA,CAAgBU,SAAA,CAAUC,QAAA;EAC3CC,MAAA,EAAQ;EACRC,UAAA,EAAY;IACVJ,eAAA,EAAiBT,eAAA,CAAgBU,SAAA,CAAUI;EAC7C;EACAC,QAAA,EAAU;IACRC,MAAA,EAAQ;MACNC,IAAA,EAAM;QACJR,eAAA,EAAiBT,eAAA,CAAgBU,SAAA,CAAUM;MAC7C;IACF;IACAE,OAAA,EAAS;MACPC,IAAA,EAAM;QACJC,KAAA,EAAO;QACPC,MAAA,EAAQ;MACV;MACAC,IAAA,EAAM;QACJF,KAAA,EAAO;QACPC,MAAA,EAAQ;MACV;MACAE,KAAA,EAAO;QACLH,KAAA,EAAO;QACPC,MAAA,EAAQ;MACV;IACF;IACAG,aAAA,EAAe;MACbL,IAAA,EAAM;QACJC,KAAA,EAAO;MACT;MACAE,IAAA,EAAM;QACJF,KAAA,EAAO;MACT;MACAG,KAAA,EAAO;QACLH,KAAA,EAAO;MACT;IACF;IACAK,QAAA,EAAU;MACRR,IAAA,EAAM;QACJL,MAAA,EAAQ;QACRc,OAAA,EAAS;MACX;IACF;EACF;AACF,CAAC;AAIM,SAASC,aAAa;EAC3BC,KAAA;EACAC,WAAA;EACAC,QAAA;EACAZ,OAAA,GAAU;EACVZ,GAAA,GAAM;EACNmB,QAAA,GAAW;AACb,GAAsB;EACpB,MAAM;IAAEM;EAAU,IAAInC,gBAAA,CAAiB;EAEvC,OACE,eAAAK,GAAA,CAACC,aAAA;IAAe,GAAG6B,SAAA,CAAUzB,GAAA;IAAKA,GAAA;IAC/B0B,QAAA,EAAAC,KAAA,CAAMC,IAAA,CAAK;MAAEC,MAAA,EAAQP;IAAM,CAAC,EAAEQ,GAAA,CAAI,CAACC,CAAA,EAAGC,KAAA,KAAU;MAC/C,MAAMC,QAAA,GAAWD,KAAA,KAAUT,WAAA;MAC3B,OACE,eAAA5B,GAAA,CAACM,GAAA;QAECW,OAAA;QACAF,MAAA,EAAQuB,QAAA;QACRf,aAAA,EAAee,QAAA,GAAWrB,OAAA,GAAU;QACpCO,QAAA,EAAUA,QAAA,IAAY,CAACK,QAAA;QACvBU,OAAA,EAASf,QAAA,IAAY,CAACK,QAAA,GAAW,SAAY,MAAMA,QAAA,CAASQ,KAAK;QACjEG,iBAAA,EAAkB;QAClBC,kBAAA,EAAoB,cAAcJ,KAAA,GAAQ,CAAC;MAAA,GAPtCA,KAQP;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["useResolvedKnobs","useTranslation","View","XStack","styled","componentColors","withInterp","jsx","dotGapMap","small","medium","large","dotGeometryMap","$3","dot","bar","active","$4","$5","DotsContainer","name","alignItems","justifyContent","gap","Dot","borderRadius","backgroundColor","indicator","inactive","cursor","hoverStyle","hover","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","variants","true","variant","dots","width","height","bars","pills","activeVariant","disabled","opacity","DotIndicator","total","activeIndex","onChange","gapProp","t","knobProps","space","geometry","sizeToken","itemSize","interactive","children","Array","from","length","map","_","index","isActive","onPress","number","role","tabIndex","onKeyDown","e","key","preventDefault"],"sources":["../../../src/DotIndicator/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -29,8 +29,32 @@ __export(DotIndicator_exports, {
 module.exports = __toCommonJS(DotIndicator_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_theme = require("@multiplatform.one/theme");
+var import_react_i18next = require("react-i18next");
 var import_tamagui = require("tamagui");
 var import_componentColors = require("../componentColors.native.js");
+var import_t = require("../shared/t.native.js");
+var dotGapMap = {
+  small: "$1",
+  medium: "$2",
+  large: "$3"
+};
+var dotGeometryMap = {
+  $3: {
+    dot: 6,
+    bar: 5,
+    active: 18
+  },
+  $4: {
+    dot: 8,
+    bar: 6,
+    active: 24
+  },
+  $5: {
+    dot: 10,
+    bar: 8,
+    active: 30
+  }
+};
 var DotsContainer = (0, import_tamagui.styled)(import_tamagui.XStack, {
   name: "DotIndicator",
   alignItems: "center",
@@ -45,6 +69,12 @@ var 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: {
@@ -90,14 +120,21 @@ function DotIndicator(param) {
     activeIndex,
     onChange,
     variant = "dots",
-    gap = "$2",
+    gap: gapProp,
     disabled = false
   } = param;
+  var _ref, _dotGeometryMap_knobProps_sizeToken;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  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 interactive = !disabled && !!onChange;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DotsContainer, {
-    ...knobProps.gap,
     gap,
     children: Array.from({
       length: total
@@ -107,12 +144,31 @@ function DotIndicator(param) {
         variant,
         active: isActive,
         activeVariant: isActive ? variant : void 0,
-        disabled: disabled || !onChange,
-        onPress: disabled || !onChange ? void 0 : function () {
-          return 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 ? function () {
+          return onChange === null || onChange === void 0 ? void 0 : 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: function onKeyDown(e) {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              onChange === null || onChange === void 0 ? void 0 : onChange(index);
+            }
+          }
+        } : disabled ? {
+          role: "button"
+        } : void 0)
       }, index);
     })
   });

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

@@ -1 +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","DotIndicator_exports","DotIndicator","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","DotsContainer","styled","XStack","alignItems","justifyContent","gap","Dot","View","borderRadius","backgroundColor","componentColors","indicator","inactive","cursor","hoverStyle","hover","variants","active","true","variant","dots","width","height","bars","pills","activeVariant","disabled","opacity","param","total","activeIndex","onChange","knobProps","useResolvedKnobs"],"sources":["../../../src/DotIndicator/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAMC,MAAA,CAAQC,cAAc;AACrC,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAuB;AA+FtB,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAxEV,IAAAC,YAAM,GAAAN,MAAgB,CAAAO,SAAO,CAAAC,cAAQ;AAAA,IACnCC,QAAM,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACN,SAAAC,IAAY,IAAAD,GAAA,EACZZ,SAAA,CAAAW,MAAgB,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAElB,IAACC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAED,IAAMF,IAAA,IAAM,OAAOA,IAAM,wBAAAA,IAAA;IACvB,KAAM,IAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACN,KAAAX,YAAc,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACdnB,SAAA,CAAAiB,EAAiB,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAgBI,IAAA,CAAUG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAC3C;EACA,OAAAE,EAAA;AAAY;AACiC,IAC7CM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACAE,oBAAU;AAAAhB,QACR,CAAAgB,oBAAQ;EAAAC,YACA,EAAAA,CAAA,KAAAA;AAAA;AACuCC,MAC7C,CAAAC,OAAA,GAAAN,YAAA,CAAAG,oBAAA;AAAA,IACFI,kBAAA,GAAAC,OAAA;AAAA,IACAC,YAAS,GAAAD,OAAA;AAAA,IAAAE,cACD,GAAAF,OAAA;AAAA,IAAAG,sBACG,GAAAH,OAAA;AAAA,IAAAI,aACC,OAAAF,cAAA,CAAAG,MAAA,EAAAH,cAAA,CAAAI,MAAA;EAAAxB,IACV;EAAAyB,UACM;EAAAC,cACG;EAAAC,GAAA;AACC;AACV,IAAAC,GACA,OAAOR,cAAA,CAAAG,MAAA,EAAAH,cAAA,CAAAS,IAAA;EAAA7B,IAAA,EACL;EAAO8B,YACP,EAAQ;EAAAC,eACV,EAAAV,sBAAA,CAAAW,eAAA,CAAAC,SAAA,CAAAC,QAAA;EAAAC,MACF;EAAAC,UACA;IAAeL,eACP,EAAAV,sBAAA,CAAAW,eAAA,CAAAC,SAAA,CAAAI;EAAA;EACGC,QACT;IAAAC,MACA,EAAM;MAAAC,IACJ;QACFT,eAAA,EAAAV,sBAAA,CAAAW,eAAA,CAAAC,SAAA,CAAAM;MACA;IAAO;IACEE,OACT;MACFC,IAAA;QACAC,KAAA,EAAU;QACRC,MAAM;MAAA;MACIC,IACR;QACFF,KAAA;QACFC,MAAA;MACF;MACDE,KAAA;QAIMH,KAAS;QACdC,MAAA;MACA;IACA;IACAG,aAAU;MACVL,IAAM;QACNC,KAAW;MACS;MACpBE,IAAQ;QAERF,KACE;MAEI;MACAG,KACE;QAACH,KAAA;MAAA;IAAA;IAECK,QACA;MAAQR,IACR;QACAL,MAAA,eAAU;QACVc,OAAA,EAAS;MAAwD;IAC/C;EACyB;AAAA;AAPtC,SAQPnC,aAAAoC,KAAA;EAEJ,IACF;IAAAC,KAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAZ,OAAA;IAAAd,GAAA;IAAAqB,QAAA;EAAA,IAAAE,KAAA;EAEJ;IAAAI;EAAA,QAAAnC,YAAA,CAAAoC,gBAAA","ignoreList":[]}
+{"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","DotIndicator_exports","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","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"],"sources":["../../../src/DotIndicator/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}