@lockin90/ui-native 0.0.0-stage → 1.0.0

package/lib/commonjs/components/AuroraBackground.js

@@ -0,0 +1,267 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AuroraBackground = AuroraBackground;
+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); }
+/**
+ * Aurora Flux backdrop (native twin of the web `.lk-aurora`) — three drifting
+ * energy-spectrum gradient blobs (violet → cyan → magenta) over a static radial
+ * wash, with an optional faint grid veil. An absolute-fill, `pointerEvents:'none'`
+ * layer that sits behind app content; drop it in as the first child of a screen
+ * whose content establishes its own stacking context.
+ *
+ * The blobs are SVG radial gradients (soft edge → transparent, no native blur
+ * filter needed) each wrapped in an `Animated.View` whose translate is animated
+ * with the native driver, so the drift is smooth + cheap. `still` (or an intensity
+ * of `subtle`) keeps it calm.
+ */
+function AuroraBackground({
+  variant = 'default',
+  grid = true,
+  still = false,
+  style
+}) {
+  const [size, setSize] = (0, _react.useState)(null);
+  const intensity = variant === 'subtle' ? 0.55 : variant === 'vivid' ? 1 : 0.78;
+  const onLayout = e => {
+    const {
+      width,
+      height
+    } = e.nativeEvent.layout;
+    if (width && height && (width !== size?.w || height !== size?.h)) {
+      setSize({
+        w: Math.ceil(width),
+        h: Math.ceil(height)
+      });
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.root, style],
+    onLayout: onLayout,
+    pointerEvents: "none",
+    accessible: false,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    children: size ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+        width: size.w,
+        height: size.h,
+        style: _reactNative.StyleSheet.absoluteFill,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.RadialGradient, {
+            id: "lk-aurora-wash",
+            cx: "32%",
+            cy: "8%",
+            r: "90%",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+              offset: "0",
+              stopColor: "#7C5CFF",
+              stopOpacity: 0.16 * intensity
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+              offset: "0.5",
+              stopColor: "#22D3EE",
+              stopOpacity: 0.05 * intensity
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+              offset: "1",
+              stopColor: _tokens.colors.void,
+              stopOpacity: 0
+            })]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+          x: 0,
+          y: 0,
+          width: size.w,
+          height: size.h,
+          fill: "url(#lk-aurora-wash)"
+        })]
+      }), BLOBS.map((b, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Blob, {
+        blob: b,
+        size: size,
+        intensity: intensity,
+        still: still,
+        index: i
+      }, i)), grid ? /*#__PURE__*/(0, _jsxRuntime.jsx)(GridVeil, {
+        size: size,
+        intensity: intensity
+      }) : null]
+    }) : null
+  });
+}
+const BLOBS = [{
+  color: '#7C5CFF',
+  r: 0.62,
+  cx: 0.2,
+  cy: 0.16,
+  drift: {
+    x: 26,
+    y: 34
+  },
+  dur: 17000
+}, {
+  color: '#22D3EE',
+  r: 0.54,
+  cx: 0.84,
+  cy: 0.3,
+  drift: {
+    x: -30,
+    y: 26
+  },
+  dur: 21000
+}, {
+  color: '#FF3D81',
+  r: 0.66,
+  cx: 0.62,
+  cy: 0.9,
+  drift: {
+    x: 22,
+    y: -30
+  },
+  dur: 25000
+}];
+function Blob({
+  blob,
+  size,
+  intensity,
+  still,
+  index
+}) {
+  const anim = (0, _react.useRef)(new _reactNative.Animated.Value(0.5)).current;
+  (0, _react.useEffect)(() => {
+    if (still) return;
+    const loop = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(anim, {
+      toValue: 1,
+      duration: blob.dur,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.sin),
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(anim, {
+      toValue: 0,
+      duration: blob.dur,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.sin),
+      useNativeDriver: true
+    })]));
+    loop.start();
+    return () => loop.stop();
+  }, [anim, blob.dur, still]);
+  const d = Math.round(blob.r * Math.max(size.w, size.h));
+  const left = Math.round(blob.cx * size.w - d / 2);
+  const top = Math.round(blob.cy * size.h - d / 2);
+  const id = `lk-aurora-blob-${index}`;
+  const translateX = anim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [-blob.drift.x, blob.drift.x]
+  });
+  const translateY = anim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [-blob.drift.y, blob.drift.y]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    style: {
+      position: 'absolute',
+      left,
+      top,
+      width: d,
+      height: d,
+      transform: [{
+        translateX
+      }, {
+        translateY
+      }]
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+      width: d,
+      height: d,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.RadialGradient, {
+          id: id,
+          cx: "50%",
+          cy: "50%",
+          r: "50%",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+            offset: "0",
+            stopColor: blob.color,
+            stopOpacity: 0.8 * intensity
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+            offset: "0.5",
+            stopColor: blob.color,
+            stopOpacity: 0.28 * intensity
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+            offset: "1",
+            stopColor: blob.color,
+            stopOpacity: 0
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+        cx: d / 2,
+        cy: d / 2,
+        r: d / 2,
+        fill: `url(#${id})`
+      })]
+    })
+  });
+}
+
+/** faint uniform grid, fading toward the bottom to mimic the web mask. */
+function GridVeil({
+  size,
+  intensity
+}) {
+  const step = 40;
+  const stroke = `rgba(255,255,255,${0.03 * intensity})`;
+  const cols = Math.ceil(size.w / step);
+  const rows = Math.ceil(size.h / step);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    width: size.w,
+    height: size.h,
+    style: _reactNative.StyleSheet.absoluteFill,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.RadialGradient, {
+        id: "lk-aurora-grid-fade",
+        cx: "50%",
+        cy: "0%",
+        r: "120%",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+          offset: "0",
+          stopColor: "#ffffff",
+          stopOpacity: 1
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+          offset: "1",
+          stopColor: "#ffffff",
+          stopOpacity: 0
+        })]
+      })
+    }), Array.from({
+      length: cols + 1
+    }, (_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
+      x1: i * step,
+      y1: 0,
+      x2: i * step,
+      y2: size.h,
+      stroke: stroke,
+      strokeWidth: 1
+    }, `v${i}`)), Array.from({
+      length: rows + 1
+    }, (_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
+      x1: 0,
+      y1: i * step,
+      x2: size.w,
+      y2: i * step,
+      stroke: stroke,
+      strokeWidth: 1
+    }, `h${i}`))]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    overflow: 'hidden',
+    backgroundColor: _tokens.colors.void
+  }
+});
+//# sourceMappingURL=AuroraBackground.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AuroraBackground","variant","grid","still","style","size","setSize","useState","intensity","onLayout","width","height","nativeEvent","layout","w","h","Math","ceil","jsx","View","styles","root","pointerEvents","accessible","accessibilityElementsHidden","importantForAccessibility","children","jsxs","Fragment","StyleSheet","absoluteFill","Defs","RadialGradient","id","cx","cy","Stop","offset","stopColor","stopOpacity","colors","void","Rect","x","y","fill","BLOBS","map","b","Blob","blob","index","GridVeil","color","drift","dur","anim","useRef","Animated","Value","current","useEffect","loop","sequence","timing","toValue","duration","easing","Easing","inOut","sin","useNativeDriver","start","stop","d","round","max","left","top","translateX","interpolate","inputRange","outputRange","translateY","position","transform","Circle","step","stroke","cols","rows","Array","from","length","_","Line","x1","y1","x2","y2","strokeWidth","create","absoluteFillObject","overflow","backgroundColor"],"sourceRoot":"../../../src","sources":["components/AuroraBackground.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Avatar.js

@@ -0,0 +1,187 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Avatar = Avatar;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _expoLinearGradient = require("expo-linear-gradient");
+var _tokens = require("@lockin90/tokens");
+var _jsxRuntime = require("react/jsx-runtime");
+/** First letters of up to two words, uppercased; `'?'` when empty. */
+function initialsFor(name) {
+  const derived = name.split(/\s+/).filter(Boolean).slice(0, 2).map(w => w[0].toUpperCase()).join('');
+  return derived || '?';
+}
+
+/**
+ * Avatar — a standalone identity tile showing either an image or a monogram
+ * (initials painted on the flux gradient). Square by `size`, circular by
+ * default or softly rounded via `shape="rounded"`. The monogram falls back to
+ * initials derived from `name`, then to `'?'`.
+ *
+ * `variant="aura"` renders an energy-spectrum flux orb (no image/monogram) for
+ * the AI coach — use it ONLY for Aura, never a human user.
+ */
+function Avatar({
+  name,
+  initials,
+  src,
+  size = 44,
+  shape = 'circle',
+  variant = 'default',
+  gradient = _tokens.gradients.cta.stops,
+  style,
+  ...rest
+}) {
+  const radius = shape === 'rounded' ? size * 0.3 : size / 2;
+  const box = {
+    width: size,
+    height: size,
+    borderRadius: radius
+  };
+  if (variant === 'aura') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(AuraOrb, {
+      size: size,
+      radius: radius,
+      name: name,
+      style: style,
+      ...rest
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.avatar, box, style],
+    ...rest,
+    children: src ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: {
+        uri: src
+      },
+      style: styles.img,
+      resizeMode: "cover"
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
+      colors: gradient,
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 1,
+        y: 1
+      },
+      style: styles.mono,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.monoText, {
+          fontSize: Math.round(size * 0.38)
+        }],
+        children: initials ?? initialsFor(name ?? '')
+      })
+    })
+  });
+}
+
+/**
+ * AuraOrb — the AI coach (Aura) tile: an energy-spectrum `gradients.flux` orb
+ * under a soft `nativeShadows.glowAccent`. The gradient layer is oversized
+ * (1.5×) and slowly rotated on the native driver so the spectrum swirls like
+ * flowing energy without ever revealing an edge; the parent clips it to the
+ * circle. Non-blocking — the loop runs entirely off the JS thread.
+ */
+function AuraOrb({
+  size,
+  radius,
+  name,
+  style,
+  ...rest
+}) {
+  const spin = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    const loop = _reactNative.Animated.loop(_reactNative.Animated.timing(spin, {
+      toValue: 1,
+      duration: 9000,
+      easing: _reactNative.Easing.linear,
+      useNativeDriver: true
+    }));
+    loop.start();
+    return () => loop.stop();
+  }, [spin]);
+  const rotate = spin.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+
+  // oversize the rotating gradient so the clipped circle is always covered
+  const fluxSize = size * 1.5;
+  const offset = -(fluxSize - size) / 2;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.auraGlow, {
+      width: size,
+      height: size,
+      borderRadius: radius
+    }, style],
+    accessibilityRole: "image",
+    accessibilityLabel: name ?? 'Aura',
+    ...rest,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.auraOrb, {
+        borderRadius: radius
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: {
+          position: 'absolute',
+          top: offset,
+          left: offset,
+          width: fluxSize,
+          height: fluxSize,
+          transform: [{
+            rotate
+          }]
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
+          colors: _tokens.gradients.flux.stops,
+          start: {
+            x: 0,
+            y: 0
+          },
+          end: {
+            x: 1,
+            y: 1
+          },
+          style: _reactNative.StyleSheet.absoluteFill
+        })
+      })
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  avatar: {
+    overflow: 'hidden'
+  },
+  img: {
+    width: '100%',
+    height: '100%'
+  },
+  mono: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  monoText: {
+    fontFamily: _tokens.fonts.display,
+    fontWeight: '700',
+    color: '#07080d',
+    letterSpacing: -0.3
+  },
+  // backgroundColor anchors the glow's shape on iOS; it's fully hidden by the orb
+  auraGlow: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: _tokens.colors.void,
+    ..._tokens.nativeShadows.glowAccent
+  },
+  auraOrb: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_expoLinearGradient","_tokens","_jsxRuntime","initialsFor","name","derived","split","filter","Boolean","slice","map","w","toUpperCase","join","Avatar","initials","src","size","shape","variant","gradient","gradients","cta","stops","style","rest","radius","box","width","height","borderRadius","jsx","AuraOrb","View","styles","avatar","children","Image","source","uri","img","resizeMode","LinearGradient","colors","start","x","y","end","mono","Text","monoText","fontSize","Math","round","spin","useRef","Animated","Value","current","useEffect","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","stop","rotate","interpolate","inputRange","outputRange","fluxSize","offset","auraGlow","accessibilityRole","accessibilityLabel","auraOrb","position","top","left","transform","flux","StyleSheet","absoluteFill","create","overflow","flex","alignItems","justifyContent","fontFamily","fonts","display","fontWeight","color","letterSpacing","backgroundColor","void","nativeShadows","glowAccent","absoluteFillObject"],"sourceRoot":"../../../src","sources":["components/Avatar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/AvatarStack.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AvatarStack = AvatarStack;
+var _reactNative = require("react-native");
+var _tokens = require("@lockin90/tokens");
+var _Avatar = require("./Avatar");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Per-avatar props forwarded to the composed {@link Avatar}. */
+
+/**
+ * AvatarStack — a row of overlapping circular avatars with a trailing "+N"
+ * overflow chip; social proof / multi-author / roster. Composes {@link Avatar}
+ * for each entry, overlaps them with a negative `marginLeft` + descending
+ * `zIndex`, and draws a border in the surrounding background color so each tile
+ * reads as separate. Anything beyond `max` collapses into a same-size "+N" chip.
+ */
+function AvatarStack({
+  avatars,
+  max = 4,
+  size = 32,
+  ring = _tokens.colors.bg1,
+  style,
+  ...rest
+}) {
+  const visible = avatars.slice(0, max);
+  const overflow = avatars.length - visible.length;
+  // Overlap ≈ a third of the diameter; border thickness scales gently with size.
+  const overlap = -Math.round(size * 0.32);
+  const borderWidth = Math.max(2, Math.round(size * 0.06));
+  const ringStyle = {
+    borderWidth,
+    borderColor: ring
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.row, style],
+    ...rest,
+    children: [visible.map((a, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        marginLeft: i === 0 ? 0 : overlap,
+        zIndex: visible.length - i
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
+        ...a,
+        size: size,
+        style: [styles.ring, ringStyle, {
+          width: size + borderWidth * 2,
+          height: size + borderWidth * 2
+        }]
+      })
+    }, i)), overflow > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        marginLeft: overlap,
+        zIndex: 0
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.more, ringStyle, {
+          width: size + borderWidth * 2,
+          height: size + borderWidth * 2,
+          borderRadius: (size + borderWidth * 2) / 2
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: [styles.moreText, {
+            fontSize: Math.round(size * 0.36)
+          }],
+          children: ["+", overflow]
+        })
+      })
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  ring: {
+    borderRadius: 999
+  },
+  more: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: _tokens.colors.glass2,
+    borderColor: _tokens.colors.border2
+  },
+  moreText: {
+    fontFamily: _tokens.fonts.display,
+    fontWeight: '700',
+    color: _tokens.colors.textDim,
+    letterSpacing: -0.3
+  }
+});
+//# sourceMappingURL=AvatarStack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_tokens","_Avatar","_jsxRuntime","AvatarStack","avatars","max","size","ring","colors","bg1","style","rest","visible","slice","overflow","length","overlap","Math","round","borderWidth","ringStyle","borderColor","jsxs","View","styles","row","children","map","a","i","jsx","marginLeft","zIndex","Avatar","width","height","more","borderRadius","Text","moreText","fontSize","StyleSheet","create","flexDirection","alignItems","justifyContent","backgroundColor","glass2","border2","fontFamily","fonts","display","fontWeight","color","textDim","letterSpacing"],"sourceRoot":"../../../src","sources":["components/AvatarStack.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/BackLink.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BackLink = BackLink;
+var _reactNative = require("react-native");
+var _tokens = require("@lockin90/tokens");
+var _Icon = require("./Icon");
+var _jsxRuntime = require("react/jsx-runtime");
+/** "‹ Back" navigation affordance — chevron-left glyph + label, in accent. */
+function BackLink({
+  label = 'Back',
+  onClick,
+  style,
+  variant = 'default',
+  ...rest
+}) {
+  const isPill = variant === 'pill';
+  const iconColor = isPill ? _tokens.colors.textDim : _tokens.colors.accent;
+  const iconSize = isPill ? 14 : 18;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    accessibilityRole: "button",
+    onPress: onClick,
+    style: ({
+      pressed
+    }) => [isPill ? pillStyles.row : styles.row, pressed && styles.pressed, style],
+    ...rest,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: "back",
+      size: iconSize,
+      color: iconColor
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: isPill ? pillStyles.label : styles.label,
+      children: label
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 4,
+    paddingVertical: 4,
+    paddingHorizontal: 2
+  },
+  pressed: {
+    opacity: 0.7
+  },
+  label: {
+    color: _tokens.colors.accent,
+    fontFamily: _tokens.fonts.ui,
+    fontSize: 14.5,
+    fontWeight: '600'
+  }
+});
+const pillStyles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 7,
+    paddingVertical: 7,
+    paddingHorizontal: 13,
+    borderWidth: 1,
+    borderColor: _tokens.colors.border,
+    backgroundColor: _tokens.colors.glass,
+    borderRadius: _tokens.radii.pill,
+    alignSelf: 'flex-start'
+  },
+  label: {
+    color: _tokens.colors.textDim,
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 11.5,
+    fontWeight: '400'
+  }
+});
+//# sourceMappingURL=BackLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_tokens","_Icon","_jsxRuntime","BackLink","label","onClick","style","variant","rest","isPill","iconColor","colors","textDim","accent","iconSize","jsxs","Pressable","accessibilityRole","onPress","pressed","pillStyles","row","styles","children","jsx","Icon","name","size","color","Text","StyleSheet","create","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","opacity","fontFamily","fonts","ui","fontSize","fontWeight","borderWidth","borderColor","border","backgroundColor","glass","borderRadius","radii","pill","alignSelf","mono"],"sourceRoot":"../../../src","sources":["components/BackLink.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAA8B,IAAAG,WAAA,GAAAH,OAAA;AAmB9B;AACO,SAASI,QAAQA,CAAC;EAAEC,KAAK,GAAG,MAAM;EAAEC,OAAO;EAAEC,KAAK;EAAEC,OAAO,GAAG,SAAS;EAAE,GAAGC;AAAoB,CAAC,EAAE;EACxG,MAAMC,MAAM,GAAGF,OAAO,KAAK,MAAM;EACjC,MAAMG,SAAS,GAAGD,MAAM,GAAGE,cAAM,CAACC,OAAO,GAAGD,cAAM,CAACE,MAAM;EACzD,MAAMC,QAAQ,GAAGL,MAAM,GAAG,EAAE,GAAG,EAAE;EACjC,oBACE,IAAAP,WAAA,CAAAa,IAAA,EAACjB,YAAA,CAAAkB,SAAS;IACRC,iBAAiB,EAAC,QAAQ;IAC1BC,OAAO,EAAEb,OAAQ;IACjBC,KAAK,EAAEA,CAAC;MAAEa;IAAQ,CAAC,KAAK,CACtBV,MAAM,GAAGW,UAAU,CAACC,GAAG,GAAGC,MAAM,CAACD,GAAG,EACpCF,OAAO,IAAIG,MAAM,CAACH,OAAO,EACzBb,KAAK,CACL;IAAA,GACEE,IAAI;IAAAe,QAAA,gBAER,IAAArB,WAAA,CAAAsB,GAAA,EAACvB,KAAA,CAAAwB,IAAI;MAACC,IAAI,EAAC,MAAM;MAACC,IAAI,EAAEb,QAAS;MAACc,KAAK,EAAElB;IAAU,CAAE,CAAC,eACtD,IAAAR,WAAA,CAAAsB,GAAA,EAAC1B,YAAA,CAAA+B,IAAI;MAACvB,KAAK,EAAEG,MAAM,GAAGW,UAAU,CAAChB,KAAK,GAAGkB,MAAM,CAAClB,KAAM;MAAAmB,QAAA,EAAEnB;IAAK,CAAO,CAAC;EAAA,CAC5D,CAAC;AAEhB;AAEA,MAAMkB,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BV,GAAG,EAAE;IAAEW,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE,QAAQ;IAAEC,GAAG,EAAE,CAAC;IAAEC,eAAe,EAAE,CAAC;IAAEC,iBAAiB,EAAE;EAAE,CAAC;EACrGjB,OAAO,EAAE;IAAEkB,OAAO,EAAE;EAAI,CAAC;EACzBjC,KAAK,EAAE;IAAEwB,KAAK,EAAEjB,cAAM,CAACE,MAAM;IAAEyB,UAAU,EAAEC,aAAK,CAACC,EAAE;IAAEC,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE;EAAM;AACzF,CAAC,CAAC;AAEF,MAAMtB,UAAU,GAAGU,uBAAU,CAACC,MAAM,CAAC;EACnCV,GAAG,EAAE;IACHW,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,CAAC;IACNC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBO,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEjC,cAAM,CAACkC,MAAM;IAC1BC,eAAe,EAAEnC,cAAM,CAACoC,KAAK;IAC7BC,YAAY,EAAEC,aAAK,CAACC,IAAI;IACxBC,SAAS,EAAE;EACb,CAAC;EACD/C,KAAK,EAAE;IAAEwB,KAAK,EAAEjB,cAAM,CAACC,OAAO;IAAE0B,UAAU,EAAEC,aAAK,CAACa,IAAI;IAAEX,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE;EAAM;AAC5F,CAAC,CAAC","ignoreList":[]}