@lockin90/ui-native 0.0.0-stage → 1.0.1

package/lib/module/components/Checkbox.js

@@ -0,0 +1,175 @@
+"use strict";
+
+import { View, Text, Pressable, StyleSheet } from 'react-native';
+import Svg, { Path } from 'react-native-svg';
+import { colors, fonts } from '@lockin90/tokens';
+
+/* ── shared check glyph ─────────────────────────────────────────────── */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function CheckGlyph() {
+  return /*#__PURE__*/_jsx(Svg, {
+    width: 12,
+    height: 12,
+    viewBox: "0 0 16 16",
+    children: /*#__PURE__*/_jsx(Path, {
+      d: "M3.5 8.5l3 3 6-7",
+      fill: "none",
+      stroke: "#fff",
+      strokeWidth: 2.4,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  });
+}
+
+/* ── Checkbox ───────────────────────────────────────────────────────── */
+
+/** Custom checkbox — accent-filled box with a tick (or dash when indeterminate). */
+export function Checkbox({
+  checked = false,
+  indeterminate = false,
+  onChange,
+  label,
+  disabled = false,
+  style
+}) {
+  const filled = checked || indeterminate;
+  return /*#__PURE__*/_jsxs(Pressable, {
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      checked: indeterminate ? 'mixed' : checked,
+      disabled
+    },
+    disabled: disabled,
+    onPress: () => onChange?.(!checked),
+    style: [styles.row, disabled && styles.disabled, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.box, filled && styles.boxFilled],
+      children: indeterminate ? /*#__PURE__*/_jsx(View, {
+        style: styles.dash
+      }) : checked ? /*#__PURE__*/_jsx(CheckGlyph, {}) : null
+    }), label ? /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: label
+    }) : null]
+  });
+}
+
+/* ── Radio ──────────────────────────────────────────────────────────── */
+
+/** Custom radio — accent dot fills the ring when selected. */
+export function Radio({
+  checked = false,
+  onChange,
+  label,
+  disabled = false,
+  style
+}) {
+  return /*#__PURE__*/_jsxs(Pressable, {
+    accessibilityRole: "radio",
+    accessibilityState: {
+      checked,
+      disabled
+    },
+    disabled: disabled,
+    onPress: () => onChange?.(!checked),
+    style: [styles.row, disabled && styles.disabled, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.ring, checked && styles.ringChecked],
+      children: checked ? /*#__PURE__*/_jsx(View, {
+        style: styles.dot
+      }) : null
+    }), label ? /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: label
+    }) : null]
+  });
+}
+
+/* ── RadioGroup ─────────────────────────────────────────────────────── */
+
+/** A vertical column of mutually-exclusive radios. */
+export function RadioGroup({
+  options = [],
+  value,
+  onChange,
+  disabled = false,
+  style
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    accessibilityRole: "radiogroup",
+    style: [styles.group, style],
+    children: options.map(opt => /*#__PURE__*/_jsx(Radio, {
+      value: opt.value,
+      label: opt.label,
+      checked: value === opt.value,
+      disabled: disabled,
+      onChange: c => {
+        if (c) onChange?.(opt.value);
+      }
+    }, opt.value))
+  });
+}
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 9
+  },
+  disabled: {
+    opacity: 0.5
+  },
+  label: {
+    fontFamily: fonts.ui,
+    fontSize: 13.5,
+    color: colors.text,
+    lineHeight: 18
+  },
+  // checkbox
+  box: {
+    width: 18,
+    height: 18,
+    borderRadius: 5,
+    borderWidth: 1.5,
+    borderColor: colors.border2,
+    backgroundColor: colors.glass2,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  boxFilled: {
+    backgroundColor: colors.accent,
+    borderColor: 'transparent'
+  },
+  dash: {
+    width: 9,
+    height: 2,
+    borderRadius: 1,
+    backgroundColor: '#fff'
+  },
+  // radio
+  ring: {
+    width: 18,
+    height: 18,
+    borderRadius: 9,
+    borderWidth: 1.5,
+    borderColor: colors.border2,
+    backgroundColor: colors.glass2,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  ringChecked: {
+    borderColor: colors.accent
+  },
+  dot: {
+    width: 9,
+    height: 9,
+    borderRadius: 4.5,
+    backgroundColor: colors.accent
+  },
+  // group
+  group: {
+    flexDirection: 'column',
+    gap: 10
+  }
+});
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","Pressable","StyleSheet","Svg","Path","colors","fonts","jsx","_jsx","jsxs","_jsxs","CheckGlyph","width","height","viewBox","children","d","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","Checkbox","checked","indeterminate","onChange","label","disabled","style","filled","accessibilityRole","accessibilityState","onPress","styles","row","box","boxFilled","dash","Radio","ring","ringChecked","dot","RadioGroup","options","value","group","map","opt","c","create","flexDirection","alignItems","gap","opacity","fontFamily","ui","fontSize","color","text","lineHeight","borderRadius","borderWidth","borderColor","border2","backgroundColor","glass2","justifyContent","accent"],"sourceRoot":"../../../src","sources":["components/Checkbox.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Chip.js

@@ -0,0 +1,214 @@
+"use strict";
+
+import { View, Text, StyleSheet } from 'react-native';
+import { LinearGradient } from 'expo-linear-gradient';
+import { colors, radii, fonts, gradients } from '@lockin90/tokens';
+
+/** `md` (default) is the standard status pill; `sm` is the compact count/status
+ *  badge — tighter box, 10px tabular mono, filled-gradient accent. With `dot`,
+ *  `sm` collapses to a bare glowing circle. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TONE = {
+  default: {
+    color: colors.textDim,
+    border: colors.border,
+    bg: colors.glass
+  },
+  neutral: {
+    color: colors.textFaint,
+    border: colors.border2,
+    bg: colors.glass2
+  },
+  high: {
+    color: colors.zoneHigh,
+    border: 'rgba(52,245,197,0.35)',
+    bg: 'rgba(52,245,197,0.08)'
+  },
+  mid: {
+    color: colors.zoneMid,
+    border: 'rgba(255,176,32,0.35)',
+    bg: 'rgba(255,176,32,0.08)'
+  },
+  low: {
+    color: colors.zoneLow,
+    border: 'rgba(255,77,109,0.35)',
+    bg: 'rgba(255,77,109,0.08)'
+  },
+  accent: {
+    color: '#cbbcff',
+    border: 'rgba(124,92,255,0.4)',
+    bg: 'rgba(124,92,255,0.10)'
+  },
+  // Dedicated PR red (design `.bd` — Finished's record pills) — NOT `low`'s
+  // zoneLow #FF4D6D (that's a spectrum/status color); a PR must scream a
+  // deliberately off-spectrum red, matching `PrBadge`'s `#FF4757`.
+  pr: {
+    color: '#FF6B78',
+    border: 'rgba(255,71,87,0.4)',
+    bg: 'rgba(255,71,87,0.08)'
+  }
+};
+
+/** `sm` tone overrides — the compact badge tweaks a few backgrounds vs the md
+ *  pill (high/mid/low read slightly stronger; neutral reads dim on glass-2).
+ *  The `accent` tone is handled specially (filled gradient). */
+const TONE_SM = {
+  neutral: {
+    color: colors.textDim,
+    border: colors.border,
+    bg: colors.glass2
+  },
+  high: {
+    bg: 'rgba(52,245,197,0.10)'
+  },
+  mid: {
+    bg: 'rgba(255,176,32,0.10)'
+  },
+  low: {
+    bg: 'rgba(255,77,109,0.10)'
+  }
+};
+
+/** Color of the bare glowing circle for `sm` + `dot`. */
+const DOT_COLOR = {
+  default: colors.textDim,
+  neutral: colors.textFaint,
+  high: colors.zoneHigh,
+  mid: colors.zoneMid,
+  low: colors.zoneLow,
+  accent: colors.accent,
+  pr: '#FF4757'
+};
+
+/** Status pill — mono label, signal-colored tones. `size="sm"` is the compact badge. */
+export function Chip({
+  tone = 'default',
+  dot,
+  size = 'md',
+  label,
+  style,
+  ...rest
+}) {
+  const t = TONE[tone];
+
+  // sm + dot → bare glowing circle, no text (the retired `Badge`'s dot mode)
+  if (size === 'sm' && dot) {
+    const dc = DOT_COLOR[tone];
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.smDot, {
+        backgroundColor: dc,
+        shadowColor: dc
+      }, tone === 'neutral' && styles.smDotNoGlow, style],
+      ...rest
+    });
+  }
+
+  // sm accent → FILLED gradient count pill with dark text
+  if (size === 'sm' && tone === 'accent') {
+    return /*#__PURE__*/_jsxs(View, {
+      style: [styles.chip, styles.chipSm, styles.chipSmAccent, style],
+      ...rest,
+      children: [/*#__PURE__*/_jsx(LinearGradient, {
+        colors: [...gradients.cta.stops],
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 1,
+          y: 1
+        },
+        style: StyleSheet.absoluteFill
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, styles.labelSm, styles.labelSmAccent],
+        children: label
+      })]
+    });
+  }
+  const sm = size === 'sm';
+  const o = sm ? TONE_SM[tone] : undefined;
+  const color = o?.color ?? t.color;
+  const border = o?.border ?? t.border;
+  const bg = o?.bg ?? t.bg;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.chip, sm && styles.chipSm, {
+      borderColor: border,
+      backgroundColor: bg
+    }, style],
+    ...rest,
+    children: [dot && /*#__PURE__*/_jsx(View, {
+      style: [styles.dot, {
+        backgroundColor: color,
+        shadowColor: color
+      }]
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.label, sm && styles.labelSm, {
+        color
+      }],
+      children: label
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  chip: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 7,
+    paddingVertical: 5,
+    paddingHorizontal: 11,
+    borderRadius: radii.pill,
+    borderWidth: 1,
+    alignSelf: 'flex-start'
+  },
+  chipSm: {
+    gap: 4,
+    justifyContent: 'center',
+    minWidth: 16,
+    minHeight: 16,
+    paddingVertical: 2,
+    paddingHorizontal: 6
+  },
+  chipSmAccent: {
+    borderColor: 'transparent',
+    overflow: 'hidden'
+  },
+  dot: {
+    width: 6,
+    height: 6,
+    borderRadius: 3,
+    shadowOpacity: 0.9,
+    shadowRadius: 6
+  },
+  smDot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    alignSelf: 'flex-start',
+    shadowOpacity: 0.9,
+    shadowRadius: 6,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    }
+  },
+  smDotNoGlow: {
+    shadowOpacity: 0
+  },
+  label: {
+    fontFamily: fonts.mono,
+    fontSize: 11,
+    fontWeight: '500',
+    letterSpacing: 0.4
+  },
+  labelSm: {
+    fontSize: 10,
+    fontWeight: '600',
+    letterSpacing: 0,
+    lineHeight: 10,
+    fontVariant: ['tabular-nums']
+  },
+  labelSmAccent: {
+    color: '#0A0A12'
+  }
+});
+//# sourceMappingURL=Chip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","LinearGradient","colors","radii","fonts","gradients","jsx","_jsx","jsxs","_jsxs","TONE","default","color","textDim","border","bg","glass","neutral","textFaint","border2","glass2","high","zoneHigh","mid","zoneMid","low","zoneLow","accent","pr","TONE_SM","DOT_COLOR","Chip","tone","dot","size","label","style","rest","t","dc","styles","smDot","backgroundColor","shadowColor","smDotNoGlow","chip","chipSm","chipSmAccent","children","cta","stops","start","x","y","end","absoluteFill","labelSm","labelSmAccent","sm","o","undefined","borderColor","create","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","borderRadius","pill","borderWidth","alignSelf","justifyContent","minWidth","minHeight","overflow","width","height","shadowOpacity","shadowRadius","shadowOffset","fontFamily","mono","fontSize","fontWeight","letterSpacing","lineHeight","fontVariant"],"sourceRoot":"../../../src","sources":["components/Chip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ChoiceChip.js

@@ -0,0 +1,129 @@
+"use strict";
+
+import { Pressable, Text, View, StyleSheet } from 'react-native';
+import { colors, radii, fonts } from '@lockin90/tokens';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ChoiceChip — a pressable, selectable filter pill (multi-select). The native
+ * twin of the web `ChoiceChip`: a `Pressable` pill whose `selected` state tints
+ * to the accent token. Distinct from the display-only `Chip` and the
+ * single-select `SegmentedTabs`.
+ */
+export function ChoiceChip({
+  selected = false,
+  size = 'md',
+  leadingDot,
+  icon,
+  stacked = false,
+  disabled = false,
+  onPress,
+  children,
+  style
+}) {
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    accessibilityRole: "button",
+    accessibilityState: {
+      selected,
+      disabled
+    },
+    style: ({
+      pressed
+    }) => [styles.chip, size === 'sm' && styles.chipSm, stacked && styles.chipStacked, selected ? styles.chipOn : styles.chipOff, pressed && !disabled && styles.chipPressed, disabled && styles.chipDisabled, style],
+    children: [icon != null ? /*#__PURE__*/_jsx(View, {
+      style: styles.icon,
+      children: icon
+    }) : leadingDot ? /*#__PURE__*/_jsx(View, {
+      style: [styles.dot, selected ? styles.dotOn : styles.dotOff]
+    }) : null, /*#__PURE__*/_jsx(Text, {
+      style: [styles.label, size === 'sm' && styles.labelSm, stacked && styles.labelStacked, selected ? styles.labelOn : styles.labelOff],
+      numberOfLines: 1,
+      children: children
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  chip: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 7,
+    paddingVertical: 7,
+    paddingHorizontal: 13,
+    borderRadius: radii.pill,
+    borderWidth: 1,
+    alignSelf: 'flex-start'
+  },
+  chipSm: {
+    paddingVertical: 5,
+    paddingHorizontal: 10
+  },
+  // stacked grid cell — icon over label, rounded rect, fills the flex column.
+  // alignItems:'center' overrides the base row alignment so the icon+label centre
+  // horizontally; extra vertical padding keeps the top icon off the rounded edge.
+  chipStacked: {
+    flexDirection: 'column',
+    alignItems: 'center',
+    gap: 6,
+    paddingVertical: 13,
+    paddingHorizontal: 4,
+    borderRadius: radii.md,
+    alignSelf: 'stretch',
+    justifyContent: 'center'
+  },
+  chipOff: {
+    borderColor: colors.border,
+    backgroundColor: colors.glass
+  },
+  chipOn: {
+    borderColor: 'rgba(124,92,255,0.5)',
+    backgroundColor: 'rgba(124,92,255,0.12)'
+  },
+  chipPressed: {
+    opacity: 0.85
+  },
+  chipDisabled: {
+    opacity: 0.5
+  },
+  icon: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  dot: {
+    width: 6,
+    height: 6,
+    borderRadius: 3,
+    shadowOpacity: 0.9,
+    shadowRadius: 6
+  },
+  dotOff: {
+    backgroundColor: colors.textDim,
+    shadowColor: colors.textDim
+  },
+  dotOn: {
+    backgroundColor: colors.accent,
+    shadowColor: colors.accent
+  },
+  label: {
+    fontFamily: fonts.ui,
+    fontSize: 13,
+    lineHeight: 16
+  },
+  labelSm: {
+    fontSize: 12
+  },
+  labelStacked: {
+    fontFamily: fonts.mono,
+    fontSize: 10,
+    lineHeight: 13,
+    letterSpacing: 0.3,
+    textAlign: 'center'
+  },
+  labelOff: {
+    color: colors.textDim
+  },
+  labelOn: {
+    color: colors.text
+  }
+});
+//# sourceMappingURL=ChoiceChip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","Text","View","StyleSheet","colors","radii","fonts","jsx","_jsx","jsxs","_jsxs","ChoiceChip","selected","size","leadingDot","icon","stacked","disabled","onPress","children","style","accessibilityRole","accessibilityState","pressed","styles","chip","chipSm","chipStacked","chipOn","chipOff","chipPressed","chipDisabled","dot","dotOn","dotOff","label","labelSm","labelStacked","labelOn","labelOff","numberOfLines","create","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","borderRadius","pill","borderWidth","alignSelf","md","justifyContent","borderColor","border","backgroundColor","glass","opacity","width","height","shadowOpacity","shadowRadius","textDim","shadowColor","accent","fontFamily","ui","fontSize","lineHeight","mono","letterSpacing","textAlign","color","text"],"sourceRoot":"../../../src","sources":["components/ChoiceChip.tsx"],"mappings":";;AACA,SAASA,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAwC,cAAc;AAChG,SAASC,MAAM,EAAEC,KAAK,EAAEC,KAAK,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAyBxD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,QAAQ,GAAG,KAAK;EAChBC,IAAI,GAAG,IAAI;EACXC,UAAU;EACVC,IAAI;EACJC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC,QAAQ;EACRC;AACe,CAAC,EAAE;EAClB,oBACEV,KAAA,CAACV,SAAS;IACRkB,OAAO,EAAEA,OAAQ;IACjBD,QAAQ,EAAEA,QAAS;IACnBI,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEV,QAAQ;MAAEK;IAAS,CAAE;IAC3CG,KAAK,EAAEA,CAAC;MAAEG;IAAQ,CAAC,KAAK,CACtBC,MAAM,CAACC,IAAI,EACXZ,IAAI,KAAK,IAAI,IAAIW,MAAM,CAACE,MAAM,EAC9BV,OAAO,IAAIQ,MAAM,CAACG,WAAW,EAC7Bf,QAAQ,GAAGY,MAAM,CAACI,MAAM,GAAGJ,MAAM,CAACK,OAAO,EACzCN,OAAO,IAAI,CAACN,QAAQ,IAAIO,MAAM,CAACM,WAAW,EAC1Cb,QAAQ,IAAIO,MAAM,CAACO,YAAY,EAC/BX,KAAK,CACL;IAAAD,QAAA,GAEDJ,IAAI,IAAI,IAAI,gBACXP,IAAA,CAACN,IAAI;MAACkB,KAAK,EAAEI,MAAM,CAACT,IAAK;MAAAI,QAAA,EAAEJ;IAAI,CAAO,CAAC,GACrCD,UAAU,gBACZN,IAAA,CAACN,IAAI;MAACkB,KAAK,EAAE,CAACI,MAAM,CAACQ,GAAG,EAAEpB,QAAQ,GAAGY,MAAM,CAACS,KAAK,GAAGT,MAAM,CAACU,MAAM;IAAE,CAAE,CAAC,GACpE,IAAI,eACR1B,IAAA,CAACP,IAAI;MACHmB,KAAK,EAAE,CACLI,MAAM,CAACW,KAAK,EACZtB,IAAI,KAAK,IAAI,IAAIW,MAAM,CAACY,OAAO,EAC/BpB,OAAO,IAAIQ,MAAM,CAACa,YAAY,EAC9BzB,QAAQ,GAAGY,MAAM,CAACc,OAAO,GAAGd,MAAM,CAACe,QAAQ,CAC3C;MACFC,aAAa,EAAE,CAAE;MAAArB,QAAA,EAEhBA;IAAQ,CACL,CAAC;EAAA,CACE,CAAC;AAEhB;AAEA,MAAMK,MAAM,GAAGrB,UAAU,CAACsC,MAAM,CAAC;EAC/BhB,IAAI,EAAE;IACJiB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,CAAC;IACNC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE1C,KAAK,CAAC2C,IAAI;IACxBC,WAAW,EAAE,CAAC;IACdC,SAAS,EAAE;EACb,CAAC;EACDxB,MAAM,EAAE;IAAEmB,eAAe,EAAE,CAAC;IAAEC,iBAAiB,EAAE;EAAG,CAAC;EACrD;EACA;EACA;EACAnB,WAAW,EAAE;IACXe,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,CAAC;IACNC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,CAAC;IACpBC,YAAY,EAAE1C,KAAK,CAAC8C,EAAE;IACtBD,SAAS,EAAE,SAAS;IACpBE,cAAc,EAAE;EAClB,CAAC;EACDvB,OAAO,EAAE;IAAEwB,WAAW,EAAEjD,MAAM,CAACkD,MAAM;IAAEC,eAAe,EAAEnD,MAAM,CAACoD;EAAM,CAAC;EACtE5B,MAAM,EAAE;IAAEyB,WAAW,EAAE,sBAAsB;IAAEE,eAAe,EAAE;EAAwB,CAAC;EACzFzB,WAAW,EAAE;IAAE2B,OAAO,EAAE;EAAK,CAAC;EAC9B1B,YAAY,EAAE;IAAE0B,OAAO,EAAE;EAAI,CAAC;EAC9B1C,IAAI,EAAE;IAAE4B,UAAU,EAAE,QAAQ;IAAES,cAAc,EAAE;EAAS,CAAC;EACxDpB,GAAG,EAAE;IAAE0B,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE,CAAC;IAAEZ,YAAY,EAAE,CAAC;IAAEa,aAAa,EAAE,GAAG;IAAEC,YAAY,EAAE;EAAE,CAAC;EAClF3B,MAAM,EAAE;IAAEqB,eAAe,EAAEnD,MAAM,CAAC0D,OAAO;IAAEC,WAAW,EAAE3D,MAAM,CAAC0D;EAAQ,CAAC;EACxE7B,KAAK,EAAE;IAAEsB,eAAe,EAAEnD,MAAM,CAAC4D,MAAM;IAAED,WAAW,EAAE3D,MAAM,CAAC4D;EAAO,CAAC;EACrE7B,KAAK,EAAE;IAAE8B,UAAU,EAAE3D,KAAK,CAAC4D,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EAC7DhC,OAAO,EAAE;IAAE+B,QAAQ,EAAE;EAAG,CAAC;EACzB9B,YAAY,EAAE;IAAE4B,UAAU,EAAE3D,KAAK,CAAC+D,IAAI;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEE,aAAa,EAAE,GAAG;IAAEC,SAAS,EAAE;EAAS,CAAC;EAC/GhC,QAAQ,EAAE;IAAEiC,KAAK,EAAEpE,MAAM,CAAC0D;EAAQ,CAAC;EACnCxB,OAAO,EAAE;IAAEkC,KAAK,EAAEpE,MAAM,CAACqE;EAAK;AAChC,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/CodeBlock.js

@@ -0,0 +1,122 @@
+"use strict";
+
+import { View, Text, ScrollView, StyleSheet } from 'react-native';
+import { colors, radii, fonts } from '@lockin90/tokens';
+import { CopyButton } from './Popover';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Monospace code / JSON block on a dark inset surface. Optional header
+ *  (label + traffic-light dots + copy) over a horizontally scrolling mono body
+ *  (or wrapped), optionally height-capped with vertical scroll. Mirrors the web
+ *  `CodeBlock` prop API. Used for raw-record/JSON viewers, incident IDs, keys. */
+export function CodeBlock({
+  code,
+  label,
+  copyable = true,
+  wrap = false,
+  maxHeight
+}) {
+  const hasHeader = label != null || copyable;
+  const body = wrap ? /*#__PURE__*/_jsx(View, {
+    style: styles.body,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.code,
+      children: code
+    })
+  }) : /*#__PURE__*/_jsx(ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    contentContainerStyle: styles.body,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.code,
+      children: code
+    })
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [hasHeader && /*#__PURE__*/_jsxs(View, {
+      style: styles.head,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.dots,
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        children: [/*#__PURE__*/_jsx(View, {
+          style: [styles.dot, {
+            backgroundColor: colors.zoneLow
+          }]
+        }), /*#__PURE__*/_jsx(View, {
+          style: [styles.dot, {
+            backgroundColor: colors.zoneMid
+          }]
+        }), /*#__PURE__*/_jsx(View, {
+          style: [styles.dot, {
+            backgroundColor: colors.mint
+          }]
+        })]
+      }), label != null && /*#__PURE__*/_jsx(Text, {
+        style: styles.label,
+        numberOfLines: 1,
+        children: label
+      }), copyable && /*#__PURE__*/_jsx(View, {
+        style: styles.copy,
+        children: /*#__PURE__*/_jsx(CopyButton, {
+          value: code
+        })
+      })]
+    }), maxHeight != null ? /*#__PURE__*/_jsx(ScrollView, {
+      style: {
+        maxHeight
+      },
+      showsVerticalScrollIndicator: false,
+      children: body
+    }) : body]
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    borderRadius: radii.sm,
+    borderWidth: 1,
+    borderColor: colors.border,
+    backgroundColor: colors.bg0,
+    overflow: 'hidden'
+  },
+  head: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 9,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderBottomWidth: 1,
+    borderBottomColor: colors.border,
+    backgroundColor: colors.glass
+  },
+  dots: {
+    flexDirection: 'row',
+    gap: 5
+  },
+  dot: {
+    width: 9,
+    height: 9,
+    borderRadius: 999
+  },
+  label: {
+    flex: 1,
+    fontFamily: fonts.mono,
+    fontSize: 10.5,
+    letterSpacing: 0.4,
+    color: colors.textFaint
+  },
+  copy: {
+    marginLeft: 'auto'
+  },
+  body: {
+    paddingHorizontal: 16,
+    paddingVertical: 14
+  },
+  code: {
+    fontFamily: fonts.mono,
+    fontSize: 11.5,
+    lineHeight: 20,
+    color: colors.textDim
+  }
+});
+//# sourceMappingURL=CodeBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","ScrollView","StyleSheet","colors","radii","fonts","CopyButton","jsx","_jsx","jsxs","_jsxs","CodeBlock","code","label","copyable","wrap","maxHeight","hasHeader","body","style","styles","children","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","root","head","dots","accessibilityElementsHidden","importantForAccessibility","dot","backgroundColor","zoneLow","zoneMid","mint","numberOfLines","copy","value","showsVerticalScrollIndicator","create","borderRadius","sm","borderWidth","borderColor","border","bg0","overflow","flexDirection","alignItems","gap","paddingHorizontal","paddingVertical","borderBottomWidth","borderBottomColor","glass","width","height","flex","fontFamily","mono","fontSize","letterSpacing","color","textFaint","marginLeft","lineHeight","textDim"],"sourceRoot":"../../../src","sources":["components/CodeBlock.tsx"],"mappings":"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","ignoreList":[]}