@lockin90/ui-native 0.0.0-stage → 1.0.1

package/lib/commonjs/components/RestTimer.js

@@ -0,0 +1,246 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RestTimer = RestTimer;
+exports.formatRestTime = formatRestTime;
+exports.restFraction = restFraction;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _tokens = require("@lockin90/tokens");
+var _Button = require("./Button");
+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); }
+/* ring geometry — 116px viewBox, r 50 (matches the web twin exactly) */
+const SIZE = 116;
+const R = 50;
+const C = 2 * Math.PI * R;
+/* compact ring geometry — the design's Active rest bar `.rg` (42px, r 18) */
+const SIZE_COMPACT = 42;
+const R_COMPACT = 18;
+
+/** `95 → '1:35'` — minutes:seconds, mono-friendly. */
+function formatRestTime(sec) {
+  const s = Math.max(0, Math.round(sec));
+  const m = Math.floor(s / 60);
+  const r = s % 60;
+  return `${m}:${String(r).padStart(2, '0')}`;
+}
+
+/** Remaining fraction, clamped 0–1. */
+function restFraction(remainingSec, totalSec) {
+  if (!(totalSec > 0)) return 0;
+  return Math.max(0, Math.min(1, remainingSec / totalSec));
+}
+
+/**
+ * RestTimer — the between-sets countdown: a mint arc draining on a faint
+ * track with the remaining time centered in mono, plus an optional sublabel,
+ * a ghost Skip transport, and a `trailing` slot. `compact` swaps the 116px
+ * hero ring for the design's Active rest bar (`.rb`/`.rg`): a 42px ring
+ * holding only the mint time, label + sublabel stacked beside it. Native twin
+ * of the web `RestTimer` (same prop API + geometry). Purely prop-driven — the
+ * caller ticks `remainingSec`; the arc re-renders per tick (the web's
+ * dashoffset transition has no native precedent — same rule as Ring's static
+ * pulse). The mint glow is a real Gaussian-blurred duplicate arc.
+ */
+function RestTimer({
+  remainingSec,
+  totalSec,
+  label = 'Rest',
+  sublabel,
+  trailing,
+  onSkip,
+  paused = false,
+  compact = false,
+  style
+}) {
+  const uid = (0, _react.useId)().replace(/[^a-zA-Z0-9]/g, '');
+  const blurId = `lk-resttimer-blur-${uid}`;
+  const frac = restFraction(remainingSec, totalSec);
+  const time = formatRestTime(remainingSec);
+  /* same dasharray math on both scales — only the geometry changes */
+  const size = compact ? SIZE_COMPACT : SIZE;
+  const r = compact ? R_COMPACT : R;
+  const strokeWidth = compact ? 4 : 8;
+  const c = compact ? 2 * Math.PI * R_COMPACT : C;
+  const offset = c * (1 - frac);
+  const hasSide = sublabel != null || onSkip != null;
+  const half = size / 2;
+  const skip = onSkip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+    variant: "ghost",
+    size: "sm",
+    title: "Skip",
+    onPress: onSkip
+  }) : null;
+  const arcProps = {
+    cx: half,
+    cy: half,
+    r,
+    strokeWidth,
+    stroke: _tokens.colors.mint,
+    fill: 'none',
+    strokeLinecap: 'round',
+    strokeDasharray: `${c.toFixed(2)}`,
+    strokeDashoffset: offset
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityLabel: `${label}: ${time} remaining${paused ? ', paused' : ''}`,
+    style: [styles.row, compact && styles.rowCompact, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: compact ? styles.ringCompact : styles.ring,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+        width: size,
+        height: size,
+        viewBox: `0 0 ${size} ${size}`,
+        children: [!paused ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Filter, {
+            id: blurId,
+            filterUnits: "userSpaceOnUse",
+            x: -12,
+            y: -12,
+            width: size + 24,
+            height: size + 24,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeGaussianBlur, {
+              stdDeviation: 3
+            })
+          })
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+          cx: half,
+          cy: half,
+          r: r,
+          strokeWidth: strokeWidth,
+          stroke: "rgba(255,255,255,0.07)",
+          fill: "none"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+          rotation: -90,
+          originX: half,
+          originY: half,
+          opacity: paused ? 0.4 : 1,
+          children: [!paused ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+            ...arcProps,
+            opacity: 0.45,
+            filter: `url(#${blurId})`
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+            ...arcProps
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.center,
+        pointerEvents: "none",
+        children: [!compact && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.label,
+          children: label.toUpperCase()
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [compact ? styles.timeCompact : styles.time, paused && styles.timePaused],
+          children: time
+        })]
+      })]
+    }), compact ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.mainCompact,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.labelCompact,
+          children: label.toUpperCase()
+        }), sublabel != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.subCompact,
+          children: sublabel
+        })]
+      }), skip]
+    }) : hasSide ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.main,
+      children: [sublabel != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.sub,
+        children: sublabel
+      }), skip]
+    }) : null, trailing != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.trailing,
+      children: trailing
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 16
+  },
+  rowCompact: {
+    gap: 10
+  },
+  ring: {
+    width: SIZE,
+    height: SIZE
+  },
+  ringCompact: {
+    width: SIZE_COMPACT,
+    height: SIZE_COMPACT
+  },
+  center: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 2
+  },
+  label: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 9,
+    letterSpacing: 1.3,
+    color: _tokens.colors.textFaint
+  },
+  time: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 22,
+    fontWeight: '700',
+    fontVariant: ['tabular-nums'],
+    color: _tokens.colors.text,
+    lineHeight: 24
+  },
+  // compact centered readout — MINT mono 11 bold (design `.rg .num`)
+  timeCompact: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 11,
+    fontWeight: '700',
+    fontVariant: ['tabular-nums'],
+    color: _tokens.colors.mint,
+    lineHeight: 13
+  },
+  timePaused: {
+    color: _tokens.colors.textDim
+  },
+  main: {
+    flex: 1,
+    alignItems: 'flex-start',
+    gap: 9,
+    minWidth: 0
+  },
+  sub: {
+    fontSize: 12.5,
+    color: _tokens.colors.textDim
+  },
+  // compact text column — mono caption over bold display line (design `.rl`/`.rt`)
+  mainCompact: {
+    flex: 1,
+    alignItems: 'flex-start',
+    gap: 1,
+    minWidth: 0
+  },
+  labelCompact: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 7,
+    letterSpacing: 1,
+    color: _tokens.colors.textFaint
+  },
+  subCompact: {
+    fontFamily: _tokens.fonts.display,
+    fontSize: 12,
+    fontWeight: '700',
+    color: _tokens.colors.text
+  },
+  trailing: {
+    marginLeft: 'auto'
+  }
+});
+//# sourceMappingURL=RestTimer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_tokens","_Button","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SIZE","R","C","Math","PI","SIZE_COMPACT","R_COMPACT","formatRestTime","sec","s","max","round","m","floor","String","padStart","restFraction","remainingSec","totalSec","min","RestTimer","label","sublabel","trailing","onSkip","paused","compact","style","uid","useId","replace","blurId","frac","time","size","strokeWidth","c","offset","hasSide","half","skip","jsx","Button","variant","title","onPress","arcProps","cx","cy","stroke","colors","mint","fill","strokeLinecap","strokeDasharray","toFixed","strokeDashoffset","jsxs","View","accessibilityLabel","styles","row","rowCompact","children","ringCompact","ring","width","height","viewBox","Defs","Filter","id","filterUnits","x","y","FeGaussianBlur","stdDeviation","Circle","G","rotation","originX","originY","opacity","filter","center","pointerEvents","Text","toUpperCase","timeCompact","timePaused","Fragment","mainCompact","labelCompact","subCompact","main","sub","StyleSheet","create","flexDirection","alignItems","gap","absoluteFillObject","justifyContent","fontFamily","fonts","mono","fontSize","letterSpacing","color","textFaint","fontWeight","fontVariant","text","lineHeight","textDim","flex","minWidth","display","marginLeft"],"sourceRoot":"../../../src","sources":["components/RestTimer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/RichText.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RichText = RichText;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+const DEFAULT_BOLD = {
+  fontWeight: '700'
+};
+const DEFAULT_LINK = {
+  color: '#22D3EE',
+  textDecorationLine: 'underline'
+};
+/** Tokenize `<b>…</b>` and `<a href="…">…</a>` segments; everything else is plain. */
+function parseSegments(text) {
+  const re = /<b>([^<]*)<\/b>|<a href="([^"]*)">([^<]*)<\/a>/g;
+  const segs = [];
+  let last = 0;
+  for (let m = re.exec(text); m; m = re.exec(text)) {
+    if (m.index > last) segs.push({
+      kind: 'plain',
+      text: text.slice(last, m.index)
+    });
+    if (m[1] != null) segs.push({
+      kind: 'bold',
+      text: m[1]
+    });else segs.push({
+      kind: 'link',
+      text: m[3] ?? '',
+      href: m[2] ?? ''
+    });
+    last = m.index + m[0].length;
+  }
+  if (last < text.length) segs.push({
+    kind: 'plain',
+    text: text.slice(last)
+  });
+  return segs;
+}
+
+/**
+ * RichText — renders a translation/back-end string with embedded `<b>…</b>`
+ * and `<a href="…">…</a>` tags into a nested Text composition: `boldStyle`
+ * on bold segments, `linkStyle` + `onLinkPress(href)` on link segments.
+ *
+ * Why: the shared `@lockin90/i18n` catalogs use `<b>…</b>` markers so the web
+ * (next-intl `t.rich`) can stylise inline parts, and back-end-authored copy
+ * (e.g. notification bodies) may carry links that deep-link in-app or open
+ * externally — the HOST decides via `onLinkPress`. i18next on mobile renders
+ * values verbatim, so this component is the mobile-side equivalent of
+ * `t.rich` + anchor handling. No other markup is supported (deliberate).
+ */
+function RichText({
+  text,
+  boldStyle,
+  linkStyle,
+  onLinkPress,
+  style,
+  ...rest
+}) {
+  const segs = parseSegments(text);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    ...rest,
+    style: style,
+    children: segs.map((s, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+      children: s.kind === 'plain' ? s.text : s.kind === 'bold' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [DEFAULT_BOLD, boldStyle],
+        children: s.text
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [DEFAULT_LINK, linkStyle],
+        accessibilityRole: "link",
+        onPress: onLinkPress && s.href ? () => onLinkPress(s.href) : undefined,
+        children: s.text
+      })
+    }, i))
+  });
+}
+//# sourceMappingURL=RichText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_jsxRuntime","DEFAULT_BOLD","fontWeight","DEFAULT_LINK","color","textDecorationLine","parseSegments","text","re","segs","last","m","exec","index","push","kind","slice","href","length","RichText","boldStyle","linkStyle","onLinkPress","style","rest","jsx","Text","children","map","s","i","Fragment","accessibilityRole","onPress","undefined"],"sourceRoot":"../../../src","sources":["components/RichText.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/RichTextEditor.js

@@ -0,0 +1,274 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RichTextEditor = RichTextEditor;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _tokens = require("@lockin90/tokens");
+var _NoteField = require("./NoteField");
+var _Toolbar = require("./Toolbar");
+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); }
+/* ============================================================================
+   RichTextEditor (native)
+
+   React Native has no `contentEditable`, so there is no equivalent of the web
+   contentEditable surface + `document.execCommand`. To keep VISUAL + functional
+   parity with the web `RichTextEditor`, native ships the SAME toolbar (same
+   glyphs/order) over a multiline field, with each button applying **markdown**
+   to the plain-text value (e.g. **bold**, *italic*, `## heading`, `- list`).
+
+     • `value` / `onChange` carry **markdown plain text** on native (HTML on web).
+     • The toolbar inserts/wraps markdown around the current selection.
+   ========================================================================== */
+
+const DEFAULT_TOOLBAR = ['bold', 'italic', 'link', 'bulletList', 'orderedList', 'h2', 'h3', 'quote', 'code', 'clear'];
+const LABELS = {
+  bold: 'Bold',
+  italic: 'Italic',
+  link: 'Insert link',
+  bulletList: 'Bulleted list',
+  orderedList: 'Numbered list',
+  h2: 'Heading 2',
+  h3: 'Heading 3',
+  quote: 'Block quote',
+  code: 'Code block',
+  clear: 'Clear formatting'
+};
+const stroke = {
+  fill: 'none',
+  stroke: _tokens.colors.textDim,
+  strokeWidth: 1.8,
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round'
+};
+
+/* glyphs mirror the web RichTextEditor toolbar exactly */
+function glyph(action) {
+  switch (action) {
+    case 'bold':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.txtGlyph, {
+          fontWeight: '700'
+        }],
+        children: "B"
+      });
+    case 'italic':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.txtGlyph, {
+          fontStyle: 'italic'
+        }],
+        children: "I"
+      });
+    case 'h2':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.txtGlyph, {
+          fontWeight: '700',
+          fontSize: 12
+        }],
+        children: "H2"
+      });
+    case 'h3':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.txtGlyph, {
+          fontWeight: '700',
+          fontSize: 12
+        }],
+        children: "H3"
+      });
+    case 'link':
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+        viewBox: "0 0 24 24",
+        width: 18,
+        height: 18,
+        ...stroke,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+          d: "M10 13a5 5 0 0 0 7 0l2-2a5 5 0 0 0-7-7l-1 1"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+          d: "M14 11a5 5 0 0 0-7 0l-2 2a5 5 0 0 0 7 7l1-1"
+        })]
+      });
+    case 'bulletList':
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+        viewBox: "0 0 24 24",
+        width: 18,
+        height: 18,
+        ...stroke,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+          d: "M8 6h12M8 12h12M8 18h12"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+          cx: "4",
+          cy: "6",
+          r: "1.4",
+          fill: _tokens.colors.textDim,
+          stroke: "none"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+          cx: "4",
+          cy: "12",
+          r: "1.4",
+          fill: _tokens.colors.textDim,
+          stroke: "none"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+          cx: "4",
+          cy: "18",
+          r: "1.4",
+          fill: _tokens.colors.textDim,
+          stroke: "none"
+        })]
+      });
+    case 'orderedList':
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+        viewBox: "0 0 24 24",
+        width: 18,
+        height: 18,
+        ...stroke,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+          d: "M10 6h10M10 12h10M10 18h10"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+          d: "M4 5.5h1V9M3.6 9h1.8"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+          d: "M3.6 13.4c.2-.6 1.6-.7 1.6.3 0 .7-1.6 1.3-1.6 2.3h1.8"
+        })]
+      });
+    case 'quote':
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+        viewBox: "0 0 24 24",
+        width: 18,
+        height: 18,
+        ...stroke,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+          d: "M9 7H6a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h2v1a2 2 0 0 1-2 2"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+          d: "M19 7h-3a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h2v1a2 2 0 0 1-2 2"
+        })]
+      });
+    case 'code':
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+        viewBox: "0 0 24 24",
+        width: 18,
+        height: 18,
+        ...stroke,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Polyline, {
+          points: "8 7 3 12 8 17"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Polyline, {
+          points: "16 7 21 12 16 17"
+        })]
+      });
+    case 'clear':
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+        viewBox: "0 0 24 24",
+        width: 18,
+        height: 18,
+        ...stroke,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+          d: "M5 7h14"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+          d: "M14 7l-1 12M10 7l-1 12"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+          d: "M7 7l1-2h8l1 2"
+        })]
+      });
+  }
+}
+
+/** Apply a markdown transform for `action` to `value` over selection [start,end]. */
+function applyMarkdown(action, value, start, end) {
+  const before = value.slice(0, start);
+  const sel = value.slice(start, end);
+  const after = value.slice(end);
+  const wrap = m => `${before}${m}${sel || ''}${m}${after}`;
+  // prefix the line that contains `start`
+  const linePrefix = pre => {
+    const ls = value.lastIndexOf('\n', start - 1) + 1;
+    return value.slice(0, ls) + pre + value.slice(ls);
+  };
+  switch (action) {
+    case 'bold':
+      return wrap('**');
+    case 'italic':
+      return wrap('*');
+    case 'code':
+      return wrap('`');
+    case 'link':
+      return `${before}[${sel || 'text'}](https://)${after}`;
+    case 'bulletList':
+      return linePrefix('- ');
+    case 'orderedList':
+      return linePrefix('1. ');
+    case 'h2':
+      return linePrefix('## ');
+    case 'h3':
+      return linePrefix('### ');
+    case 'quote':
+      return linePrefix('> ');
+    case 'clear':
+      return before + sel.replace(/[*`>#_~-]/g, '') + after;
+    default:
+      return value;
+  }
+}
+
+/**
+ * Native RichTextEditor — the web toolbar over a multiline field, applying
+ * markdown to the plain-text `value`. Same export name + props as the web twin.
+ */
+function RichTextEditor({
+  value,
+  onChange,
+  placeholder = 'Write something…',
+  toolbar = DEFAULT_TOOLBAR,
+  minRows = 6,
+  invalid = false,
+  disabled = false,
+  style
+}) {
+  const [sel, setSel] = (0, _react.useState)({
+    start: 0,
+    end: 0
+  });
+  const onSelectionChange = e => setSel(e.nativeEvent.selection);
+  const items = toolbar.map(action => ({
+    icon: glyph(action),
+    label: LABELS[action],
+    onPress: () => onChange(applyMarkdown(action, value, sel.start, sel.end))
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: style,
+    children: [!disabled && toolbar.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbar.Toolbar, {
+      items: items,
+      style: styles.toolbar
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoteField.NoteField, {
+      value: value,
+      onChangeText: onChange,
+      onSelectionChange: onSelectionChange,
+      editable: !disabled,
+      placeholder: placeholder,
+      numberOfLines: minRows,
+      style: [styles.surface, {
+        minHeight: minRows * 22 + 24
+      }, invalid && styles.invalid, disabled && styles.disabled]
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  toolbar: {
+    marginBottom: 10
+  },
+  txtGlyph: {
+    fontSize: 14,
+    color: _tokens.colors.textDim
+  },
+  surface: {
+    borderRadius: _tokens.radii.sm
+  },
+  invalid: {
+    borderColor: _tokens.colors.zoneLow
+  },
+  disabled: {
+    opacity: 0.6
+  }
+});
+//# sourceMappingURL=RichTextEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_tokens","_NoteField","_Toolbar","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_TOOLBAR","LABELS","bold","italic","link","bulletList","orderedList","h2","h3","quote","code","clear","stroke","fill","colors","textDim","strokeWidth","strokeLinecap","strokeLinejoin","glyph","action","jsx","Text","style","styles","txtGlyph","fontWeight","children","fontStyle","fontSize","jsxs","viewBox","width","height","Path","d","Circle","cx","cy","Polyline","points","applyMarkdown","value","start","end","before","slice","sel","after","wrap","m","linePrefix","pre","ls","lastIndexOf","replace","RichTextEditor","onChange","placeholder","toolbar","minRows","invalid","disabled","setSel","useState","onSelectionChange","nativeEvent","selection","items","map","icon","label","onPress","View","length","Toolbar","NoteField","onChangeText","editable","numberOfLines","surface","minHeight","StyleSheet","create","marginBottom","color","borderRadius","radii","sm","borderColor","zoneLow","opacity"],"sourceRoot":"../../../src","sources":["components/RichTextEditor.tsx"],"mappings":"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","ignoreList":[]}