@multiplatform.one/components 6.6.0 → 7.0.0

package/dist/cjs/Pagination.native.js

@@ -32,7 +32,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_theme = require("@multiplatform.one/theme");
 var import_react = require("@phosphor-icons/react");
 var import_react2 = require("react");
-var import_react_i18next = require("react-i18next");
+var import_i18n = require("./shared/i18n.native.js");
 var import_forms = require("@multiplatform.one/forms");
 var import_tamagui = require("tamagui");
 var import_DotIndicator = require("./DotIndicator/index.native.js");
@@ -79,6 +79,10 @@ var stripSteps = {
     active: "$3"
   }
 };
+var pageControlFloor = (0, import_theme.pressTargetStyle)();
+var restRing = {
+  outlineWidth: 0
+};
 function Pagination(param) {
   var {
     total,
@@ -103,11 +107,13 @@ function Pagination(param) {
   } = param;
   var {
     t
-  } = (0, import_react_i18next.useTranslation)();
+  } = (0, import_i18n.useTranslation)();
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   var motionTransition = knobProps.transition || "quick";
+  if (import_tamagui.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
+  var [kbFocus, setKbFocus] = (0, import_react2.useState)(null);
   var isRTL = (0, import_useDirection.useDirection)() === "rtl";
   var PrevIcon = isRTL ? import_react.CaretRightIcon : import_react.CaretLeftIcon;
   var NextIcon = isRTL ? import_react.CaretLeftIcon : import_react.CaretRightIcon;
@@ -143,6 +149,28 @@ function Pagination(param) {
       }
     };
   };
+  var pageControlProps = function pageControlProps2(id) {
+    return {
+      ...pageControlFloor,
+      elevation: 0,
+      borderWidth: 0,
+      borderColor: "transparent",
+      shadowColor: "transparent",
+      focusStyle: restRing,
+      focusVisibleStyle: restRing,
+      ...(import_tamagui.isWeb ? {
+        onFocus: function onFocus() {
+          if ((0, import_theme.wasKeyboardFocus)()) setKbFocus(id);
+        },
+        onBlur: function onBlur() {
+          setKbFocus(function (prev) {
+            return prev === id ? null : prev;
+          });
+        }
+      } : void 0),
+      ...(kbFocus === id ? import_theme.FOCUS_VISIBLE_RING : restRing)
+    };
+  };
   var isNumbered = variant === "numbered";
   var canPrev = !disabled && index > 0;
   var canNext = isNumbered ? !disabled && currentPage < total :
@@ -166,7 +194,7 @@ function Pagination(param) {
     ...stackProps,
     children: [isNumbered && showFirstLast && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
       size: knobProps.sizeToken,
-      variant: "outlined",
+      chromeless: true,
       icon: FirstIcon,
       onPress: function onPress() {
         return goTo(0);
@@ -175,18 +203,20 @@ function Pagination(param) {
       "aria-label": t("Go to first page"),
       onKeyDown: activateOnEnterSpace(function () {
         return goTo(0);
-      }, canPrev)
+      }, canPrev),
+      ...pageControlProps("first")
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
       size: knobProps.sizeToken,
       circular: !isNumbered,
-      variant: "outlined",
+      chromeless: true,
       icon: isNumbered ? PrevIcon : PrevArrowIcon,
       onPress: handlePrev,
       disabled: !canPrev,
       // LC-40: the Button's own disabled wash owns the treatment — the
       // legacy opacity 0.3 dim stacked on top of it (double-dim).
       "aria-label": isNumbered ? t("Go to previous page") : t("Previous page"),
-      onKeyDown: activateOnEnterSpace(handlePrev, canPrev)
+      onKeyDown: activateOnEnterSpace(handlePrev, canPrev),
+      ...pageControlProps("prev")
     }), isNumbered ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
       alignItems: "center",
       gap: "$1",
@@ -197,6 +227,7 @@ function Pagination(param) {
             userSelect: "none",
             textAlign: "center",
             minWidth: "$2",
+            minHeight: pageControlFloor.minHeight,
             ...knobProps.body,
             color: import_componentColors.componentColors.text.muted,
             children: "\u2026"
@@ -205,7 +236,6 @@ function Pagination(param) {
         var isCurrent = item === currentPage;
         return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
           size: knobProps.sizeToken,
-          minWidth: knobProps.sizeToken,
           paddingHorizontal: "$2",
           accent: isCurrent,
           chromeless: !isCurrent,
@@ -220,6 +250,7 @@ function Pagination(param) {
           onKeyDown: activateOnEnterSpace(function () {
             return goTo(item - 1);
           }, !disabled),
+          ...pageControlProps(`page-${item}`),
           children: String(item)
         }, item);
       })
@@ -247,16 +278,17 @@ function Pagination(param) {
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
       size: knobProps.sizeToken,
       circular: !isNumbered,
-      variant: submits ? void 0 : "outlined",
+      chromeless: !submits,
       theme: submits ? "active" : void 0,
       icon: isNumbered ? NextIcon : submits ? import_react.CheckIcon : NextArrowIcon,
       onPress: handleNext,
       disabled: !canNext,
       "aria-label": isNumbered ? t("Go to next page") : submits ? t("Submit") : t("Next page"),
-      onKeyDown: activateOnEnterSpace(handleNext, canNext)
+      onKeyDown: activateOnEnterSpace(handleNext, canNext),
+      ...pageControlProps(submits ? "submit" : "next")
     }), isNumbered && showFirstLast && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
       size: knobProps.sizeToken,
-      variant: "outlined",
+      chromeless: true,
       icon: LastIcon,
       onPress: function onPress() {
         return goTo(total - 1);
@@ -265,7 +297,8 @@ function Pagination(param) {
       "aria-label": t("Go to last page"),
       onKeyDown: activateOnEnterSpace(function () {
         return goTo(total - 1);
-      }, canNext)
+      }, canNext),
+      ...pageControlProps("last")
     }), summary && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       ...knobProps.body,
       color: import_componentColors.componentColors.text.muted,

package/dist/cjs/Pagination.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Pagination_exports","__export","Pagination","getPaginationItems","module","exports","import_jsx_runtime","require","import_theme","import_react","import_react2","import_react_i18next","import_forms","import_tamagui","import_DotIndicator","import_componentColors","import_useDirection","import_t","range","range2","start","end","Array","from","length","Math","max","_","i","total","page","siblingCount","arguments","boundaryCount","startPages","min","endPages","siblingsStart","siblingsEnd","items","push","stripSteps","base","mark","active","large","param","activeIndex","onChange","defaultPage","onPageChange","completedSteps","allowJumpTo","isLastStep","onSubmit","disabled","variant","totalItems","pageSize","showSummary","showFirstLast","stackProps","t","useTranslation","knobProps","useResolvedKnobs","motionTransition","transition","isRTL","useDirection","PrevIcon","CaretRightIcon","CaretLeftIcon","NextIcon","FirstIcon","CaretDoubleRightIcon","CaretDoubleLeftIcon","LastIcon","PrevArrowIcon","ArrowRightIcon","ArrowLeftIcon","NextArrowIcon","uncontrolledPage","setUncontrolledPage","useState","controlledIndex","index","currentPage","goTo","useCallback","nextIndex","clamped","handlePrev","handleNext","activateOnEnterSpace","activateOnEnterSpace2","fn","enabled","e","key","preventDefault","isNumbered","canPrev","canNext","submits","summary","bidiIsolate","withInterp","step","jsxs","XStack","alignItems","justifyContent","role","gap","children","jsx","Button","size","sizeToken","icon","onPress","onKeyDown","circular","map","item","Text","userSelect","textAlign","minWidth","body","color","componentColors","text","muted","isCurrent","paddingHorizontal","accent","chromeless","number","String","DotIndicator","idiom","rail","dotSize","activeDotSize","dotStateAttribute","theme","CheckIcon"],"sources":["../../src/Pagination.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAiC,CAAAK,kBAAA;AACjC,IAAAM,kBAQO,GAAAC,OAAA;AAEP,IAAAC,YAAA,GAAAD,OAAsC;AACtC,IAAAE,YAAA,GAAAF,OAAA,CAA+B;AAC/B,IAAAG,aAAA,GAAuBH,OAAA;AACvB,IAAAI,oBAA+C,GAAAJ,OAAA;AAC/C,IAAAK,YAAA,GAAAL,OAA6B;AAC7B,IAAAM,cAAA,GAAAN,OAAA,CAAgC;AAChC,IAAAO,mBAAA,GAA6BP,OAAA;AAC7B,IAAAQ,sBAAwC,GAAAR,OAAA;AA2NpC,IAAAS,mBAAA,GAAAT,OAAA;AAvNJ,IAAAU,QAAM,GAASV,OAAe,uBAC5B,CAAM;AAOD,IAAAW,KAAS,YAAAC,OACdC,KAAA,EACAC,GAAA;EAIA,OAAIC,KAAA,CAASC,IAAG;IAChBC,MAAM,EAAAC,IAAA,CAAAC,GAAA,CAAaL,GAAA,GAAMD,KAAG,GAAK,IAAI;EACrC,aAAMO,CAAA,EAAAC,CAAA,EAAW;IAEjB,OAAMR,KAAA,GAAAQ,CAAA;EAAqB,EACzB;AAA0E;AAC1D,SAClBzB,mBAAA0B,KAAA,EAAAC,IAAA;EACA,IAAAC,YAAM,GAAAC,SAAmB,CAAAR,MAAA,QAAAQ,SAAA,iBAAAA,SAAA;IAAAC,aAAA,GAAAD,SAAA,CAAAR,MAAA,QAAAQ,SAAA,iBAAAA,SAAA;EAAA,IACvBH,KAAK,IAAI,UAAO;EAAkD,IAClEK,UAAS,GAAAhB,KAAS,EAAI,EAAAO,IAAA,CAAAU,GAAU,CAAAF,aAAQ,EAAQJ,KAAA;EAClD,IAAAO,QAAA,GAAAlB,KAAA,CAAAO,IAAA,CAAAC,GAAA,CAAAG,KAAA,GAAAI,aAAA,MAAAA,aAAA,OAAAJ,KAAA;EAEA,IAAAQ,aAAiC,GAAGZ,IAAA,CAAAC,GAAU,CAAAD,IAAA,CAAAU,GAAA,CAAAL,IAAA,GAAAC,YAAA,EAAAF,KAAA,GAAAI,aAAA,GAAAF,YAAA,WAAAE,aAAA;EAC9C,IAAIK,WAAA,GAAAb,IAAgB,CAAAU,GAAA,CAAAV,IAAA,CAAAC,GAAA,CAAgBI,IAAG,GAAAC,YAAA,EAAAE,aAAA,GAAAF,YAAA,WAAAK,QAAA,CAAAZ,MAAA,OAAAY,QAAA,UAAAP,KAAA;EACrC,IAAAU,KAAM,IACR,GAAAL,UAAW,CACT;EACF,IAAAG,aAAA,GAAAJ,aAAA;IACAM,KAAM,CAAAC,IAAK,iBAAS;EACpB,OAAI,IAAAP,aAAc,GAAQ,IAAAJ,KAAA,GAAAI,aAAmB;IAC3CM,KAAA,CAAMC,IAAA,CAAKP,aAAA,GAAc;EAC3B;EACEM,KAAA,CAAAC,IAAM,IAAKtB,KAAA,CAAAmB,aAAQ,EAAaC,WAAA;EAClC,IAAAA,WAAA,GAAAT,KAAA,GAAAI,aAAA;IACAM,KAAM,CAAAC,IAAK,eAAW;EACtB,OAAO,IAAAX,KAAA,GAAAI,aAAA,GAAAA,aAAA;IACTM,KAAA,CAAAC,IAAA,CAAAX,KAAA,GAAAI,aAAA;EAYA;EACEM,KAAA,CAAMC,IAAE,IAAMJ,QAAA,CAAS;EACvB,OAAOG,KAAE;AACX;AA8CO,IAAAE,UAAS;EACdC,IAAA;IACAC,IAAA;IACAC,MAAA;EACA;EACAC,KAAA;IACAF,IAAA;IACAC,MAAA;EACA;AAAc;AACD,SACb1C,WAAA4C,KAAA;EACA;IAAAjB,KAAW;IAAAkB,WAAA;IAAAC,QAAA;IAAAlB,IAAA;IAAAmB,WAAA;IAAAC,YAAA;IAAAC,cAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,WAAA;IAAA5B,YAAA;IAAAE,aAAA;IAAA2B,aAAA;IAAA,GAAAC;EAAA,IAAAf,KAAA;EACX;IAAAgB;EAAA,IAAU,IAAAnD,oBAAA,CAAAoD,cAAA;EACV;IAAAC;EAAA,QAAAxD,YAAA,CAAAyD,gBAAA;EACA,IAAAC,gBAAA,GAAAF,SAAA,CAAAG,UAAA;EACA,IAAAC,KAAA,KAAc,EAAApD,mBAAA,CAAAqD,YAAA;EACd,IAAAC,QAAA,GAAeF,KAAA,GAAA3D,YAAA,CAAA8D,cAAA,GAAA9D,YAAA,CAAA+D,aAAA;EACf,IAAAC,QAAA,GAAAL,KAAgB,GAAA3D,YAAA,CAAA+D,aAAA,GAAA/D,YAAA,CAAA8D,cAAA;EAChB,IAAAG,SAAA,GAAgBN,KAAA,GAAA3D,YAAA,CAAAkE,oBAAA,GAAAlE,YAAA,CAAAmE,mBAAA;EAChB,IAAGC,QAAA,GAAAT,KAAA,GAAA3D,YAAA,CAAAmE,mBAAA,GAAAnE,YAAA,CAAAkE,oBAAA;EACL,IAAoBG,aAAA,GAAAV,KAAA,GAAA3D,YAAA,CAAAsE,cAAA,GAAAtE,YAAA,CAAAuE,aAAA;EAClB,IAAAC,aAAU,GAAIb,KAAA,GAAA3D,YAAA,CAAAuE,aAAA,GAAevE,YAAA,CAAAsE,cAAA;EAC7B,KAAAG,gBAAkB,EAAAC,mBAAI,QAAAzE,aAAiB,CAAA0E,QAAA,EAAAnC,WAAA,aAAAA,WAAA,cAAAA,WAAA;EAEvC,IAAAoC,eAAM,GAAAvD,IAAoB,WAAUA,IAAA,OAAAiB,WAAqC;EAOzE,IAAAuC,KAAM,GAAAD,eAAQ,aAAAA,eAAa,KAAM,SAAAA,eAAA,GAAAH,gBAAA;EACjC,IAAAK,WAAM,GAAWD,KAAA,GAAQ;EACzB,IAAAE,IAAM,OAAA9E,aAAmB,CAAA+E,WAAA,YAAAC,SAAgB;IACzC,IAAMC,OAAA,GAAAlE,IAAY,CAAAC,GAAA,EAAQ,EAAAD,IAAA,CAAAU,GAAA,CAAAuD,SAAA,EAAA7D,KAAA;IAC1B,IAAMwD,eAAW,IAAQ,MAAAF,mBAAA,CAAAQ,OAAA,GAAsB;IAC/C3C,QAAM,aAAgBA,QAAQ,uBAAAA,QAAiB,CAAA2C,OAAA;IAC/CzC,YAAM,SAAgB,IAAAA,YAAQ,oBAAgB,GAAAA,YAAA,CAAAyC,OAAA;EAG9C,IACAN,eAAM,EACNxD,KAAM,EACNmB,QAAM,EAENE,YAAM,CAAO,CACX;EACE,IAAA0C,UAAM,OAAUlF,aAAY,CAAA+E,WAAS,cAAW;IAChD,IAAAH,KAAI,MAAAE,IAAA,CAAAF,KAAmB,KAAM;EAC7B,IACAA,KAAA,EACFE,IAAA,EACA;EACF,IAAAK,UAAA,OAAAnF,aAAA,CAAA+E,WAAA;IAEA,IAAMpC,UAAA,IAAAC,QAAa;MACjBA,QAAI,EAAQ;IACd,CAAG,MAAC,IAAOgC,KAAK,GAAAzD,KAAA;MAEhB2D,IAAM,CAAAF,KAAA;IACJ;EACE,IACFA,KAAA,EACEzD,KAAA,EACFwB,UAAA,EACFC,QAAI,EAEJkC,IAAM,CAEF;EACE,IAAAM,oBAAiB,YAAAC,sBAAAC,EAAA,EAAAC,OAAA;IACjB,OAAI,UAASC,CAAA,EAAG;MAClB,IAAAA,CAAA,CAAAC,GAAA,gBAAAD,CAAA,CAAAC,GAAA;QACFD,CAAA,CAAAE,cAAA;QAEI,IAAAH,OAAA,EAAaD,EAAA;MAInB;IACA;EAC+B;EAAA,IAAAK,UAAA,GAAA7C,OAAA;EAAA,IAGzB8C,OAAA,IAAA/C,QAAc,IAAA+B,KAAc;EAAuB,IAAAiB,OAAA,GAAAF,UAAA,IAAA9C,QAAA,IAAAgC,WAAA,GAAA1D,KAAA;EACzD;EAEA;EAMA,EAAA0B,QAAM,IACJ,CAAAF,UAAA,IAAciC,KAAA,IAAAzD,KAAe,SAAAyB,QAAc,CACvC;EAGsD,IAC9CkD,OAAA,GAAQ,CAAAH,UAAA,IAAchD,UAAK;EAAW,IACtCd,KAAK,GAAA8D,UAAS,GAAAlG,kBAAwB,CAAA0B,KAAA,EAAA0D,WAAU,EAAAxD,YAAA,EAAAE,aAAA;EAAA,IAChDwE,OAAO,GAAAJ,UAAA,IAAA1C,WAAA,IAAAF,UAAA,YAAAC,QAAA,eAAAzC,QAAA,CAAAyF,WAAA,EAAAjD,UAAA,SAAAK,CAAA,iBAAA7C,QAAA,CAAA0F,UAAA,EAAA7C,CAAA;IACT1C,KAAC,GAAAmE,WAAA,QAAA7B,QAAA;IACPrC,GACA,EAAAI,IAAA,CAAAU,GAAA,CAAAoD,WAAA,GAAA7B,QAAA,EAAAD,UAAA;IAMN5B,KAAM,EAAA4B;EAEN,WACE;EAAA,IAACmD,IAAA,GAAApD,OAAA,cAAAf,UAAA,CAAAI,KAAA,GAAAJ,UAAA,CAAAC,IAAA;EAAA,0BAAApC,kBAAA,CAAAuG,IAAA,EAAAhG,cAAA,CAAAiG,MAAA;IAAAC,UACC,UAAW;IAAAC,cACX,UAAe;IAAAC,IACf,cAAK;IAAA,YACL,EAAAnD,CAAA,CAAY,YAAE;IAAY,GACzBE,SAAG,CAAAkD,GAAU;IAAA,GACbrD,UAAG;IAAAsD,QAEH,GAAAd,UAAA,IAAAzC,aAAc,mBACb,IAAAtD,kBAAA,CAAA8G,GAAA,EAAAxG,YAAA,CAAAyG,MAAA;MAAAC,IAAC,EAAAtD,SAAA,CAAAuD,SAAA;MAAA/D,OAAA;MAAAgE,IACC,EAAA9C,SAAM;MAAU+C,OAChB,WAAQA,QAAA;QAAA,OACRjC,IAAM;MAAA;MACejC,QACrB,GAAA+C,OAAW;MAAA,YACX,EAAAxC,CAAA,mBAAc;MAAkB4D,SAChC,EAAA5B,oBAAW,aAA2B;QAAgB,OAAAN,IAAA;MACxD,GAAAc,OAAA;IAAA,EAGF,iBAAC,IAAAhG,kBAAA,CAAA8G,GAAA,EAAAxG,YAAA,CAAAyG,MAAA;MAAAC,IAAA,EAAAtD,SAAA,CAAAuD,SAAA;MAAAI,QACC,EAAM,CAAAtB,UAAU;MAAA7C,OAChB,YAAW;MAAAgE,IACX,EAAAnB,UAAQ,GAAA/B,QAAA,GAAAQ,aAAA;MAAA2C,OACR,EAAA7B,UAAM;MAAwBrC,QAC9B,GAAA+C,OAAS;MAAA;MACE;MAG0D,YACrE,EAAAD,UAAW,GAAAvC,CAAA,sBAAiC,IAAAA,CAAO;MAAA4D,SAAA,EAAA5B,oBAAA,CAAAF,UAAA,EAAAU,OAAA;IAAA,EACrD,EAAAD,UAEC,kBACC,IAAA/F,kBAAA,CAAA8G,GAAA,EAAAvG,cAAC,CAAAiG,MAAA;MAEGC,UAAI,UAAO;MACTG,GAAA;MACEC,QAAC,EAAA5E,KAAA,CAAAqF,GAAA,WAAAC,IAAA;QAAA,WAAAA,IAAA;UAAA,OAEC,eAAW,IAAAvH,kBAAA,CAAA8G,GAAA,EAAAvG,cAAA,CAAAiH,IAAA;YAAA,aACX,EAAW;YAAAC,UACX,QAAU;YAAAC,SACV,UAAS;YAAAC,QACL;YAAU,GACdjE,SAAO,CAAAkE,IAAA;YAAqBC,KAC7B,EAAApH,sBAAA,CAAAqH,eAAA,CAAAC,IAAA,CAAAC,KAAA;YAAAnB,QAAA;UAAA,GAPMU,IAAA;QAAA;QAWX,IAAAU,SAAA,GAAAV,IAAA,KAAAtC,WAAA;QACA,OAAM,eAAY,IAASjF,kBAAA,CAAA8G,GAAA,EAAAxG,YAAA,CAAAyG,MAAA;UAC3BC,IAAA,EACEtD,SAAA,CAAAuD,SAAA;UAACU,QAAA,EAAAjE,SAAA,CAAAuD,SAAA;UAAAiB,iBAAA;UAAAC,MAEC,EAAMF,SAAA;UAAUG,UAChB,EAAU,CAAAH,SAAU;UAAAhF,QACpB;UAAkBkE,OAClB,WAAQA,QAAA;YACR,OAAAjC,IAAA,CAAYqC,IAAC;UAAA;UACb,YACS,MAAM5G,QAAK,CAAA0F,UAAQ,EAAA7C,CAAA;YAC5B6E,MAAA,EAAAd;UAA6D,EAC7D;UAAmC,cACxB,EAAAU,SAAA,SAAqB,QAAM;UAAyBb,SAE9D,EAAA5B,oBAAW;YAAA,OAAAN,IAAA,CAAAqC,IAAA;UAZP,IAAAtE,QAAA;UAaP4D,QAAA,EAAAyB,MAAA,CAAAf,IAAA;QAEH,GACHA,IAAA;MAAA;IAAA;IAAA;IAAA;IAAA;IAMA;IAAC;IAAA,IAAAvH,kBAAA,CAAA8G,GAAA,EAAAtG,mBAAA,CAAA+H,YAAA;MAAAhH,KACC;MAAAkB,WACA,EAAAuC,KAAa;MAAA9B,OACb;MAAAsF,KACA,QAAM;MAAAC,IACN,MAAI;MAAA5F,cACJ;MAAA6F,OACA,EAAApC,IAAS,CAAAjE,IAAK;MAAAsG,aACd,EAAArC,IAAe,CAAAhE,MAAK;MAAAuB,UACpB,EAAAD,gBAAY;MAAAgF,iBACZ,uBAAkB;MAAAlG,QAClB,EAAAI,WAAU,KAAAG,QAAgB,GAAAiC,IAAW,QAAO;MAAA;MAGnB;MAC3BjC,QAAA,EAAAH,WAAA,IAAAG;IAAA,IAGF,eAAC,IAAAjD,kBAAA,CAAA8G,GAAA,EAAAxG,YAAA,CAAAyG,MAAA;MAAAC,IAAA,EAAAtD,SAAA,CAAAuD,SAAA;MAAAI,QACC,EAAM,CAAAtB,UAAU;MAAA7C,OAChB,EAAAgD,OAAW;MAAA2C,KACX,EAAA3C,OAAS,WAAU,QAAY;MAAAgB,IAC/B,EAAAnB,UAAO,GAAA5B,QAAU,GAAA+B,OAAW,GAAA/F,YAAA,CAAA2I,SAAA,GAAAnE,aAAA;MAAAwC,OAC5B,EAAA5B,UAAM;MAA8CtC,QACpD,GAAAgD,OAAS;MAAA,YACT,EAAUF,UAAC,GAAAvC,CAAA,sBAAA0C,OAAA,GAAA1C,CAAA,aAAAA,CAAA;MAAA4D,SACX,EAAA5B,oBAAyB,CAAAD,UAAE,EAAAU,OAAiB;IAAyC,IAClCF,UAAA,IAAAzC,aAAA,uBAAAtD,kBAAA,CAAA8G,GAAA,EAAAxG,YAAA,CAAAyG,MAAA;MACrDC,IAAA,EAAAtD,SAAA,CAAAuD,SAAA;MAEC/D,OAAA,YAAc;MACbgE,IAAC,EAAA3C,QAAA;MAAA4C,OAAA,WAAAA,QAAA;QAAA,OACCjC,IAAM,CAAA3D,KAAA,GAAU;MAAA;MACR0B,QACR,EAAM,CAAAgD,OAAA;MAAA,YACN,EAASzC,CAAA,kBAAoB;MAAA4D,SAC7B,EAAA5B,oBAAW;QAAA,OACXN,IAAA,CAAA3D,KAAY,GAAE;MAAiB,GAAA0E,OAC/B;IAA8D,IAAAE,OAChE,uBAAAnG,kBAAA,CAAA8G,GAAA,EAAAvG,cAAA,CAAAiH,IAAA;MAGD,GAAA9D,SACC,CAAAkE,IAAA;MAAAC,KAAC,EAAApH,sBAAA,CAAAqH,eAAA,CAAAC,IAAA,CAAAC,KAAA;MAAA;MAAAP,UACK,QAAU;MAAAZ,QACd,EAAAV;IAA4B;EAEjB;AAEV","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Pagination_exports","__export","Pagination","getPaginationItems","module","exports","import_jsx_runtime","require","import_theme","import_react","import_react2","import_i18n","import_forms","import_tamagui","import_DotIndicator","import_componentColors","import_useDirection","import_t","range","range2","start","end","Array","from","length","Math","max","_","i","total","page","siblingCount","arguments","boundaryCount","startPages","min","endPages","siblingsStart","siblingsEnd","items","push","stripSteps","base","mark","active","large","pageControlFloor","pressTargetStyle","restRing","outlineWidth","param","activeIndex","onChange","defaultPage","onPageChange","completedSteps","allowJumpTo","isLastStep","onSubmit","disabled","variant","totalItems","pageSize","showSummary","showFirstLast","stackProps","t","useTranslation","knobProps","useResolvedKnobs","motionTransition","transition","isWeb","ensureKeyboardModalityTracking","kbFocus","setKbFocus","useState","isRTL","useDirection","PrevIcon","CaretRightIcon","CaretLeftIcon","NextIcon","FirstIcon","CaretDoubleRightIcon","CaretDoubleLeftIcon","LastIcon","PrevArrowIcon","ArrowRightIcon","ArrowLeftIcon","NextArrowIcon","uncontrolledPage","setUncontrolledPage","controlledIndex","index","currentPage","goTo","useCallback","nextIndex","clamped","handlePrev","handleNext","activateOnEnterSpace","activateOnEnterSpace2","fn","enabled","e","key","preventDefault","pageControlProps","pageControlProps2","id","elevation","borderWidth","borderColor","shadowColor","focusStyle","focusVisibleStyle","onFocus","wasKeyboardFocus","onBlur","prev","FOCUS_VISIBLE_RING","isNumbered","canPrev","canNext","submits","summary","bidiIsolate","withInterp","step","jsxs","XStack","alignItems","justifyContent","role","gap","children","jsx","Button","size","sizeToken","chromeless","icon","onPress","onKeyDown","circular","map","item","Text","userSelect","textAlign","minWidth","minHeight","body","color","componentColors","text","muted","isCurrent","paddingHorizontal","accent","number","String","DotIndicator","idiom","rail","dotSize","activeDotSize","dotStateAttribute","theme","CheckIcon"],"sources":["../../src/Pagination.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/ProgressSteps/index.cjs

@@ -27,45 +27,12 @@ __export(ProgressSteps_exports, {
 module.exports = __toCommonJS(ProgressSteps_exports);
 var import_react = require("@phosphor-icons/react");
 var import_theme = require("@multiplatform.one/theme");
-var import_react_i18next = require("react-i18next");
+var import_react2 = require("react");
+var import_i18n = require("../shared/i18n.cjs");
 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 markerSizeMap = {
-  $3: 22,
-  $4: 28,
-  $5: 34
-};
-const markerIconSizeMap = {
-  $3: 12,
-  $4: 14,
-  $5: 16
-};
-const markerTextSizeMap = {
-  $3: "$1",
-  $4: "$2",
-  $5: "$3"
-};
-const labelSizeMap = {
-  $3: "$2",
-  $4: "$3",
-  $5: "$4"
-};
-const stepGapMap = {
-  small: {
-    step: "$1.5",
-    markerLabel: "$2"
-  },
-  medium: {
-    step: "$2",
-    markerLabel: "$3"
-  },
-  large: {
-    step: "$3",
-    markerLabel: "$4"
-  }
-};
 const StepsRoot = (0, import_tamagui.styled)(import_tamagui.YStack, {
   name: "ProgressSteps",
   width: "100%"
@@ -77,163 +44,252 @@ const Marker = (0, import_tamagui.styled)(import_tamagui.View, {
   borderWidth: 2,
   flexShrink: 0
 });
+const StepButton = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "ProgressStepButton",
+  backgroundColor: "transparent",
+  borderWidth: 0,
+  cursor: "pointer",
+  // LC-71: the button is the hit target; the ring lives on the marker.
+  outlineWidth: 0,
+  focusStyle: {
+    outlineWidth: 0,
+    outlineStyle: "none"
+  },
+  focusVisibleStyle: {
+    outlineWidth: 0,
+    outlineStyle: "none"
+  }
+});
+const Connector = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "ProgressStepConnector",
+  flexShrink: 0
+});
 function stepState(index, current, forcedCompleted) {
   if (forcedCompleted || index < current) return "completed";
   if (index === current) return "current";
   return "upcoming";
 }
+function splitNestedControl(nested) {
+  const {
+    px,
+    hitSlop,
+    ...box
+  } = nested;
+  return {
+    px,
+    hitSlop,
+    box
+  };
+}
 function ProgressSteps({
   steps,
   current,
   onStepChange,
   orientation = "horizontal",
   allowJump = true,
+  linear = true,
   compact = false,
   ...props
 }) {
   const {
     t
-  } = (0, import_react_i18next.useTranslation)();
+  } = (0, import_i18n.useTranslation)();
   const {
-    knobProps
+    knobProps,
+    control,
+    disabledState
   } = (0, import_theme.useResolvedKnobs)({
     component: "ProgressSteps",
     compact
   });
+  if (import_tamagui.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
+  const [kbFocusIndex, setKbFocusIndex] = (0, import_react2.useState)(null);
   const onSelected = (0, import_theme.useReadableTextOn)(import_componentColors.componentColors.indicator.selected);
-  const markerSize = markerSizeMap[knobProps.sizeToken] ?? 28;
-  const markerIconSize = markerIconSizeMap[knobProps.sizeToken] ?? 14;
-  const markerTextSize = markerTextSizeMap[knobProps.sizeToken] ?? "$2";
-  const labelSize = labelSizeMap[knobProps.sizeToken] ?? "$3";
-  const gaps = stepGapMap[knobProps.space] ?? stepGapMap.medium;
+  const onCompleted = (0, import_theme.useReadableTextOn)(import_componentColors.componentColors.indicator.completed);
+  const onError = (0, import_theme.useReadableTextOn)("$red9");
+  const {
+    px: markerPx,
+    hitSlop,
+    box: nestedBox
+  } = splitNestedControl(knobProps.nestedControl);
+  const markerIconSize = Math.max(12, Math.round(markerPx * 0.45));
   const markerRadius = knobProps.pointy ? 0 : 1e3;
   const connectorThickness = 2;
+  const pressOutset = Math.max(0, Math.ceil((import_theme.MIN_PRESS_TARGET - markerPx) / 2));
   const interactive = !!onStepChange && allowJump;
   const horizontal = orientation === "horizontal";
+  const gapToken = knobProps.gap.gap;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StepsRoot, {
     role: "list",
     "aria-label": t("Progress"),
+    "data-density": knobProps.density,
     ...props,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
       flexDirection: horizontal ? "row" : "column",
       alignItems: horizontal ? "flex-start" : "stretch",
       width: "100%",
-      gap: horizontal ? 0 : gaps.step,
+      gap: horizontal ? 0 : gapToken,
       children: steps.map((step, index) => {
         const state = stepState(index, current, step.completed);
+        const kind = step.error ? "error" : state;
         const isLast = index === steps.length - 1;
-        const canActivate = interactive && !step.disabled && state !== "current";
-        const markerBg = state === "completed" ? import_componentColors.componentColors.indicator.completed : state === "current" ? import_componentColors.componentColors.indicator.selected : import_componentColors.componentColors.interactive.background;
-        const markerBorder = state === "upcoming" ? import_componentColors.componentColors.indicator.track : markerBg;
-        const markerFg = state === "upcoming" ? import_componentColors.componentColors.text.muted : "$color1";
+        const canActivate = interactive && !step.disabled && state !== "current" && (state === "completed" || !linear);
+        const isFocusable = interactive && !step.disabled && (canActivate || state === "current");
+        const markerBg = kind === "error" ? "$red9" : kind === "completed" ? import_componentColors.componentColors.indicator.completed : kind === "current" ? import_componentColors.componentColors.indicator.selected : "transparent";
+        const markerBorder = kind === "upcoming" ? import_componentColors.componentColors.indicator.track : markerBg;
+        const markerFg = kind === "upcoming" ? import_componentColors.componentColors.text.muted : kind === "error" ? onError ?? "$color1" : kind === "completed" ? onCompleted ?? "$color1" : onSelected ?? "$color1";
+        const helper = step.description ?? (step.optional && kind !== "error" ? t("Optional") : null);
+        const connectorFill = index < current ? import_componentColors.componentColors.indicator.completed : import_componentColors.componentColors.indicator.track;
         const marker = /* @__PURE__ */(0, import_jsx_runtime.jsx)(Marker, {
-          width: markerSize,
-          height: markerSize,
+          ...nestedBox,
           borderRadius: markerRadius,
           backgroundColor: markerBg,
           borderColor: markerBorder,
+          "data-nested-px": markerPx,
+          "data-step-state": kind,
+          transition: knobProps.transition,
           ...(state === "current" ? {
             "aria-current": "step"
           } : void 0),
-          children: state === "completed" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {
+          ...(kbFocusIndex === index ? control.focusVisibleKnobProps : {
+            outlineWidth: 0
+          }),
+          ...(kind === "upcoming" ? {
+            hoverStyle: {
+              borderColor: import_componentColors.componentColors.indicator.hover,
+              backgroundColor: import_componentColors.componentColors.indicator.inactive
+            }
+          } : void 0),
+          children: kind === "error" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.WarningIcon, {
+            size: markerIconSize,
+            color: markerFg,
+            weight: "bold"
+          }) : kind === "completed" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {
             size: markerIconSize,
-            color: "white",
+            color: markerFg,
             weight: "bold"
           }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
-            fontSize: markerTextSize,
+            ...knobProps.label,
             fontWeight: "600",
-            color: state === "current" ? onSelected ?? "$color1" : markerFg,
+            color: kind === "current" ? onSelected ?? "$color1" : markerFg,
             children: index + 1
           })
         });
+        const markerTarget = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          width: import_theme.MIN_PRESS_TARGET,
+          height: import_theme.MIN_PRESS_TARGET,
+          minWidth: import_theme.MIN_PRESS_TARGET,
+          minHeight: import_theme.MIN_PRESS_TARGET,
+          marginVertical: -pressOutset,
+          marginHorizontal: horizontal ? -pressOutset : 0,
+          alignItems: "center",
+          justifyContent: "center",
+          "data-press-min": import_theme.MIN_PRESS_TARGET,
+          hitSlop: hitSlop ?? (0, import_theme.pressTargetHitSlop)(markerPx),
+          children: marker
+        });
         const labelBlock = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
           gap: "$0.5",
           flexShrink: 1,
           ...(horizontal ? {
             alignItems: "center",
-            marginTop: gaps.step,
-            maxWidth: 140
+            marginTop: gapToken,
+            maxWidth: 160
           } : {
             flexGrow: 1,
             justifyContent: "center"
           }),
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
             ...knobProps.body,
-            fontSize: labelSize,
-            fontWeight: state === "current" ? "600" : "500",
-            color: state === "upcoming" ? import_componentColors.componentColors.text.muted : import_componentColors.componentColors.text.primary,
+            ...knobProps.label,
+            fontWeight: state === "current" ? "600" : knobProps.body.fontWeight,
+            color: kind === "error" ? "$red11" : state === "upcoming" ? import_componentColors.componentColors.text.muted : import_componentColors.componentColors.text.primary,
             textAlign: horizontal ? "center" : void 0,
+            numberOfLines: 2,
             children: step.label
-          }), step.description != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+          }), helper != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+            ...knobProps.body,
             fontSize: "$1",
-            color: import_componentColors.componentColors.text.muted,
+            color: kind === "error" ? "$red11" : import_componentColors.componentColors.text.muted,
             textAlign: horizontal ? "center" : void 0,
-            children: step.description
+            numberOfLines: 2,
+            children: helper
           }) : null]
         });
-        const connector = !isLast && horizontal ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        const verticalConnector = !isLast ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Connector, {
+          width: connectorThickness,
+          flexGrow: 1,
+          minHeight: 16,
+          backgroundColor: connectorFill,
+          marginTop: 2,
+          transition: knobProps.transition
+        }) : null;
+        const horizontalConnector = !isLast ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Connector, {
           flexGrow: 1,
           height: connectorThickness,
-          backgroundColor: index < current ? import_componentColors.componentColors.indicator.completed : import_componentColors.componentColors.indicator.track,
-          marginTop: (markerSize - connectorThickness) / 2,
-          marginHorizontal: gaps.step,
-          minWidth: 16
-        }) : !isLast && !horizontal ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-          width: connectorThickness,
-          height: 20,
-          backgroundColor: index < current ? import_componentColors.componentColors.indicator.completed : import_componentColors.componentColors.indicator.track,
-          marginInlineStart: (markerSize - connectorThickness) / 2,
-          marginVertical: 2
+          backgroundColor: connectorFill,
+          marginTop: (markerPx - connectorThickness) / 2,
+          marginHorizontal: gapToken,
+          minWidth: 16,
+          transition: knobProps.transition
         }) : null;
         const body = horizontal ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          role: "listitem",
           alignItems: "center",
           flexShrink: 0,
-          opacity: step.disabled ? 0.45 : 1,
-          children: [marker, labelBlock]
+          children: [markerTarget, labelBlock]
         }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-          role: "listitem",
-          alignItems: "flex-start",
-          gap: gaps.markerLabel,
-          opacity: step.disabled ? 0.45 : 1,
-          children: [marker, labelBlock]
+          alignItems: "stretch",
+          gap: gapToken,
+          minHeight: import_theme.MIN_PRESS_TARGET,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            alignItems: "center",
+            width: import_theme.MIN_PRESS_TARGET,
+            flexShrink: 0,
+            children: [markerTarget, verticalConnector]
+          }), labelBlock]
+        });
+        const stepName = typeof step.label === "string" ? step.label : index + 1;
+        const goToLabel = (0, import_t.withInterp)(t("Go to step {{number}}: {{label}}"), {
+          number: index + 1,
+          label: stepName
         });
-        const wrapped = canActivate ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-          role: "button",
-          tabIndex: 0,
-          cursor: "pointer",
+        const wrapped = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          role: "listitem",
           flexGrow: horizontal ? 0 : void 0,
           flexShrink: horizontal ? 0 : void 0,
-          "aria-label": (0, import_t.withInterp)(t("Go to step {{number}}: {{label}}"), {
-            number: index + 1,
-            label: typeof step.label === "string" ? step.label : index + 1
-          }),
-          onPress: () => onStepChange?.(index),
-          focusVisibleStyle: {
-            outlineColor: "$outlineColor",
-            outlineWidth: 2,
-            outlineStyle: "solid",
-            outlineOffset: 2
-          },
-          ...{
-            onKeyDown: e => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault?.();
-                onStepChange?.(index);
+          ...(step.disabled ? disabledState.chromeKnobProps : void 0),
+          children: isFocusable ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(StepButton, {
+            render: "button",
+            tabIndex: 0,
+            "aria-label": canActivate ? goToLabel : String(stepName),
+            "aria-disabled": step.disabled || void 0,
+            cursor: step.disabled ? "not-allowed" : "pointer",
+            onPress: () => {
+              if (canActivate) onStepChange?.(index);
+            },
+            onFocus: () => {
+              if ((0, import_theme.wasKeyboardFocus)()) setKbFocusIndex(index);
+            },
+            onBlur: () => setKbFocusIndex(prev => prev === index ? null : prev),
+            ...{
+              type: "button",
+              onKeyDown: e => {
+                if (!canActivate) return;
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault?.();
+                  onStepChange?.(index);
+                }
               }
-            }
-          },
-          children: body
-        }, step.id ?? index) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-          flexShrink: horizontal ? 0 : void 0,
-          children: body
+            },
+            children: body
+          }) : body
         }, step.id ?? index);
         return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
           flexDirection: horizontal ? "row" : "column",
           alignItems: horizontal ? "flex-start" : "stretch",
           flexGrow: horizontal ? 1 : void 0,
           flexBasis: horizontal ? 0 : void 0,
-          children: [wrapped, connector]
+          children: [wrapped, horizontal ? horizontalConnector : null]
         }, `row-${step.id ?? index}`);
       })
     })