@lockin90/ui-native 0.0.0-stage → 1.0.0

package/lib/commonjs/components/Select.js

@@ -0,0 +1,380 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Select = Select;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _tokens = require("@lockin90/tokens");
+var _optionalHaptics = require("../internal/optionalHaptics");
+var _FormField = require("./FormField");
+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); }
+/** A single option in a {@link Select}. */
+
+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__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+    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__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M6 9l6 6 6-6"
+    })
+  });
+}
+
+/** Checkmark shown on the selected option row (mirrors the web Select). */
+function Check({
+  color
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+    width: 16,
+    height: 16,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: 2.4,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M5 13l4 4L19 7"
+    })
+  });
+}
+
+/** Close glyph for the sheet header. */
+function CloseX({
+  color
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+    width: 20,
+    height: 20,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.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. */
+function Select({
+  options = DEFAULT_OPTIONS,
+  value,
+  onChange,
+  placeholder,
+  label,
+  invalid = false,
+  disabled = false,
+  searchable = false,
+  searchPlaceholder = 'Search…',
+  title,
+  size = 'md',
+  leading
+}) {
+  const [open, setOpen] = (0, _react.useState)(false);
+  const [query, setQuery] = (0, _react.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrap, isSm && styles.wrapSm],
+    children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.label,
+      children: label.toUpperCase()
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      style: [styles.field, isSm && styles.fieldSm, invalid && styles.fieldInvalid, disabled && styles.fieldDisabled],
+      accessibilityRole: "button",
+      accessibilityState: {
+        disabled,
+        expanded: open
+      },
+      disabled: disabled,
+      onPress: () => {
+        (0, _optionalHaptics.hapticSelection)();
+        setOpen(true);
+      },
+      children: [leading != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.leading,
+        children: leading
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.value, isSm && styles.valueSm, !selected && styles.placeholder],
+        numberOfLines: 1,
+        children: selected ? selected.label : placeholder ?? ''
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Chevron, {
+        color: isSm ? _tokens.colors.textFaint : _tokens.colors.textDim,
+        size: isSm ? 13 : 16
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+      visible: open,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: close,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.backdrop,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          style: styles.dismissArea,
+          onPress: close
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.KeyboardAvoidingView, {
+          behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : undefined,
+          style: [styles.sheet, searchable ? styles.sheetTall : styles.sheetAuto],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.handle
+          }), title ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.header,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.title,
+              children: title.toUpperCase()
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+              accessibilityRole: "button",
+              accessibilityLabel: "Close",
+              hitSlop: 8,
+              onPress: close,
+              style: styles.closeBtn,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseX, {
+                color: _tokens.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 */
+          (0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.searchWrap,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.SearchInput, {
+              shape: "sm",
+              value: query,
+              onChange: setQuery,
+              placeholder: searchPlaceholder,
+              autoCorrect: false,
+              autoCapitalize: "none",
+              autoFocus: true,
+              returnKeyType: "search"
+            })
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  style: [styles.rowLabel, isSel && styles.rowLabelSel, opt.disabled && styles.rowLabelDisabled],
+                  numberOfLines: 1,
+                  children: opt.label
+                }), isSel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Check, {
+                  color: _tokens.colors.accent
+                }) : null]
+              }, opt.value);
+            })
+          })]
+        })]
+      })
+    })]
+  });
+}
+const styles = _reactNative.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: _tokens.fonts.ui,
+    fontSize: 10,
+    fontWeight: '500',
+    letterSpacing: 1.2,
+    color: _tokens.colors.textFaint
+  },
+  field: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 8,
+    borderRadius: _tokens.radii.sm,
+    borderWidth: 1,
+    borderColor: _tokens.colors.border2,
+    backgroundColor: _tokens.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: _tokens.colors.border,
+    paddingVertical: 6,
+    paddingLeft: 9,
+    paddingRight: 8
+  },
+  fieldInvalid: {
+    borderColor: _tokens.colors.zoneLow
+  },
+  fieldDisabled: {
+    opacity: 0.55
+  },
+  leading: {
+    flexShrink: 0,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  value: {
+    flexShrink: 1,
+    fontFamily: _tokens.fonts.ui,
+    fontSize: 14,
+    color: _tokens.colors.text
+  },
+  valueSm: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 11
+  },
+  placeholder: {
+    color: _tokens.colors.textFaint
+  },
+  backdrop: {
+    flex: 1,
+    backgroundColor: 'rgba(0,0,0,0.55)',
+    justifyContent: 'flex-end'
+  },
+  dismissArea: {
+    flex: 1
+  },
+  sheet: {
+    backgroundColor: _tokens.colors.bg1,
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+    borderWidth: 1,
+    borderColor: _tokens.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: _tokens.colors.border2,
+    alignSelf: 'center',
+    marginBottom: 8
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 16,
+    paddingBottom: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: _tokens.colors.border
+  },
+  title: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 11,
+    letterSpacing: 1.5,
+    color: _tokens.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: _tokens.colors.glass2
+  },
+  rowLabel: {
+    flexShrink: 1,
+    fontFamily: _tokens.fonts.ui,
+    fontSize: 15,
+    color: _tokens.colors.textDim
+  },
+  rowLabelSel: {
+    color: _tokens.colors.accent,
+    fontWeight: '600'
+  },
+  rowLabelDisabled: {
+    color: _tokens.colors.textFaint,
+    opacity: 0.6
+  }
+});
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_tokens","_optionalHaptics","_FormField","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_OPTIONS","value","label","Chevron","color","size","jsx","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","children","Path","d","Check","CloseX","Select","options","onChange","placeholder","invalid","disabled","searchable","searchPlaceholder","title","leading","open","setOpen","useState","query","setQuery","selected","find","isSm","shown","trim","filter","toLowerCase","includes","close","choose","v","jsxs","View","style","styles","wrap","wrapSm","Text","toUpperCase","Pressable","field","fieldSm","fieldInvalid","fieldDisabled","accessibilityRole","accessibilityState","expanded","onPress","hapticSelection","valueSm","numberOfLines","colors","textFaint","textDim","Modal","visible","transparent","animationType","onRequestClose","backdrop","dismissArea","KeyboardAvoidingView","behavior","Platform","OS","undefined","sheet","sheetTall","sheetAuto","handle","header","accessibilityLabel","hitSlop","closeBtn","searchWrap","SearchInput","shape","autoCorrect","autoCapitalize","autoFocus","returnKeyType","ScrollView","scrollFill","scroll","contentContainerStyle","scrollContent","showsVerticalScrollIndicator","keyboardShouldPersistTaps","bounces","map","opt","isSel","pressed","row","rowPressed","rowLabel","rowLabelSel","rowLabelDisabled","accent","StyleSheet","create","flexDirection","gap","alignSelf","fontFamily","fonts","ui","fontSize","fontWeight","letterSpacing","alignItems","justifyContent","borderRadius","radii","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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAWA,IAAAE,eAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAA0C,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAG,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE1C;;AA2CA,MAAMkB,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,oBACE,IAAAzB,WAAA,CAAA0B,GAAA,EAAC/B,eAAA,CAAAgB,OAAG;IACFgB,KAAK,EAAEF,IAAK;IACZG,MAAM,EAAEH,IAAK;IACbI,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAEP,KAAM;IACdQ,WAAW,EAAEP,IAAI,GAAG,EAAE,GAAG,GAAG,GAAG,CAAE;IACjCQ,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IAAAC,QAAA,eAEtB,IAAAnC,WAAA,CAAA0B,GAAA,EAAC/B,eAAA,CAAAyC,IAAI;MAACC,CAAC,EAAC;IAAc,CAAE;EAAC,CACtB,CAAC;AAEV;;AAEA;AACA,SAASC,KAAKA,CAAC;EAAEd;AAAyB,CAAC,EAAE;EAC3C,oBACE,IAAAxB,WAAA,CAAA0B,GAAA,EAAC/B,eAAA,CAAAgB,OAAG;IAACgB,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAACC,MAAM,EAAEP,KAAM;IAACQ,WAAW,EAAE,GAAI;IAACC,aAAa,EAAC,OAAO;IAACC,cAAc,EAAC,OAAO;IAAAC,QAAA,eACvI,IAAAnC,WAAA,CAAA0B,GAAA,EAAC/B,eAAA,CAAAyC,IAAI;MAACC,CAAC,EAAC;IAAgB,CAAE;EAAC,CACxB,CAAC;AAEV;;AAEA;AACA,SAASE,MAAMA,CAAC;EAAEf;AAAyB,CAAC,EAAE;EAC5C,oBACE,IAAAxB,WAAA,CAAA0B,GAAA,EAAC/B,eAAA,CAAAgB,OAAG;IAACgB,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAACC,MAAM,EAAEP,KAAM;IAACQ,WAAW,EAAE,CAAE;IAACC,aAAa,EAAC,OAAO;IAACC,cAAc,EAAC,OAAO;IAAAC,QAAA,eACrI,IAAAnC,WAAA,CAAA0B,GAAA,EAAC/B,eAAA,CAAAyC,IAAI;MAACC,CAAC,EAAC;IAAsB,CAAE;EAAC,CAC9B,CAAC;AAEV;;AAEA;AACA;AACA;AACO,SAASG,MAAMA,CAAC;EACrBC,OAAO,GAAGrB,eAAe;EACzBC,KAAK;EACLqB,QAAQ;EACRC,WAAW;EACXrB,KAAK;EACLsB,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,UAAU,GAAG,KAAK;EAClBC,iBAAiB,GAAG,SAAS;EAC7BC,KAAK;EACLvB,IAAI,GAAG,IAAI;EACXwB;AACW,CAAC,EAAE;EACd,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACvC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EACtC,MAAMG,QAAQ,GAAGd,OAAO,CAACe,IAAI,CAAEjD,CAAC,IAAKA,CAAC,CAACc,KAAK,KAAKA,KAAK,CAAC;EACvD,MAAMoC,IAAI,GAAGhC,IAAI,KAAK,IAAI;EAE1B,MAAMiC,KAAK,GACTZ,UAAU,IAAIO,KAAK,CAACM,IAAI,CAAC,CAAC,GACtBlB,OAAO,CAACmB,MAAM,CAAErD,CAAC,IAAKA,CAAC,CAACe,KAAK,CAACuC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACT,KAAK,CAACM,IAAI,CAAC,CAAC,CAACE,WAAW,CAAC,CAAC,CAAC,CAAC,GACjFpB,OAAO;EAEb,SAASsB,KAAKA,CAAA,EAAG;IACfZ,OAAO,CAAC,KAAK,CAAC;IACdG,QAAQ,CAAC,EAAE,CAAC;EACd;EACA,SAASU,MAAMA,CAACC,CAAS,EAAE;IACzBF,KAAK,CAAC,CAAC;IACPrB,QAAQ,GAAGuB,CAAC,CAAC;EACf;EAEA,oBACE,IAAAjE,WAAA,CAAAkE,IAAA,EAACxE,YAAA,CAAAyE,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEb,IAAI,IAAIY,MAAM,CAACE,MAAM,CAAE;IAAApC,QAAA,GAC/Cb,KAAK,gBAAG,IAAAtB,WAAA,CAAA0B,GAAA,EAAChC,YAAA,CAAA8E,IAAI;MAACJ,KAAK,EAAEC,MAAM,CAAC/C,KAAM;MAAAa,QAAA,EAAEb,KAAK,CAACmD,WAAW,CAAC;IAAC,CAAO,CAAC,GAAG,IAAI,eACvE,IAAAzE,WAAA,CAAAkE,IAAA,EAACxE,YAAA,CAAAgF,SAAS;MACRN,KAAK,EAAE,CACLC,MAAM,CAACM,KAAK,EACZlB,IAAI,IAAIY,MAAM,CAACO,OAAO,EACtBhC,OAAO,IAAIyB,MAAM,CAACQ,YAAY,EAC9BhC,QAAQ,IAAIwB,MAAM,CAACS,aAAa,CAChC;MACFC,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAE;QAAEnC,QAAQ;QAAEoC,QAAQ,EAAE/B;MAAK,CAAE;MACjDL,QAAQ,EAAEA,QAAS;MACnBqC,OAAO,EAAEA,CAAA,KAAM;QAAE,IAAAC,gCAAe,EAAC,CAAC;QAAEhC,OAAO,CAAC,IAAI,CAAC;MAAE,CAAE;MAAAhB,QAAA,GAEpDc,OAAO,IAAI,IAAI,gBAAG,IAAAjD,WAAA,CAAA0B,GAAA,EAAChC,YAAA,CAAAyE,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACpB,OAAQ;QAAAd,QAAA,EAAEc;MAAO,CAAO,CAAC,GAAG,IAAI,eACvE,IAAAjD,WAAA,CAAA0B,GAAA,EAAChC,YAAA,CAAA8E,IAAI;QACHJ,KAAK,EAAE,CAACC,MAAM,CAAChD,KAAK,EAAEoC,IAAI,IAAIY,MAAM,CAACe,OAAO,EAAE,CAAC7B,QAAQ,IAAIc,MAAM,CAAC1B,WAAW,CAAE;QAC/E0C,aAAa,EAAE,CAAE;QAAAlD,QAAA,EAEhBoB,QAAQ,GAAGA,QAAQ,CAACjC,KAAK,GAAIqB,WAAW,IAAI;MAAG,CAC5C,CAAC,eACP,IAAA3C,WAAA,CAAA0B,GAAA,EAACH,OAAO;QAACC,KAAK,EAAEiC,IAAI,GAAG6B,cAAM,CAACC,SAAS,GAAGD,cAAM,CAACE,OAAQ;QAAC/D,IAAI,EAAEgC,IAAI,GAAG,EAAE,GAAG;MAAG,CAAE,CAAC;IAAA,CACzE,CAAC,eAEZ,IAAAzD,WAAA,CAAA0B,GAAA,EAAChC,YAAA,CAAA+F,KAAK;MAACC,OAAO,EAAExC,IAAK;MAACyC,WAAW;MAACC,aAAa,EAAC,MAAM;MAACC,cAAc,EAAE9B,KAAM;MAAA5B,QAAA,eAC3E,IAAAnC,WAAA,CAAAkE,IAAA,EAACxE,YAAA,CAAAyE,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACyB,QAAS;QAAA3D,QAAA,gBAC3B,IAAAnC,WAAA,CAAA0B,GAAA,EAAChC,YAAA,CAAAgF,SAAS;UAACN,KAAK,EAAEC,MAAM,CAAC0B,WAAY;UAACb,OAAO,EAAEnB;QAAM,CAAE,CAAC,eACxD,IAAA/D,WAAA,CAAAkE,IAAA,EAACxE,YAAA,CAAAsG,oBAAoB;UACnBC,QAAQ,EAAEC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,SAAS,GAAGC,SAAU;UACxDhC,KAAK,EAAE,CAACC,MAAM,CAACgC,KAAK,EAAEvD,UAAU,GAAGuB,MAAM,CAACiC,SAAS,GAAGjC,MAAM,CAACkC,SAAS,CAAE;UAAApE,QAAA,gBAExE,IAAAnC,WAAA,CAAA0B,GAAA,EAAChC,YAAA,CAAAyE,IAAI;YAACC,KAAK,EAAEC,MAAM,CAACmC;UAAO,CAAE,CAAC,EAC3BxD,KAAK,gBACJ,IAAAhD,WAAA,CAAAkE,IAAA,EAACxE,YAAA,CAAAyE,IAAI;YAACC,KAAK,EAAEC,MAAM,CAACoC,MAAO;YAAAtE,QAAA,gBACzB,IAAAnC,WAAA,CAAA0B,GAAA,EAAChC,YAAA,CAAA8E,IAAI;cAACJ,KAAK,EAAEC,MAAM,CAACrB,KAAM;cAAAb,QAAA,EAAEa,KAAK,CAACyB,WAAW,CAAC;YAAC,CAAO,CAAC,eACvD,IAAAzE,WAAA,CAAA0B,GAAA,EAAChC,YAAA,CAAAgF,SAAS;cACRK,iBAAiB,EAAC,QAAQ;cAC1B2B,kBAAkB,EAAC,OAAO;cAC1BC,OAAO,EAAE,CAAE;cACXzB,OAAO,EAAEnB,KAAM;cACfK,KAAK,EAAEC,MAAM,CAACuC,QAAS;cAAAzE,QAAA,eAEvB,IAAAnC,WAAA,CAAA0B,GAAA,EAACa,MAAM;gBAACf,KAAK,EAAE8D,cAAM,CAACE;cAAQ,CAAE;YAAC,CACxB,CAAC;UAAA,CACR,CAAC,GACL,IAAI,EACP1C,UAAU;UAAA;UACT;AAChB;UACgB,IAAA9C,WAAA,CAAA0B,GAAA,EAAChC,YAAA,CAAAyE,IAAI;YAACC,KAAK,EAAEC,MAAM,CAACwC,UAAW;YAAA1E,QAAA,eAC7B,IAAAnC,WAAA,CAAA0B,GAAA,EAAC3B,UAAA,CAAA+G,WAAW;cACVC,KAAK,EAAC,IAAI;cACV1F,KAAK,EAAEgC,KAAM;cACbX,QAAQ,EAAEY,QAAS;cACnBX,WAAW,EAAEI,iBAAkB;cAC/BiE,WAAW,EAAE,KAAM;cACnBC,cAAc,EAAC,MAAM;cACrBC,SAAS;cACTC,aAAa,EAAC;YAAQ,CACvB;UAAC,CACE,CAAC,GACL,IAAI,eACR,IAAAnH,WAAA,CAAA0B,GAAA,EAAChC,YAAA,CAAA0H,UAAU;YACThD,KAAK,EAAEtB,UAAU,GAAGuB,MAAM,CAACgD,UAAU,GAAGhD,MAAM,CAACiD,MAAO;YACtDC,qBAAqB,EAAElD,MAAM,CAACmD,aAAc;YAC5CC,4BAA4B;YAC5BC,yBAAyB,EAAC,SAAS;YACnCC,OAAO,EAAE,KAAM;YAAAxF,QAAA,EAEduB,KAAK,CAACkE,GAAG,CAAEC,GAAG,IAAK;cAClB,MAAMC,KAAK,GAAGD,GAAG,CAACxG,KAAK,KAAKA,KAAK;cACjC,oBACA,IAAArB,WAAA,CAAAkE,IAAA,EAACxE,YAAA,CAAAgF,SAAS;gBAERN,KAAK,EAAEA,CAAC;kBAAE2D;gBAAQ,CAAC,KAAK,CAAC1D,MAAM,CAAC2D,GAAG,EAAED,OAAO,IAAI,CAACF,GAAG,CAAChF,QAAQ,IAAIwB,MAAM,CAAC4D,UAAU,CAAE;gBACpFlD,iBAAiB,EAAC,QAAQ;gBAC1BC,kBAAkB,EAAE;kBAAEzB,QAAQ,EAAEuE,KAAK;kBAAEjF,QAAQ,EAAEgF,GAAG,CAAChF;gBAAS,CAAE;gBAChEA,QAAQ,EAAEgF,GAAG,CAAChF,QAAS;gBACvBqC,OAAO,EAAEA,CAAA,KAAMlB,MAAM,CAAC6D,GAAG,CAACxG,KAAK,CAAE;gBAAAc,QAAA,gBAEjC,IAAAnC,WAAA,CAAA0B,GAAA,EAAChC,YAAA,CAAA8E,IAAI;kBACHJ,KAAK,EAAE,CAACC,MAAM,CAAC6D,QAAQ,EAAEJ,KAAK,IAAIzD,MAAM,CAAC8D,WAAW,EAAEN,GAAG,CAAChF,QAAQ,IAAIwB,MAAM,CAAC+D,gBAAgB,CAAE;kBAC/F/C,aAAa,EAAE,CAAE;kBAAAlD,QAAA,EAEhB0F,GAAG,CAACvG;gBAAK,CACN,CAAC,EACNwG,KAAK,gBAAG,IAAA9H,WAAA,CAAA0B,GAAA,EAACY,KAAK;kBAACd,KAAK,EAAE8D,cAAM,CAAC+C;gBAAO,CAAE,CAAC,GAAG,IAAI;cAAA,GAb1CR,GAAG,CAACxG,KAcA,CAAC;YAEhB,CAAC;UAAC,CACQ,CAAC;QAAA,CACO,CAAC;MAAA,CACnB;IAAC,CACF,CAAC;EAAA,CACJ,CAAC;AAEX;AAEA,MAAMgD,MAAM,GAAGiE,uBAAU,CAACC,MAAM,CAAC;EAC/BjE,IAAI,EAAE;IAAEkE,aAAa,EAAE,QAAQ;IAAEC,GAAG,EAAE,CAAC;IAAEC,SAAS,EAAE;EAAU,CAAC;EAC/D;EACAnE,MAAM,EAAE;IAAEmE,SAAS,EAAE;EAAO,CAAC;EAC7BpH,KAAK,EAAE;IACLqH,UAAU,EAAEC,aAAK,CAACC,EAAE;IACpBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,GAAG;IAClBxH,KAAK,EAAE8D,cAAM,CAACC;EAChB,CAAC;EACDZ,KAAK,EAAE;IACL6D,aAAa,EAAE,KAAK;IACpBS,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BT,GAAG,EAAE,CAAC;IACNU,YAAY,EAAEC,aAAK,CAACC,EAAE;IACtBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEjE,cAAM,CAACkE,OAAO;IAC3BC,eAAe,EAAEnE,cAAM,CAACoE,MAAM;IAC9BC,eAAe,EAAE,CAAC;IAClBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE;EAChB,CAAC;EACD;EACA;EACAjF,OAAO,EAAE;IACP6D,GAAG,EAAE,CAAC;IACNc,WAAW,EAAEjE,cAAM,CAACwE,MAAM;IAC1BH,eAAe,EAAE,CAAC;IAClBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE;EAChB,CAAC;EACDhF,YAAY,EAAE;IAAE0E,WAAW,EAAEjE,cAAM,CAACyE;EAAQ,CAAC;EAC7CjF,aAAa,EAAE;IAAEkF,OAAO,EAAE;EAAK,CAAC;EAChC/G,OAAO,EAAE;IAAEgH,UAAU,EAAE,CAAC;IAAEhB,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS,CAAC;EAC1E7H,KAAK,EAAE;IAAE4I,UAAU,EAAE,CAAC;IAAEtB,UAAU,EAAEC,aAAK,CAACC,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEtH,KAAK,EAAE8D,cAAM,CAAC4E;EAAK,CAAC;EAChF9E,OAAO,EAAE;IAAEuD,UAAU,EAAEC,aAAK,CAACuB,IAAI;IAAErB,QAAQ,EAAE;EAAG,CAAC;EACjDnG,WAAW,EAAE;IAAEnB,KAAK,EAAE8D,cAAM,CAACC;EAAU,CAAC;EACxCO,QAAQ,EAAE;IACRsE,IAAI,EAAE,CAAC;IACPX,eAAe,EAAE,kBAAkB;IACnCP,cAAc,EAAE;EAClB,CAAC;EACDnD,WAAW,EAAE;IAAEqE,IAAI,EAAE;EAAE,CAAC;EACxB/D,KAAK,EAAE;IACLoD,eAAe,EAAEnE,cAAM,CAAC+E,GAAG;IAC3BC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBjB,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEjE,cAAM,CAACwE,MAAM;IAC1BU,UAAU,EAAE;EACd,CAAC;EACD;EACAlE,SAAS,EAAE;IAAE1E,MAAM,EAAE;EAAM,CAAC;EAC5B;EACA2E,SAAS,EAAE;IAAEkE,SAAS,EAAE;EAAM,CAAC;EAC/BjE,MAAM,EAAE;IACN7E,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,CAAC;IACTuH,YAAY,EAAE,EAAE;IAChBM,eAAe,EAAEnE,cAAM,CAACkE,OAAO;IAC/Bd,SAAS,EAAE,QAAQ;IACnBgC,YAAY,EAAE;EAChB,CAAC;EACDjE,MAAM,EAAE;IACN+B,aAAa,EAAE,KAAK;IACpBS,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/ByB,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,EAAE;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAExF,cAAM,CAACwE;EAC5B,CAAC;EACD9G,KAAK,EAAE;IACL2F,UAAU,EAAEC,aAAK,CAACuB,IAAI;IACtBrB,QAAQ,EAAE,EAAE;IACZE,aAAa,EAAE,GAAG;IAClBxH,KAAK,EAAE8D,cAAM,CAACC;EAChB,CAAC;EACDqB,QAAQ,EAAE;IAAEjF,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEqH,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS,CAAC;EACnFrC,UAAU,EAAE;IAAEkE,gBAAgB,EAAE,EAAE;IAAEC,SAAS,EAAE;EAAG,CAAC;EACnD1D,MAAM,EAAE;IAAE2D,QAAQ,EAAE;EAAE,CAAC;EACvB5D,UAAU,EAAE;IAAE+C,IAAI,EAAE;EAAE,CAAC;EACvB5C,aAAa,EAAE;IAAEgD,UAAU,EAAE,CAAC;IAAEI,aAAa,EAAE;EAAG,CAAC;EACnD5C,GAAG,EAAE;IACHQ,aAAa,EAAE,KAAK;IACpBS,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BT,GAAG,EAAE,EAAE;IACPkB,eAAe,EAAE,EAAE;IACnBgB,iBAAiB,EAAE;EACrB,CAAC;EACD1C,UAAU,EAAE;IAAEwB,eAAe,EAAEnE,cAAM,CAACoE;EAAO,CAAC;EAC9CxB,QAAQ,EAAE;IAAE+B,UAAU,EAAE,CAAC;IAAEtB,UAAU,EAAEC,aAAK,CAACC,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEtH,KAAK,EAAE8D,cAAM,CAACE;EAAQ,CAAC;EACtF2C,WAAW,EAAE;IAAE3G,KAAK,EAAE8D,cAAM,CAAC+C,MAAM;IAAEU,UAAU,EAAE;EAAM,CAAC;EACxDX,gBAAgB,EAAE;IAAE5G,KAAK,EAAE8D,cAAM,CAACC,SAAS;IAAEyE,OAAO,EAAE;EAAI;AAC5D,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/SessionBanner.js

@@ -0,0 +1,220 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SessionBanner = SessionBanner;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _tokens = require("@lockin90/tokens");
+var _Button = require("./Button");
+var _jsxRuntime = require("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 = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    const loop = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(v, {
+      toValue: 1,
+      duration: 800,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.quad),
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(v, {
+      toValue: 0,
+      duration: 800,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.quad),
+      useNativeDriver: true
+    })]));
+    loop.start();
+    return () => loop.stop();
+  }, [v]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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).
+ */
+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__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+    size: "sm",
+    variant: a.variant === 'primary' ? 'primary' : 'ghost',
+    title: a.label,
+    onPress: a.onPress
+  }, i)) : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.card, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.head,
+      children: [leading != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.leading,
+        children: leading
+      }), live ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LiveDot, {}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.title,
+        numberOfLines: 1,
+        children: title
+      }), status != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.status, live && styles.statusLive],
+        numberOfLines: 1,
+        children: status
+      }), inlineActions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.actionsInline,
+        children: actionButtons
+      })]
+    }), subtitle != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.sub,
+      children: subtitle
+    }), shownStats.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.stats,
+      children: shownStats.map((s, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.stat, i === 0 && styles.statFirst, i > 0 && styles.statDivider],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.statVal,
+          children: s.value
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.statLabel,
+          children: s.label.toUpperCase()
+        })]
+      }, i))
+    }), hasActions && !inlineActions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.actions,
+      children: actionButtons
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    gap: 9,
+    paddingVertical: 14,
+    paddingHorizontal: 16,
+    borderRadius: _tokens.radii.lg,
+    borderWidth: 1,
+    borderColor: _tokens.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: _tokens.colors.magenta,
+    shadowColor: _tokens.colors.magenta,
+    shadowOpacity: 0.7,
+    shadowRadius: 5,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    }
+  },
+  title: {
+    flex: 1,
+    minWidth: 0,
+    fontFamily: _tokens.fonts.display,
+    fontWeight: '700',
+    fontSize: 15,
+    letterSpacing: -0.15,
+    color: _tokens.colors.text
+  },
+  status: {
+    flexShrink: 0,
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 11,
+    fontWeight: '600',
+    fontVariant: ['tabular-nums'],
+    color: _tokens.colors.textDim
+  },
+  statusLive: {
+    color: _tokens.colors.magenta
+  },
+  sub: {
+    fontSize: 12.5,
+    color: _tokens.colors.textDim
+  },
+  stats: {
+    flexDirection: 'row',
+    alignItems: 'stretch'
+  },
+  stat: {
+    flex: 1,
+    gap: 2,
+    paddingHorizontal: 12
+  },
+  statFirst: {
+    paddingLeft: 0
+  },
+  statDivider: {
+    borderLeftWidth: 1,
+    borderLeftColor: _tokens.colors.border
+  },
+  statVal: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 15,
+    fontWeight: '700',
+    fontVariant: ['tabular-nums'],
+    color: _tokens.colors.text
+  },
+  statLabel: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 8.5,
+    letterSpacing: 1,
+    color: _tokens.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/commonjs/components/SessionBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_tokens","_Button","_jsxRuntime","LiveDot","v","useRef","Animated","Value","current","useEffect","loop","sequence","timing","toValue","duration","easing","Easing","inOut","quad","useNativeDriver","start","stop","jsx","View","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","Button","size","variant","label","onPress","jsxs","card","children","head","Text","numberOfLines","statusLive","actionsInline","sub","s","stat","statFirst","statDivider","statVal","value","statLabel","toUpperCase","StyleSheet","create","gap","paddingVertical","paddingHorizontal","borderRadius","radii","lg","borderWidth","borderColor","colors","border","backgroundColor","flexDirection","alignItems","flexShrink","width","height","magenta","shadowColor","shadowOpacity","shadowRadius","shadowOffset","flex","minWidth","fontFamily","fonts","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":[]}