@lockin90/ui-native 0.0.0-stage → 1.0.1

package/lib/module/components/Table.js

@@ -0,0 +1,452 @@
+"use strict";
+
+import { Fragment, useState } from 'react';
+import { View, Text, Pressable, ScrollView, StyleSheet } from 'react-native';
+import { LinearGradient } from 'expo-linear-gradient';
+import Svg, { Path } from 'react-native-svg';
+import { colors, radii, fonts } from '@lockin90/tokens';
+import { Checkbox } from './Checkbox';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/** Per-tone rail + row wash colors (web `.lk-table-row-ok/-warn/-danger`): a 3px
+ *  left accent bar plus a 6% status tint fading to transparent by 70% of the row. */
+const ROW_TONE = {
+  ok: {
+    rail: colors.zoneHigh,
+    wash: 'rgba(52,245,197,0.06)',
+    washEnd: 'rgba(52,245,197,0)'
+  },
+  warn: {
+    rail: colors.zoneMid,
+    wash: 'rgba(255,176,32,0.06)',
+    washEnd: 'rgba(255,176,32,0)'
+  },
+  danger: {
+    rail: colors.zoneLow,
+    wash: 'rgba(255,77,109,0.06)',
+    washEnd: 'rgba(255,77,109,0)'
+  }
+};
+
+/** Chevron toggle for an expandable row — rotates down→up when its row is open.
+ *  Mirrors the web glyph (`M6 9l6 6 6-6`) + `.lk-table-expand-open` rotation. */
+function ExpandIcon({
+  open
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: open ? styles.expandIconOpen : undefined,
+    children: /*#__PURE__*/_jsx(Svg, {
+      width: 13,
+      height: 13,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: colors.textFaint,
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /*#__PURE__*/_jsx(Path, {
+        d: "M6 9l6 6 6-6"
+      })
+    })
+  });
+}
+
+/** Sort indicator glyph next to a sortable header: a neutral up/down chevron pair
+ *  (↕) when the column isn't the active sort, a single up/down chevron when it is.
+ *  Mirrors the web glyph (`M7 10l5-5 5 5` up / `M7 14l5 5 5-5` down). */
+function SortIcon({
+  state
+}) {
+  return /*#__PURE__*/_jsxs(Svg, {
+    width: 11,
+    height: 11,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: state === 'none' ? colors.textFaint : colors.accent,
+    strokeWidth: 2.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [state !== 'desc' && /*#__PURE__*/_jsx(Path, {
+      d: "M7 10l5-5 5 5"
+    }), state !== 'asc' && /*#__PURE__*/_jsx(Path, {
+      d: "M7 14l5 5 5-5"
+    })]
+  });
+}
+
+/** Next expanded-keys list after toggling `key`: removed when present, appended
+ *  when absent (set semantics — duplicates collapse, order of survivors kept).
+ *  (Pure — extracted from the component so the bookkeeping is unit-testable.) */
+export function toggleExpandKey(keys, key) {
+  const next = new Set(keys);
+  if (next.has(key)) next.delete(key);else next.add(key);
+  return [...next];
+}
+const DEFAULT_COLUMNS = [{
+  key: 'name',
+  header: 'User'
+}, {
+  key: 'plan',
+  header: 'Plan'
+}, {
+  key: 'mrr',
+  header: 'MRR',
+  align: 'right',
+  mono: true
+}, {
+  key: 'status',
+  header: 'Status'
+}];
+const DEFAULT_ROWS = [{
+  name: 'Ava Mitchell',
+  plan: 'Pro',
+  mrr: '$29.00',
+  status: 'Active'
+}, {
+  name: 'Liam Carter',
+  plan: 'Team',
+  mrr: '$99.00',
+  status: 'Active'
+}, {
+  name: 'Noah Bennett',
+  plan: 'Pro',
+  mrr: '$29.00',
+  status: 'Trialing'
+}, {
+  name: 'Emma Reyes',
+  plan: 'Free',
+  mrr: '$0.00',
+  status: 'Churned'
+}];
+const alignSelf = a => a === 'right' ? 'flex-end' : a === 'center' ? 'center' : 'flex-start';
+const textAlign = a => a ?? 'left';
+
+/** Glass data table — RN has no `<table>`, so it's built with Views: a
+ *  mono-uppercase faint header row, then a Pressable hairline-bordered row per
+ *  datum, cells flexing by column with align + mono support and an opt-in dense
+ *  mode. Wrapped in a horizontal ScrollView for overflow. The base admin atom. */
+export function Table({
+  columns = DEFAULT_COLUMNS,
+  rows = DEFAULT_ROWS,
+  onRowClick,
+  dense,
+  sortKey,
+  sortDir = 'asc',
+  onSort,
+  selectable = false,
+  rowKey = (_row, i) => String(i),
+  selectedKeys,
+  onSelectionChange,
+  rowTone,
+  expandable = false,
+  renderDetail,
+  expandedKeys,
+  onExpandedChange
+}) {
+  const clickable = typeof onRowClick === 'function';
+
+  // Expansion bookkeeping — controlled via `expandedKeys`/`onExpandedChange`, else
+  // an internal set. Only meaningful when `expandable` is on. The chevron column is
+  // added when `expandable` is set regardless of whether a `renderDetail` is given.
+  const [internalExpanded, setInternalExpanded] = useState([]);
+  const expandedControlled = expandedKeys !== undefined;
+  const expanded = new Set(expandedControlled ? expandedKeys : internalExpanded);
+  const toggleExpanded = key => {
+    const arr = toggleExpandKey(expanded, key);
+    if (!expandedControlled) setInternalExpanded(arr);
+    onExpandedChange?.(arr);
+  };
+
+  // Selection bookkeeping — only meaningful when `selectable` is on.
+  const selected = new Set(selectedKeys ?? []);
+  const allKeys = selectable ? rows.map((row, i) => rowKey(row, i)) : [];
+  const allSelected = allKeys.length > 0 && allKeys.every(k => selected.has(k));
+  const someSelected = allKeys.some(k => selected.has(k));
+  const toggleRow = key => {
+    const next = new Set(selected);
+    if (next.has(key)) next.delete(key);else next.add(key);
+    onSelectionChange?.([...next]);
+  };
+  const toggleAll = () => {
+    onSelectionChange?.(allSelected ? [] : allKeys);
+  };
+  const cellBox = col => [dense ? styles.cellDense : styles.cell, col.width != null ? {
+    width: col.width,
+    alignItems: alignSelf(col.align)
+  } : {
+    flex: 1,
+    alignItems: alignSelf(col.align)
+  }];
+  return /*#__PURE__*/_jsx(ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.table,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: [styles.head, dense && styles.headDense],
+        children: [expandable &&
+        /*#__PURE__*/
+        // empty leading header cell over the chevron column (web th "Expand row")
+        _jsx(View, {
+          style: [dense ? styles.cellDense : styles.cell, styles.expandCell]
+        }), selectable && /*#__PURE__*/_jsx(View, {
+          style: [dense ? styles.cellDense : styles.cell, styles.selectCell],
+          children: /*#__PURE__*/_jsx(Checkbox, {
+            checked: allSelected,
+            indeterminate: !allSelected && someSelected,
+            onChange: toggleAll
+          })
+        }), columns.map(col => {
+          const isActive = sortKey === col.key;
+          const sortable = Boolean(col.sortable) && typeof onSort === 'function';
+          const label = /*#__PURE__*/_jsx(Text, {
+            style: [styles.th, isActive && styles.thActive, {
+              textAlign: textAlign(col.align)
+            }],
+            numberOfLines: 1,
+            children: col.header.toUpperCase()
+          });
+          if (!sortable) {
+            return /*#__PURE__*/_jsx(View, {
+              style: cellBox(col),
+              children: label
+            }, col.key);
+          }
+          return /*#__PURE__*/_jsx(View, {
+            style: cellBox(col),
+            children: /*#__PURE__*/_jsxs(Pressable, {
+              accessibilityRole: "button",
+              onPress: () => onSort(col.key),
+              style: [styles.sortHead, col.align === 'right' && styles.sortHeadReverse],
+              children: [label, /*#__PURE__*/_jsx(SortIcon, {
+                state: isActive ? sortDir : 'none'
+              })]
+            })
+          }, col.key);
+        })]
+      }), rows.map((row, i) => {
+        const last = i === rows.length - 1;
+        const key = selectable ? rowKey(row, i) : undefined;
+        const isSelected = key != null && selected.has(key);
+        // Tone: explicit `rowTone` accessor wins, else the row's own `_tone` field.
+        const tone = rowTone?.(row, i) ?? row._tone;
+        const toneColors = tone ? ROW_TONE[tone] : undefined;
+        // Expansion uses the same `rowKey` accessor so keys stay consistent with
+        // selection; it's evaluated independently of `selectable`.
+        const expandKey = expandable ? rowKey(row, i) : undefined;
+        const isExpanded = expandKey != null && expanded.has(expandKey);
+        const RowInner = /*#__PURE__*/_jsxs(View, {
+          style: [styles.row, dense && styles.rowDense, last && styles.rowLast, isSelected && styles.rowSelected, isExpanded && styles.rowExpanded],
+          children: [toneColors &&
+          /*#__PURE__*/
+          // Decorative status tint — a wash fading across the row + a 3px
+          // left rail. Absolutely positioned so there's no layout shift and
+          // the pressed glass still reads on top.
+          _jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(LinearGradient, {
+              colors: [toneColors.wash, toneColors.washEnd],
+              locations: [0, 0.7],
+              start: {
+                x: 0,
+                y: 0
+              },
+              end: {
+                x: 1,
+                y: 0
+              },
+              style: StyleSheet.absoluteFill,
+              pointerEvents: "none"
+            }), /*#__PURE__*/_jsx(View, {
+              style: [styles.toneRail, {
+                backgroundColor: toneColors.rail
+              }],
+              pointerEvents: "none"
+            })]
+          }), expandable &&
+          /*#__PURE__*/
+          // Chevron is its own Pressable; pressing it captures the touch so
+          // the outer row Pressable's onRowClick does NOT fire.
+          _jsx(View, {
+            style: [dense ? styles.cellDense : styles.cell, styles.expandCell],
+            children: /*#__PURE__*/_jsx(Pressable, {
+              accessibilityRole: "button",
+              accessibilityLabel: isExpanded ? 'Collapse row' : 'Expand row',
+              accessibilityState: {
+                expanded: isExpanded
+              },
+              onPress: () => toggleExpanded(expandKey),
+              hitSlop: 6,
+              style: styles.expandBtn,
+              children: /*#__PURE__*/_jsx(ExpandIcon, {
+                open: isExpanded
+              })
+            })
+          }), selectable &&
+          /*#__PURE__*/
+          // Checkbox is its own Pressable; pressing it captures the touch so the
+          // outer row Pressable's onRowClick does NOT fire.
+          _jsx(View, {
+            style: [dense ? styles.cellDense : styles.cell, styles.selectCell],
+            children: /*#__PURE__*/_jsx(Checkbox, {
+              checked: isSelected,
+              onChange: () => toggleRow(key)
+            })
+          }), columns.map(col => /*#__PURE__*/_jsx(View, {
+            style: cellBox(col),
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.td, dense && styles.tdDense, col.mono && styles.tdMono, {
+                textAlign: textAlign(col.align)
+              }],
+              numberOfLines: 1,
+              children: row[col.key]
+            })
+          }, col.key))]
+        });
+        return /*#__PURE__*/_jsxs(Fragment, {
+          children: [clickable ? /*#__PURE__*/_jsx(Pressable, {
+            onPress: () => onRowClick(row, i),
+            style: ({
+              pressed
+            }) => pressed ? styles.pressed : undefined,
+            children: RowInner
+          }) : /*#__PURE__*/_jsx(View, {
+            children: RowInner
+          }), expandable && isExpanded && renderDetail &&
+          /*#__PURE__*/
+          // full-width detail panel beneath the expanded row — flush cell,
+          // accent-tinted inner band (web `.lk-table-detail-row/-cell/-inner`)
+          _jsx(View, {
+            style: [styles.detail, last && styles.detailLast],
+            children: /*#__PURE__*/_jsx(View, {
+              style: styles.detailInner,
+              children: renderDetail(row, i)
+            })
+          })]
+        }, i);
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  table: {
+    minWidth: '100%'
+  },
+  head: {
+    flexDirection: 'row',
+    backgroundColor: colors.glass2,
+    borderBottomWidth: 1,
+    borderBottomColor: colors.border
+  },
+  headDense: {},
+  // Per-cell padding so text isn't cramped against the cell edge; header and
+  // data cells share the same horizontal padding so columns line up (web: th 9/12, td 10/12).
+  cell: {
+    paddingVertical: 10,
+    paddingHorizontal: 12
+  },
+  cellDense: {
+    paddingVertical: 8,
+    paddingHorizontal: 10
+  },
+  th: {
+    fontFamily: fonts.mono,
+    fontSize: 10,
+    fontWeight: '500',
+    letterSpacing: 1.2,
+    color: colors.textFaint
+  },
+  // active sorted header brightens to match web (.lk-table-th-active)
+  thActive: {
+    color: colors.text
+  },
+  // sortable header: label + chevron on one pressable line; reversed for right-aligned cols
+  sortHead: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 5
+  },
+  sortHeadReverse: {
+    flexDirection: 'row-reverse'
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderBottomWidth: 1,
+    borderBottomColor: colors.border
+  },
+  rowDense: {},
+  rowLast: {
+    borderBottomWidth: 0
+  },
+  // selected row keeps a faint persistent tint (distinct from the pressed glass)
+  rowSelected: {
+    backgroundColor: colors.glass
+  },
+  // the open parent row keeps a faint accent tint (matches the detail panel)
+  rowExpanded: {
+    backgroundColor: 'rgba(124,92,255,0.05)'
+  },
+  // the 3px status accent bar hugging a toned row's left edge
+  toneRail: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    width: 3
+  },
+  // leading chevron column: narrow, content hugs, button centered
+  expandCell: {
+    width: 36,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  expandBtn: {
+    width: 22,
+    height: 22,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: radii.sm
+  },
+  // chevron points down when collapsed, flips up when the row is open
+  expandIconOpen: {
+    transform: [{
+      rotate: '180deg'
+    }]
+  },
+  // detail panel: flush hairline-bordered cell + accent-tinted padded inner band
+  detail: {
+    borderBottomWidth: 1,
+    borderBottomColor: colors.border
+  },
+  detailLast: {
+    borderBottomWidth: 0
+  },
+  detailInner: {
+    padding: 16,
+    backgroundColor: 'rgba(124,92,255,0.05)',
+    borderTopWidth: 1,
+    borderTopColor: 'rgba(124,92,255,0.18)'
+  },
+  // leading checkbox column: narrow, content hugs, box centered
+  selectCell: {
+    width: 44,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  pressed: {
+    backgroundColor: colors.glass
+  },
+  td: {
+    fontFamily: fonts.ui,
+    fontSize: 13,
+    color: colors.textDim
+  },
+  tdDense: {
+    fontSize: 12.5
+  },
+  tdMono: {
+    fontFamily: fonts.mono,
+    fontVariant: ['tabular-nums'],
+    color: colors.text
+  }
+});
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Fragment","useState","View","Text","Pressable","ScrollView","StyleSheet","LinearGradient","Svg","Path","colors","radii","fonts","Checkbox","jsx","_jsx","jsxs","_jsxs","_Fragment","ROW_TONE","ok","rail","zoneHigh","wash","washEnd","warn","zoneMid","danger","zoneLow","ExpandIcon","open","style","styles","expandIconOpen","undefined","children","width","height","viewBox","fill","stroke","textFaint","strokeWidth","strokeLinecap","strokeLinejoin","d","SortIcon","state","accent","toggleExpandKey","keys","key","next","Set","has","delete","add","DEFAULT_COLUMNS","header","align","mono","DEFAULT_ROWS","name","plan","mrr","status","alignSelf","a","textAlign","Table","columns","rows","onRowClick","dense","sortKey","sortDir","onSort","selectable","rowKey","_row","i","String","selectedKeys","onSelectionChange","rowTone","expandable","renderDetail","expandedKeys","onExpandedChange","clickable","internalExpanded","setInternalExpanded","expandedControlled","expanded","toggleExpanded","arr","selected","allKeys","map","row","allSelected","length","every","k","someSelected","some","toggleRow","toggleAll","cellBox","col","cellDense","cell","alignItems","flex","horizontal","showsHorizontalScrollIndicator","table","head","headDense","expandCell","selectCell","checked","indeterminate","onChange","isActive","sortable","Boolean","label","th","thActive","numberOfLines","toUpperCase","accessibilityRole","onPress","sortHead","sortHeadReverse","last","isSelected","tone","_tone","toneColors","expandKey","isExpanded","RowInner","rowDense","rowLast","rowSelected","rowExpanded","locations","start","x","y","end","absoluteFill","pointerEvents","toneRail","backgroundColor","accessibilityLabel","accessibilityState","hitSlop","expandBtn","td","tdDense","tdMono","pressed","detail","detailLast","detailInner","create","minWidth","flexDirection","glass2","borderBottomWidth","borderBottomColor","border","paddingVertical","paddingHorizontal","fontFamily","fontSize","fontWeight","letterSpacing","color","text","gap","glass","position","top","bottom","left","justifyContent","borderRadius","sm","transform","rotate","padding","borderTopWidth","borderTopColor","ui","textDim","fontVariant"],"sourceRoot":"../../../src","sources":["components/Table.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Tabs.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import { View, Text, Pressable, StyleSheet } from 'react-native';
+import { LinearGradient } from 'expo-linear-gradient';
+import { colors, fonts, gradients } from '@lockin90/tokens';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Underline tab bar — a horizontal row of text tabs along a 1px bottom rail; the
+ * active tab is brighter and carries a 2px accent-gradient underline sitting on
+ * the rail. Distinct from the pill-track `SegmentedTabs`. Mirrors the web
+ * `@lockin90/ui` `Tabs`.
+ */
+export function Tabs({
+  tabs = ['Overview', 'Activity', 'Settings'],
+  active = 0,
+  onChange
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.rail,
+    accessibilityRole: "tablist",
+    children: tabs.map((label, i) => {
+      const isActive = i === active;
+      return /*#__PURE__*/_jsxs(Pressable, {
+        accessibilityRole: "tab",
+        accessibilityState: {
+          selected: isActive
+        },
+        onPress: () => onChange?.(i),
+        style: ({
+          pressed
+        }) => [styles.tab, pressed && styles.tabPressed],
+        children: [/*#__PURE__*/_jsx(Text, {
+          numberOfLines: 1,
+          style: [styles.label, {
+            color: isActive ? colors.text : colors.textDim
+          }],
+          children: label
+        }), isActive && /*#__PURE__*/_jsx(LinearGradient, {
+          colors: gradients.cta.stops,
+          start: {
+            x: 0,
+            y: 0
+          },
+          end: {
+            x: 1,
+            y: 0
+          },
+          style: styles.underline
+        })]
+      }, i);
+    })
+  });
+}
+const styles = StyleSheet.create({
+  rail: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    borderBottomWidth: 1,
+    borderBottomColor: colors.border
+  },
+  tab: {
+    marginRight: 22,
+    paddingVertical: 10,
+    paddingHorizontal: 4
+  },
+  tabPressed: {
+    opacity: 0.7
+  },
+  label: {
+    fontFamily: fonts.ui,
+    fontSize: 14,
+    fontWeight: '600',
+    letterSpacing: -0.07
+  },
+  underline: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    bottom: -1,
+    height: 2,
+    borderRadius: 2
+  }
+});
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","Pressable","StyleSheet","LinearGradient","colors","fonts","gradients","jsx","_jsx","jsxs","_jsxs","Tabs","tabs","active","onChange","style","styles","rail","accessibilityRole","children","map","label","i","isActive","accessibilityState","selected","onPress","pressed","tab","tabPressed","numberOfLines","color","text","textDim","cta","stops","start","x","y","end","underline","create","flexDirection","alignItems","borderBottomWidth","borderBottomColor","border","marginRight","paddingVertical","paddingHorizontal","opacity","fontFamily","ui","fontSize","fontWeight","letterSpacing","position","left","right","bottom","height","borderRadius"],"sourceRoot":"../../../src","sources":["components/Tabs.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AAChE,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,MAAM,EAAEC,KAAK,EAAEC,SAAS,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW5D;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,IAAIA,CAAC;EACnBC,IAAI,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;EAC3CC,MAAM,GAAG,CAAC;EACVC;AACS,CAAC,EAAE;EACZ,oBACEN,IAAA,CAACT,IAAI;IAACgB,KAAK,EAAEC,MAAM,CAACC,IAAK;IAACC,iBAAiB,EAAC,SAAS;IAAAC,QAAA,EAClDP,IAAI,CAACQ,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,KAAK;MACtB,MAAMC,QAAQ,GAAGD,CAAC,KAAKT,MAAM;MAC7B,oBACEH,KAAA,CAACT,SAAS;QAERiB,iBAAiB,EAAC,KAAK;QACvBM,kBAAkB,EAAE;UAAEC,QAAQ,EAAEF;QAAS,CAAE;QAC3CG,OAAO,EAAEA,CAAA,KAAMZ,QAAQ,GAAGQ,CAAC,CAAE;QAC7BP,KAAK,EAAEA,CAAC;UAAEY;QAAQ,CAAC,KAAK,CAACX,MAAM,CAACY,GAAG,EAAED,OAAO,IAAIX,MAAM,CAACa,UAAU,CAAE;QAAAV,QAAA,gBAEnEX,IAAA,CAACR,IAAI;UACH8B,aAAa,EAAE,CAAE;UACjBf,KAAK,EAAE,CAACC,MAAM,CAACK,KAAK,EAAE;YAAEU,KAAK,EAAER,QAAQ,GAAGnB,MAAM,CAAC4B,IAAI,GAAG5B,MAAM,CAAC6B;UAAQ,CAAC,CAAE;UAAAd,QAAA,EAEzEE;QAAK,CACF,CAAC,EACNE,QAAQ,iBACPf,IAAA,CAACL,cAAc;UACbC,MAAM,EAAEE,SAAS,CAAC4B,GAAG,CAACC,KAAqC;UAC3DC,KAAK,EAAE;YAAEC,CAAC,EAAE,CAAC;YAAEC,CAAC,EAAE;UAAE,CAAE;UACtBC,GAAG,EAAE;YAAEF,CAAC,EAAE,CAAC;YAAEC,CAAC,EAAE;UAAE,CAAE;UACpBvB,KAAK,EAAEC,MAAM,CAACwB;QAAU,CACzB,CACF;MAAA,GAnBIlB,CAoBI,CAAC;IAEhB,CAAC;EAAC,CACE,CAAC;AAEX;AAEA,MAAMN,MAAM,GAAGd,UAAU,CAACuC,MAAM,CAAC;EAC/BxB,IAAI,EAAE;IACJyB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,UAAU;IACtBC,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAEzC,MAAM,CAAC0C;EAC5B,CAAC;EACDlB,GAAG,EAAE;IACHmB,WAAW,EAAE,EAAE;IACfC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDpB,UAAU,EAAE;IAAEqB,OAAO,EAAE;EAAI,CAAC;EAC5B7B,KAAK,EAAE;IACL8B,UAAU,EAAE9C,KAAK,CAAC+C,EAAE;IACpBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,CAAC;EAClB,CAAC;EACDf,SAAS,EAAE;IACTgB,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC,CAAC;IACVC,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/TagCloud.js

@@ -0,0 +1,113 @@
+"use strict";
+
+import { View, Text, Pressable, StyleSheet } from 'react-native';
+import { colors, radii, fonts } from '@lockin90/tokens';
+
+/* ============================================================================
+   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. */
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 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.
+ */
+export 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: colors.accent2,
+    border: 'rgba(34,211,238,0.3)',
+    bg: 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. */
+export function TagCloud({
+  tags,
+  colorMode = 'mono',
+  onTagPress,
+  style,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx(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__*/_jsx(Pressable, {
+          onPress: handler,
+          style: pillStyle,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: textStyle,
+            children: tag.label
+          })
+        }, `${tag.label}-${i}`);
+      }
+      return /*#__PURE__*/_jsx(View, {
+        style: pillStyle,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: textStyle,
+          children: tag.label
+        })
+      }, `${tag.label}-${i}`);
+    })
+  });
+}
+const styles = StyleSheet.create({
+  cloud: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 8
+  },
+  tag: {
+    paddingVertical: 4,
+    paddingHorizontal: 11,
+    borderRadius: radii.pill,
+    borderWidth: 1,
+    borderColor: colors.border,
+    backgroundColor: colors.glass
+  },
+  label: {
+    fontFamily: fonts.mono,
+    color: colors.textDim
+  }
+});
+//# sourceMappingURL=TagCloud.js.map