@lockin90/ui-native 0.0.0-stage → 1.0.0

package/lib/commonjs/components/EffectAttributionLine.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EffectAttributionLine = EffectAttributionLine;
+var _reactNative = require("react-native");
+var _tokens = require("@lockin90/tokens");
+var _Icon = require("./Icon");
+var _jsxRuntime = require("react/jsx-runtime");
+// Native has no `currentColor`; resolve each tone to its value/icon color.
+const TONE_COLOR = {
+  positive: _tokens.colors.zoneHigh,
+  negative: _tokens.colors.zoneLow,
+  neutral: _tokens.colors.textDim
+};
+
+/** Resolve the effective tone from the explicit prop, falling back to the numeric sign. */
+function resolveTone(tone, value) {
+  if (tone !== 'auto') return tone;
+  if (value > 0) return 'positive';
+  if (value < 0) return 'negative';
+  return 'neutral';
+}
+function signFor(value) {
+  if (value > 0) return '+';
+  if (value < 0) return '−';
+  return '±';
+}
+
+/**
+ * A single "why this score" attribution row: optional leading icon, a large
+ * signed contribution (display font, tinted by tone) with unit, and the label
+ * describing the driver. Stack several inside an energy-explain list.
+ */
+function EffectAttributionLine({
+  value,
+  label,
+  unit,
+  tone = 'auto',
+  icon,
+  style
+}) {
+  const resolved = resolveTone(tone, value);
+  const color = TONE_COLOR[resolved];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.row, style],
+    children: [icon != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.icon,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        name: icon,
+        size: 16,
+        color: color
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+      style: [styles.value, {
+        color
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.sign,
+        children: signFor(value)
+      }), String(Math.abs(value)), unit != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.unit,
+        children: unit
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.label,
+      children: label
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    gap: 10
+  },
+  icon: {
+    alignSelf: 'center'
+  },
+  value: {
+    fontFamily: _tokens.fonts.display,
+    fontWeight: '700',
+    fontSize: 26,
+    letterSpacing: -0.52,
+    lineHeight: 28
+  },
+  sign: {
+    fontFamily: _tokens.fonts.display,
+    fontWeight: '700'
+  },
+  unit: {
+    fontSize: 13,
+    fontWeight: '500',
+    color: _tokens.colors.textFaint
+  },
+  label: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 10,
+    textTransform: 'uppercase',
+    letterSpacing: 1.2,
+    color: _tokens.colors.textDim
+  }
+});
+//# sourceMappingURL=EffectAttributionLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_tokens","_Icon","_jsxRuntime","TONE_COLOR","positive","colors","zoneHigh","negative","zoneLow","neutral","textDim","resolveTone","tone","value","signFor","EffectAttributionLine","label","unit","icon","style","resolved","color","jsxs","View","styles","row","children","jsx","Icon","name","size","Text","sign","String","Math","abs","StyleSheet","create","flexDirection","alignItems","gap","alignSelf","fontFamily","fonts","display","fontWeight","fontSize","letterSpacing","lineHeight","textFaint","mono","textTransform"],"sourceRoot":"../../../src","sources":["components/EffectAttributionLine.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/EmptyState.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmptyState = EmptyState;
+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); }
+/** Default star glyph — faint accent outline. */
+function StarIcon({
+  size
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: _tokens.colors.accent,
+    strokeWidth: 1.6,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M12 2.5 14.9 9l7 .5-5.4 4.6 1.7 6.9L12 17.6 5.8 21l1.7-6.9L2.1 9.5l7-.5z"
+    })
+  });
+}
+
+/** Centered zero-state: glass icon tile + headline + body + action. */
+function EmptyState({
+  icon,
+  title = 'Nothing here yet',
+  description = 'Once you start logging, this is where it shows up.',
+  action,
+  compact,
+  style,
+  ...rest
+}) {
+  const glyph = icon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(StarIcon, {
+    size: compact ? 24 : 30
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.empty, compact && styles.emptyCompact, style],
+    ...rest,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.tile, compact && styles.tileCompact],
+      children: glyph
+    }), title != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.title, compact && styles.titleCompact],
+      children: title
+    }), description != null && (typeof description === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.desc, compact && styles.descCompact],
+      children: description
+    }) : description), action != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.action,
+      children: action
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  empty: {
+    flexDirection: 'column',
+    alignItems: 'center',
+    gap: 12,
+    paddingVertical: 40,
+    paddingHorizontal: 24
+  },
+  emptyCompact: {
+    gap: 9,
+    paddingVertical: 24,
+    paddingHorizontal: 18
+  },
+  tile: {
+    width: 64,
+    height: 64,
+    borderRadius: 20,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: _tokens.colors.glass2,
+    borderWidth: 1,
+    borderColor: _tokens.colors.border2
+  },
+  tileCompact: {
+    width: 48,
+    height: 48,
+    borderRadius: 15
+  },
+  title: {
+    fontFamily: _tokens.fonts.display,
+    fontWeight: '700',
+    fontSize: 17,
+    letterSpacing: -0.17,
+    color: _tokens.colors.text,
+    textAlign: 'center'
+  },
+  titleCompact: {
+    fontSize: 15
+  },
+  desc: {
+    maxWidth: 340,
+    fontFamily: _tokens.fonts.ui,
+    fontSize: 13.5,
+    lineHeight: 21,
+    color: _tokens.colors.textDim,
+    textAlign: 'center'
+  },
+  descCompact: {
+    fontSize: 12.5
+  },
+  action: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'center',
+    gap: 10,
+    marginTop: 4
+  }
+});
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeSvg","_interopRequireWildcard","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StarIcon","size","jsx","width","height","viewBox","fill","stroke","colors","accent","strokeWidth","strokeLinecap","strokeLinejoin","children","Path","d","EmptyState","icon","title","description","action","compact","style","rest","glyph","jsxs","View","styles","empty","emptyCompact","tile","tileCompact","Text","titleCompact","desc","descCompact","StyleSheet","create","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","borderRadius","justifyContent","backgroundColor","glass2","borderWidth","borderColor","border2","fontFamily","fonts","display","fontWeight","fontSize","letterSpacing","color","text","textAlign","maxWidth","ui","lineHeight","textDim","flexWrap","marginTop"],"sourceRoot":"../../../src","sources":["components/EmptyState.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAiD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,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;AAejD;AACA,SAASkB,QAAQA,CAAC;EAAEC;AAAuB,CAAC,EAAE;EAC5C,oBACE,IAAArB,WAAA,CAAAsB,GAAA,EAACzB,eAAA,CAAAc,OAAG;IAACY,KAAK,EAAEF,IAAK;IAACG,MAAM,EAAEH,IAAK;IAACI,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAACC,MAAM,EAAEC,cAAM,CAACC,MAAO;IAACC,WAAW,EAAE,GAAI;IAACC,aAAa,EAAC,OAAO;IAACC,cAAc,EAAC,OAAO;IAAAC,QAAA,eACnJ,IAAAjC,WAAA,CAAAsB,GAAA,EAACzB,eAAA,CAAAqC,IAAI;MAACC,CAAC,EAAC;IAA0E,CAAE;EAAC,CAClF,CAAC;AAEV;;AAEA;AACO,SAASC,UAAUA,CAAC;EACzBC,IAAI;EACJC,KAAK,GAAG,kBAAkB;EAC1BC,WAAW,GAAG,oDAAoD;EAClEC,MAAM;EACNC,OAAO;EACPC,KAAK;EACL,GAAGC;AACY,CAAC,EAAE;EAClB,MAAMC,KAAK,GAAGP,IAAI,iBAAI,IAAArC,WAAA,CAAAsB,GAAA,EAACF,QAAQ;IAACC,IAAI,EAAEoB,OAAO,GAAG,EAAE,GAAG;EAAG,CAAE,CAAC;EAC3D,oBACE,IAAAzC,WAAA,CAAA6C,IAAA,EAAClD,YAAA,CAAAmD,IAAI;IAACJ,KAAK,EAAE,CAACK,MAAM,CAACC,KAAK,EAAEP,OAAO,IAAIM,MAAM,CAACE,YAAY,EAAEP,KAAK,CAAE;IAAA,GAAKC,IAAI;IAAAV,QAAA,gBAC1E,IAAAjC,WAAA,CAAAsB,GAAA,EAAC3B,YAAA,CAAAmD,IAAI;MAACJ,KAAK,EAAE,CAACK,MAAM,CAACG,IAAI,EAAET,OAAO,IAAIM,MAAM,CAACI,WAAW,CAAE;MAAAlB,QAAA,EAAEW;IAAK,CAAO,CAAC,EACxEN,KAAK,IAAI,IAAI,iBAAI,IAAAtC,WAAA,CAAAsB,GAAA,EAAC3B,YAAA,CAAAyD,IAAI;MAACV,KAAK,EAAE,CAACK,MAAM,CAACT,KAAK,EAAEG,OAAO,IAAIM,MAAM,CAACM,YAAY,CAAE;MAAApB,QAAA,EAAEK;IAAK,CAAO,CAAC,EAC5FC,WAAW,IAAI,IAAI,KAAK,OAAOA,WAAW,KAAK,QAAQ,gBACpD,IAAAvC,WAAA,CAAAsB,GAAA,EAAC3B,YAAA,CAAAyD,IAAI;MAACV,KAAK,EAAE,CAACK,MAAM,CAACO,IAAI,EAAEb,OAAO,IAAIM,MAAM,CAACQ,WAAW,CAAE;MAAAtB,QAAA,EAAEM;IAAW,CAAO,CAAC,GAC/EA,WAAW,CAAC,EACfC,MAAM,IAAI,IAAI,iBAAI,IAAAxC,WAAA,CAAAsB,GAAA,EAAC3B,YAAA,CAAAmD,IAAI;MAACJ,KAAK,EAAEK,MAAM,CAACP,MAAO;MAAAP,QAAA,EAAEO;IAAM,CAAO,CAAC;EAAA,CAC1D,CAAC;AAEX;AAEA,MAAMO,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,KAAK,EAAE;IACLU,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,EAAE;IACPC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDb,YAAY,EAAE;IACZW,GAAG,EAAE,CAAC;IACNC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDZ,IAAI,EAAE;IACJ3B,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVuC,YAAY,EAAE,EAAE;IAChBJ,UAAU,EAAE,QAAQ;IACpBK,cAAc,EAAE,QAAQ;IACxBC,eAAe,EAAErC,cAAM,CAACsC,MAAM;IAC9BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAExC,cAAM,CAACyC;EACtB,CAAC;EACDlB,WAAW,EAAE;IACX5B,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVuC,YAAY,EAAE;EAChB,CAAC;EACDzB,KAAK,EAAE;IACLgC,UAAU,EAAEC,aAAK,CAACC,OAAO;IACzBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,aAAa,EAAE,CAAC,IAAI;IACpBC,KAAK,EAAEhD,cAAM,CAACiD,IAAI;IAClBC,SAAS,EAAE;EACb,CAAC;EACDzB,YAAY,EAAE;IACZqB,QAAQ,EAAE;EACZ,CAAC;EACDpB,IAAI,EAAE;IACJyB,QAAQ,EAAE,GAAG;IACbT,UAAU,EAAEC,aAAK,CAACS,EAAE;IACpBN,QAAQ,EAAE,IAAI;IACdO,UAAU,EAAE,EAAE;IACdL,KAAK,EAAEhD,cAAM,CAACsD,OAAO;IACrBJ,SAAS,EAAE;EACb,CAAC;EACDvB,WAAW,EAAE;IACXmB,QAAQ,EAAE;EACZ,CAAC;EACDlC,MAAM,EAAE;IACNkB,aAAa,EAAE,KAAK;IACpByB,QAAQ,EAAE,MAAM;IAChBnB,cAAc,EAAE,QAAQ;IACxBJ,GAAG,EAAE,EAAE;IACPwB,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/EngagementBar.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EngagementBar = EngagementBar;
+var _reactNative = require("react-native");
+var _tokens = require("@lockin90/tokens");
+var _Icon = require("./Icon");
+var _jsxRuntime = require("react/jsx-runtime");
+/* ============================================================================
+   EngagementBar — the post/feed footer row: a horizontal group of icon+count
+   "react" actions (like · comment · share · save). Each action is a pressable
+   icon-button with a tabular count beside it; only actions whose prop object is
+   provided are rendered.
+
+   Native has no `currentColor`, so each glyph is colored explicitly: active
+   states colorize the like heart rose/bad (and its count) and fill the saved
+   bookmark accent (violet). Mirrors the web `EngagementBar` and the social
+   feed design (feed.html / social.html).
+   ========================================================================== */
+
+/** A single icon (+ optional count) react action inside the bar. */
+function ReactAction({
+  icon,
+  count,
+  color,
+  label,
+  active,
+  onPress,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    accessibilityRole: "button",
+    accessibilityLabel: label,
+    accessibilityState: {
+      selected: active
+    },
+    onPress: onPress,
+    style: ({
+      pressed
+    }) => [styles.react, pressed && styles.reactPressed, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: icon,
+      size: 16,
+      color: color
+    }), count != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.cnt, {
+        color
+      }],
+      children: count
+    })]
+  });
+}
+
+/** Horizontal like / comment / share / save action row for feed posts. */
+function EngagementBar({
+  like,
+  comment,
+  share,
+  save,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.bar, style],
+    children: [like && /*#__PURE__*/(0, _jsxRuntime.jsx)(ReactAction, {
+      icon: "apple-health",
+      label: like.active ? 'Unlike' : 'Like',
+      count: like.count,
+      active: like.active,
+      color: like.active ? _tokens.colors.bad : _tokens.colors.textDim,
+      onPress: like.onToggle
+    }), comment && /*#__PURE__*/(0, _jsxRuntime.jsx)(ReactAction, {
+      icon: "quote",
+      label: "Comments",
+      count: comment.count,
+      color: _tokens.colors.textDim,
+      onPress: comment.onPress
+    }), share && /*#__PURE__*/(0, _jsxRuntime.jsx)(ReactAction, {
+      icon: "share",
+      label: "Share",
+      color: _tokens.colors.textDim,
+      onPress: share.onPress
+    }), save && /*#__PURE__*/(0, _jsxRuntime.jsx)(ReactAction, {
+      icon: "save",
+      label: save.active ? 'Saved' : 'Save',
+      active: save.active,
+      color: save.active ? _tokens.colors.accent : _tokens.colors.textDim,
+      onPress: save.onToggle,
+      style: styles.save
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  bar: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 6
+  },
+  react: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 7,
+    paddingVertical: 7,
+    paddingHorizontal: 12,
+    borderRadius: _tokens.radii.pill,
+    borderWidth: 1,
+    borderColor: 'transparent',
+    backgroundColor: 'transparent'
+  },
+  reactPressed: {
+    backgroundColor: _tokens.colors.glass
+  },
+  cnt: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 12
+  },
+  save: {
+    marginLeft: 'auto'
+  }
+});
+//# sourceMappingURL=EngagementBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_tokens","_Icon","_jsxRuntime","ReactAction","icon","count","color","label","active","onPress","style","jsxs","Pressable","accessibilityRole","accessibilityLabel","accessibilityState","selected","pressed","styles","react","reactPressed","children","jsx","Icon","name","size","Text","cnt","EngagementBar","like","comment","share","save","View","bar","colors","bad","textDim","onToggle","accent","StyleSheet","create","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","borderRadius","radii","pill","borderWidth","borderColor","backgroundColor","glass","fontFamily","fonts","mono","fontSize","marginLeft"],"sourceRoot":"../../../src","sources":["components/EngagementBar.tsx"],"mappings":"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","ignoreList":[]}