@lockin90/ui-native 0.0.0-stage → 1.0.1

package/lib/module/components/Select.js

@@ -0,0 +1,375 @@
+"use strict";
+
+import { useState } from 'react';
+import { View, Text, Pressable, Modal, ScrollView, KeyboardAvoidingView, Platform, StyleSheet } from 'react-native';
+import Svg, { Path } from 'react-native-svg';
+import { colors, radii, fonts } from '@lockin90/tokens';
+import { hapticSelection } from "../internal/optionalHaptics";
+import { SearchInput } from './FormField';
+
+/** A single option in a {@link Select}. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_OPTIONS = [{
+  value: 'one',
+  label: 'Option one'
+}, {
+  value: 'two',
+  label: 'Option two'
+}, {
+  value: 'three',
+  label: 'Option three'
+}];
+
+/** Down chevron matching the web glyph (`M6 9l6 6 6-6`). */
+function Chevron({
+  color,
+  size = 16
+}) {
+  return /*#__PURE__*/_jsx(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: size < 16 ? 1.8 : 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /*#__PURE__*/_jsx(Path, {
+      d: "M6 9l6 6 6-6"
+    })
+  });
+}
+
+/** Checkmark shown on the selected option row (mirrors the web Select). */
+function Check({
+  color
+}) {
+  return /*#__PURE__*/_jsx(Svg, {
+    width: 16,
+    height: 16,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: 2.4,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /*#__PURE__*/_jsx(Path, {
+      d: "M5 13l4 4L19 7"
+    })
+  });
+}
+
+/** Close glyph for the sheet header. */
+function CloseX({
+  color
+}) {
+  return /*#__PURE__*/_jsx(Svg, {
+    width: 20,
+    height: 20,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /*#__PURE__*/_jsx(Path, {
+      d: "M18 6 6 18M6 6l12 12"
+    })
+  });
+}
+
+/** Dark glassy custom select (NOT a browser `<select>`). RN has no native
+ *  `<select>`, so pressing the field opens a bottom-sheet Modal of styled options
+ *  with a selected checkmark. Mirrors the web Select look + prop API. */
+export function Select({
+  options = DEFAULT_OPTIONS,
+  value,
+  onChange,
+  placeholder,
+  label,
+  invalid = false,
+  disabled = false,
+  searchable = false,
+  searchPlaceholder = 'Search…',
+  title,
+  size = 'md',
+  leading
+}) {
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState('');
+  const selected = options.find(o => o.value === value);
+  const isSm = size === 'sm';
+  const shown = searchable && query.trim() ? options.filter(o => o.label.toLowerCase().includes(query.trim().toLowerCase())) : options;
+  function close() {
+    setOpen(false);
+    setQuery('');
+  }
+  function choose(v) {
+    close();
+    onChange?.(v);
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrap, isSm && styles.wrapSm],
+    children: [label ? /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: label.toUpperCase()
+    }) : null, /*#__PURE__*/_jsxs(Pressable, {
+      style: [styles.field, isSm && styles.fieldSm, invalid && styles.fieldInvalid, disabled && styles.fieldDisabled],
+      accessibilityRole: "button",
+      accessibilityState: {
+        disabled,
+        expanded: open
+      },
+      disabled: disabled,
+      onPress: () => {
+        hapticSelection();
+        setOpen(true);
+      },
+      children: [leading != null ? /*#__PURE__*/_jsx(View, {
+        style: styles.leading,
+        children: leading
+      }) : null, /*#__PURE__*/_jsx(Text, {
+        style: [styles.value, isSm && styles.valueSm, !selected && styles.placeholder],
+        numberOfLines: 1,
+        children: selected ? selected.label : placeholder ?? ''
+      }), /*#__PURE__*/_jsx(Chevron, {
+        color: isSm ? colors.textFaint : colors.textDim,
+        size: isSm ? 13 : 16
+      })]
+    }), /*#__PURE__*/_jsx(Modal, {
+      visible: open,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: close,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.backdrop,
+        children: [/*#__PURE__*/_jsx(Pressable, {
+          style: styles.dismissArea,
+          onPress: close
+        }), /*#__PURE__*/_jsxs(KeyboardAvoidingView, {
+          behavior: Platform.OS === 'ios' ? 'padding' : undefined,
+          style: [styles.sheet, searchable ? styles.sheetTall : styles.sheetAuto],
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.handle
+          }), title ? /*#__PURE__*/_jsxs(View, {
+            style: styles.header,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.title,
+              children: title.toUpperCase()
+            }), /*#__PURE__*/_jsx(Pressable, {
+              accessibilityRole: "button",
+              accessibilityLabel: "Close",
+              hitSlop: 8,
+              onPress: close,
+              style: styles.closeBtn,
+              children: /*#__PURE__*/_jsx(CloseX, {
+                color: colors.textDim
+              })
+            })]
+          }) : null, searchable ?
+          /*#__PURE__*/
+          /* the ONE search primitive (kit rule: never a bare TextInput where
+             SearchInput exists) — sm shape to sit among fields, autofocused */
+          _jsx(View, {
+            style: styles.searchWrap,
+            children: /*#__PURE__*/_jsx(SearchInput, {
+              shape: "sm",
+              value: query,
+              onChange: setQuery,
+              placeholder: searchPlaceholder,
+              autoCorrect: false,
+              autoCapitalize: "none",
+              autoFocus: true,
+              returnKeyType: "search"
+            })
+          }) : null, /*#__PURE__*/_jsx(ScrollView, {
+            style: searchable ? styles.scrollFill : styles.scroll,
+            contentContainerStyle: styles.scrollContent,
+            showsVerticalScrollIndicator: true,
+            keyboardShouldPersistTaps: "handled",
+            bounces: false,
+            children: shown.map(opt => {
+              const isSel = opt.value === value;
+              return /*#__PURE__*/_jsxs(Pressable, {
+                style: ({
+                  pressed
+                }) => [styles.row, pressed && !opt.disabled && styles.rowPressed],
+                accessibilityRole: "button",
+                accessibilityState: {
+                  selected: isSel,
+                  disabled: opt.disabled
+                },
+                disabled: opt.disabled,
+                onPress: () => choose(opt.value),
+                children: [/*#__PURE__*/_jsx(Text, {
+                  style: [styles.rowLabel, isSel && styles.rowLabelSel, opt.disabled && styles.rowLabelDisabled],
+                  numberOfLines: 1,
+                  children: opt.label
+                }), isSel ? /*#__PURE__*/_jsx(Check, {
+                  color: colors.accent
+                }) : null]
+              }, opt.value);
+            })
+          })]
+        })]
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  wrap: {
+    flexDirection: 'column',
+    gap: 6,
+    alignSelf: 'stretch'
+  },
+  // sm hugs its content instead of stretching (design `.pref-select` pill)
+  wrapSm: {
+    alignSelf: 'auto'
+  },
+  label: {
+    fontFamily: fonts.ui,
+    fontSize: 10,
+    fontWeight: '500',
+    letterSpacing: 1.2,
+    color: colors.textFaint
+  },
+  field: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 8,
+    borderRadius: radii.sm,
+    borderWidth: 1,
+    borderColor: colors.border2,
+    backgroundColor: colors.glass2,
+    paddingVertical: 9,
+    paddingLeft: 12,
+    paddingRight: 11
+  },
+  // sm — design settings `.pref-select`: mono glass pill, `--border` hairline,
+  // r10, padding 6×9 (lead icon → text gap 5, mock `.lang-wrap` geometry)
+  fieldSm: {
+    gap: 5,
+    borderColor: colors.border,
+    paddingVertical: 6,
+    paddingLeft: 9,
+    paddingRight: 8
+  },
+  fieldInvalid: {
+    borderColor: colors.zoneLow
+  },
+  fieldDisabled: {
+    opacity: 0.55
+  },
+  leading: {
+    flexShrink: 0,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  value: {
+    flexShrink: 1,
+    fontFamily: fonts.ui,
+    fontSize: 14,
+    color: colors.text
+  },
+  valueSm: {
+    fontFamily: fonts.mono,
+    fontSize: 11
+  },
+  placeholder: {
+    color: colors.textFaint
+  },
+  backdrop: {
+    flex: 1,
+    backgroundColor: 'rgba(0,0,0,0.55)',
+    justifyContent: 'flex-end'
+  },
+  dismissArea: {
+    flex: 1
+  },
+  sheet: {
+    backgroundColor: colors.bg1,
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+    borderWidth: 1,
+    borderColor: colors.border,
+    paddingTop: 8
+  },
+  // Searchable (long) lists: fixed ~90% tall sheet, matching the edit sheets, list scrolls.
+  sheetTall: {
+    height: '80%'
+  },
+  // Short lists: size to content, cap so it never overflows.
+  sheetAuto: {
+    maxHeight: '80%'
+  },
+  handle: {
+    width: 38,
+    height: 4,
+    borderRadius: 99,
+    backgroundColor: colors.border2,
+    alignSelf: 'center',
+    marginBottom: 8
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 16,
+    paddingBottom: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: colors.border
+  },
+  title: {
+    fontFamily: fonts.mono,
+    fontSize: 11,
+    letterSpacing: 1.5,
+    color: colors.textFaint
+  },
+  closeBtn: {
+    width: 28,
+    height: 28,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  searchWrap: {
+    marginHorizontal: 16,
+    marginTop: 12
+  },
+  scroll: {
+    flexGrow: 0
+  },
+  scrollFill: {
+    flex: 1
+  },
+  scrollContent: {
+    paddingTop: 4,
+    paddingBottom: 28
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 12,
+    paddingVertical: 14,
+    paddingHorizontal: 16
+  },
+  rowPressed: {
+    backgroundColor: colors.glass2
+  },
+  rowLabel: {
+    flexShrink: 1,
+    fontFamily: fonts.ui,
+    fontSize: 15,
+    color: colors.textDim
+  },
+  rowLabelSel: {
+    color: colors.accent,
+    fontWeight: '600'
+  },
+  rowLabelDisabled: {
+    color: colors.textFaint,
+    opacity: 0.6
+  }
+});
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","Text","Pressable","Modal","ScrollView","KeyboardAvoidingView","Platform","StyleSheet","Svg","Path","colors","radii","fonts","hapticSelection","SearchInput","jsx","_jsx","jsxs","_jsxs","DEFAULT_OPTIONS","value","label","Chevron","color","size","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","children","d","Check","CloseX","Select","options","onChange","placeholder","invalid","disabled","searchable","searchPlaceholder","title","leading","open","setOpen","query","setQuery","selected","find","o","isSm","shown","trim","filter","toLowerCase","includes","close","choose","v","style","styles","wrap","wrapSm","toUpperCase","field","fieldSm","fieldInvalid","fieldDisabled","accessibilityRole","accessibilityState","expanded","onPress","valueSm","numberOfLines","textFaint","textDim","visible","transparent","animationType","onRequestClose","backdrop","dismissArea","behavior","OS","undefined","sheet","sheetTall","sheetAuto","handle","header","accessibilityLabel","hitSlop","closeBtn","searchWrap","shape","autoCorrect","autoCapitalize","autoFocus","returnKeyType","scrollFill","scroll","contentContainerStyle","scrollContent","showsVerticalScrollIndicator","keyboardShouldPersistTaps","bounces","map","opt","isSel","pressed","row","rowPressed","rowLabel","rowLabelSel","rowLabelDisabled","accent","create","flexDirection","gap","alignSelf","fontFamily","ui","fontSize","fontWeight","letterSpacing","alignItems","justifyContent","borderRadius","sm","borderWidth","borderColor","border2","backgroundColor","glass2","paddingVertical","paddingLeft","paddingRight","border","zoneLow","opacity","flexShrink","text","mono","flex","bg1","borderTopLeftRadius","borderTopRightRadius","paddingTop","maxHeight","marginBottom","paddingHorizontal","paddingBottom","borderBottomWidth","borderBottomColor","marginHorizontal","marginTop","flexGrow"],"sourceRoot":"../../../src","sources":["components/Select.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAwB,OAAO;AAChD,SACEC,IAAI,EACJC,IAAI,EACJC,SAAS,EACTC,KAAK,EACLC,UAAU,EAEVC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,QACL,cAAc;AACrB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,SAASC,MAAM,EAAEC,KAAK,EAAEC,KAAK,QAAQ,kBAAkB;AACvD,SAASC,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,WAAW,QAAQ,aAAa;;AAEzC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA2CA,MAAMC,eAA+B,GAAG,CACtC;EAAEC,KAAK,EAAE,KAAK;EAAEC,KAAK,EAAE;AAAa,CAAC,EACrC;EAAED,KAAK,EAAE,KAAK;EAAEC,KAAK,EAAE;AAAa,CAAC,EACrC;EAAED,KAAK,EAAE,OAAO;EAAEC,KAAK,EAAE;AAAe,CAAC,CAC1C;;AAED;AACA,SAASC,OAAOA,CAAC;EAAEC,KAAK;EAAEC,IAAI,GAAG;AAAqC,CAAC,EAAE;EACvE,oBACER,IAAA,CAACR,GAAG;IACFiB,KAAK,EAAED,IAAK;IACZE,MAAM,EAAEF,IAAK;IACbG,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAEN,KAAM;IACdO,WAAW,EAAEN,IAAI,GAAG,EAAE,GAAG,GAAG,GAAG,CAAE;IACjCO,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IAAAC,QAAA,eAEtBjB,IAAA,CAACP,IAAI;MAACyB,CAAC,EAAC;IAAc,CAAE;EAAC,CACtB,CAAC;AAEV;;AAEA;AACA,SAASC,KAAKA,CAAC;EAAEZ;AAAyB,CAAC,EAAE;EAC3C,oBACEP,IAAA,CAACR,GAAG;IAACiB,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAACC,MAAM,EAAEN,KAAM;IAACO,WAAW,EAAE,GAAI;IAACC,aAAa,EAAC,OAAO;IAACC,cAAc,EAAC,OAAO;IAAAC,QAAA,eACvIjB,IAAA,CAACP,IAAI;MAACyB,CAAC,EAAC;IAAgB,CAAE;EAAC,CACxB,CAAC;AAEV;;AAEA;AACA,SAASE,MAAMA,CAAC;EAAEb;AAAyB,CAAC,EAAE;EAC5C,oBACEP,IAAA,CAACR,GAAG;IAACiB,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAACC,MAAM,EAAEN,KAAM;IAACO,WAAW,EAAE,CAAE;IAACC,aAAa,EAAC,OAAO;IAACC,cAAc,EAAC,OAAO;IAAAC,QAAA,eACrIjB,IAAA,CAACP,IAAI;MAACyB,CAAC,EAAC;IAAsB,CAAE;EAAC,CAC9B,CAAC;AAEV;;AAEA;AACA;AACA;AACA,OAAO,SAASG,MAAMA,CAAC;EACrBC,OAAO,GAAGnB,eAAe;EACzBC,KAAK;EACLmB,QAAQ;EACRC,WAAW;EACXnB,KAAK;EACLoB,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,UAAU,GAAG,KAAK;EAClBC,iBAAiB,GAAG,SAAS;EAC7BC,KAAK;EACLrB,IAAI,GAAG,IAAI;EACXsB;AACW,CAAC,EAAE;EACd,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGjD,QAAQ,CAAC,KAAK,CAAC;EACvC,MAAM,CAACkD,KAAK,EAAEC,QAAQ,CAAC,GAAGnD,QAAQ,CAAC,EAAE,CAAC;EACtC,MAAMoD,QAAQ,GAAGb,OAAO,CAACc,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACjC,KAAK,KAAKA,KAAK,CAAC;EACvD,MAAMkC,IAAI,GAAG9B,IAAI,KAAK,IAAI;EAE1B,MAAM+B,KAAK,GACTZ,UAAU,IAAIM,KAAK,CAACO,IAAI,CAAC,CAAC,GACtBlB,OAAO,CAACmB,MAAM,CAAEJ,CAAC,IAAKA,CAAC,CAAChC,KAAK,CAACqC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACV,KAAK,CAACO,IAAI,CAAC,CAAC,CAACE,WAAW,CAAC,CAAC,CAAC,CAAC,GACjFpB,OAAO;EAEb,SAASsB,KAAKA,CAAA,EAAG;IACfZ,OAAO,CAAC,KAAK,CAAC;IACdE,QAAQ,CAAC,EAAE,CAAC;EACd;EACA,SAASW,MAAMA,CAACC,CAAS,EAAE;IACzBF,KAAK,CAAC,CAAC;IACPrB,QAAQ,GAAGuB,CAAC,CAAC;EACf;EAEA,oBACE5C,KAAA,CAAClB,IAAI;IAAC+D,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEX,IAAI,IAAIU,MAAM,CAACE,MAAM,CAAE;IAAAjC,QAAA,GAC/CZ,KAAK,gBAAGL,IAAA,CAACf,IAAI;MAAC8D,KAAK,EAAEC,MAAM,CAAC3C,KAAM;MAAAY,QAAA,EAAEZ,KAAK,CAAC8C,WAAW,CAAC;IAAC,CAAO,CAAC,GAAG,IAAI,eACvEjD,KAAA,CAAChB,SAAS;MACR6D,KAAK,EAAE,CACLC,MAAM,CAACI,KAAK,EACZd,IAAI,IAAIU,MAAM,CAACK,OAAO,EACtB5B,OAAO,IAAIuB,MAAM,CAACM,YAAY,EAC9B5B,QAAQ,IAAIsB,MAAM,CAACO,aAAa,CAChC;MACFC,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAE;QAAE/B,QAAQ;QAAEgC,QAAQ,EAAE3B;MAAK,CAAE;MACjDL,QAAQ,EAAEA,QAAS;MACnBiC,OAAO,EAAEA,CAAA,KAAM;QAAE9D,eAAe,CAAC,CAAC;QAAEmC,OAAO,CAAC,IAAI,CAAC;MAAE,CAAE;MAAAf,QAAA,GAEpDa,OAAO,IAAI,IAAI,gBAAG9B,IAAA,CAAChB,IAAI;QAAC+D,KAAK,EAAEC,MAAM,CAAClB,OAAQ;QAAAb,QAAA,EAAEa;MAAO,CAAO,CAAC,GAAG,IAAI,eACvE9B,IAAA,CAACf,IAAI;QACH8D,KAAK,EAAE,CAACC,MAAM,CAAC5C,KAAK,EAAEkC,IAAI,IAAIU,MAAM,CAACY,OAAO,EAAE,CAACzB,QAAQ,IAAIa,MAAM,CAACxB,WAAW,CAAE;QAC/EqC,aAAa,EAAE,CAAE;QAAA5C,QAAA,EAEhBkB,QAAQ,GAAGA,QAAQ,CAAC9B,KAAK,GAAImB,WAAW,IAAI;MAAG,CAC5C,CAAC,eACPxB,IAAA,CAACM,OAAO;QAACC,KAAK,EAAE+B,IAAI,GAAG5C,MAAM,CAACoE,SAAS,GAAGpE,MAAM,CAACqE,OAAQ;QAACvD,IAAI,EAAE8B,IAAI,GAAG,EAAE,GAAG;MAAG,CAAE,CAAC;IAAA,CACzE,CAAC,eAEZtC,IAAA,CAACb,KAAK;MAAC6E,OAAO,EAAEjC,IAAK;MAACkC,WAAW;MAACC,aAAa,EAAC,MAAM;MAACC,cAAc,EAAEvB,KAAM;MAAA3B,QAAA,eAC3Ef,KAAA,CAAClB,IAAI;QAAC+D,KAAK,EAAEC,MAAM,CAACoB,QAAS;QAAAnD,QAAA,gBAC3BjB,IAAA,CAACd,SAAS;UAAC6D,KAAK,EAAEC,MAAM,CAACqB,WAAY;UAACV,OAAO,EAAEf;QAAM,CAAE,CAAC,eACxD1C,KAAA,CAACb,oBAAoB;UACnBiF,QAAQ,EAAEhF,QAAQ,CAACiF,EAAE,KAAK,KAAK,GAAG,SAAS,GAAGC,SAAU;UACxDzB,KAAK,EAAE,CAACC,MAAM,CAACyB,KAAK,EAAE9C,UAAU,GAAGqB,MAAM,CAAC0B,SAAS,GAAG1B,MAAM,CAAC2B,SAAS,CAAE;UAAA1D,QAAA,gBAExEjB,IAAA,CAAChB,IAAI;YAAC+D,KAAK,EAAEC,MAAM,CAAC4B;UAAO,CAAE,CAAC,EAC3B/C,KAAK,gBACJ3B,KAAA,CAAClB,IAAI;YAAC+D,KAAK,EAAEC,MAAM,CAAC6B,MAAO;YAAA5D,QAAA,gBACzBjB,IAAA,CAACf,IAAI;cAAC8D,KAAK,EAAEC,MAAM,CAACnB,KAAM;cAAAZ,QAAA,EAAEY,KAAK,CAACsB,WAAW,CAAC;YAAC,CAAO,CAAC,eACvDnD,IAAA,CAACd,SAAS;cACRsE,iBAAiB,EAAC,QAAQ;cAC1BsB,kBAAkB,EAAC,OAAO;cAC1BC,OAAO,EAAE,CAAE;cACXpB,OAAO,EAAEf,KAAM;cACfG,KAAK,EAAEC,MAAM,CAACgC,QAAS;cAAA/D,QAAA,eAEvBjB,IAAA,CAACoB,MAAM;gBAACb,KAAK,EAAEb,MAAM,CAACqE;cAAQ,CAAE;YAAC,CACxB,CAAC;UAAA,CACR,CAAC,GACL,IAAI,EACPpC,UAAU;UAAA;UACT;AAChB;UACgB3B,IAAA,CAAChB,IAAI;YAAC+D,KAAK,EAAEC,MAAM,CAACiC,UAAW;YAAAhE,QAAA,eAC7BjB,IAAA,CAACF,WAAW;cACVoF,KAAK,EAAC,IAAI;cACV9E,KAAK,EAAE6B,KAAM;cACbV,QAAQ,EAAEW,QAAS;cACnBV,WAAW,EAAEI,iBAAkB;cAC/BuD,WAAW,EAAE,KAAM;cACnBC,cAAc,EAAC,MAAM;cACrBC,SAAS;cACTC,aAAa,EAAC;YAAQ,CACvB;UAAC,CACE,CAAC,GACL,IAAI,eACRtF,IAAA,CAACZ,UAAU;YACT2D,KAAK,EAAEpB,UAAU,GAAGqB,MAAM,CAACuC,UAAU,GAAGvC,MAAM,CAACwC,MAAO;YACtDC,qBAAqB,EAAEzC,MAAM,CAAC0C,aAAc;YAC5CC,4BAA4B;YAC5BC,yBAAyB,EAAC,SAAS;YACnCC,OAAO,EAAE,KAAM;YAAA5E,QAAA,EAEdsB,KAAK,CAACuD,GAAG,CAAEC,GAAG,IAAK;cAClB,MAAMC,KAAK,GAAGD,GAAG,CAAC3F,KAAK,KAAKA,KAAK;cACjC,oBACAF,KAAA,CAAChB,SAAS;gBAER6D,KAAK,EAAEA,CAAC;kBAAEkD;gBAAQ,CAAC,KAAK,CAACjD,MAAM,CAACkD,GAAG,EAAED,OAAO,IAAI,CAACF,GAAG,CAACrE,QAAQ,IAAIsB,MAAM,CAACmD,UAAU,CAAE;gBACpF3C,iBAAiB,EAAC,QAAQ;gBAC1BC,kBAAkB,EAAE;kBAAEtB,QAAQ,EAAE6D,KAAK;kBAAEtE,QAAQ,EAAEqE,GAAG,CAACrE;gBAAS,CAAE;gBAChEA,QAAQ,EAAEqE,GAAG,CAACrE,QAAS;gBACvBiC,OAAO,EAAEA,CAAA,KAAMd,MAAM,CAACkD,GAAG,CAAC3F,KAAK,CAAE;gBAAAa,QAAA,gBAEjCjB,IAAA,CAACf,IAAI;kBACH8D,KAAK,EAAE,CAACC,MAAM,CAACoD,QAAQ,EAAEJ,KAAK,IAAIhD,MAAM,CAACqD,WAAW,EAAEN,GAAG,CAACrE,QAAQ,IAAIsB,MAAM,CAACsD,gBAAgB,CAAE;kBAC/FzC,aAAa,EAAE,CAAE;kBAAA5C,QAAA,EAEhB8E,GAAG,CAAC1F;gBAAK,CACN,CAAC,EACN2F,KAAK,gBAAGhG,IAAA,CAACmB,KAAK;kBAACZ,KAAK,EAAEb,MAAM,CAAC6G;gBAAO,CAAE,CAAC,GAAG,IAAI;cAAA,GAb1CR,GAAG,CAAC3F,KAcA,CAAC;YAEhB,CAAC;UAAC,CACQ,CAAC;QAAA,CACO,CAAC;MAAA,CACnB;IAAC,CACF,CAAC;EAAA,CACJ,CAAC;AAEX;AAEA,MAAM4C,MAAM,GAAGzD,UAAU,CAACiH,MAAM,CAAC;EAC/BvD,IAAI,EAAE;IAAEwD,aAAa,EAAE,QAAQ;IAAEC,GAAG,EAAE,CAAC;IAAEC,SAAS,EAAE;EAAU,CAAC;EAC/D;EACAzD,MAAM,EAAE;IAAEyD,SAAS,EAAE;EAAO,CAAC;EAC7BtG,KAAK,EAAE;IACLuG,UAAU,EAAEhH,KAAK,CAACiH,EAAE;IACpBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,GAAG;IAClBzG,KAAK,EAAEb,MAAM,CAACoE;EAChB,CAAC;EACDV,KAAK,EAAE;IACLqD,aAAa,EAAE,KAAK;IACpBQ,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BR,GAAG,EAAE,CAAC;IACNS,YAAY,EAAExH,KAAK,CAACyH,EAAE;IACtBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE5H,MAAM,CAAC6H,OAAO;IAC3BC,eAAe,EAAE9H,MAAM,CAAC+H,MAAM;IAC9BC,eAAe,EAAE,CAAC;IAClBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE;EAChB,CAAC;EACD;EACA;EACAvE,OAAO,EAAE;IACPqD,GAAG,EAAE,CAAC;IACNY,WAAW,EAAE5H,MAAM,CAACmI,MAAM;IAC1BH,eAAe,EAAE,CAAC;IAClBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE;EAChB,CAAC;EACDtE,YAAY,EAAE;IAAEgE,WAAW,EAAE5H,MAAM,CAACoI;EAAQ,CAAC;EAC7CvE,aAAa,EAAE;IAAEwE,OAAO,EAAE;EAAK,CAAC;EAChCjG,OAAO,EAAE;IAAEkG,UAAU,EAAE,CAAC;IAAEf,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS,CAAC;EAC1E9G,KAAK,EAAE;IAAE4H,UAAU,EAAE,CAAC;IAAEpB,UAAU,EAAEhH,KAAK,CAACiH,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEvG,KAAK,EAAEb,MAAM,CAACuI;EAAK,CAAC;EAChFrE,OAAO,EAAE;IAAEgD,UAAU,EAAEhH,KAAK,CAACsI,IAAI;IAAEpB,QAAQ,EAAE;EAAG,CAAC;EACjDtF,WAAW,EAAE;IAAEjB,KAAK,EAAEb,MAAM,CAACoE;EAAU,CAAC;EACxCM,QAAQ,EAAE;IACR+D,IAAI,EAAE,CAAC;IACPX,eAAe,EAAE,kBAAkB;IACnCN,cAAc,EAAE;EAClB,CAAC;EACD7C,WAAW,EAAE;IAAE8D,IAAI,EAAE;EAAE,CAAC;EACxB1D,KAAK,EAAE;IACL+C,eAAe,EAAE9H,MAAM,CAAC0I,GAAG;IAC3BC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBjB,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE5H,MAAM,CAACmI,MAAM;IAC1BU,UAAU,EAAE;EACd,CAAC;EACD;EACA7D,SAAS,EAAE;IAAEhE,MAAM,EAAE;EAAM,CAAC;EAC5B;EACAiE,SAAS,EAAE;IAAE6D,SAAS,EAAE;EAAM,CAAC;EAC/B5D,MAAM,EAAE;IACNnE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,CAAC;IACTyG,YAAY,EAAE,EAAE;IAChBK,eAAe,EAAE9H,MAAM,CAAC6H,OAAO;IAC/BZ,SAAS,EAAE,QAAQ;IACnB8B,YAAY,EAAE;EAChB,CAAC;EACD5D,MAAM,EAAE;IACN4B,aAAa,EAAE,KAAK;IACpBQ,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BwB,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,EAAE;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAEnJ,MAAM,CAACmI;EAC5B,CAAC;EACDhG,KAAK,EAAE;IACL+E,UAAU,EAAEhH,KAAK,CAACsI,IAAI;IACtBpB,QAAQ,EAAE,EAAE;IACZE,aAAa,EAAE,GAAG;IAClBzG,KAAK,EAAEb,MAAM,CAACoE;EAChB,CAAC;EACDkB,QAAQ,EAAE;IAAEvE,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEuG,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS,CAAC;EACnFjC,UAAU,EAAE;IAAE6D,gBAAgB,EAAE,EAAE;IAAEC,SAAS,EAAE;EAAG,CAAC;EACnDvD,MAAM,EAAE;IAAEwD,QAAQ,EAAE;EAAE,CAAC;EACvBzD,UAAU,EAAE;IAAE4C,IAAI,EAAE;EAAE,CAAC;EACvBzC,aAAa,EAAE;IAAE6C,UAAU,EAAE,CAAC;IAAEI,aAAa,EAAE;EAAG,CAAC;EACnDzC,GAAG,EAAE;IACHO,aAAa,EAAE,KAAK;IACpBQ,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BR,GAAG,EAAE,EAAE;IACPgB,eAAe,EAAE,EAAE;IACnBgB,iBAAiB,EAAE;EACrB,CAAC;EACDvC,UAAU,EAAE;IAAEqB,eAAe,EAAE9H,MAAM,CAAC+H;EAAO,CAAC;EAC9CrB,QAAQ,EAAE;IAAE4B,UAAU,EAAE,CAAC;IAAEpB,UAAU,EAAEhH,KAAK,CAACiH,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEvG,KAAK,EAAEb,MAAM,CAACqE;EAAQ,CAAC;EACtFsC,WAAW,EAAE;IAAE9F,KAAK,EAAEb,MAAM,CAAC6G,MAAM;IAAEQ,UAAU,EAAE;EAAM,CAAC;EACxDT,gBAAgB,EAAE;IAAE/F,KAAK,EAAEb,MAAM,CAACoE,SAAS;IAAEiE,OAAO,EAAE;EAAI;AAC5D,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/SessionBanner.js

@@ -0,0 +1,216 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { Animated, Easing, View, Text, StyleSheet } from 'react-native';
+import { colors, fonts, radii } from '@lockin90/tokens';
+import { Button } from './Button';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** The pulsing magenta live dot — Animated loop (scale 1→1.35, fade),
+ *  mirroring the web CSS keyframes; same unconditional-loop substrate as
+ *  DotsLoader/TypingIndicator. */
+function LiveDot() {
+  const v = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    const loop = Animated.loop(Animated.sequence([Animated.timing(v, {
+      toValue: 1,
+      duration: 800,
+      easing: Easing.inOut(Easing.quad),
+      useNativeDriver: true
+    }), Animated.timing(v, {
+      toValue: 0,
+      duration: 800,
+      easing: Easing.inOut(Easing.quad),
+      useNativeDriver: true
+    })]));
+    loop.start();
+    return () => loop.stop();
+  }, [v]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.dot, {
+      opacity: v.interpolate({
+        inputRange: [0, 1],
+        outputRange: [1, 0.55]
+      }),
+      transform: [{
+        scale: v.interpolate({
+          inputRange: [0, 1],
+          outputRange: [1, 1.35]
+        })
+      }]
+    }]
+  });
+}
+
+/**
+ * SessionBanner — the active-session live banner. Native twin of the web
+ * `SessionBanner` (same prop API): a dark glass card with a one-line header
+ * (optional leading slot, pulsing magenta live dot, truncating title,
+ * no-wrap status), a dim subtitle, up to 3 mono stats split by hairlines,
+ * and a row of kit-Button actions. When there is no subtitle AND no stats,
+ * the actions render INLINE at the end of the head row (after the status) so
+ * the whole banner is ONE row — the Active screen's top bar (design 5 `.at`:
+ * live dot + title left, status right, Finish button far right).
+ */
+export function SessionBanner({
+  title,
+  status,
+  subtitle,
+  stats,
+  actions,
+  live = false,
+  leading,
+  style
+}) {
+  const shownStats = stats?.slice(0, 3) ?? [];
+  const hasActions = actions != null && actions.length > 0;
+  /* just a bar — no second row to sit above: fold the actions into the head */
+  const inlineActions = hasActions && subtitle == null && shownStats.length === 0;
+  const actionButtons = hasActions ? actions.map((a, i) => /*#__PURE__*/_jsx(Button, {
+    size: "sm",
+    variant: a.variant === 'primary' ? 'primary' : 'ghost',
+    title: a.label,
+    onPress: a.onPress
+  }, i)) : null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.card, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.head,
+      children: [leading != null && /*#__PURE__*/_jsx(View, {
+        style: styles.leading,
+        children: leading
+      }), live ? /*#__PURE__*/_jsx(LiveDot, {}) : null, /*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        numberOfLines: 1,
+        children: title
+      }), status != null && /*#__PURE__*/_jsx(Text, {
+        style: [styles.status, live && styles.statusLive],
+        numberOfLines: 1,
+        children: status
+      }), inlineActions && /*#__PURE__*/_jsx(View, {
+        style: styles.actionsInline,
+        children: actionButtons
+      })]
+    }), subtitle != null && /*#__PURE__*/_jsx(Text, {
+      style: styles.sub,
+      children: subtitle
+    }), shownStats.length > 0 && /*#__PURE__*/_jsx(View, {
+      style: styles.stats,
+      children: shownStats.map((s, i) => /*#__PURE__*/_jsxs(View, {
+        style: [styles.stat, i === 0 && styles.statFirst, i > 0 && styles.statDivider],
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.statVal,
+          children: s.value
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.statLabel,
+          children: s.label.toUpperCase()
+        })]
+      }, i))
+    }), hasActions && !inlineActions && /*#__PURE__*/_jsx(View, {
+      style: styles.actions,
+      children: actionButtons
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  card: {
+    gap: 9,
+    paddingVertical: 14,
+    paddingHorizontal: 16,
+    borderRadius: radii.lg,
+    borderWidth: 1,
+    borderColor: colors.border,
+    /* dark glass — matched web literal (no backdrop blur on native views) */
+    backgroundColor: 'rgba(10,12,20,0.72)'
+  },
+  head: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 9
+  },
+  leading: {
+    flexShrink: 0,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  dot: {
+    flexShrink: 0,
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    backgroundColor: colors.magenta,
+    shadowColor: colors.magenta,
+    shadowOpacity: 0.7,
+    shadowRadius: 5,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    }
+  },
+  title: {
+    flex: 1,
+    minWidth: 0,
+    fontFamily: fonts.display,
+    fontWeight: '700',
+    fontSize: 15,
+    letterSpacing: -0.15,
+    color: colors.text
+  },
+  status: {
+    flexShrink: 0,
+    fontFamily: fonts.mono,
+    fontSize: 11,
+    fontWeight: '600',
+    fontVariant: ['tabular-nums'],
+    color: colors.textDim
+  },
+  statusLive: {
+    color: colors.magenta
+  },
+  sub: {
+    fontSize: 12.5,
+    color: colors.textDim
+  },
+  stats: {
+    flexDirection: 'row',
+    alignItems: 'stretch'
+  },
+  stat: {
+    flex: 1,
+    gap: 2,
+    paddingHorizontal: 12
+  },
+  statFirst: {
+    paddingLeft: 0
+  },
+  statDivider: {
+    borderLeftWidth: 1,
+    borderLeftColor: colors.border
+  },
+  statVal: {
+    fontFamily: fonts.mono,
+    fontSize: 15,
+    fontWeight: '700',
+    fontVariant: ['tabular-nums'],
+    color: colors.text
+  },
+  statLabel: {
+    fontFamily: fonts.mono,
+    fontSize: 8.5,
+    letterSpacing: 1,
+    color: colors.textFaint
+  },
+  actions: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  // single-row banner — actions fold into the head row (design 5 `.at`);
+  // they never shrink or wrap, the title alone truncates
+  actionsInline: {
+    flexShrink: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  }
+});
+//# sourceMappingURL=SessionBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","Animated","Easing","View","Text","StyleSheet","colors","fonts","radii","Button","jsx","_jsx","jsxs","_jsxs","LiveDot","v","Value","current","loop","sequence","timing","toValue","duration","easing","inOut","quad","useNativeDriver","start","stop","style","styles","dot","opacity","interpolate","inputRange","outputRange","transform","scale","SessionBanner","title","status","subtitle","stats","actions","live","leading","shownStats","slice","hasActions","length","inlineActions","actionButtons","map","a","i","size","variant","label","onPress","card","children","head","numberOfLines","statusLive","actionsInline","sub","s","stat","statFirst","statDivider","statVal","value","statLabel","toUpperCase","create","gap","paddingVertical","paddingHorizontal","borderRadius","lg","borderWidth","borderColor","border","backgroundColor","flexDirection","alignItems","flexShrink","width","height","magenta","shadowColor","shadowOpacity","shadowRadius","shadowOffset","flex","minWidth","fontFamily","display","fontWeight","fontSize","letterSpacing","color","text","mono","fontVariant","textDim","paddingLeft","borderLeftWidth","borderLeftColor","textFaint"],"sourceRoot":"../../../src","sources":["components/SessionBanner.tsx"],"mappings":"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","ignoreList":[]}