@lockin90/ui-native 0.0.0-stage → 1.0.1

package/lib/module/components/Sortable.js

@@ -0,0 +1,226 @@
+"use strict";
+
+import { useRef, useState } from 'react';
+import { View, Text, Pressable, StyleSheet, PanResponder } from 'react-native';
+import { colors, radii, fonts } from '@lockin90/tokens';
+import { Icon } from './Icon';
+
+/* ============================================================================
+   Sortable (native) — drag-to-reorder list. Mirrors the web `@lockin90/ui`
+   `Sortable`: same export name + prop API (`items`, `onReorder`, `handle`,
+   `disabled`).
+
+   Interaction: a long-press on the grip handle arms a PanResponder drag; moving
+   the finger past a row's half-height swaps neighbours live, and release commits
+   the new order via `onReorder(nextIds)`.
+
+   GRACEFUL FALLBACK (always available): every row also renders up/down chevron
+   buttons that move the row one slot and call `onReorder`. This is the keyboard-
+   /accessibility-equivalent of the web's ↑/↓ handle support, and it guarantees
+   reordering works even where a gesture drag is awkward (small targets, nested
+   scroll views). The web uses pointer drag + ↑/↓ on a focused handle; native
+   uses gesture drag + the visible chevron buttons — same `onReorder` contract.
+   ========================================================================== */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Move the item at `from` to `to` and return the reordered array. */
+function move(list, from, to) {
+  const next = list.slice();
+  const [picked] = next.splice(from, 1);
+  next.splice(to, 0, picked);
+  return next;
+}
+
+/** Drag-to-reorder list — long-press grip drag + up/down chevron fallback. */
+export function Sortable({
+  items,
+  onReorder,
+  handle = true,
+  disabled = false,
+  style
+}) {
+  const ids = items.map(it => it.id);
+  // index of the row currently being dragged (null = idle)
+  const [dragIndex, setDragIndex] = useState(null);
+  // live mirrors for the PanResponder closure (refs don't re-create the responder)
+  const dragIndexRef = useRef(null);
+  const rowHeightRef = useRef(56);
+  const reorder = (from, to) => {
+    if (from === to || to < 0 || to >= items.length) return;
+    onReorder(move(ids, from, to));
+  };
+  const onRowLayout = e => {
+    const h = e.nativeEvent.layout.height;
+    if (h > 0) rowHeightRef.current = h;
+  };
+  const pan = useRef(PanResponder.create({
+    // arm only after a deliberate long-press on the handle (set below via grant)
+    onMoveShouldSetPanResponder: () => dragIndexRef.current != null,
+    onPanResponderMove: (_e, gesture) => {
+      const start = dragIndexRef.current;
+      if (start == null) return;
+      const rows = Math.round(gesture.dy / rowHeightRef.current);
+      const target = Math.max(0, Math.min(items.length - 1, start + rows));
+      if (target !== start) {
+        reorder(start, target);
+        dragIndexRef.current = target;
+        setDragIndex(target);
+      }
+    },
+    onPanResponderRelease: () => {
+      dragIndexRef.current = null;
+      setDragIndex(null);
+    },
+    onPanResponderTerminate: () => {
+      dragIndexRef.current = null;
+      setDragIndex(null);
+    }
+  })).current;
+  const armDrag = index => {
+    if (disabled) return;
+    dragIndexRef.current = index;
+    setDragIndex(index);
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.root, style],
+    ...pan.panHandlers,
+    children: items.map((item, i) => {
+      const dragging = dragIndex === i;
+      return /*#__PURE__*/_jsxs(View, {
+        onLayout: i === 0 ? onRowLayout : undefined,
+        style: [styles.row, dragging && styles.dragging, disabled && styles.disabledRow],
+        children: [/*#__PURE__*/_jsx(Pressable, {
+          onLongPress: () => armDrag(i),
+          onPressOut: () => {
+            // if a long-press armed but no drag followed, release on press-out
+            if (!dragging) {
+              dragIndexRef.current = null;
+            }
+          },
+          disabled: disabled,
+          accessibilityRole: "button",
+          accessibilityLabel: "Drag to reorder",
+          hitSlop: 6,
+          style: styles.handle,
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "grip",
+            size: 18,
+            color: colors.textFaint
+          })
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.content,
+          children: typeof item.node === 'string' || typeof item.node === 'number' ? /*#__PURE__*/_jsx(Text, {
+            style: styles.contentText,
+            numberOfLines: 1,
+            children: item.node
+          }) : item.node
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.controls,
+          children: [/*#__PURE__*/_jsx(Pressable, {
+            onPress: () => reorder(i, i - 1),
+            disabled: disabled || i === 0,
+            accessibilityRole: "button",
+            accessibilityLabel: "Move up",
+            hitSlop: 6,
+            style: [styles.ctrl, (disabled || i === 0) && styles.ctrlDisabled],
+            children: /*#__PURE__*/_jsx(View, {
+              style: styles.chevronUp,
+              children: /*#__PURE__*/_jsx(Icon, {
+                name: "chevron",
+                size: 16,
+                color: colors.textDim
+              })
+            })
+          }), /*#__PURE__*/_jsx(Pressable, {
+            onPress: () => reorder(i, i + 1),
+            disabled: disabled || i === items.length - 1,
+            accessibilityRole: "button",
+            accessibilityLabel: "Move down",
+            hitSlop: 6,
+            style: [styles.ctrl, (disabled || i === items.length - 1) && styles.ctrlDisabled],
+            children: /*#__PURE__*/_jsx(View, {
+              style: styles.chevronDown,
+              children: /*#__PURE__*/_jsx(Icon, {
+                name: "chevron",
+                size: 16,
+                color: colors.textDim
+              })
+            })
+          })]
+        })]
+      }, item.id);
+    })
+  });
+}
+
+// TODO nested: a `SortableTree` (parent/child indent + reparent) is deferred —
+// ship flat reorder first per the build spec; nesting can layer on later.
+
+const styles = StyleSheet.create({
+  root: {
+    width: '100%',
+    gap: 6
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10,
+    padding: 4,
+    paddingRight: 6,
+    borderRadius: radii.sm,
+    backgroundColor: colors.glass,
+    borderWidth: 1,
+    borderColor: colors.border
+  },
+  dragging: {
+    opacity: 0.85,
+    borderColor: colors.border2,
+    backgroundColor: colors.glass2
+  },
+  disabledRow: {
+    opacity: 0.6
+  },
+  handle: {
+    width: 28,
+    height: 28,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: radii.sm
+  },
+  content: {
+    flex: 1,
+    minWidth: 0,
+    paddingVertical: 8
+  },
+  contentText: {
+    fontFamily: fonts.ui,
+    fontSize: 14.5,
+    lineHeight: 18,
+    color: colors.text
+  },
+  controls: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 2
+  },
+  ctrl: {
+    width: 28,
+    height: 28,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: radii.sm
+  },
+  ctrlDisabled: {
+    opacity: 0.35
+  },
+  chevronUp: {
+    transform: [{
+      rotate: '-90deg'
+    }]
+  },
+  chevronDown: {
+    transform: [{
+      rotate: '90deg'
+    }]
+  }
+});
+//# sourceMappingURL=Sortable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","View","Text","Pressable","StyleSheet","PanResponder","colors","radii","fonts","Icon","jsx","_jsx","jsxs","_jsxs","move","list","from","to","next","slice","picked","splice","Sortable","items","onReorder","handle","disabled","style","ids","map","it","id","dragIndex","setDragIndex","dragIndexRef","rowHeightRef","reorder","length","onRowLayout","e","h","nativeEvent","layout","height","current","pan","create","onMoveShouldSetPanResponder","onPanResponderMove","_e","gesture","start","rows","Math","round","dy","target","max","min","onPanResponderRelease","onPanResponderTerminate","armDrag","index","styles","root","panHandlers","children","item","i","dragging","onLayout","undefined","row","disabledRow","onLongPress","onPressOut","accessibilityRole","accessibilityLabel","hitSlop","name","size","color","textFaint","content","node","contentText","numberOfLines","controls","onPress","ctrl","ctrlDisabled","chevronUp","textDim","chevronDown","width","gap","flexDirection","alignItems","padding","paddingRight","borderRadius","sm","backgroundColor","glass","borderWidth","borderColor","border","opacity","border2","glass2","justifyContent","flex","minWidth","paddingVertical","fontFamily","ui","fontSize","lineHeight","text","transform","rotate"],"sourceRoot":"../../../src","sources":["components/Sortable.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SourceChip.js

@@ -0,0 +1,107 @@
+"use strict";
+
+import { View, StyleSheet } from 'react-native';
+import { Icon } from './Icon';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Ground + ink per source — the design's `wm-logo` chip lockup (variant B).
+ *  Intentionally separate from `Icon`'s `BRAND_COLORS` (tuned for a glyph
+ *  drawn directly on the dark UI, no chip ground behind it). Mirrors the web
+ *  twin's map pair-for-pair. */
+const SOURCES = {
+  whoop: {
+    iconName: 'whoop',
+    ground: '#0B0B0B',
+    ink: '#FFFFFF',
+    aspect: 24 / 5.2
+  },
+  garmin: {
+    iconName: 'garmin',
+    ground: '#FFFFFF',
+    ink: '#007CC3',
+    aspect: 24 / 7.7,
+    border: true
+  },
+  polar: {
+    iconName: 'polar',
+    ground: '#FFFFFF',
+    ink: '#D10027',
+    aspect: 24 / 5.4,
+    border: true
+  },
+  oura: {
+    iconName: 'oura',
+    ground: '#15120E',
+    ink: '#F0EADF',
+    aspect: 24 / 8.7
+  },
+  apple_health: {
+    iconName: 'apple-health',
+    ground: '#FFFFFF',
+    ink: '#FF2D55',
+    border: true
+  }
+};
+const SIZES = {
+  sm: {
+    h: 12,
+    radius: 6,
+    padH: 5,
+    padV: 2
+  },
+  md: {
+    h: 18,
+    radius: 7,
+    padH: 8,
+    padV: 3.5
+  }
+};
+
+/**
+ * SourceChip — a brand-colored mini logo lockup marking which wearable a
+ * synced workout came from (source-badges.html, variant B · pill). Renders
+ * the kit's already-vendored provider wordmark `Icon` on its real brand
+ * ground with contrasting ink — never a re-drawn logo. Native twin of the web
+ * `SourceChip` (same prop API + visuals). `manual` / `lockin90` / `null` /
+ * unknown sources render nothing so hand-logged rows keep their plain layout.
+ */
+export function SourceChip({
+  source,
+  size = 'sm',
+  style
+}) {
+  const visual = source ? SOURCES[source] : undefined;
+  if (!visual) return null;
+  const s = SIZES[size];
+  const iconWidth = visual.aspect != null ? Math.round(s.h * visual.aspect) : undefined;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.chip, {
+      borderRadius: s.radius,
+      paddingVertical: s.padV,
+      paddingHorizontal: s.padH,
+      backgroundColor: visual.ground
+    }, visual.border && styles.bordered, style],
+    children: /*#__PURE__*/_jsx(Icon, {
+      name: visual.iconName,
+      color: visual.ink,
+      ...(iconWidth != null ? {
+        width: iconWidth,
+        height: s.h
+      } : {
+        size: s.h
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  chip: {
+    alignSelf: 'flex-start',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  bordered: {
+    borderWidth: 1,
+    borderColor: 'rgba(0,0,0,0.12)'
+  }
+});
+//# sourceMappingURL=SourceChip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","Icon","jsx","_jsx","SOURCES","whoop","iconName","ground","ink","aspect","garmin","border","polar","oura","apple_health","SIZES","sm","h","radius","padH","padV","md","SourceChip","source","size","style","visual","undefined","s","iconWidth","Math","round","styles","chip","borderRadius","paddingVertical","paddingHorizontal","backgroundColor","bordered","children","name","color","width","height","create","alignSelf","flexDirection","alignItems","justifyContent","borderWidth","borderColor"],"sourceRoot":"../../../src","sources":["components/SourceChip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Sparkline.js

@@ -0,0 +1,105 @@
+"use strict";
+
+import { useId } from 'react';
+import { View } from 'react-native';
+import Svg, { Polyline, Path, Circle, Defs, LinearGradient, Stop } from 'react-native-svg';
+import { colors } from '@lockin90/tokens';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/** A gentle rising sample so `<Sparkline />` renders something on its own. */
+const DEFAULT_DATA = [40, 44, 42, 50, 55, 53, 62, 68, 72];
+
+/** A little vertical breathing room so the line/dot never touch the edges. */
+const PAD = 3;
+
+/**
+ * Sparkline — a generic mini trend line. Normalizes `data` into a width×height
+ * box (min → bottom, max → top, with a touch of vertical padding) and draws it
+ * as a rounded polyline. Optionally fills the area beneath with a faint gradient
+ * of `color`, and marks the last point with a glowing dot. The line stretches to
+ * fill whatever box you give it.
+ */
+export function Sparkline({
+  data = DEFAULT_DATA,
+  width = 120,
+  height = 32,
+  color = colors.mint,
+  fill = false,
+  dot = true,
+  strokeWidth = 2,
+  style
+}) {
+  const gradId = useId();
+  const n = data.length;
+
+  // Horizontal padding so the first/last points and the trailing dot stay fully
+  // inside the box (stroke half-width + dot radius). Dot radius is strokeWidth+1.
+  const dotR = strokeWidth + 1;
+  const padX = strokeWidth + dotR;
+  const innerW = Math.max(0, width - padX * 2);
+
+  // Normalize each value into the box: x spreads evenly across the padded inner
+  // width (padX..width-padX), y maps min→bottom / max→top.
+  const min = n ? Math.min(...data) : 0;
+  const max = n ? Math.max(...data) : 0;
+  const span = max - min || 1;
+  const innerH = height - PAD * 2;
+  const pts = data.map((v, i) => {
+    const x = n <= 1 ? padX + innerW / 2 : padX + i / (n - 1) * innerW;
+    const frac = (v - min) / span;
+    const y = PAD + (1 - frac) * innerH;
+    return [+x.toFixed(2), +y.toFixed(2)];
+  });
+  const polyPoints = pts.map(([x, y]) => `${x},${y}`).join(' ');
+  const line = pts.map(([x, y], i) => `${i === 0 ? 'M' : 'L'}${x},${y}`).join(' ');
+  // Closed path for the area fill: line, then down to the baseline and back.
+  const area = pts.length > 0 ? `${line} L${pts[pts.length - 1][0]},${height} L${pts[0][0]},${height} Z` : '';
+  const last = pts[pts.length - 1];
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      width,
+      height
+    }, style],
+    children: /*#__PURE__*/_jsxs(Svg, {
+      width: width,
+      height: height,
+      viewBox: `0 0 ${width} ${height}`,
+      fill: "none",
+      children: [fill && pts.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Defs, {
+          children: /*#__PURE__*/_jsxs(LinearGradient, {
+            id: gradId,
+            x1: "0",
+            y1: "0",
+            x2: "0",
+            y2: height,
+            children: [/*#__PURE__*/_jsx(Stop, {
+              offset: "0%",
+              stopColor: color,
+              stopOpacity: 0.28
+            }), /*#__PURE__*/_jsx(Stop, {
+              offset: "100%",
+              stopColor: color,
+              stopOpacity: 0
+            })]
+          })
+        }), /*#__PURE__*/_jsx(Path, {
+          d: area,
+          fill: `url(#${gradId})`
+        })]
+      }), pts.length > 0 && /*#__PURE__*/_jsx(Polyline, {
+        points: polyPoints,
+        fill: "none",
+        stroke: color,
+        strokeWidth: strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }), dot && last && /*#__PURE__*/_jsx(Circle, {
+        cx: last[0],
+        cy: last[1],
+        r: dotR,
+        fill: color
+      })]
+    })
+  });
+}
+//# sourceMappingURL=Sparkline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useId","View","Svg","Polyline","Path","Circle","Defs","LinearGradient","Stop","colors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DEFAULT_DATA","PAD","Sparkline","data","width","height","color","mint","fill","dot","strokeWidth","style","gradId","n","length","dotR","padX","innerW","Math","max","min","span","innerH","pts","map","v","i","x","frac","y","toFixed","polyPoints","join","line","area","last","children","viewBox","id","x1","y1","x2","y2","offset","stopColor","stopOpacity","d","points","stroke","strokeLinecap","strokeLinejoin","cx","cy","r"],"sourceRoot":"../../../src","sources":["components/Sparkline.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Spinner.js

@@ -0,0 +1,127 @@
+"use strict";
+
+import { useEffect, useId, useRef } from 'react';
+import { Animated, Easing, StyleSheet } from 'react-native';
+import Svg, { Circle, Defs, FeGaussianBlur, Filter, LinearGradient, Stop } from 'react-native-svg';
+import { colors } from '@lockin90/tokens';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Spinner — an indeterminate circular loading spinner in the Aurora Flux
+ * "energy-ring" style: a faint track with a sweeping gradient arc (a partial
+ * `strokeDasharray` arc, round linecap, soft color glow) that rotates
+ * continuously. Mirrors the `.spin` ring spinner from the loaders showcase and
+ * keeps parity with the web `Spinner`. The 360° loop runs on the native driver.
+ */
+export function Spinner({
+  size = 24,
+  color = colors.accent,
+  thickness = 3,
+  label = 'Loading',
+  style
+}) {
+  const uid = useId();
+  const gradId = `lk-spinner-grad-${uid.replace(/[^a-zA-Z0-9]/g, '')}`;
+
+  // reserve the glow's overhang (a wider stroke than the arc) so neither the arc
+  // nor its halo clips against the square SVG viewBox
+  const r = (size - thickness) / 2 - 3;
+  const c = 2 * Math.PI * r;
+  // sweep ≈ 62% of the circumference (the rest is the gap) — matches the
+  // showcase's ~0.6 dashoffset ratio for a confident partial arc.
+  const dashOffset = c * 0.6;
+  const half = size / 2;
+  const spin = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    const loop = Animated.loop(Animated.timing(spin, {
+      toValue: 1,
+      duration: 1000,
+      easing: Easing.linear,
+      useNativeDriver: true
+    }));
+    loop.start();
+    return () => loop.stop();
+  }, [spin]);
+  const rotate = spin.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.root, {
+      width: size,
+      height: size,
+      transform: [{
+        rotate
+      }]
+    }, style],
+    accessibilityRole: "progressbar",
+    accessibilityLabel: label,
+    accessible: true,
+    children: /*#__PURE__*/_jsxs(Svg, {
+      width: size,
+      height: size,
+      viewBox: `0 0 ${size} ${size}`,
+      children: [/*#__PURE__*/_jsxs(Defs, {
+        children: [/*#__PURE__*/_jsxs(LinearGradient, {
+          id: gradId,
+          x1: "0%",
+          y1: "0%",
+          x2: "100%",
+          y2: "100%",
+          children: [/*#__PURE__*/_jsx(Stop, {
+            offset: "0",
+            stopColor: color
+          }), /*#__PURE__*/_jsx(Stop, {
+            offset: "1",
+            stopColor: colors.cyan
+          })]
+        }), /*#__PURE__*/_jsx(Filter, {
+          id: `${gradId}-blur`,
+          filterUnits: "userSpaceOnUse",
+          x: -6,
+          y: -6,
+          width: size + 12,
+          height: size + 12,
+          children: /*#__PURE__*/_jsx(FeGaussianBlur, {
+            stdDeviation: 3
+          })
+        })]
+      }), /*#__PURE__*/_jsx(Circle, {
+        cx: half,
+        cy: half,
+        r: r,
+        fill: "none",
+        stroke: colors.border2,
+        strokeWidth: thickness
+      }), /*#__PURE__*/_jsx(Circle, {
+        cx: half,
+        cy: half,
+        r: r,
+        fill: "none",
+        stroke: color,
+        strokeWidth: thickness + 2,
+        strokeOpacity: 0.55,
+        strokeLinecap: "round",
+        strokeDasharray: c,
+        strokeDashoffset: dashOffset,
+        filter: `url(#${gradId}-blur)`
+      }), /*#__PURE__*/_jsx(Circle, {
+        cx: half,
+        cy: half,
+        r: r,
+        fill: "none",
+        stroke: `url(#${gradId})`,
+        strokeWidth: thickness,
+        strokeLinecap: "round",
+        strokeDasharray: c,
+        strokeDashoffset: dashOffset
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useId","useRef","Animated","Easing","StyleSheet","Svg","Circle","Defs","FeGaussianBlur","Filter","LinearGradient","Stop","colors","jsx","_jsx","jsxs","_jsxs","Spinner","size","color","accent","thickness","label","style","uid","gradId","replace","r","c","Math","PI","dashOffset","half","spin","Value","current","loop","timing","toValue","duration","easing","linear","useNativeDriver","start","stop","rotate","interpolate","inputRange","outputRange","View","styles","root","width","height","transform","accessibilityRole","accessibilityLabel","accessible","children","viewBox","id","x1","y1","x2","y2","offset","stopColor","cyan","filterUnits","x","y","stdDeviation","cx","cy","fill","stroke","border2","strokeWidth","strokeOpacity","strokeLinecap","strokeDasharray","strokeDashoffset","filter","create","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/Spinner.tsx"],"mappings":"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","ignoreList":[]}