@lockin90/ui-native 0.0.0-stage → 1.0.1

package/lib/commonjs/components/Button.js

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Button = Button;
+var _reactNative = require("react-native");
+var _expoLinearGradient = require("expo-linear-gradient");
+var _tokens = require("@lockin90/tokens");
+var _optionalHaptics = require("../internal/optionalHaptics");
+var _jsxRuntime = require("react/jsx-runtime");
+// `--bad` (#FF4D6D) as alpha tints — the sanctioned paired literal for the web
+// `color-mix(in srgb, var(--bad) x%, transparent)` (matches Alert/Badge danger).
+const DANGER_TINT = 'rgba(255,77,109,0.10)';
+const DANGER_BORDER = 'rgba(255,77,109,0.42)';
+/** Pill button. `primary` paints the energy-gradient CTA. `tone="danger"` composes
+ *  with `variant` for destructive actions (solid red on `default`, red-tinted on
+ *  `ghost`). `leading`/`trailing` render an icon before/after the label (the row is
+ *  `gap: 9`-spaced). */
+function Button({
+  variant = 'default',
+  tone,
+  size = 'md',
+  title,
+  leading,
+  trailing,
+  style,
+  onPress,
+  ...rest
+}) {
+  const pad = size === 'sm' ? styles.padSm : styles.padMd;
+  const labelSize = size === 'sm' ? 13 : 14;
+  const danger = tone === 'danger';
+
+  // selection tick on every press (no-op without expo-haptics) — a real button
+  // press should feel like one, same as the tab bar
+  const press = onPress ? e => {
+    (0, _optionalHaptics.hapticSelection)();
+    onPress(e);
+  } : undefined;
+  if (variant === 'primary' && !danger) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: press,
+      ...rest,
+      children: ({
+        pressed
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_expoLinearGradient.LinearGradient, {
+        colors: _tokens.gradients.cta.stops,
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 1,
+          y: 1
+        },
+        style: [styles.base, pad, styles.primary, pressed && styles.pressed, style],
+        children: [leading, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.label, {
+            fontSize: labelSize,
+            color: '#0A0A12'
+          }],
+          children: title
+        }), trailing]
+      })
+    });
+  }
+  const ghost = variant === 'ghost';
+
+  // resolve surface + label per variant × tone
+  let backgroundColor;
+  let borderColor;
+  let borderWidth = 1;
+  let textColor;
+  let surfaceShadow;
+  if (danger && !ghost) {
+    // solid destructive — bright `--bad` fill, dark label (like `primary`)
+    backgroundColor = _tokens.colors.bad;
+    borderColor = _tokens.colors.bad;
+    borderWidth = 0;
+    textColor = '#0A0A12';
+    surfaceShadow = styles.dangerGlow;
+  } else if (danger) {
+    // ghost danger — red-tinted transparent
+    backgroundColor = DANGER_TINT;
+    borderColor = DANGER_BORDER;
+    textColor = _tokens.colors.bad;
+  } else {
+    backgroundColor = ghost ? 'transparent' : _tokens.colors.glass2;
+    borderColor = ghost ? _tokens.colors.border : _tokens.colors.border2;
+    textColor = ghost ? _tokens.colors.textDim : _tokens.colors.text;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: press,
+    ...rest,
+    children: ({
+      pressed
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.base, pad, {
+        backgroundColor,
+        borderWidth,
+        borderColor
+      }, surfaceShadow, pressed && styles.pressed, style],
+      children: [leading, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.label, {
+          fontSize: labelSize,
+          color: textColor
+        }],
+        children: title
+      }), trailing]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  base: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 9,
+    borderRadius: _tokens.radii.pill
+  },
+  padMd: {
+    paddingVertical: 12,
+    paddingHorizontal: 20
+  },
+  padSm: {
+    paddingVertical: 8,
+    paddingHorizontal: 14
+  },
+  primary: {
+    ..._tokens.nativeShadows.glowAccent
+  },
+  dangerGlow: {
+    shadowColor: _tokens.colors.bad,
+    shadowOpacity: 0.4,
+    shadowRadius: 24,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    elevation: 8
+  },
+  pressed: {
+    opacity: 0.85,
+    transform: [{
+      scale: 0.98
+    }]
+  },
+  label: {
+    fontFamily: _tokens.fonts.ui,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_expoLinearGradient","_tokens","_optionalHaptics","_jsxRuntime","DANGER_TINT","DANGER_BORDER","Button","variant","tone","size","title","leading","trailing","style","onPress","rest","pad","styles","padSm","padMd","labelSize","danger","press","e","hapticSelection","undefined","jsx","Pressable","children","pressed","jsxs","LinearGradient","colors","gradients","cta","stops","start","x","y","end","base","primary","Text","label","fontSize","color","ghost","backgroundColor","borderColor","borderWidth","textColor","surfaceShadow","bad","dangerGlow","glass2","border","border2","textDim","text","View","StyleSheet","create","flexDirection","alignItems","justifyContent","gap","borderRadius","radii","pill","paddingVertical","paddingHorizontal","nativeShadows","glowAccent","shadowColor","shadowOpacity","shadowRadius","shadowOffset","width","height","elevation","opacity","transform","scale","fontFamily","fonts","ui","fontWeight"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/CaffeineClock.js

@@ -0,0 +1,491 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CaffeineClock = CaffeineClock;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _tokens = require("@lockin90/tokens");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/* CaffeineClock — the catalog caffeine family (CF-01…CF-03,
+   lockin90-design/charts/caffeine-charts.html): half-life decay vs your
+   bedtime — when the last safe coffee is. Three variants in a fixed 320×150
+   viewBox: the signature exponential decay curve with the amber sleep
+   threshold and the violet bedtime rule + verdict pill, stacked per-dose
+   curves under a bold total, and the actionable mint→amber→magenta safe
+   window strip with the computed LAST SAFE COFFEE tick. Native twin of
+   `@lockin90/ui` CaffeineClock — same prop API; the shine glow is a real
+   Gaussian-blurred duplicate stroke (Fabric-native SVG filters in
+   react-native-svg 15). */
+
+/* CF-03 — gradient day strip + LAST SAFE COFFEE tick */
+
+/** One caffeine dose. */
+
+/* ---- catalog geometry (viewBox units — charts/catalog.js + caffeine page) ---- */
+const W = 320;
+const H = 150;
+const PAD = {
+  l: 10,
+  r: 12,
+  t: 16,
+  b: 14
+};
+const PLOT_H = H - PAD.t - PAD.b; // 120
+const GRID_ROWS = [0.25, 0.5, 0.75];
+const X0 = PAD.l + 10;
+const X1 = W - PAD.r - 10;
+
+/** Round for compact attribute values. */
+const rd = n => Math.round(n * 100) / 100;
+
+/** `h:mm` from a fractional hour (17.3 → '17:18'). */
+function fmtH(h) {
+  let hh = Math.floor(h);
+  let mm = Math.round((h - hh) * 60);
+  if (mm === 60) {
+    hh += 1;
+    mm = 0;
+  }
+  return `${hh}:${String(mm).padStart(2, '0')}`;
+}
+
+/** Mono catalog label (8.5px JetBrains Mono, ~.06em tracking). */
+function Label({
+  x,
+  y,
+  fill,
+  anchor = 'middle',
+  children
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Text, {
+    x: rd(x),
+    y: rd(y),
+    fill: fill,
+    textAnchor: anchor,
+    fontSize: 8.5,
+    fontFamily: _tokens.fonts.mono,
+    letterSpacing: 0.5,
+    children: children
+  });
+}
+
+/** Chip-pill tag (the catalog `tag()`): dark bg-0 pill + tinted hairline. */
+function Tag({
+  x,
+  y,
+  color,
+  anchor = 'middle',
+  text
+}) {
+  const wpx = text.length * 5.35 + 12;
+  let xa = anchor === 'end' ? x - wpx : anchor === 'start' ? x : x - wpx / 2;
+  xa = Math.max(PAD.l - 4, Math.min(xa, W - PAD.r - wpx + 4));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+      x: rd(xa),
+      y: rd(y - 6.5),
+      width: rd(wpx),
+      height: 13,
+      rx: 6.5,
+      fill: `${_tokens.colors.bg0}C7`,
+      stroke: color,
+      strokeOpacity: 0.35,
+      strokeWidth: 0.8
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Text, {
+      x: rd(xa + wpx / 2),
+      y: rd(y + 2.8),
+      fill: color,
+      textAnchor: "middle",
+      fontSize: 8,
+      fontFamily: _tokens.fonts.mono,
+      letterSpacing: 0.4,
+      children: text
+    })]
+  });
+}
+
+/** Glowing dot + static halo ring — the catalog `pulseDot` (no animation). */
+function PulseDot({
+  x,
+  y,
+  color
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+      cx: rd(x),
+      cy: rd(y),
+      r: 6.6,
+      fill: color,
+      opacity: 0.35
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+      cx: rd(x),
+      cy: rd(y),
+      r: 3.6,
+      fill: color
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+      cx: rd(x),
+      cy: rd(y),
+      r: 7,
+      fill: "none",
+      stroke: color,
+      strokeWidth: 1.4,
+      opacity: 0.4
+    })]
+  });
+}
+
+/* per-dose curve colors, in dose order (the catalog stacked trio) */
+const DOSE_COLORS = [_tokens.colors.violet, _tokens.colors.cyan, _tokens.colors.zoneMid];
+const DEFAULT_DECAY = [{
+  atH: 8.5,
+  mg: 120,
+  color: _tokens.colors.mint
+}];
+const DEFAULT_STACK = [{
+  atH: 7.5,
+  mg: 90
+}, {
+  atH: 10.5,
+  mg: 60
+}, {
+  atH: 14,
+  mg: 80
+}];
+const DEFAULT_WINDOW = [{
+  atH: 7.5,
+  mg: 90
+}, {
+  atH: 10.5,
+  mg: 60
+}];
+
+/**
+ * CaffeineClock — the caffeine-clock family (catalog CF-01…CF-03): mg in the
+ * system over the day, computed from the doses with the exponential half-life
+ * model `mg · 0.5^((h − atH)/t½)`. The bed verdict, threshold crossing and
+ * LAST SAFE COFFEE tick are all derived from the data — pass real doses and
+ * the answers are real.
+ */
+function CaffeineClock({
+  variant = 'decay-curve',
+  doses,
+  halfLifeH = 5.7,
+  bedH = 23,
+  thresholdMg = 50,
+  maxMg = 200,
+  dayStartH = 6,
+  dayEndH = 24,
+  nowH = 14,
+  color = _tokens.colors.mint,
+  bedLabel,
+  crossLabel,
+  note = 'BOLD = TOTAL',
+  safeLabel,
+  cupsNote,
+  legendNote,
+  title,
+  grid = true,
+  shine = false,
+  ariaLabel = 'Caffeine decay chart',
+  style
+}) {
+  const uid = (0, _react.useId)().replace(/[^a-zA-Z0-9-]/g, '');
+  const ds = doses ?? (variant === 'stacked-doses' ? DEFAULT_STACK : variant === 'safe-window' ? DEFAULT_WINDOW : DEFAULT_DECAY);
+
+  /** hour → x (the page's `xh`, generalized to the day window). */
+  const xh = h => X0 + (h - dayStartH) / (dayEndH - dayStartH) * (X1 - X0);
+  /** mg → y (the page's `ymg`). */
+  const ymg = mg => H - PAD.b - 6 - mg / maxMg * (PLOT_H - 18);
+  /** total mg in the system at hour `h` (each dose decays independently). */
+  const lvl = (dd, h) => dd.reduce((s, d) => h < d.atH ? s : s + d.mg * Math.pow(0.5, (h - d.atH) / halfLifeH), 0);
+  /** decay path sampled every 0.25h from `h0` to the end of the window. */
+  const curve = (dd, h0) => {
+    let d = '';
+    for (let h = h0; h <= dayEndH + 0.01; h += 0.25) d += `${d ? 'L' : 'M'}${rd(xh(h))} ${rd(ymg(lvl(dd, h)))}`;
+    return d;
+  };
+
+  /** dashed-stem cup marker + mg caption (the page's `cup`). */
+  const cupMarker = (d, i) => {
+    const c = d.color ?? DOSE_COLORS[i % DOSE_COLORS.length];
+    const x = xh(d.atH);
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
+        x1: rd(x),
+        x2: rd(x),
+        y1: rd(ymg(0)),
+        y2: rd(ymg(d.mg)),
+        stroke: c,
+        strokeWidth: 1,
+        strokeDasharray: [2, 3],
+        opacity: 0.7
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+        cx: rd(x),
+        cy: rd(ymg(d.mg)),
+        r: 3,
+        fill: c
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, {
+        x: x,
+        y: ymg(d.mg) - 8,
+        fill: c,
+        children: `${d.mg}MG`
+      })]
+    }, i);
+  };
+
+  /* bed verdict — derived from the model */
+  const mgAtBed = Math.round(lvl(ds, bedH));
+  const bedOK = mgAtBed < thresholdMg;
+  const bedText = bedLabel ?? `BED · ${mgAtBed}MG ${bedOK ? '✓' : '⚠'}`;
+  const bedColor = bedOK ? _tokens.colors.mint : _tokens.colors.zoneLow;
+  const bedRule = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
+      x1: rd(xh(bedH)),
+      x2: rd(xh(bedH)),
+      y1: PAD.t + 6,
+      y2: H - PAD.b,
+      stroke: _tokens.colors.violet,
+      strokeWidth: 1.2,
+      strokeDasharray: [4, 4]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
+      x: xh(bedH) - 4,
+      y: PAD.t + 12,
+      color: bedColor,
+      anchor: "end",
+      text: bedText
+    })]
+  });
+
+  /* hour ticks every 3h across the window */
+  const ticks = [];
+  for (let h = Math.ceil(dayStartH / 3) * 3; h <= dayEndH; h += 3) ticks.push(h);
+  const hourTicks = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.G, {
+    children: ticks.map(h => /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, {
+      x: xh(h),
+      y: H - 3,
+      fill: _tokens.colors.textFaint,
+      children: `${h}:00`
+    }, h))
+  });
+  let body = null;
+  if (variant === 'stacked-doses') {
+    /* CF-02 — faint per-dose curves + bold white TOTAL */
+    const first = Math.min(...ds.map(d => d.atH));
+    body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+      children: [ds.map((d, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+        d: curve([d], d.atH),
+        fill: "none",
+        stroke: d.color ?? DOSE_COLORS[i % DOSE_COLORS.length],
+        strokeWidth: 1.2,
+        opacity: 0.55
+      }, i)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+        d: curve(ds, first),
+        fill: "none",
+        stroke: _tokens.colors.text,
+        strokeWidth: 2.2,
+        strokeLinecap: "round"
+      }), ds.map((d, i) => cupMarker(d, i)), bedRule, hourTicks, /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, {
+        x: xh(dayStartH + (dayEndH - dayStartH) * 0.44) + 8,
+        y: ymg(maxMg * 0.75),
+        fill: _tokens.colors.textDim,
+        anchor: "start",
+        children: note
+      })]
+    });
+  } else if (variant === 'safe-window') {
+    /* CF-03 — gradient day strip + computed LAST SAFE COFFEE tick */
+    const y = 74;
+    const cut = bedH - halfLifeH; // one half-life before bed
+    const gradId = `lk-caff-w-${uid}`;
+    const avgH = ds.length > 0 ? ds.reduce((s, d) => s + d.atH, 0) / ds.length : dayStartH;
+    body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.LinearGradient, {
+          id: gradId,
+          x1: "0%",
+          y1: "0%",
+          x2: "100%",
+          y2: "0%",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+            offset: "0%",
+            stopColor: _tokens.colors.mint
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+            offset: "55%",
+            stopColor: _tokens.colors.mint
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+            offset: "75%",
+            stopColor: _tokens.colors.zoneMid
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+            offset: "100%",
+            stopColor: _tokens.colors.magenta
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+        x: X0,
+        y: y - 9,
+        width: X1 - X0,
+        height: 18,
+        rx: 9,
+        fill: `url(#${gradId})`,
+        opacity: 0.75
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
+        x1: rd(xh(cut)),
+        x2: rd(xh(cut)),
+        y1: y - 17,
+        y2: y + 17,
+        stroke: _tokens.colors.text,
+        strokeWidth: 2
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
+        x: xh(cut),
+        y: y - 26,
+        color: _tokens.colors.mint,
+        text: safeLabel ?? `LAST SAFE COFFEE · ${fmtH(cut)}`
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PulseDot, {
+        x: xh(nowH),
+        y: y,
+        color: _tokens.colors.text
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, {
+        x: xh(nowH),
+        y: y + 26,
+        fill: _tokens.colors.textDim,
+        children: `NOW · ${fmtH(nowH)}`
+      }), ds.map((d, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+        cx: rd(xh(d.atH)),
+        cy: y,
+        r: 3,
+        fill: `${_tokens.colors.bg0}CC`,
+        stroke: _tokens.colors.text,
+        strokeOpacity: 0.8,
+        strokeWidth: 1.2
+      }, i)), /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, {
+        x: xh(avgH),
+        y: y - 22,
+        fill: _tokens.colors.textFaint,
+        children: cupsNote ?? `${ds.length} COFFEES SO FAR`
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, {
+        x: W / 2,
+        y: 128,
+        fill: _tokens.colors.textFaint,
+        children: legendNote ?? `GREEN = SAFE FOR ${fmtH(bedH)} BED · RED = HITS SLEEP`
+      }), hourTicks]
+    });
+  } else {
+    /* CF-01 — the signature decay curve + threshold + bed verdict */
+    const first = Math.min(...ds.map(d => d.atH));
+    const d = curve(ds, first);
+    // first time the (post-last-dose) total dips under the threshold
+    let t50 = null;
+    if (ds.length > 0) {
+      const lastDose = Math.max(...ds.map(dd => dd.atH));
+      for (let h = Math.max(lastDose, dayStartH); h <= dayEndH; h += 0.05) {
+        if (lvl(ds, h) < thresholdMg) {
+          t50 = h;
+          break;
+        }
+      }
+    }
+    body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+      children: [shine ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Filter, {
+            id: `lk-caff-blur-${uid}`,
+            filterUnits: "userSpaceOnUse",
+            x: -10,
+            y: -10,
+            width: W + 20,
+            height: H + 20,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeGaussianBlur, {
+              stdDeviation: 2.5
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+          d: d,
+          fill: "none",
+          stroke: color,
+          strokeWidth: 7,
+          opacity: 0.45,
+          filter: `url(#lk-caff-blur-${uid})`
+        })]
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
+        x1: X0,
+        x2: X1,
+        y1: rd(ymg(thresholdMg)),
+        y2: rd(ymg(thresholdMg)),
+        stroke: _tokens.colors.zoneMid,
+        strokeWidth: 1.1,
+        strokeDasharray: [4, 4]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, {
+        x: X0 + 2,
+        y: ymg(thresholdMg) - 6,
+        fill: _tokens.colors.zoneMid,
+        anchor: "start",
+        children: `SLEEP THRESHOLD ${thresholdMg}MG`
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+        d: d,
+        fill: "none",
+        stroke: color,
+        strokeWidth: 2.2,
+        strokeLinecap: "round"
+      }), ds.map((dd, i) => cupMarker(dd, i)), t50 != null ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+          cx: rd(xh(t50)),
+          cy: rd(ymg(thresholdMg)),
+          r: 3.4,
+          fill: _tokens.colors.zoneMid
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
+          x: xh(t50) + 6,
+          y: ymg(thresholdMg) + 16,
+          color: _tokens.colors.zoneMid,
+          anchor: "start",
+          text: crossLabel ?? `UNDER ${thresholdMg}MG · ${fmtH(t50)}`
+        })]
+      }) : null, bedRule, hourTicks]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    accessibilityRole: "image",
+    accessibilityLabel: ariaLabel,
+    style: [styles.root, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+      width: "100%",
+      height: "100%",
+      viewBox: `0 0 ${W} ${H}`,
+      children: [grid ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+        children: [GRID_ROWS.map(f => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
+          x1: PAD.l,
+          x2: W - PAD.r,
+          y1: rd(PAD.t + PLOT_H * f),
+          y2: rd(PAD.t + PLOT_H * f),
+          stroke: _tokens.colors.border,
+          strokeOpacity: 0.55,
+          strokeWidth: 1
+        }, f)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
+          x1: PAD.l,
+          x2: W - PAD.r,
+          y1: H - PAD.b,
+          y2: H - PAD.b,
+          stroke: _tokens.colors.border,
+          strokeWidth: 1
+        })]
+      }) : null, title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, {
+        x: PAD.l + 2,
+        y: 11,
+        fill: _tokens.colors.textFaint,
+        anchor: "start",
+        children: title
+      }) : null, body]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  /* fixed catalog aspect (320×150); the Svg scales the viewBox to fit */
+  root: {
+    width: '100%',
+    aspectRatio: W / H
+  }
+});
+//# sourceMappingURL=CaffeineClock.js.map