@lockin90/ui-native 0.0.0-stage → 1.0.1

package/lib/module/components/StateLabel.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import { View, Text, StyleSheet } from 'react-native';
+import { colors, fonts, radii } from '@lockin90/tokens';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** StateLabel — numbered section header: mono numeral chip + uppercase label +
+ *  hairline rule (`01 ────── SIGN IN ──────`). Native twin of the web
+ *  `StateLabel`. Used on auth screen sections. */
+export function StateLabel({
+  num,
+  label,
+  style,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.row, style],
+    ...rest,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.numWrap,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.num,
+        children: num
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.lbl,
+      children: label
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.ln
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    marginHorizontal: 2,
+    marginBottom: 14
+  },
+  numWrap: {
+    borderWidth: 1,
+    borderColor: 'rgba(34,211,238,0.3)',
+    backgroundColor: 'rgba(34,211,238,0.08)',
+    borderRadius: radii.pill,
+    paddingVertical: 2,
+    paddingHorizontal: 9
+  },
+  num: {
+    fontFamily: fonts.mono,
+    fontSize: 11,
+    lineHeight: 13,
+    color: colors.accent2
+  },
+  lbl: {
+    fontFamily: fonts.mono,
+    fontSize: 11,
+    lineHeight: 13,
+    letterSpacing: 2.2,
+    textTransform: 'uppercase',
+    color: colors.textFaint
+  },
+  ln: {
+    flex: 1,
+    height: 1,
+    backgroundColor: colors.border2,
+    opacity: 0.6
+  }
+});
+//# sourceMappingURL=StateLabel.js.map

package/lib/module/components/StateLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","colors","fonts","radii","jsx","_jsx","jsxs","_jsxs","StateLabel","num","label","style","rest","styles","row","children","numWrap","lbl","ln","create","flexDirection","alignItems","gap","marginHorizontal","marginBottom","borderWidth","borderColor","backgroundColor","borderRadius","pill","paddingVertical","paddingHorizontal","fontFamily","mono","fontSize","lineHeight","color","accent2","letterSpacing","textTransform","textFaint","flex","height","border2","opacity"],"sourceRoot":"../../../src","sources":["components/StateLabel.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAwB,cAAc;AACrE,SAASC,MAAM,EAAEC,KAAK,EAAEC,KAAK,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASxD;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EAAEC,GAAG;EAAEC,KAAK;EAAEC,KAAK;EAAE,GAAGC;AAAsB,CAAC,EAAE;EAC1E,oBACEL,KAAA,CAACT,IAAI;IAACa,KAAK,EAAE,CAACE,MAAM,CAACC,GAAG,EAAEH,KAAK,CAAE;IAAA,GAAKC,IAAI;IAAAG,QAAA,gBACxCV,IAAA,CAACP,IAAI;MAACa,KAAK,EAAEE,MAAM,CAACG,OAAQ;MAAAD,QAAA,eAC1BV,IAAA,CAACN,IAAI;QAACY,KAAK,EAAEE,MAAM,CAACJ,GAAI;QAAAM,QAAA,EAAEN;MAAG,CAAO;IAAC,CACjC,CAAC,eACPJ,IAAA,CAACN,IAAI;MAACY,KAAK,EAAEE,MAAM,CAACI,GAAI;MAAAF,QAAA,EAAEL;IAAK,CAAO,CAAC,eACvCL,IAAA,CAACP,IAAI;MAACa,KAAK,EAAEE,MAAM,CAACK;IAAG,CAAE,CAAC;EAAA,CACtB,CAAC;AAEX;AAEA,MAAML,MAAM,GAAGb,UAAU,CAACmB,MAAM,CAAC;EAC/BL,GAAG,EAAE;IACHM,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,EAAE;IACPC,gBAAgB,EAAE,CAAC;IACnBC,YAAY,EAAE;EAChB,CAAC;EACDR,OAAO,EAAE;IACPS,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,sBAAsB;IACnCC,eAAe,EAAE,uBAAuB;IACxCC,YAAY,EAAEzB,KAAK,CAAC0B,IAAI;IACxBC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDtB,GAAG,EAAE;IACHuB,UAAU,EAAE9B,KAAK,CAAC+B,IAAI;IACtBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEnC,MAAM,CAACoC;EAChB,CAAC;EACDpB,GAAG,EAAE;IACHe,UAAU,EAAE9B,KAAK,CAAC+B,IAAI;IACtBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdG,aAAa,EAAE,GAAG;IAClBC,aAAa,EAAE,WAAW;IAC1BH,KAAK,EAAEnC,MAAM,CAACuC;EAChB,CAAC;EACDtB,EAAE,EAAE;IACFuB,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,CAAC;IACTf,eAAe,EAAE1B,MAAM,CAAC0C,OAAO;IAC/BC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/StatusDot.js

@@ -0,0 +1,61 @@
+"use strict";
+
+import { View, Text, StyleSheet } from 'react-native';
+import { colors, fonts } from '@lockin90/tokens';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TONE = {
+  high: colors.mint,
+  mid: colors.zoneMid,
+  low: colors.zoneLow,
+  accent: colors.accent,
+  neutral: colors.textFaint
+};
+
+/** Tiny colored status indicator dot with optional label and glow. */
+export function StatusDot({
+  tone = 'high',
+  label,
+  pulse,
+  style,
+  ...rest
+}) {
+  const c = TONE[tone];
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrap, style],
+    ...rest,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.dot, {
+        backgroundColor: c,
+        shadowColor: c,
+        shadowRadius: pulse ? 12 : 7
+      }]
+    }), label != null && /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: label
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  wrap: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 7,
+    alignSelf: 'flex-start'
+  },
+  dot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    shadowOpacity: 0.9,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    }
+  },
+  label: {
+    fontFamily: fonts.ui,
+    fontSize: 12,
+    color: colors.textDim
+  }
+});
+//# sourceMappingURL=StatusDot.js.map

package/lib/module/components/StatusDot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","colors","fonts","jsx","_jsx","jsxs","_jsxs","TONE","high","mint","mid","zoneMid","low","zoneLow","accent","neutral","textFaint","StatusDot","tone","label","pulse","style","rest","c","styles","wrap","children","dot","backgroundColor","shadowColor","shadowRadius","create","flexDirection","alignItems","gap","alignSelf","width","height","borderRadius","shadowOpacity","shadowOffset","fontFamily","ui","fontSize","color","textDim"],"sourceRoot":"../../../src","sources":["components/StatusDot.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAwB,cAAc;AACrE,SAASC,MAAM,EAAEC,KAAK,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAajD,MAAMC,IAAmC,GAAG;EAC1CC,IAAI,EAAEP,MAAM,CAACQ,IAAI;EACjBC,GAAG,EAAET,MAAM,CAACU,OAAO;EACnBC,GAAG,EAAEX,MAAM,CAACY,OAAO;EACnBC,MAAM,EAAEb,MAAM,CAACa,MAAM;EACrBC,OAAO,EAAEd,MAAM,CAACe;AAClB,CAAC;;AAED;AACA,OAAO,SAASC,SAASA,CAAC;EAAEC,IAAI,GAAG,MAAM;EAAEC,KAAK;EAAEC,KAAK;EAAEC,KAAK;EAAE,GAAGC;AAAqB,CAAC,EAAE;EACzF,MAAMC,CAAC,GAAGhB,IAAI,CAACW,IAAI,CAAC;EACpB,oBACEZ,KAAA,CAACR,IAAI;IAACuB,KAAK,EAAE,CAACG,MAAM,CAACC,IAAI,EAAEJ,KAAK,CAAE;IAAA,GAAKC,IAAI;IAAAI,QAAA,gBACzCtB,IAAA,CAACN,IAAI;MACHuB,KAAK,EAAE,CACLG,MAAM,CAACG,GAAG,EACV;QAAEC,eAAe,EAAEL,CAAC;QAAEM,WAAW,EAAEN,CAAC;QAAEO,YAAY,EAAEV,KAAK,GAAG,EAAE,GAAG;MAAE,CAAC;IACpE,CACH,CAAC,EACDD,KAAK,IAAI,IAAI,iBAAIf,IAAA,CAACL,IAAI;MAACsB,KAAK,EAAEG,MAAM,CAACL,KAAM;MAAAO,QAAA,EAAEP;IAAK,CAAO,CAAC;EAAA,CACvD,CAAC;AAEX;AAEA,MAAMK,MAAM,GAAGxB,UAAU,CAAC+B,MAAM,CAAC;EAC/BN,IAAI,EAAE;IACJO,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,CAAC;IACNC,SAAS,EAAE;EACb,CAAC;EACDR,GAAG,EAAE;IACHS,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,CAAC;IACfC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE;MAAEJ,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE;EACtC,CAAC;EACDlB,KAAK,EAAE;IACLsB,UAAU,EAAEvC,KAAK,CAACwC,EAAE;IACpBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE3C,MAAM,CAAC4C;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Stepper.js

@@ -0,0 +1,350 @@
+"use strict";
+
+import { Fragment } from 'react';
+import { View, Text, Pressable, StyleSheet } from 'react-native';
+import { LinearGradient } from 'expo-linear-gradient';
+import { colors, radii, fonts, gradients, nativeShadows } from '@lockin90/tokens';
+import { Icon } from './Icon';
+
+/* ============================================================================
+   Stepper + NumberStepper — flow-progress + quantity atoms.
+   ========================================================================== */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_STEPS = [{
+  label: 'Account'
+}, {
+  label: 'Profile'
+}, {
+  label: 'Goals'
+}, {
+  label: 'Done'
+}];
+
+/** Horizontal numbered progress rail — completed nodes filled mint with a
+ *  check, the current node filled accent, future nodes faint glass; the
+ *  connecting line fills accent up to the current step, faint beyond. When
+ *  `complete`, the current node also reads done (mint check) so the whole
+ *  rail shows finished. */
+export function Stepper({
+  steps = DEFAULT_STEPS,
+  current = 1,
+  complete = false,
+  variant = 'compact',
+  onStepPress,
+  allowAhead = false,
+  onStepClick,
+  style,
+  ...rest
+}) {
+  const active = Math.min(Math.max(0, current), Math.max(0, steps.length - 1));
+  const isGlow = variant === 'glow';
+  // Web-parity callback wins when both are passed; mirrors web semantics
+  // (no `allowAhead` — future steps are always disabled on this path).
+  const pressHandler = onStepClick ?? onStepPress;
+  const allowAheadResolved = onStepClick ? false : allowAhead;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.step, style],
+    ...rest,
+    children: steps.map((stepItem, i) => {
+      const done = complete ? i <= active : i < active;
+      const isCurrent = !complete && i === active;
+      return /*#__PURE__*/_jsxs(Fragment, {
+        children: [i > 0 && (i <= active ? /*#__PURE__*/_jsx(LinearGradient, {
+          colors: isGlow ? gradients.mint.stops : [colors.accent, colors.accent2],
+          start: {
+            x: 0,
+            y: 0
+          },
+          end: {
+            x: 1,
+            y: 0
+          },
+          style: [styles.line, isGlow && styles.lineGlow, isGlow && nativeShadows.glowMint]
+        }) : /*#__PURE__*/_jsx(View, {
+          style: [styles.line, isGlow && styles.lineGlow, styles.lineFaint]
+        })), /*#__PURE__*/_jsxs(PressableMaybe, {
+          onPress: pressHandler,
+          index: i,
+          pressable: !!pressHandler && (allowAheadResolved || i <= active),
+          isCurrent: isCurrent,
+          label: stepItem.label,
+          style: [styles.item, isGlow && styles.itemGlow],
+          children: [done ? isGlow ?
+          /*#__PURE__*/
+          // Glow "done": hollow mint ring with a stroked check —
+          // no gradient fill; the border + tint carry the state.
+          _jsx(View, {
+            style: [styles.node, styles.nodeGlow, styles.nodeGlowDone],
+            children: /*#__PURE__*/_jsx(Icon, {
+              name: "check",
+              size: 16,
+              color: colors.zoneHigh
+            })
+          }) : /*#__PURE__*/_jsx(LinearGradient, {
+            colors: gradients.mint.stops,
+            start: {
+              x: 0,
+              y: 0
+            },
+            end: {
+              x: 1,
+              y: 1
+            },
+            style: [styles.node, styles.nodeFilled, nativeShadows.glowMint],
+            children: /*#__PURE__*/_jsx(Icon, {
+              name: "check",
+              size: 14,
+              color: colors.bg1
+            })
+          }) : isCurrent ?
+          /*#__PURE__*/
+          // CTA gradient with accent glow. The web variant pulses this
+          // glow via @keyframes; native renders the peak-state glow
+          // statically — driving an animated shadow on RN would need a
+          // new animation lib for marginal gain, so we keep it still.
+          _jsx(LinearGradient, {
+            colors: gradients.cta.stops,
+            start: {
+              x: 0,
+              y: 0
+            },
+            end: {
+              x: 1,
+              y: 1
+            },
+            style: [styles.node, styles.nodeFilled, isGlow && styles.nodeGlow, nativeShadows.glowAccent],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.nodeNum, styles.nodeNumFilled, isGlow && styles.nodeNumGlow],
+              children: i + 1
+            })
+          }) : /*#__PURE__*/_jsx(View, {
+            style: [styles.node, styles.nodeFuture, isGlow && styles.nodeGlow, isGlow && styles.nodeGlowFuture],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.nodeNum, isGlow && styles.nodeNumGlow],
+              children: i + 1
+            })
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.label, done && styles.labelDone, isCurrent && styles.labelCurrent],
+            numberOfLines: 1,
+            children: stepItem.label
+          })]
+        })]
+      }, `${stepItem.label}-${i}`);
+    })
+  });
+}
+
+/** Internal: render children inside a Pressable when `pressable` is true,
+ *  otherwise inside a plain View. Lets the same JSX path serve both the
+ *  static stepper and the clickable-rail variant without nesting branches. */
+function PressableMaybe({
+  pressable,
+  onPress,
+  index,
+  isCurrent,
+  label,
+  style,
+  children
+}) {
+  if (!pressable || !onPress) return /*#__PURE__*/_jsx(View, {
+    style: style,
+    children: children
+  });
+  return /*#__PURE__*/_jsx(Pressable, {
+    style: style,
+    onPress: () => onPress(index),
+    accessibilityRole: "button",
+    accessibilityLabel: `Go to step ${index + 1}: ${label}`,
+    accessibilityState: isCurrent ? {
+      selected: true
+    } : undefined,
+    hitSlop: 6,
+    children: children
+  });
+}
+/** Compact quantity control — a glass pill grouping a − button, the mono
+ *  centered value, and a + button; ends disable at min / max. */
+export function NumberStepper({
+  value = 3,
+  min = 0,
+  max = 99,
+  step = 1,
+  onChange,
+  style,
+  ...rest
+}) {
+  const clamp = v => Math.min(max, Math.max(min, v));
+  const current = clamp(value);
+  const set = v => {
+    const next = clamp(v);
+    if (next !== current) onChange?.(next);
+  };
+  const atMin = current <= min;
+  const atMax = current >= max;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.numstep, style],
+    ...rest,
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      style: styles.btn,
+      accessibilityRole: "button",
+      accessibilityLabel: "Decrease",
+      accessibilityState: {
+        disabled: atMin
+      },
+      disabled: atMin,
+      onPress: () => set(current - step),
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.btnLabel, atMin && styles.btnLabelDisabled],
+        children: "\u2212"
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.value,
+      accessibilityLiveRegion: "polite",
+      children: current
+    }), /*#__PURE__*/_jsx(Pressable, {
+      style: styles.btn,
+      accessibilityRole: "button",
+      accessibilityLabel: "Increase",
+      accessibilityState: {
+        disabled: atMax
+      },
+      disabled: atMax,
+      onPress: () => set(current + step),
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.btnLabel, atMax && styles.btnLabelDisabled],
+        children: "+"
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  /* ── Stepper ──────────────────────────────────────────────────────────── */
+  step: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    width: '100%'
+  },
+  // Cells may SHRINK to node width (labels ellipsize via numberOfLines) so the
+  // rail always fits its container — web parity: `.lk-step-item` is a fixed
+  // 30px track and `.lk-step-line` flexes, so the web rail never overflows.
+  item: {
+    flexDirection: 'column',
+    alignItems: 'center',
+    gap: 8,
+    flexShrink: 1,
+    minWidth: 30
+  },
+  node: {
+    width: 30,
+    height: 30,
+    borderRadius: 15,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderWidth: 1
+  },
+  nodeFuture: {
+    borderColor: colors.border2,
+    backgroundColor: colors.glass2
+  },
+  nodeFilled: {
+    borderColor: 'transparent'
+  },
+  nodeNum: {
+    fontFamily: fonts.mono,
+    fontSize: 12,
+    fontWeight: '600',
+    color: colors.textFaint
+  },
+  nodeNumFilled: {
+    color: colors.bg1
+  },
+  label: {
+    fontFamily: fonts.ui,
+    fontSize: 11,
+    letterSpacing: -0.06,
+    color: colors.textFaint
+  },
+  labelDone: {
+    color: colors.textDim
+  },
+  labelCurrent: {
+    color: colors.text,
+    fontWeight: '600'
+  },
+  line: {
+    flex: 1,
+    minWidth: 18,
+    height: 2,
+    marginTop: 14,
+    borderRadius: 2
+  },
+  lineFaint: {
+    backgroundColor: colors.border
+  },
+  // Glow nodes are 40px tall (vs 30px compact), so the connector must drop to
+  // their vertical center: (40 - 2) / 2 = 19.
+  lineGlow: {
+    marginTop: 19
+  },
+  /* glow variant — 40px nodes, hollow mint "done", CTA "current" */
+  itemGlow: {
+    flex: 1,
+    minWidth: 40
+  },
+  nodeGlow: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    borderWidth: 1.5
+  },
+  nodeGlowDone: {
+    borderColor: colors.zoneHigh,
+    backgroundColor: 'rgba(52,245,197,0.12)'
+  },
+  nodeGlowFuture: {
+    borderColor: colors.border2,
+    backgroundColor: colors.bg1
+  },
+  nodeNumGlow: {
+    fontSize: 14
+  },
+  /* ── NumberStepper ────────────────────────────────────────────────────── */
+  numstep: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 2,
+    padding: 3,
+    borderWidth: 1,
+    borderColor: colors.border2,
+    borderRadius: radii.pill,
+    backgroundColor: colors.glass2,
+    alignSelf: 'flex-start'
+  },
+  btn: {
+    width: 30,
+    height: 30,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 15
+  },
+  btnLabel: {
+    fontFamily: fonts.display,
+    fontSize: 18,
+    fontWeight: '600',
+    color: colors.textDim
+  },
+  btnLabelDisabled: {
+    color: colors.textFaint,
+    opacity: 0.35
+  },
+  value: {
+    minWidth: 36,
+    paddingHorizontal: 6,
+    fontFamily: fonts.mono,
+    fontSize: 14,
+    fontWeight: '600',
+    color: colors.text,
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=Stepper.js.map

package/lib/module/components/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Fragment","View","Text","Pressable","StyleSheet","LinearGradient","colors","radii","fonts","gradients","nativeShadows","Icon","jsx","_jsx","jsxs","_jsxs","DEFAULT_STEPS","label","Stepper","steps","current","complete","variant","onStepPress","allowAhead","onStepClick","style","rest","active","Math","min","max","length","isGlow","pressHandler","allowAheadResolved","styles","step","children","map","stepItem","i","done","isCurrent","mint","stops","accent","accent2","start","x","y","end","line","lineGlow","glowMint","lineFaint","PressableMaybe","onPress","index","pressable","item","itemGlow","node","nodeGlow","nodeGlowDone","name","size","color","zoneHigh","nodeFilled","bg1","cta","glowAccent","nodeNum","nodeNumFilled","nodeNumGlow","nodeFuture","nodeGlowFuture","labelDone","labelCurrent","numberOfLines","accessibilityRole","accessibilityLabel","accessibilityState","selected","undefined","hitSlop","NumberStepper","value","onChange","clamp","v","set","next","atMin","atMax","numstep","btn","disabled","btnLabel","btnLabelDisabled","accessibilityLiveRegion","create","flexDirection","alignItems","width","gap","flexShrink","minWidth","height","borderRadius","justifyContent","borderWidth","borderColor","border2","backgroundColor","glass2","fontFamily","mono","fontSize","fontWeight","textFaint","ui","letterSpacing","textDim","text","flex","marginTop","border","padding","pill","alignSelf","display","opacity","paddingHorizontal","textAlign"],"sourceRoot":"../../../src","sources":["components/Stepper.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAwB,OAAO;AAChD,SAASC,IAAI,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,QAAwB,cAAc;AAChF,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,SAAS,EAAEC,aAAa,QAAQ,kBAAkB;AACjF,SAASC,IAAI,QAAQ,QAAQ;;AAE7B;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAmCA,MAAMC,aAAqB,GAAG,CAC5B;EAAEC,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAU,CAAC,EACpB;EAAEA,KAAK,EAAE;AAAQ,CAAC,EAClB;EAAEA,KAAK,EAAE;AAAO,CAAC,CAClB;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CAAC;EACtBC,KAAK,GAAGH,aAAa;EACrBI,OAAO,GAAG,CAAC;EACXC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,SAAS;EACnBC,WAAW;EACXC,UAAU,GAAG,KAAK;EAClBC,WAAW;EACXC,KAAK;EACL,GAAGC;AACS,CAAC,EAAE;EACf,MAAMC,MAAM,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEX,OAAO,CAAC,EAAES,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEZ,KAAK,CAACa,MAAM,GAAG,CAAC,CAAC,CAAC;EAC5E,MAAMC,MAAM,GAAGX,OAAO,KAAK,MAAM;EACjC;EACA;EACA,MAAMY,YAAY,GAAGT,WAAW,IAAIF,WAAW;EAC/C,MAAMY,kBAAkB,GAAGV,WAAW,GAAG,KAAK,GAAGD,UAAU;EAE3D,oBACEX,IAAA,CAACZ,IAAI;IAACyB,KAAK,EAAE,CAACU,MAAM,CAACC,IAAI,EAAEX,KAAK,CAAE;IAAA,GAAKC,IAAI;IAAAW,QAAA,EACxCnB,KAAK,CAACoB,GAAG,CAAC,CAACC,QAAQ,EAAEC,CAAC,KAAK;MAC1B,MAAMC,IAAI,GAAGrB,QAAQ,GAAGoB,CAAC,IAAIb,MAAM,GAAGa,CAAC,GAAGb,MAAM;MAChD,MAAMe,SAAS,GAAG,CAACtB,QAAQ,IAAIoB,CAAC,KAAKb,MAAM;MAC3C,oBACEb,KAAA,CAACf,QAAQ;QAAAsC,QAAA,GACNG,CAAC,GAAG,CAAC,KACHA,CAAC,IAAIb,MAAM,gBACVf,IAAA,CAACR,cAAc;UACbC,MAAM,EACJ2B,MAAM,GACDxB,SAAS,CAACmC,IAAI,CAACC,KAAK,GACrB,CAACvC,MAAM,CAACwC,MAAM,EAAExC,MAAM,CAACyC,OAAO,CACnC;UACDC,KAAK,EAAE;YAAEC,CAAC,EAAE,CAAC;YAAEC,CAAC,EAAE;UAAE,CAAE;UACtBC,GAAG,EAAE;YAAEF,CAAC,EAAE,CAAC;YAAEC,CAAC,EAAE;UAAE,CAAE;UACpBxB,KAAK,EAAE,CACLU,MAAM,CAACgB,IAAI,EACXnB,MAAM,IAAIG,MAAM,CAACiB,QAAQ,EACzBpB,MAAM,IAAKvB,aAAa,CAAC4C,QAAmB;QAC5C,CACH,CAAC,gBAEFzC,IAAA,CAACZ,IAAI;UAACyB,KAAK,EAAE,CAACU,MAAM,CAACgB,IAAI,EAAEnB,MAAM,IAAIG,MAAM,CAACiB,QAAQ,EAAEjB,MAAM,CAACmB,SAAS;QAAE,CAAE,CAC3E,CAAC,eACJxC,KAAA,CAACyC,cAAc;UACbC,OAAO,EAAEvB,YAAa;UACtBwB,KAAK,EAAEjB,CAAE;UACTkB,SAAS,EAAE,CAAC,CAACzB,YAAY,KAAKC,kBAAkB,IAAIM,CAAC,IAAIb,MAAM,CAAE;UACjEe,SAAS,EAAEA,SAAU;UACrB1B,KAAK,EAAEuB,QAAQ,CAACvB,KAAM;UACtBS,KAAK,EAAE,CAACU,MAAM,CAACwB,IAAI,EAAE3B,MAAM,IAAIG,MAAM,CAACyB,QAAQ,CAAE;UAAAvB,QAAA,GAE/CI,IAAI,GACHT,MAAM;UAAA;UACJ;UACA;UACApB,IAAA,CAACZ,IAAI;YAACyB,KAAK,EAAE,CAACU,MAAM,CAAC0B,IAAI,EAAE1B,MAAM,CAAC2B,QAAQ,EAAE3B,MAAM,CAAC4B,YAAY,CAAE;YAAA1B,QAAA,eAC/DzB,IAAA,CAACF,IAAI;cAACsD,IAAI,EAAC,OAAO;cAACC,IAAI,EAAE,EAAG;cAACC,KAAK,EAAE7D,MAAM,CAAC8D;YAAS,CAAE;UAAC,CACnD,CAAC,gBAEPvD,IAAA,CAACR,cAAc;YACbC,MAAM,EAAEG,SAAS,CAACmC,IAAI,CAACC,KAAqC;YAC5DG,KAAK,EAAE;cAAEC,CAAC,EAAE,CAAC;cAAEC,CAAC,EAAE;YAAE,CAAE;YACtBC,GAAG,EAAE;cAAEF,CAAC,EAAE,CAAC;cAAEC,CAAC,EAAE;YAAE,CAAE;YACpBxB,KAAK,EAAE,CAACU,MAAM,CAAC0B,IAAI,EAAE1B,MAAM,CAACiC,UAAU,EAAE3D,aAAa,CAAC4C,QAAQ,CAAE;YAAAhB,QAAA,eAEhEzB,IAAA,CAACF,IAAI;cAACsD,IAAI,EAAC,OAAO;cAACC,IAAI,EAAE,EAAG;cAACC,KAAK,EAAE7D,MAAM,CAACgE;YAAI,CAAE;UAAC,CACpC,CACjB,GACC3B,SAAS;UAAA;UACX;UACA;UACA;UACA;UACA9B,IAAA,CAACR,cAAc;YACbC,MAAM,EAAEG,SAAS,CAAC8D,GAAG,CAAC1B,KAAqC;YAC3DG,KAAK,EAAE;cAAEC,CAAC,EAAE,CAAC;cAAEC,CAAC,EAAE;YAAE,CAAE;YACtBC,GAAG,EAAE;cAAEF,CAAC,EAAE,CAAC;cAAEC,CAAC,EAAE;YAAE,CAAE;YACpBxB,KAAK,EAAE,CACLU,MAAM,CAAC0B,IAAI,EACX1B,MAAM,CAACiC,UAAU,EACjBpC,MAAM,IAAIG,MAAM,CAAC2B,QAAQ,EACzBrD,aAAa,CAAC8D,UAAU,CACxB;YAAAlC,QAAA,eAEFzB,IAAA,CAACX,IAAI;cACHwB,KAAK,EAAE,CACLU,MAAM,CAACqC,OAAO,EACdrC,MAAM,CAACsC,aAAa,EACpBzC,MAAM,IAAIG,MAAM,CAACuC,WAAW,CAC5B;cAAArC,QAAA,EAEDG,CAAC,GAAG;YAAC,CACF;UAAC,CACO,CAAC,gBAEjB5B,IAAA,CAACZ,IAAI;YACHyB,KAAK,EAAE,CACLU,MAAM,CAAC0B,IAAI,EACX1B,MAAM,CAACwC,UAAU,EACjB3C,MAAM,IAAIG,MAAM,CAAC2B,QAAQ,EACzB9B,MAAM,IAAIG,MAAM,CAACyC,cAAc,CAC/B;YAAAvC,QAAA,eAEFzB,IAAA,CAACX,IAAI;cAACwB,KAAK,EAAE,CAACU,MAAM,CAACqC,OAAO,EAAExC,MAAM,IAAIG,MAAM,CAACuC,WAAW,CAAE;cAAArC,QAAA,EAAEG,CAAC,GAAG;YAAC,CAAO;UAAC,CACvE,CACP,eACD5B,IAAA,CAACX,IAAI;YACHwB,KAAK,EAAE,CACLU,MAAM,CAACnB,KAAK,EACZyB,IAAI,IAAIN,MAAM,CAAC0C,SAAS,EACxBnC,SAAS,IAAIP,MAAM,CAAC2C,YAAY,CAChC;YACFC,aAAa,EAAE,CAAE;YAAA1C,QAAA,EAEhBE,QAAQ,CAACvB;UAAK,CACX,CAAC;QAAA,CACO,CAAC;MAAA,GA7FJ,GAAGuB,QAAQ,CAACvB,KAAK,IAAIwB,CAAC,EA8F3B,CAAC;IAEf,CAAC;EAAC,CACE,CAAC;AAEX;;AAEA;AACA;AACA;AACA,SAASe,cAAcA,CAAC;EACtBG,SAAS;EACTF,OAAO;EACPC,KAAK;EACLf,SAAS;EACT1B,KAAK;EACLS,KAAK;EACLY;AASF,CAAC,EAAE;EACD,IAAI,CAACqB,SAAS,IAAI,CAACF,OAAO,EAAE,oBAAO5C,IAAA,CAACZ,IAAI;IAACyB,KAAK,EAAEA,KAAM;IAAAY,QAAA,EAAEA;EAAQ,CAAO,CAAC;EACxE,oBACEzB,IAAA,CAACV,SAAS;IACRuB,KAAK,EAAEA,KAAM;IACb+B,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACC,KAAK,CAAE;IAC9BuB,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE,cAAcxB,KAAK,GAAG,CAAC,KAAKzC,KAAK,EAAG;IACxDkE,kBAAkB,EAAExC,SAAS,GAAG;MAAEyC,QAAQ,EAAE;IAAK,CAAC,GAAGC,SAAU;IAC/DC,OAAO,EAAE,CAAE;IAAAhD,QAAA,EAEVA;EAAQ,CACA,CAAC;AAEhB;AAUA;AACA;AACA,OAAO,SAASiD,aAAaA,CAAC;EAC5BC,KAAK,GAAG,CAAC;EACT1D,GAAG,GAAG,CAAC;EACPC,GAAG,GAAG,EAAE;EACRM,IAAI,GAAG,CAAC;EACRoD,QAAQ;EACR/D,KAAK;EACL,GAAGC;AACe,CAAC,EAAE;EACrB,MAAM+D,KAAK,GAAIC,CAAS,IAAK9D,IAAI,CAACC,GAAG,CAACC,GAAG,EAAEF,IAAI,CAACE,GAAG,CAACD,GAAG,EAAE6D,CAAC,CAAC,CAAC;EAC5D,MAAMvE,OAAO,GAAGsE,KAAK,CAACF,KAAK,CAAC;EAC5B,MAAMI,GAAG,GAAID,CAAS,IAAK;IACzB,MAAME,IAAI,GAAGH,KAAK,CAACC,CAAC,CAAC;IACrB,IAAIE,IAAI,KAAKzE,OAAO,EAAEqE,QAAQ,GAAGI,IAAI,CAAC;EACxC,CAAC;EAED,MAAMC,KAAK,GAAG1E,OAAO,IAAIU,GAAG;EAC5B,MAAMiE,KAAK,GAAG3E,OAAO,IAAIW,GAAG;EAE5B,oBACEhB,KAAA,CAACd,IAAI;IAACyB,KAAK,EAAE,CAACU,MAAM,CAAC4D,OAAO,EAAEtE,KAAK,CAAE;IAAA,GAAKC,IAAI;IAAAW,QAAA,gBAC5CzB,IAAA,CAACV,SAAS;MACRuB,KAAK,EAAEU,MAAM,CAAC6D,GAAI;MAClBhB,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAC,UAAU;MAC7BC,kBAAkB,EAAE;QAAEe,QAAQ,EAAEJ;MAAM,CAAE;MACxCI,QAAQ,EAAEJ,KAAM;MAChBrC,OAAO,EAAEA,CAAA,KAAMmC,GAAG,CAACxE,OAAO,GAAGiB,IAAI,CAAE;MAAAC,QAAA,eAEnCzB,IAAA,CAACX,IAAI;QAACwB,KAAK,EAAE,CAACU,MAAM,CAAC+D,QAAQ,EAAEL,KAAK,IAAI1D,MAAM,CAACgE,gBAAgB,CAAE;QAAA9D,QAAA,EAAC;MAAC,CAAM;IAAC,CACjE,CAAC,eACZzB,IAAA,CAACX,IAAI;MAACwB,KAAK,EAAEU,MAAM,CAACoD,KAAM;MAACa,uBAAuB,EAAC,QAAQ;MAAA/D,QAAA,EACxDlB;IAAO,CACJ,CAAC,eACPP,IAAA,CAACV,SAAS;MACRuB,KAAK,EAAEU,MAAM,CAAC6D,GAAI;MAClBhB,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAC,UAAU;MAC7BC,kBAAkB,EAAE;QAAEe,QAAQ,EAAEH;MAAM,CAAE;MACxCG,QAAQ,EAAEH,KAAM;MAChBtC,OAAO,EAAEA,CAAA,KAAMmC,GAAG,CAACxE,OAAO,GAAGiB,IAAI,CAAE;MAAAC,QAAA,eAEnCzB,IAAA,CAACX,IAAI;QAACwB,KAAK,EAAE,CAACU,MAAM,CAAC+D,QAAQ,EAAEJ,KAAK,IAAI3D,MAAM,CAACgE,gBAAgB,CAAE;QAAA9D,QAAA,EAAC;MAAC,CAAM;IAAC,CACjE,CAAC;EAAA,CACR,CAAC;AAEX;AAEA,MAAMF,MAAM,GAAGhC,UAAU,CAACkG,MAAM,CAAC;EAC/B;EACAjE,IAAI,EAAE;IAAEkE,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE,YAAY;IAAEC,KAAK,EAAE;EAAO,CAAC;EACvE;EACA;EACA;EACA7C,IAAI,EAAE;IAAE2C,aAAa,EAAE,QAAQ;IAAEC,UAAU,EAAE,QAAQ;IAAEE,GAAG,EAAE,CAAC;IAAEC,UAAU,EAAE,CAAC;IAAEC,QAAQ,EAAE;EAAG,CAAC;EAC5F9C,IAAI,EAAE;IACJ2C,KAAK,EAAE,EAAE;IACTI,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBN,UAAU,EAAE,QAAQ;IACpBO,cAAc,EAAE,QAAQ;IACxBC,WAAW,EAAE;EACf,CAAC;EACDpC,UAAU,EAAE;IAAEqC,WAAW,EAAE3G,MAAM,CAAC4G,OAAO;IAAEC,eAAe,EAAE7G,MAAM,CAAC8G;EAAO,CAAC;EAC3E/C,UAAU,EAAE;IAAE4C,WAAW,EAAE;EAAc,CAAC;EAC1CxC,OAAO,EAAE;IAAE4C,UAAU,EAAE7G,KAAK,CAAC8G,IAAI;IAAEC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,KAAK;IAAErD,KAAK,EAAE7D,MAAM,CAACmH;EAAU,CAAC;EAC7F/C,aAAa,EAAE;IAAEP,KAAK,EAAE7D,MAAM,CAACgE;EAAI,CAAC;EACpCrD,KAAK,EAAE;IACLoG,UAAU,EAAE7G,KAAK,CAACkH,EAAE;IACpBH,QAAQ,EAAE,EAAE;IACZI,aAAa,EAAE,CAAC,IAAI;IACpBxD,KAAK,EAAE7D,MAAM,CAACmH;EAChB,CAAC;EACD3C,SAAS,EAAE;IAAEX,KAAK,EAAE7D,MAAM,CAACsH;EAAQ,CAAC;EACpC7C,YAAY,EAAE;IAAEZ,KAAK,EAAE7D,MAAM,CAACuH,IAAI;IAAEL,UAAU,EAAE;EAAM,CAAC;EACvDpE,IAAI,EAAE;IACJ0E,IAAI,EAAE,CAAC;IACPlB,QAAQ,EAAE,EAAE;IACZC,MAAM,EAAE,CAAC;IACTkB,SAAS,EAAE,EAAE;IACbjB,YAAY,EAAE;EAChB,CAAC;EACDvD,SAAS,EAAE;IAAE4D,eAAe,EAAE7G,MAAM,CAAC0H;EAAO,CAAC;EAC7C;EACA;EACA3E,QAAQ,EAAE;IAAE0E,SAAS,EAAE;EAAG,CAAC;EAE3B;EACAlE,QAAQ,EAAE;IAAEiE,IAAI,EAAE,CAAC;IAAElB,QAAQ,EAAE;EAAG,CAAC;EACnC7C,QAAQ,EAAE;IACR0C,KAAK,EAAE,EAAE;IACTI,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBE,WAAW,EAAE;EACf,CAAC;EACDhD,YAAY,EAAE;IACZiD,WAAW,EAAE3G,MAAM,CAAC8D,QAAQ;IAC5B+C,eAAe,EAAE;EACnB,CAAC;EACDtC,cAAc,EAAE;IACdoC,WAAW,EAAE3G,MAAM,CAAC4G,OAAO;IAC3BC,eAAe,EAAE7G,MAAM,CAACgE;EAC1B,CAAC;EACDK,WAAW,EAAE;IAAE4C,QAAQ,EAAE;EAAG,CAAC;EAE7B;EACAvB,OAAO,EAAE;IACPO,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBE,GAAG,EAAE,CAAC;IACNuB,OAAO,EAAE,CAAC;IACVjB,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE3G,MAAM,CAAC4G,OAAO;IAC3BJ,YAAY,EAAEvG,KAAK,CAAC2H,IAAI;IACxBf,eAAe,EAAE7G,MAAM,CAAC8G,MAAM;IAC9Be,SAAS,EAAE;EACb,CAAC;EACDlC,GAAG,EAAE;IACHQ,KAAK,EAAE,EAAE;IACTI,MAAM,EAAE,EAAE;IACVL,UAAU,EAAE,QAAQ;IACpBO,cAAc,EAAE,QAAQ;IACxBD,YAAY,EAAE;EAChB,CAAC;EACDX,QAAQ,EAAE;IAAEkB,UAAU,EAAE7G,KAAK,CAAC4H,OAAO;IAAEb,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,KAAK;IAAErD,KAAK,EAAE7D,MAAM,CAACsH;EAAQ,CAAC;EAC/FxB,gBAAgB,EAAE;IAAEjC,KAAK,EAAE7D,MAAM,CAACmH,SAAS;IAAEY,OAAO,EAAE;EAAK,CAAC;EAC5D7C,KAAK,EAAE;IACLoB,QAAQ,EAAE,EAAE;IACZ0B,iBAAiB,EAAE,CAAC;IACpBjB,UAAU,EAAE7G,KAAK,CAAC8G,IAAI;IACtBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBrD,KAAK,EAAE7D,MAAM,CAACuH,IAAI;IAClBU,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}