@lockin90/ui-native 0.0.0-stage → 1.0.0

package/lib/commonjs/components/TagCloud.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TagCloud = TagCloud;
+exports.weightToSize = weightToSize;
+var _reactNative = require("react-native");
+var _tokens = require("@lockin90/tokens");
+var _jsxRuntime = require("react/jsx-runtime");
+/* ============================================================================
+   TagCloud (native) — a flex-wrapped collection of weighted tag pills, sized by
+   weight (bigger = more frequent / important). Native analogue of web TagCloud;
+   same export + prop API. For journal topic clouds, interest tags. Distinct from
+   Chip (single pill) and a form tag input.
+   ========================================================================== */
+
+/** weight → size bucket. */
+
+/**
+ * Map an arbitrary weight to one of 4 buckets. Treats the canonical 1..4 scale
+ * directly; values outside that clamp to the nearest bucket so any positive
+ * number still resolves sensibly.
+ */
+function weightToSize(weight) {
+  const w = weight ?? 2;
+  if (w >= 4) return 'xl';
+  if (w >= 3) return 'lg';
+  if (w >= 2) return 'md';
+  return 'sm';
+}
+
+/** per-bucket font size (mirrors web .t-sm/.t-md/.t-lg/.t-xl). */
+const FONT_SIZE = {
+  sm: 11,
+  md: 12.5,
+  lg: 14.5,
+  xl: 17
+};
+
+/** gradient-mode tint per bucket; lg = cyan, xl = violet (mirrors web). */
+const GRAD_TINT = {
+  lg: {
+    color: _tokens.colors.accent2,
+    border: 'rgba(34,211,238,0.3)',
+    bg: _tokens.colors.glass
+  },
+  xl: {
+    color: '#cbbcff',
+    border: 'rgba(124,92,255,0.4)',
+    bg: 'rgba(124,92,255,0.08)'
+  }
+};
+
+/** Weighted tag cloud — flex-wrapped mono pills sized by importance. */
+function TagCloud({
+  tags,
+  colorMode = 'mono',
+  onTagPress,
+  style,
+  ...rest
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.cloud, style],
+    ...rest,
+    children: tags.map((tag, i) => {
+      const size = weightToSize(tag.weight);
+      const tint = colorMode === 'gradient' ? GRAD_TINT[size] : undefined;
+      const pillStyle = [styles.tag, tint && {
+        borderColor: tint.border,
+        backgroundColor: tint.bg
+      }];
+      const textStyle = [styles.label, {
+        fontSize: FONT_SIZE[size]
+      }, tint && {
+        color: tint.color
+      }];
+      const handler = tag.onPress ?? (onTagPress ? () => onTagPress(tag) : undefined);
+      if (handler) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: handler,
+          style: pillStyle,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: textStyle,
+            children: tag.label
+          })
+        }, `${tag.label}-${i}`);
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: pillStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: textStyle,
+          children: tag.label
+        })
+      }, `${tag.label}-${i}`);
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  cloud: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 8
+  },
+  tag: {
+    paddingVertical: 4,
+    paddingHorizontal: 11,
+    borderRadius: _tokens.radii.pill,
+    borderWidth: 1,
+    borderColor: _tokens.colors.border,
+    backgroundColor: _tokens.colors.glass
+  },
+  label: {
+    fontFamily: _tokens.fonts.mono,
+    color: _tokens.colors.textDim
+  }
+});
+//# sourceMappingURL=TagCloud.js.map

package/lib/commonjs/components/TagCloud.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_tokens","_jsxRuntime","weightToSize","weight","w","FONT_SIZE","sm","md","lg","xl","GRAD_TINT","color","colors","accent2","border","bg","glass","TagCloud","tags","colorMode","onTagPress","style","rest","jsx","View","styles","cloud","children","map","tag","i","size","tint","undefined","pillStyle","borderColor","backgroundColor","textStyle","label","fontSize","handler","onPress","Pressable","Text","StyleSheet","create","flexDirection","flexWrap","gap","paddingVertical","paddingHorizontal","borderRadius","radii","pill","borderWidth","fontFamily","fonts","mono","textDim"],"sourceRoot":"../../../src","sources":["components/TagCloud.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/TagInput.js

@@ -0,0 +1,298 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeInput = CodeInput;
+exports.TagInput = TagInput;
+exports.spreadCodeAcrossBoxes = spreadCodeAcrossBoxes;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _tokens = require("@lockin90/tokens");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/* ============================================================================
+   TagInput — CMS-style multi-value tag entry. A glassy field shell flex-wraps
+   the current tags as small removable mono pills, followed by a borderless
+   TextInput. onSubmitEditing adds the typed value; Backspace on the empty
+   input removes the last tag. Mirrors the web `@lockin90/ui` TagInput.
+   ========================================================================== */
+
+/** Cross/× glyph used to remove a tag. */
+function RemoveIcon({
+  color
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+    width: 10,
+    height: 10,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: 2,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M6 6l12 12M18 6 6 18"
+    })
+  });
+}
+
+/** Multi-value tag entry — removable mono pills + borderless input. */
+function TagInput({
+  tags: tagsProp = ['sleep', 'recovery'],
+  onChange,
+  placeholder = 'Add a tag…',
+  invalid = false,
+  style,
+  ...rest
+}) {
+  const [tags, setTags] = (0, _react.useState)(tagsProp);
+  const [draft, setDraft] = (0, _react.useState)('');
+  const commit = next => {
+    setTags(next);
+    onChange?.(next);
+  };
+  const addTag = raw => {
+    const value = raw.trim();
+    if (!value || tags.includes(value)) {
+      setDraft('');
+      return;
+    }
+    commit([...tags, value]);
+    setDraft('');
+  };
+  const removeAt = index => {
+    commit(tags.filter((_, i) => i !== index));
+  };
+  const onKeyPress = e => {
+    if (e.nativeEvent.key === 'Backspace' && draft === '' && tags.length > 0) {
+      removeAt(tags.length - 1);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.taginput, invalid && styles.taginputInvalid, style],
+    ...rest,
+    children: [tags.map((tag, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.tag,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.tagText,
+        children: tag
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        accessibilityRole: "button",
+        accessibilityLabel: `Remove ${tag}`,
+        onPress: () => removeAt(i),
+        style: styles.tagX,
+        hitSlop: 6,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RemoveIcon, {
+          color: _tokens.colors.accent2
+        })
+      })]
+    }, `${tag}-${i}`)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+      style: styles.input,
+      value: draft,
+      placeholder: placeholder,
+      placeholderTextColor: _tokens.colors.textFaint,
+      accessibilityLabel: placeholder,
+      onChangeText: setDraft,
+      onSubmitEditing: () => addTag(draft),
+      onKeyPress: onKeyPress,
+      blurOnSubmit: false,
+      returnKeyType: "done",
+      autoCapitalize: "none",
+      autoCorrect: false
+    })]
+  });
+}
+
+/* ============================================================================
+   CodeInput — segmented OTP / verification-code entry. A row of single-char
+   boxes (mono, centered). Typing advances focus; Backspace moves back. Focused
+   box gets an accent border; a filled box gets a cyan tint. Mirrors the web
+   `@lockin90/ui` CodeInput.
+   ========================================================================== */
+
+/** Spread a multi-char entry (paste / iOS SMS autofill delivered into one box)
+ *  across the code boxes from `index` on: chars past the last box are dropped,
+ *  and focus lands after the last written char (clamped to the last box).
+ *  (Pure — extracted from `onBoxChange` so the paste math is unit-testable.) */
+function spreadCodeAcrossBoxes(chars, index, digits, length) {
+  const next = chars.slice();
+  for (let i = 0; i < digits.length && index + i < length; i++) {
+    next[index + i] = digits[i];
+  }
+  return {
+    code: next.join(''),
+    focusIndex: Math.min(index + digits.length, length - 1)
+  };
+}
+
+/** Segmented N-digit verification code — auto-advance + backspace. */
+function CodeInput({
+  length = 6,
+  value = '',
+  onChange,
+  error = false,
+  invalid = false,
+  style,
+  ...rest
+}) {
+  const isInvalid = invalid || error;
+  const [code, setCode] = (0, _react.useState)(value.slice(0, length));
+  const [focused, setFocused] = (0, _react.useState)(null);
+  const refs = (0, _react.useRef)([]);
+  const chars = Array.from({
+    length
+  }, (_, i) => code[i] ?? '');
+  const commit = next => {
+    const clamped = next.slice(0, length);
+    setCode(clamped);
+    onChange?.(clamped);
+  };
+  const focusBox = index => {
+    refs.current[Math.max(0, Math.min(length - 1, index))]?.focus();
+  };
+  const onBoxChange = (index, raw) => {
+    // Paste or iOS SMS autofill can deliver the whole code into one box — spread
+    // it across the remaining boxes from here (mirrors the web `onPaste`).
+    const digits = raw.replace(/\s/g, '');
+    if (digits.length > 1) {
+      const spread = spreadCodeAcrossBoxes(chars, index, digits, length);
+      commit(spread.code);
+      focusBox(spread.focusIndex);
+      return;
+    }
+    const ch = digits.slice(-1);
+    const next = chars.slice();
+    next[index] = ch;
+    commit(next.join(''));
+    if (ch) focusBox(index + 1);
+  };
+  const onKeyPress = (index, e) => {
+    if (e.nativeEvent.key !== 'Backspace') return;
+    if (chars[index]) {
+      const next = chars.slice();
+      next[index] = '';
+      commit(next.join(''));
+    } else if (index > 0) {
+      const next = chars.slice();
+      next[index - 1] = '';
+      commit(next.join(''));
+      focusBox(index - 1);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.code, style],
+    ...rest,
+    children: chars.map((ch, i) => {
+      const filled = !!ch;
+      const isFocused = focused === i;
+      const borderColor = isFocused ? _tokens.colors.accent : isInvalid ? _tokens.colors.zoneLow : filled ? 'rgba(34,211,238,0.45)' : _tokens.colors.border2;
+      const backgroundColor = isFocused ? 'rgba(124,92,255,0.06)' : isInvalid ? 'rgba(255,77,109,0.06)' : filled ? 'rgba(34,211,238,0.05)' : _tokens.colors.glass2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+        ref: el => {
+          refs.current[i] = el;
+        },
+        style: [styles.codeBox, {
+          borderColor,
+          backgroundColor
+        }],
+        keyboardType: "number-pad",
+        textContentType: i === 0 ? 'oneTimeCode' : 'none'
+        // box 0 accepts the full code so paste / iOS SMS autofill lands and
+        // spreads across boxes; the rest stay single-char for clean typing.
+        ,
+        maxLength: i === 0 ? length : 1,
+        value: ch,
+        accessibilityLabel: `Digit ${i + 1}`,
+        selectionColor: _tokens.colors.accent,
+        onChangeText: t => onBoxChange(i, t),
+        onKeyPress: e => onKeyPress(i, e),
+        onFocus: () => setFocused(i),
+        onBlur: () => setFocused(cur => cur === i ? null : cur)
+      }, i);
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  /* ---- TagInput ---- */
+  taginput: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    gap: 7,
+    padding: 8,
+    borderRadius: _tokens.radii.sm,
+    borderWidth: 1,
+    borderColor: _tokens.colors.border2,
+    backgroundColor: _tokens.colors.glass2
+  },
+  // invalid: red border + soft red glow standing in for the web's 3px ring
+  // (`.lk-taginput--invalid`: border var(--bad) + 0 0 0 3px rgba(255,77,109,.16))
+  taginputInvalid: {
+    borderColor: _tokens.colors.zoneLow,
+    shadowColor: _tokens.colors.zoneLow,
+    shadowOpacity: 0.16,
+    shadowRadius: 3,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    elevation: 2
+  },
+  tag: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 6,
+    paddingTop: 3,
+    paddingBottom: 3,
+    paddingLeft: 9,
+    paddingRight: 6,
+    borderRadius: _tokens.radii.pill,
+    borderWidth: 1,
+    borderColor: 'rgba(34,211,238,0.3)',
+    backgroundColor: 'rgba(34,211,238,0.1)'
+  },
+  tagText: {
+    color: _tokens.colors.accent2,
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 10.5,
+    lineHeight: 15
+  },
+  tagX: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    opacity: 0.7
+  },
+  input: {
+    flexGrow: 1,
+    flexShrink: 1,
+    minWidth: 90,
+    paddingVertical: 3,
+    paddingHorizontal: 2,
+    color: _tokens.colors.text,
+    fontFamily: _tokens.fonts.ui,
+    fontSize: 12
+  },
+  /* ---- CodeInput ---- */
+  code: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    gap: 10
+  },
+  codeBox: {
+    width: 44,
+    height: 52,
+    textAlign: 'center',
+    // vertical-center the digit: textAlignVertical (Android) + includeFontPadding:false
+    // (drops Android's extra font padding that pushes the glyph up).
+    textAlignVertical: 'center',
+    includeFontPadding: false,
+    fontFamily: _tokens.fonts.mono,
+    fontWeight: '700',
+    fontSize: 22,
+    color: _tokens.colors.text,
+    borderWidth: 1,
+    borderRadius: _tokens.radii.sm,
+    padding: 0
+  }
+});
+//# sourceMappingURL=TagInput.js.map

package/lib/commonjs/components/TagInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RemoveIcon","color","jsx","width","height","viewBox","fill","stroke","strokeWidth","children","Path","d","TagInput","tags","tagsProp","onChange","placeholder","invalid","style","rest","setTags","useState","draft","setDraft","commit","next","addTag","raw","value","trim","includes","removeAt","index","filter","_","onKeyPress","nativeEvent","key","length","jsxs","View","styles","taginput","taginputInvalid","map","tag","Text","tagText","Pressable","accessibilityRole","accessibilityLabel","onPress","tagX","hitSlop","colors","accent2","TextInput","input","placeholderTextColor","textFaint","onChangeText","onSubmitEditing","blurOnSubmit","returnKeyType","autoCapitalize","autoCorrect","spreadCodeAcrossBoxes","chars","digits","slice","code","join","focusIndex","Math","min","CodeInput","error","isInvalid","setCode","focused","setFocused","refs","useRef","Array","from","clamped","focusBox","current","max","focus","onBoxChange","replace","spread","ch","filled","isFocused","borderColor","accent","zoneLow","border2","backgroundColor","glass2","ref","el","codeBox","keyboardType","textContentType","maxLength","selectionColor","onFocus","onBlur","cur","StyleSheet","create","flexDirection","flexWrap","alignItems","gap","padding","borderRadius","radii","sm","borderWidth","shadowColor","shadowOpacity","shadowRadius","shadowOffset","elevation","paddingTop","paddingBottom","paddingLeft","paddingRight","pill","fontFamily","fonts","mono","fontSize","lineHeight","justifyContent","opacity","flexGrow","flexShrink","minWidth","paddingVertical","paddingHorizontal","text","ui","textAlign","textAlignVertical","includeFontPadding","fontWeight"],"sourceRoot":"../../../src","sources":["components/TagInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/TemplateCard.js

@@ -0,0 +1,206 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TemplateCard = TemplateCard;
+var _reactNative = require("react-native");
+var _tokens = require("@lockin90/tokens");
+var _optionalHaptics = require("../internal/optionalHaptics");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Who authored the template — coach/AI show a tinted source pill. */
+
+const SOURCE_PILL = {
+  coach: {
+    label: 'COACH',
+    color: _tokens.colors.mint,
+    border: 'rgba(52,245,197,0.32)',
+    bg: 'rgba(52,245,197,0.10)'
+  },
+  ai: {
+    label: 'AI',
+    color: _tokens.colors.accent,
+    border: 'rgba(124,92,255,0.4)',
+    bg: 'rgba(124,92,255,0.12)'
+  }
+};
+
+/**
+ * TemplateCard — a workout-template row card. Native twin of the web
+ * `TemplateCard` (same prop API): glass surface, display-font name, dim meta
+ * line, faint mono "last used", a small mint `Coach` / violet `AI` source
+ * pill when the template wasn't hand-built, and a `tint` accent bar down the
+ * left edge. With `onPress` the whole card is the tap target.
+ */
+function TemplateCard({
+  name,
+  meta,
+  metaCount,
+  lastUsed,
+  source = 'manual',
+  tint,
+  leading,
+  onPress,
+  trailing,
+  style
+}) {
+  const pill = source !== 'manual' ? SOURCE_PILL[source] : null;
+  const body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [leading == null && tint ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.tint, {
+        backgroundColor: tint
+      }]
+    }) : null, leading != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.leadTile, tint ? {
+        backgroundColor: `${tint}1F`,
+        borderColor: `${tint}52`
+      } : {
+        backgroundColor: _tokens.colors.glass,
+        borderColor: _tokens.colors.border
+      }],
+      children: leading
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.main,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.top,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.name,
+          numberOfLines: 1,
+          children: name
+        }), pill ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.src, {
+            borderColor: pill.border,
+            backgroundColor: pill.bg
+          }],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.srcText, {
+              color: pill.color
+            }],
+            children: pill.label
+          })
+        }) : null]
+      }), (meta != null || metaCount != null) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: styles.meta,
+        children: [meta, meta != null && metaCount != null ? ' · ' : null, metaCount != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.metaCount,
+          children: metaCount
+        }) : null]
+      }), lastUsed != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.last,
+        children: lastUsed
+      })]
+    }), trailing != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.trailing,
+      children: trailing
+    })]
+  });
+  if (onPress) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      accessibilityRole: "button",
+      onPress: () => {
+        (0, _optionalHaptics.hapticSelection)();
+        onPress();
+      },
+      style: ({
+        pressed
+      }) => [styles.card, pressed && styles.pressed, style],
+      children: body
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.card, style],
+    children: body
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    position: 'relative',
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    paddingVertical: 13,
+    paddingHorizontal: 15,
+    borderRadius: _tokens.radii.md,
+    borderWidth: 1,
+    borderColor: _tokens.colors.border,
+    backgroundColor: _tokens.colors.glass,
+    overflow: 'hidden'
+  },
+  pressed: {
+    backgroundColor: _tokens.colors.glass2,
+    borderColor: _tokens.colors.border2
+  },
+  tint: {
+    position: 'absolute',
+    left: 0,
+    top: 10,
+    bottom: 10,
+    width: 3,
+    borderTopRightRadius: 3,
+    borderBottomRightRadius: 3
+  },
+  // leading icon tile (design `.tpl .ti.tile`) — 34×34, tint-colored fill/border
+  leadTile: {
+    width: 34,
+    height: 34,
+    borderRadius: 10,
+    borderWidth: 1,
+    flexShrink: 0,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  main: {
+    flex: 1,
+    minWidth: 0,
+    gap: 3
+  },
+  top: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  name: {
+    flexShrink: 1,
+    fontFamily: _tokens.fonts.display,
+    fontWeight: '700',
+    fontSize: 15,
+    letterSpacing: -0.15,
+    color: _tokens.colors.text
+  },
+  meta: {
+    fontSize: 12,
+    color: _tokens.colors.textDim
+  },
+  // design `.tpl .mt b` — the bold count fragment reads one step brighter
+  // than the dim meta line (mirrors the design's faint→dim relationship).
+  metaCount: {
+    color: _tokens.colors.text,
+    fontWeight: '700'
+  },
+  last: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 10.5,
+    color: _tokens.colors.textFaint,
+    marginTop: 1
+  },
+  trailing: {
+    flexShrink: 0,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  src: {
+    flexShrink: 0,
+    paddingVertical: 3,
+    paddingHorizontal: 7,
+    borderRadius: _tokens.radii.pill,
+    borderWidth: 1
+  },
+  srcText: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 8.5,
+    fontWeight: '600',
+    letterSpacing: 0.7,
+    lineHeight: 9
+  }
+});
+//# sourceMappingURL=TemplateCard.js.map

package/lib/commonjs/components/TemplateCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_tokens","_optionalHaptics","_jsxRuntime","SOURCE_PILL","coach","label","color","colors","mint","border","bg","ai","accent","TemplateCard","name","meta","metaCount","lastUsed","source","tint","leading","onPress","trailing","style","pill","body","jsxs","Fragment","children","jsx","View","styles","backgroundColor","leadTile","borderColor","glass","main","top","Text","numberOfLines","src","srcText","last","Pressable","accessibilityRole","hapticSelection","pressed","card","StyleSheet","create","position","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","borderRadius","radii","md","borderWidth","overflow","glass2","border2","left","bottom","width","borderTopRightRadius","borderBottomRightRadius","height","flexShrink","justifyContent","flex","minWidth","fontFamily","fonts","display","fontWeight","fontSize","letterSpacing","text","textDim","mono","textFaint","marginTop","lineHeight"],"sourceRoot":"../../../src","sources":["components/TemplateCard.tsx"],"mappings":"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","ignoreList":[]}