@multiplatform.one/components 6.1.0 → 6.3.0

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","ArrowLeftIcon","ArrowRightIcon","CheckIcon","useCallback","Button","View","XStack","componentColors","Pagination","param","total","activeIndex","onChange","completedSteps","allowJumpTo","isLastStep","onSubmit","disabled","variant","stackProps","knobProps","handlePrev","handleNext","dotSize","activeDotSize","alignItems","justifyContent","gap","children","size","sizeToken","circular","icon","onPress","opacity","backgroundColor","interactive","background","paddingHorizontal","panelPadding","padding","height","borderRadius","Array","from","length","map","_","index","isActive","isCompleted","has","canJump","dotProps","width","indicator","completed","current","track","animation","cursor","color","weight"],"sources":["../../src/Pagination.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","ArrowLeftIcon","ArrowRightIcon","CaretDoubleLeftIcon","CaretDoubleRightIcon","CaretLeftIcon","CaretRightIcon","CheckIcon","useCallback","useState","useTranslation","Button","Text","View","XStack","componentColors","useDirection","bidiIsolate","withInterp","range","range2","start","end","Array","from","length","Math","max","_","i","getPaginationItems","total","page","siblingCount","arguments","boundaryCount","startPages","min","endPages","siblingsStart","siblingsEnd","items","push","Pagination","param","activeIndex","onChange","defaultPage","onPageChange","completedSteps","allowJumpTo","isLastStep","onSubmit","disabled","variant","totalItems","pageSize","showSummary","showFirstLast","stackProps","t","knobProps","motionTransition","transition","isRTL","PrevIcon","NextIcon","FirstIcon","LastIcon","PrevArrowIcon","NextArrowIcon","uncontrolledPage","setUncontrolledPage","controlledIndex","index","currentPage","goTo","nextIndex","clamped","handlePrev","handleNext","activateOnEnterSpace","activateOnEnterSpace2","fn","enabled","e","key","preventDefault","canPrev","canNext","summary","alignItems","justifyContent","role","gap","children","size","sizeToken","icon","onPress","onKeyDown","map","item","userSelect","textAlign","minWidth","body","color","text","muted","isCurrent","paddingHorizontal","accent","chromeless","number","String","dotSize","activeDotSize","circular","backgroundColor","interactive","background","panelPadding","padding","height","borderRadius","dotIndex","isActive","isCompleted","has","canJump","dotProps","width","indicator","completed","current","track","cursor","style","tabIndex","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","weight","theme"],"sources":["../../src/Pagination.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/ProgressSteps/index.mjs

@@ -0,0 +1,214 @@
+import { CheckIcon } from "@phosphor-icons/react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useTranslation } from "react-i18next";
+import { SizableText, View, XStack, YStack, styled } from "tamagui";
+import { componentColors } from "../componentColors.mjs";
+import { withInterp } from "../shared/t.mjs";
+import { jsx, jsxs } from "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 = styled(YStack, {
+  name: "ProgressSteps",
+  width: "100%"
+});
+const Marker = styled(View, {
+  name: "ProgressStepMarker",
+  alignItems: "center",
+  justifyContent: "center",
+  borderRadius: 1e3,
+  borderWidth: 2,
+  flexShrink: 0
+});
+function stepState(index, current, forcedCompleted) {
+  if (forcedCompleted || index < current) return "completed";
+  if (index === current) return "current";
+  return "upcoming";
+}
+function ProgressSteps({
+  steps,
+  current,
+  onStepChange,
+  orientation = "horizontal",
+  allowJump = true,
+  compact = false,
+  ...props
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "ProgressSteps",
+    compact
+  });
+  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 connectorThickness = 2;
+  const interactive = !!onStepChange && allowJump;
+  const horizontal = orientation === "horizontal";
+  return /* @__PURE__ */jsx(StepsRoot, {
+    role: "list",
+    "aria-label": t("Progress"),
+    ...props,
+    children: /* @__PURE__ */jsx(XStack, {
+      flexDirection: horizontal ? "row" : "column",
+      alignItems: horizontal ? "flex-start" : "stretch",
+      width: "100%",
+      gap: horizontal ? 0 : gaps.step,
+      children: steps.map((step, index) => {
+        const state = stepState(index, current, step.completed);
+        const isLast = index === steps.length - 1;
+        const canActivate = interactive && !step.disabled && state !== "current";
+        const markerBg = state === "completed" ? componentColors.indicator.completed : state === "current" ? componentColors.indicator.current : componentColors.interactive.background;
+        const markerBorder = state === "upcoming" ? componentColors.indicator.track : markerBg;
+        const markerFg = state === "upcoming" ? componentColors.text.muted : "$color1";
+        const marker = /* @__PURE__ */jsx(Marker, {
+          width: markerSize,
+          height: markerSize,
+          backgroundColor: markerBg,
+          borderColor: markerBorder,
+          ...(state === "current" ? {
+            "aria-current": "step"
+          } : void 0),
+          children: state === "completed" ? /* @__PURE__ */jsx(CheckIcon, {
+            size: markerIconSize,
+            color: "white",
+            weight: "bold"
+          }) : /* @__PURE__ */jsx(SizableText, {
+            fontSize: markerTextSize,
+            fontWeight: "600",
+            color: state === "current" ? "$color1" : markerFg,
+            children: index + 1
+          })
+        });
+        const labelBlock = /* @__PURE__ */jsxs(YStack, {
+          gap: "$0.5",
+          flexShrink: 1,
+          ...(horizontal ? {
+            alignItems: "center",
+            marginTop: gaps.step,
+            maxWidth: 140
+          } : {
+            flexGrow: 1,
+            justifyContent: "center"
+          }),
+          children: [/* @__PURE__ */jsx(SizableText, {
+            ...knobProps.body,
+            fontSize: labelSize,
+            fontWeight: state === "current" ? "600" : "500",
+            color: state === "upcoming" ? componentColors.text.muted : componentColors.text.primary,
+            textAlign: horizontal ? "center" : void 0,
+            children: step.label
+          }), step.description != null ? /* @__PURE__ */jsx(SizableText, {
+            fontSize: "$1",
+            color: componentColors.text.muted,
+            textAlign: horizontal ? "center" : void 0,
+            children: step.description
+          }) : null]
+        });
+        const connector = !isLast && horizontal ? /* @__PURE__ */jsx(View, {
+          flexGrow: 1,
+          height: connectorThickness,
+          backgroundColor: index < current ? componentColors.indicator.completed : componentColors.indicator.track,
+          marginTop: (markerSize - connectorThickness) / 2,
+          marginHorizontal: gaps.step,
+          minWidth: 16
+        }) : !isLast && !horizontal ? /* @__PURE__ */jsx(View, {
+          width: connectorThickness,
+          height: 20,
+          backgroundColor: index < current ? componentColors.indicator.completed : componentColors.indicator.track,
+          marginInlineStart: (markerSize - connectorThickness) / 2,
+          marginVertical: 2
+        }) : null;
+        const body = horizontal ? /* @__PURE__ */jsxs(YStack, {
+          role: "listitem",
+          alignItems: "center",
+          flexShrink: 0,
+          opacity: step.disabled ? 0.45 : 1,
+          children: [marker, labelBlock]
+        }) : /* @__PURE__ */jsxs(XStack, {
+          role: "listitem",
+          alignItems: "flex-start",
+          gap: gaps.markerLabel,
+          opacity: step.disabled ? 0.45 : 1,
+          children: [marker, labelBlock]
+        });
+        const wrapped = canActivate ? /* @__PURE__ */jsx(View, {
+          role: "button",
+          tabIndex: 0,
+          cursor: "pointer",
+          flexGrow: horizontal ? 0 : void 0,
+          flexShrink: horizontal ? 0 : void 0,
+          "aria-label": 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);
+              }
+            }
+          },
+          children: body
+        }, step.id ?? index) : /* @__PURE__ */jsx(View, {
+          flexShrink: horizontal ? 0 : void 0,
+          children: body
+        }, step.id ?? index);
+        return /* @__PURE__ */jsxs(XStack, {
+          flexDirection: horizontal ? "row" : "column",
+          alignItems: horizontal ? "flex-start" : "stretch",
+          flexGrow: horizontal ? 1 : void 0,
+          flexBasis: horizontal ? 0 : void 0,
+          children: [wrapped, connector]
+        }, `row-${step.id ?? index}`);
+      })
+    })
+  });
+}
+export { ProgressSteps };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/ProgressSteps/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["CheckIcon","useResolvedKnobs","useTranslation","SizableText","View","XStack","YStack","styled","componentColors","withInterp","jsx","jsxs","markerSizeMap","$3","$4","$5","markerIconSizeMap","markerTextSizeMap","labelSizeMap","stepGapMap","small","step","markerLabel","medium","large","StepsRoot","name","width","Marker","alignItems","justifyContent","borderRadius","borderWidth","flexShrink","stepState","index","current","forcedCompleted","ProgressSteps","steps","onStepChange","orientation","allowJump","compact","props","t","knobProps","component","markerSize","sizeToken","markerIconSize","markerTextSize","labelSize","gaps","space","connectorThickness","interactive","horizontal","role","children","flexDirection","gap","map","state","completed","isLast","length","canActivate","disabled","markerBg","indicator","background","markerBorder","track","markerFg","text","muted","marker","height","backgroundColor","borderColor","size","color","weight","fontSize","fontWeight","labelBlock","marginTop","maxWidth","flexGrow","body","primary","textAlign","label","description","connector","marginHorizontal","minWidth","marginInlineStart","marginVertical","opacity","wrapped","tabIndex","cursor","number","onPress","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","onKeyDown","e","key","preventDefault","id","flexBasis"],"sources":["../../../src/ProgressSteps/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAC1B,SAASC,gBAAA,QAAwB;AACjC,SAASC,cAAA,QAAsB;AAG/B,SAASC,WAAA,EAAaC,IAAA,EAAMC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAC1D,SAASC,eAAA,QAAuB;AAChC,SAASC,UAAA,QAAkB;AAwIX,SAAAC,GAAA,EAcJC,IAAA,QAdI;AAhGhB,MAAMC,aAAA,GAAwC;EAAEC,EAAA,EAAI;EAAIC,EAAA,EAAI;EAAIC,EAAA,EAAI;AAAG;AACvE,MAAMC,iBAAA,GAA4C;EAAEH,EAAA,EAAI;EAAIC,EAAA,EAAI;EAAIC,EAAA,EAAI;AAAG;AAC3E,MAAME,iBAAA,GAA4C;EAAEJ,EAAA,EAAI;EAAMC,EAAA,EAAI;EAAMC,EAAA,EAAI;AAAK;AACjF,MAAMG,YAAA,GAAuC;EAAEL,EAAA,EAAI;EAAMC,EAAA,EAAI;EAAMC,EAAA,EAAI;AAAK;AAI5E,MAAMI,UAAA,GAAoE;EACxEC,KAAA,EAAO;IAAEC,IAAA,EAAM;IAAQC,WAAA,EAAa;EAAK;EACzCC,MAAA,EAAQ;IAAEF,IAAA,EAAM;IAAMC,WAAA,EAAa;EAAK;EACxCE,KAAA,EAAO;IAAEH,IAAA,EAAM;IAAMC,WAAA,EAAa;EAAK;AACzC;AAIA,MAAMG,SAAA,GAAYlB,MAAA,CAAOD,MAAA,EAAQ;EAC/BoB,IAAA,EAAM;EACNC,KAAA,EAAO;AACT,CAAC;AAED,MAAMC,MAAA,GAASrB,MAAA,CAAOH,IAAA,EAAM;EAC1BsB,IAAA,EAAM;EACNG,UAAA,EAAY;EACZC,cAAA,EAAgB;EAChBC,YAAA,EAAc;EACdC,WAAA,EAAa;EACbC,UAAA,EAAY;AACd,CAAC;AAID,SAASC,UAAUC,KAAA,EAAeC,OAAA,EAAiBC,eAAA,EAAsC;EACvF,IAAIA,eAAA,IAAmBF,KAAA,GAAQC,OAAA,EAAS,OAAO;EAC/C,IAAID,KAAA,KAAUC,OAAA,EAAS,OAAO;EAC9B,OAAO;AACT;AASO,SAASE,cAAc;EAC5BC,KAAA;EACAH,OAAA;EACAI,YAAA;EACAC,WAAA,GAAc;EACdC,SAAA,GAAY;EACZC,OAAA,GAAU;EACV,GAAGC;AACL,GAAuB;EACrB,MAAM;IAAEC;EAAE,IAAI3C,cAAA,CAAe;EAC7B,MAAM;IAAE4C;EAAU,IAAI7C,gBAAA,CAAiB;IAAE8C,SAAA,EAAW;IAAiBJ;EAAQ,CAAC;EAC9E,MAAMK,UAAA,GAAapC,aAAA,CAAckC,SAAA,CAAUG,SAAS,KAAK;EACzD,MAAMC,cAAA,GAAiBlC,iBAAA,CAAkB8B,SAAA,CAAUG,SAAS,KAAK;EACjE,MAAME,cAAA,GAAiBlC,iBAAA,CAAkB6B,SAAA,CAAUG,SAAS,KAAK;EACjE,MAAMG,SAAA,GAAYlC,YAAA,CAAa4B,SAAA,CAAUG,SAAS,KAAK;EACvD,MAAMI,IAAA,GAAOlC,UAAA,CAAW2B,SAAA,CAAUQ,KAAK,KAAKnC,UAAA,CAAWI,MAAA;EACvD,MAAMgC,kBAAA,GAAqB;EAC3B,MAAMC,WAAA,GAAc,CAAC,CAAChB,YAAA,IAAgBE,SAAA;EACtC,MAAMe,UAAA,GAAahB,WAAA,KAAgB;EAEnC,OACE,eAAA/B,GAAA,CAACe,SAAA;IAAUiC,IAAA,EAAK;IAAO,cAAYb,CAAA,CAAE,UAAU;IAAI,GAAGD,KAAA;IACpDe,QAAA,iBAAAjD,GAAA,CAACL,MAAA;MACCuD,aAAA,EAAeH,UAAA,GAAa,QAAQ;MACpC5B,UAAA,EAAY4B,UAAA,GAAa,eAAe;MACxC9B,KAAA,EAAM;MACNkC,GAAA,EAAKJ,UAAA,GAAa,IAAKJ,IAAA,CAAKhC,IAAA;MAE3BsC,QAAA,EAAApB,KAAA,CAAMuB,GAAA,CAAI,CAACzC,IAAA,EAAMc,KAAA,KAAU;QAC1B,MAAM4B,KAAA,GAAQ7B,SAAA,CAAUC,KAAA,EAAOC,OAAA,EAASf,IAAA,CAAK2C,SAAS;QACtD,MAAMC,MAAA,GAAS9B,KAAA,KAAUI,KAAA,CAAM2B,MAAA,GAAS;QACxC,MAAMC,WAAA,GAAcX,WAAA,IAAe,CAACnC,IAAA,CAAK+C,QAAA,IAAYL,KAAA,KAAU;QAC/D,MAAMM,QAAA,GACJN,KAAA,KAAU,cACNvD,eAAA,CAAgB8D,SAAA,CAAUN,SAAA,GAC1BD,KAAA,KAAU,YACRvD,eAAA,CAAgB8D,SAAA,CAAUlC,OAAA,GAC1B5B,eAAA,CAAgBgD,WAAA,CAAYe,UAAA;QACpC,MAAMC,YAAA,GAAeT,KAAA,KAAU,aAAavD,eAAA,CAAgB8D,SAAA,CAAUG,KAAA,GAAQJ,QAAA;QAC9E,MAAMK,QAAA,GAAWX,KAAA,KAAU,aAAavD,eAAA,CAAgBmE,IAAA,CAAKC,KAAA,GAAQ;QAErE,MAAMC,MAAA,GACJ,eAAAnE,GAAA,CAACkB,MAAA;UACCD,KAAA,EAAOqB,UAAA;UACP8B,MAAA,EAAQ9B,UAAA;UACR+B,eAAA,EAAiBV,QAAA;UACjBW,WAAA,EAAaR,YAAA;UACZ,IAAIT,KAAA,KAAU,YACV;YAAE,gBAAgB;UAAO,IAC1B;UAEHJ,QAAA,EAAAI,KAAA,KAAU,cACT,eAAArD,GAAA,CAACV,SAAA;YAAUiF,IAAA,EAAM/B,cAAA;YAAgBgC,KAAA,EAAM;YAAQC,MAAA,EAAO;UAAA,CAAO,IAE7D,eAAAzE,GAAA,CAACP,WAAA;YACCiF,QAAA,EAAUjC,cAAA;YACVkC,UAAA,EAAW;YACXH,KAAA,EAAOnB,KAAA,KAAU,YAAY,YAAYW,QAAA;YAExCf,QAAA,EAAAxB,KAAA,GAAQ;UAAA,CACX;QAAA,CAEJ;QAGF,MAAMmD,UAAA,GACJ,eAAA3E,IAAA,CAACL,MAAA;UACCuD,GAAA,EAAI;UACJ5B,UAAA,EAAY;UACX,IAAIwB,UAAA,GACD;YAAE5B,UAAA,EAAY;YAAU0D,SAAA,EAAWlC,IAAA,CAAKhC,IAAA;YAAamE,QAAA,EAAU;UAAI,IACnE;YAAEC,QAAA,EAAU;YAAG3D,cAAA,EAAgB;UAAS;UAE5C6B,QAAA,kBAAAjD,GAAA,CAACP,WAAA;YACE,GAAG2C,SAAA,CAAU4C,IAAA;YACdN,QAAA,EAAUhC,SAAA;YACViC,UAAA,EAAYtB,KAAA,KAAU,YAAY,QAAQ;YAC1CmB,KAAA,EACEnB,KAAA,KAAU,aAAavD,eAAA,CAAgBmE,IAAA,CAAKC,KAAA,GAAQpE,eAAA,CAAgBmE,IAAA,CAAKgB,OAAA;YAG3EC,SAAA,EAAWnC,UAAA,GAAa,WAAW;YAElCE,QAAA,EAAAtC,IAAA,CAAKwE;UAAA,CACR,GACCxE,IAAA,CAAKyE,WAAA,IAAe,OACnB,eAAApF,GAAA,CAACP,WAAA;YACCiF,QAAA,EAAS;YACTF,KAAA,EAAO1E,eAAA,CAAgBmE,IAAA,CAAKC,KAAA;YAC5BgB,SAAA,EAAWnC,UAAA,GAAa,WAAW;YAElCE,QAAA,EAAAtC,IAAA,CAAKyE;UAAA,CACR,IACE;QAAA,CACN;QAGF,MAAMC,SAAA,GACJ,CAAC9B,MAAA,IAAUR,UAAA,GACT,eAAA/C,GAAA,CAACN,IAAA;UACCqF,QAAA,EAAU;UACVX,MAAA,EAAQvB,kBAAA;UACRwB,eAAA,EACE5C,KAAA,GAAQC,OAAA,GACJ5B,eAAA,CAAgB8D,SAAA,CAAUN,SAAA,GAC1BxD,eAAA,CAAgB8D,SAAA,CAAUG,KAAA;UAEhCc,SAAA,GAAYvC,UAAA,GAAaO,kBAAA,IAAsB;UAC/CyC,gBAAA,EAAkB3C,IAAA,CAAKhC,IAAA;UACvB4E,QAAA,EAAU;QAAA,CACZ,IACE,CAAChC,MAAA,IAAU,CAACR,UAAA,GACd,eAAA/C,GAAA,CAACN,IAAA;UACCuB,KAAA,EAAO4B,kBAAA;UACPuB,MAAA,EAAQ;UACRC,eAAA,EACE5C,KAAA,GAAQC,OAAA,GACJ5B,eAAA,CAAgB8D,SAAA,CAAUN,SAAA,GAC1BxD,eAAA,CAAgB8D,SAAA,CAAUG,KAAA;UAEhCyB,iBAAA,GAAoBlD,UAAA,GAAaO,kBAAA,IAAsB;UACvD4C,cAAA,EAAgB;QAAA,CAClB,IACE;QAEN,MAAMT,IAAA,GAAOjC,UAAA,GACX,eAAA9C,IAAA,CAACL,MAAA;UACCoD,IAAA,EAAK;UACL7B,UAAA,EAAW;UACXI,UAAA,EAAY;UACZmE,OAAA,EAAS/E,IAAA,CAAK+C,QAAA,GAAW,OAAO;UAE/BT,QAAA,GAAAkB,MAAA,EACAS,UAAA;QAAA,CACH,IAEA,eAAA3E,IAAA,CAACN,MAAA;UACCqD,IAAA,EAAK;UACL7B,UAAA,EAAW;UACXgC,GAAA,EAAKR,IAAA,CAAK/B,WAAA;UACV8E,OAAA,EAAS/E,IAAA,CAAK+C,QAAA,GAAW,OAAO;UAE/BT,QAAA,GAAAkB,MAAA,EACAS,UAAA;QAAA,CACH;QAGF,MAAMe,OAAA,GAAUlC,WAAA,GACd,eAAAzD,GAAA,CAACN,IAAA;UAECsD,IAAA,EAAK;UACL4C,QAAA,EAAU;UACVC,MAAA,EAAO;UACPd,QAAA,EAAUhC,UAAA,GAAa,IAAI;UAC3BxB,UAAA,EAAYwB,UAAA,GAAa,IAAI;UAC7B,cAAYhD,UAAA,CAAWoC,CAAA,CAAE,kCAAkC,GAAG;YAC5D2D,MAAA,EAAQrE,KAAA,GAAQ;YAChB0D,KAAA,EAAO,OAAOxE,IAAA,CAAKwE,KAAA,KAAU,WAAWxE,IAAA,CAAKwE,KAAA,GAAQ1D,KAAA,GAAQ;UAC/D,CAAC;UACDsE,OAAA,EAASA,CAAA,KAAMjE,YAAA,GAAeL,KAAK;UACnCuE,iBAAA,EAAmB;YACjBC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,aAAA,EAAe;UACjB;UACC,GAAI;YACHC,SAAA,EAAYC,CAAA,IAAqD;cAC/D,IAAIA,CAAA,CAAEC,GAAA,KAAQ,WAAWD,CAAA,CAAEC,GAAA,KAAQ,KAAK;gBACtCD,CAAA,CAAEE,cAAA,GAAiB;gBACnB1E,YAAA,GAAeL,KAAK;cACtB;YACF;UACF;UAECwB,QAAA,EAAA+B;QAAA,GA1BIrE,IAAA,CAAK8F,EAAA,IAAMhF,KA2BlB,IAEA,eAAAzB,GAAA,CAACN,IAAA;UAA4B6B,UAAA,EAAYwB,UAAA,GAAa,IAAI;UACvDE,QAAA,EAAA+B;QAAA,GADQrE,IAAA,CAAK8F,EAAA,IAAMhF,KAEtB;QAGF,OACE,eAAAxB,IAAA,CAACN,MAAA;UAECuD,aAAA,EAAeH,UAAA,GAAa,QAAQ;UACpC5B,UAAA,EAAY4B,UAAA,GAAa,eAAe;UACxCgC,QAAA,EAAUhC,UAAA,GAAa,IAAI;UAC3B2D,SAAA,EAAW3D,UAAA,GAAa,IAAI;UAE3BE,QAAA,GAAA0C,OAAA,EACAN,SAAA;QAAA,GAPI,OAAO1E,IAAA,CAAK8F,EAAA,IAAMhF,KAAK,EAQ9B;MAEJ,CAAC;IAAA,CACH;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/ProgressSteps/index.native.js

@@ -0,0 +1,221 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckIcon } from "@phosphor-icons/react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useTranslation } from "react-i18next";
+import { SizableText, View, XStack, YStack, styled } from "tamagui";
+import { componentColors } from "../componentColors.native.js";
+import { withInterp } from "../shared/t.native.js";
+var markerSizeMap = {
+  $3: 22,
+  $4: 28,
+  $5: 34
+};
+var markerIconSizeMap = {
+  $3: 12,
+  $4: 14,
+  $5: 16
+};
+var markerTextSizeMap = {
+  $3: "$1",
+  $4: "$2",
+  $5: "$3"
+};
+var labelSizeMap = {
+  $3: "$2",
+  $4: "$3",
+  $5: "$4"
+};
+var stepGapMap = {
+  small: {
+    step: "$1.5",
+    markerLabel: "$2"
+  },
+  medium: {
+    step: "$2",
+    markerLabel: "$3"
+  },
+  large: {
+    step: "$3",
+    markerLabel: "$4"
+  }
+};
+var StepsRoot = styled(YStack, {
+  name: "ProgressSteps",
+  width: "100%"
+});
+var Marker = styled(View, {
+  name: "ProgressStepMarker",
+  alignItems: "center",
+  justifyContent: "center",
+  borderRadius: 1e3,
+  borderWidth: 2,
+  flexShrink: 0
+});
+function stepState(index, current, forcedCompleted) {
+  if (forcedCompleted || index < current) return "completed";
+  if (index === current) return "current";
+  return "upcoming";
+}
+function ProgressSteps(param) {
+  var {
+    steps,
+    current,
+    onStepChange,
+    orientation = "horizontal",
+    allowJump = true,
+    compact = false,
+    ...props
+  } = param;
+  var _markerSizeMap_knobProps_sizeToken, _markerIconSizeMap_knobProps_sizeToken, _markerTextSizeMap_knobProps_sizeToken, _labelSizeMap_knobProps_sizeToken, _stepGapMap_knobProps_space;
+  var {
+    t
+  } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "ProgressSteps",
+    compact
+  });
+  var markerSize = (_markerSizeMap_knobProps_sizeToken = markerSizeMap[knobProps.sizeToken]) !== null && _markerSizeMap_knobProps_sizeToken !== void 0 ? _markerSizeMap_knobProps_sizeToken : 28;
+  var markerIconSize = (_markerIconSizeMap_knobProps_sizeToken = markerIconSizeMap[knobProps.sizeToken]) !== null && _markerIconSizeMap_knobProps_sizeToken !== void 0 ? _markerIconSizeMap_knobProps_sizeToken : 14;
+  var markerTextSize = (_markerTextSizeMap_knobProps_sizeToken = markerTextSizeMap[knobProps.sizeToken]) !== null && _markerTextSizeMap_knobProps_sizeToken !== void 0 ? _markerTextSizeMap_knobProps_sizeToken : "$2";
+  var labelSize = (_labelSizeMap_knobProps_sizeToken = labelSizeMap[knobProps.sizeToken]) !== null && _labelSizeMap_knobProps_sizeToken !== void 0 ? _labelSizeMap_knobProps_sizeToken : "$3";
+  var gaps = (_stepGapMap_knobProps_space = stepGapMap[knobProps.space]) !== null && _stepGapMap_knobProps_space !== void 0 ? _stepGapMap_knobProps_space : stepGapMap.medium;
+  var connectorThickness = 2;
+  var interactive = !!onStepChange && allowJump;
+  var horizontal = orientation === "horizontal";
+  return /* @__PURE__ */_jsx(StepsRoot, {
+    role: "list",
+    "aria-label": t("Progress"),
+    ...props,
+    children: /* @__PURE__ */_jsx(XStack, {
+      flexDirection: horizontal ? "row" : "column",
+      alignItems: horizontal ? "flex-start" : "stretch",
+      width: "100%",
+      gap: horizontal ? 0 : gaps.step,
+      children: steps.map(function (step, index) {
+        var _step_id, _step_id1, _step_id2;
+        var state = stepState(index, current, step.completed);
+        var isLast = index === steps.length - 1;
+        var canActivate = interactive && !step.disabled && state !== "current";
+        var markerBg = state === "completed" ? componentColors.indicator.completed : state === "current" ? componentColors.indicator.current : componentColors.interactive.background;
+        var markerBorder = state === "upcoming" ? componentColors.indicator.track : markerBg;
+        var markerFg = state === "upcoming" ? componentColors.text.muted : "$color1";
+        var marker = /* @__PURE__ */_jsx(Marker, {
+          width: markerSize,
+          height: markerSize,
+          backgroundColor: markerBg,
+          borderColor: markerBorder,
+          ...(state === "current" ? {
+            "aria-current": "step"
+          } : void 0),
+          children: state === "completed" ? /* @__PURE__ */_jsx(CheckIcon, {
+            size: markerIconSize,
+            color: "white",
+            weight: "bold"
+          }) : /* @__PURE__ */_jsx(SizableText, {
+            fontSize: markerTextSize,
+            fontWeight: "600",
+            color: state === "current" ? "$color1" : markerFg,
+            children: index + 1
+          })
+        });
+        var labelBlock = /* @__PURE__ */_jsxs(YStack, {
+          gap: "$0.5",
+          flexShrink: 1,
+          ...(horizontal ? {
+            alignItems: "center",
+            marginTop: gaps.step,
+            maxWidth: 140
+          } : {
+            flexGrow: 1,
+            justifyContent: "center"
+          }),
+          children: [/* @__PURE__ */_jsx(SizableText, {
+            ...knobProps.body,
+            fontSize: labelSize,
+            fontWeight: state === "current" ? "600" : "500",
+            color: state === "upcoming" ? componentColors.text.muted : componentColors.text.primary,
+            // undefined = natural start alignment, so vertical labels mirror in RTL
+            textAlign: horizontal ? "center" : void 0,
+            children: step.label
+          }), step.description != null ? /* @__PURE__ */_jsx(SizableText, {
+            fontSize: "$1",
+            color: componentColors.text.muted,
+            textAlign: horizontal ? "center" : void 0,
+            children: step.description
+          }) : null]
+        });
+        var connector = !isLast && horizontal ? /* @__PURE__ */_jsx(View, {
+          flexGrow: 1,
+          height: connectorThickness,
+          backgroundColor: index < current ? componentColors.indicator.completed : componentColors.indicator.track,
+          marginTop: (markerSize - connectorThickness) / 2,
+          marginHorizontal: gaps.step,
+          minWidth: 16
+        }) : !isLast && !horizontal ? /* @__PURE__ */_jsx(View, {
+          width: connectorThickness,
+          height: 20,
+          backgroundColor: index < current ? componentColors.indicator.completed : componentColors.indicator.track,
+          marginInlineStart: (markerSize - connectorThickness) / 2,
+          marginVertical: 2
+        }) : null;
+        var body = horizontal ? /* @__PURE__ */_jsxs(YStack, {
+          role: "listitem",
+          alignItems: "center",
+          flexShrink: 0,
+          opacity: step.disabled ? 0.45 : 1,
+          children: [marker, labelBlock]
+        }) : /* @__PURE__ */_jsxs(XStack, {
+          role: "listitem",
+          alignItems: "flex-start",
+          gap: gaps.markerLabel,
+          opacity: step.disabled ? 0.45 : 1,
+          children: [marker, labelBlock]
+        });
+        var wrapped = canActivate ? /* @__PURE__ */_jsx(View, {
+          role: "button",
+          tabIndex: 0,
+          cursor: "pointer",
+          flexGrow: horizontal ? 0 : void 0,
+          flexShrink: horizontal ? 0 : void 0,
+          "aria-label": withInterp(t("Go to step {{number}}: {{label}}"), {
+            number: index + 1,
+            label: typeof step.label === "string" ? step.label : index + 1
+          }),
+          onPress: function onPress() {
+            return onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(index);
+          },
+          focusVisibleStyle: {
+            outlineColor: "$outlineColor",
+            outlineWidth: 2,
+            outlineStyle: "solid",
+            outlineOffset: 2
+          },
+          ...{
+            onKeyDown: function onKeyDown(e) {
+              if (e.key === "Enter" || e.key === " ") {
+                var _e_preventDefault;
+                (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+                onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(index);
+              }
+            }
+          },
+          children: body
+        }, (_step_id = step.id) !== null && _step_id !== void 0 ? _step_id : index) : /* @__PURE__ */_jsx(View, {
+          flexShrink: horizontal ? 0 : void 0,
+          children: body
+        }, (_step_id1 = step.id) !== null && _step_id1 !== void 0 ? _step_id1 : index);
+        return /* @__PURE__ */_jsxs(XStack, {
+          flexDirection: horizontal ? "row" : "column",
+          alignItems: horizontal ? "flex-start" : "stretch",
+          flexGrow: horizontal ? 1 : void 0,
+          flexBasis: horizontal ? 0 : void 0,
+          children: [wrapped, connector]
+        }, `row-${(_step_id2 = step.id) !== null && _step_id2 !== void 0 ? _step_id2 : index}`);
+      })
+    })
+  });
+}
+export { ProgressSteps };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/ProgressSteps/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","CheckIcon","useResolvedKnobs","useTranslation","SizableText","View","XStack","YStack","styled","componentColors","withInterp","markerSizeMap","$3","$4","$5","markerIconSizeMap","markerTextSizeMap","labelSizeMap","stepGapMap","small","step","markerLabel","medium","large","StepsRoot","name","width","Marker","alignItems","justifyContent","borderRadius","borderWidth","flexShrink","stepState","index","current","forcedCompleted","ProgressSteps","param","steps","onStepChange","orientation","allowJump","compact","props","_markerSizeMap_knobProps_sizeToken","_markerIconSizeMap_knobProps_sizeToken","_markerTextSizeMap_knobProps_sizeToken","_labelSizeMap_knobProps_sizeToken","_stepGapMap_knobProps_space","t","knobProps","component","markerSize","sizeToken","markerIconSize","markerTextSize","labelSize","gaps","space","connectorThickness","interactive","horizontal","role","children","flexDirection","gap","map","_step_id","_step_id1","_step_id2","state","completed","isLast","length","canActivate","disabled","markerBg","indicator","background","markerBorder","track","markerFg","text","muted","marker","height","backgroundColor","borderColor","size","color","weight","fontSize","fontWeight","labelBlock","marginTop","maxWidth","flexGrow","body","primary","textAlign","label","description","connector","marginHorizontal","minWidth","marginInlineStart","marginVertical","opacity","wrapped","tabIndex","cursor","number","onPress","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","onKeyDown","e","key","_e_preventDefault","preventDefault","call","id"],"sources":["../../../src/ProgressSteps/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Quote/index.mjs

@@ -0,0 +1,65 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { SizableText, View, YStack, getTokens, isWeb, styled, useTheme } from "tamagui";
+import { componentColors } from "../componentColors.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const QuoteFrame = styled(YStack, {
+  name: "Quote",
+  width: "100%"
+});
+function Quote({
+  children,
+  cite,
+  compact = false,
+  ...props
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "Quote",
+    compact
+  });
+  const theme = useTheme();
+  const padToken = compact ? "$3" : knobProps.panelPadding.padding;
+  const pad = typeof padToken === "number" ? padToken : getTokens().space?.[padToken]?.val ?? padToken;
+  return /* @__PURE__ */jsxs(QuoteFrame, {
+    render: "blockquote",
+    backgroundColor: componentColors.surface.background,
+    ...knobProps.containerRadius,
+    paddingVertical: compact ? "$2" : knobProps.gap.gap,
+    marginVertical: compact ? "$2" : "$3",
+    ...(isWeb ? {
+      style: {
+        borderInlineStartWidth: 4,
+        borderInlineStartStyle: "solid",
+        borderInlineStartColor: theme.color8?.val ?? theme.color8?.get() ?? "#999",
+        paddingInlineStart: pad,
+        marginInlineStart: 0,
+        marginInlineEnd: 0
+      }
+    } : {
+      borderStartWidth: 4,
+      borderStartColor: componentColors.indicator.track,
+      paddingStart: padToken
+    }),
+    ...props,
+    children: [typeof children === "string" ? /* @__PURE__ */jsx(SizableText, {
+      ...knobProps.body,
+      fontSize: knobProps.sizeToken,
+      color: componentColors.text.primary,
+      fontStyle: "italic",
+      lineHeight: knobProps.sizeToken,
+      children
+    }) : children, cite != null ? /* @__PURE__ */jsx(View, {
+      marginTop: compact ? "$1.5" : "$2",
+      children: typeof cite === "string" ? /* @__PURE__ */jsxs(SizableText, {
+        render: "cite",
+        fontSize: compact ? "$1" : "$2",
+        color: componentColors.text.muted,
+        fontStyle: "normal",
+        children: ["\u2014 ", cite]
+      }) : cite
+    }) : null]
+  });
+}
+export { Quote };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/Quote/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","SizableText","View","YStack","getTokens","isWeb","styled","useTheme","componentColors","jsx","jsxs","QuoteFrame","name","width","Quote","children","cite","compact","props","knobProps","component","theme","padToken","panelPadding","padding","pad","space","val","render","backgroundColor","surface","background","containerRadius","paddingVertical","gap","marginVertical","style","borderInlineStartWidth","borderInlineStartStyle","borderInlineStartColor","color8","get","paddingInlineStart","marginInlineStart","marginInlineEnd","borderStartWidth","borderStartColor","indicator","track","paddingStart","body","fontSize","sizeToken","color","text","primary","fontStyle","lineHeight","marginTop","muted"],"sources":["../../../src/Quote/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AAGjC,SAASC,WAAA,EAAaC,IAAA,EAAMC,MAAA,EAAQC,SAAA,EAAWC,KAAA,EAAOC,MAAA,EAAQC,QAAA,QAAgB;AAC9E,SAASC,eAAA,QAAuB;AA+DxB,SAAAC,GAAA,EAiBIC,IAAA,QAjBJ;AAhDR,MAAMC,UAAA,GAAaL,MAAA,CAAOH,MAAA,EAAQ;EAChCS,IAAA,EAAM;EACNC,KAAA,EAAO;AACT,CAAC;AAQM,SAASC,MAAM;EAAEC,QAAA;EAAUC,IAAA;EAAMC,OAAA,GAAU;EAAO,GAAGC;AAAM,GAAe;EAC/E,MAAM;IAAEC;EAAU,IAAInB,gBAAA,CAAiB;IAAEoB,SAAA,EAAW;IAASH;EAAQ,CAAC;EACtE,MAAMI,KAAA,GAAQd,QAAA,CAAS;EACvB,MAAMe,QAAA,GAAYL,OAAA,GAAU,OAAOE,SAAA,CAAUI,YAAA,CAAaC,OAAA;EAC1D,MAAMC,GAAA,GACJ,OAAOH,QAAA,KAAa,WAChBA,QAAA,GACElB,SAAA,CAAU,EAAEsB,KAAA,GAAgBJ,QAAQ,GAAGK,GAAA,IAAOL,QAAA;EAEtD,OACE,eAAAZ,IAAA,CAACC,UAAA;IACCiB,MAAA,EAAO;IACPC,eAAA,EAAiBrB,eAAA,CAAgBsB,OAAA,CAAQC,UAAA;IAGxC,GAAGZ,SAAA,CAAUa,eAAA;IACdC,eAAA,EAAiBhB,OAAA,GAAU,OAAOE,SAAA,CAAUe,GAAA,CAAIA,GAAA;IAChDC,cAAA,EAAgBlB,OAAA,GAAU,OAAO;IAChC,IAAIZ,KAAA,GACD;MACE+B,KAAA,EAAO;QACLC,sBAAA,EAAwB;QACxBC,sBAAA,EAAwB;QACxBC,sBAAA,EAAwBlB,KAAA,CAAMmB,MAAA,EAAQb,GAAA,IAAON,KAAA,CAAMmB,MAAA,EAAQC,GAAA,CAAI,KAAK;QACpEC,kBAAA,EAAoBjB,GAAA;QACpBkB,iBAAA,EAAmB;QACnBC,eAAA,EAAiB;MACnB;IACF,IACA;MACEC,gBAAA,EAAkB;MAClBC,gBAAA,EAAkBtC,eAAA,CAAgBuC,SAAA,CAAUC,KAAA;MAC5CC,YAAA,EAAc3B;IAChB;IACH,GAAGJ,KAAA;IAEHH,QAAA,UAAOA,QAAA,KAAa,WACnB,eAAAN,GAAA,CAACR,WAAA;MACE,GAAGkB,SAAA,CAAU+B,IAAA;MAGdC,QAAA,EAAUhC,SAAA,CAAUiC,SAAA;MACpBC,KAAA,EAAO7C,eAAA,CAAgB8C,IAAA,CAAKC,OAAA;MAC5BC,SAAA,EAAU;MACVC,UAAA,EAAYtC,SAAA,CAAUiC,SAAA;MAErBrC;IAAA,CACH,IAEAA,QAAA,EAEDC,IAAA,IAAQ,OACP,eAAAP,GAAA,CAACP,IAAA;MAAKwD,SAAA,EAAWzC,OAAA,GAAU,SAAS;MACjCF,QAAA,SAAOC,IAAA,KAAS,WACf,eAAAN,IAAA,CAACT,WAAA;QACC2B,MAAA,EAAO;QACPuB,QAAA,EAAUlC,OAAA,GAAU,OAAO;QAC3BoC,KAAA,EAAO7C,eAAA,CAAgB8C,IAAA,CAAKK,KAAA;QAC5BH,SAAA,EAAU;QACXzC,QAAA,cACIC,IAAA;MAAA,CACL,IAEAA;IAAA,CAEJ,IACE;EAAA,CACN;AAEJ","ignoreList":[]}

package/dist/esm/Quote/index.native.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { SizableText, View, YStack, getTokens, isWeb, styled, useTheme } from "tamagui";
+import { componentColors } from "../componentColors.native.js";
+var QuoteFrame = styled(YStack, {
+  name: "Quote",
+  width: "100%"
+});
+function Quote(param) {
+  var {
+    children,
+    cite,
+    compact = false,
+    ...props
+  } = param;
+  var _ref, _ref1, _ref2;
+  var _getTokens_space_padToken, _getTokens_space, _theme_color8, _theme_color81;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "Quote",
+    compact
+  });
+  var theme = useTheme();
+  var padToken = compact ? "$3" : knobProps.panelPadding.padding;
+  var pad = typeof padToken === "number" ? padToken : (_ref = (_getTokens_space = getTokens().space) === null || _getTokens_space === void 0 ? void 0 : (_getTokens_space_padToken = _getTokens_space[padToken]) === null || _getTokens_space_padToken === void 0 ? void 0 : _getTokens_space_padToken.val) !== null && _ref !== void 0 ? _ref : padToken;
+  return /* @__PURE__ */_jsxs(QuoteFrame, {
+    render: "blockquote",
+    backgroundColor: componentColors.surface.background,
+    // Padded card frame: radius follows the knob with the Axiom 1
+    // child-clip cap (R-SCALE + cap, Blockquote contract).
+    ...knobProps.containerRadius,
+    paddingVertical: compact ? "$2" : knobProps.gap.gap,
+    marginVertical: compact ? "$2" : "$3",
+    ...(isWeb ? {
+      style: {
+        borderInlineStartWidth: 4,
+        borderInlineStartStyle: "solid",
+        borderInlineStartColor: (_ref1 = (_ref2 = (_theme_color8 = theme.color8) === null || _theme_color8 === void 0 ? void 0 : _theme_color8.val) !== null && _ref2 !== void 0 ? _ref2 : (_theme_color81 = theme.color8) === null || _theme_color81 === void 0 ? void 0 : _theme_color81.get()) !== null && _ref1 !== void 0 ? _ref1 : "#999",
+        paddingInlineStart: pad,
+        marginInlineStart: 0,
+        marginInlineEnd: 0
+      }
+    } : {
+      borderStartWidth: 4,
+      borderStartColor: componentColors.indicator.track,
+      paddingStart: padToken
+    }),
+    ...props,
+    children: [typeof children === "string" ? /* @__PURE__ */_jsx(SizableText, {
+      ...knobProps.body,
+      // Quote body scales with the size knob (compact already steps the
+      // resolved sizeToken down one level via useResolvedKnobs).
+      fontSize: knobProps.sizeToken,
+      color: componentColors.text.primary,
+      fontStyle: "italic",
+      lineHeight: knobProps.sizeToken,
+      children
+    }) : children, cite != null ? /* @__PURE__ */_jsx(View, {
+      marginTop: compact ? "$1.5" : "$2",
+      children: typeof cite === "string" ? /* @__PURE__ */_jsxs(SizableText, {
+        render: "cite",
+        fontSize: compact ? "$1" : "$2",
+        color: componentColors.text.muted,
+        fontStyle: "normal",
+        children: ["\u2014 ", cite]
+      }) : cite
+    }) : null]
+  });
+}
+export { Quote };
+//# sourceMappingURL=index.native.js.map