@lockin90/ui-native 0.0.0-stage → 1.0.0

package/lib/commonjs/components/SplitButton.js

@@ -0,0 +1,158 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SplitButton = SplitButton;
+var _reactNative = require("react-native");
+var _expoLinearGradient = require("expo-linear-gradient");
+var _tokens = require("@lockin90/tokens");
+var _Icon = require("./Icon");
+var _Menu = require("./Menu");
+var _jsxRuntime = require("react/jsx-runtime");
+/** A primary action joined to a chevron toggle that opens a {@link Menu} of
+ *  secondary actions (e.g. "Create page ▾" → New page / Duplicate / Import).
+ *  The two segments share one rounded group with a hairline divider between;
+ *  the chevron reuses {@link Menu} for the dropdown panel + outside-close. */
+function SplitButton({
+  label,
+  onPress,
+  items,
+  variant = 'primary',
+  icon
+}) {
+  const isPrimary = variant === 'primary';
+  const fg = isPrimary ? '#0A0A12' : _tokens.colors.text;
+  const chevColor = isPrimary ? '#0A0A12' : _tokens.colors.textDim;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.group, isPrimary ? styles.groupPrimary : styles.groupDefault],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: onPress,
+      style: ({
+        pressed
+      }) => pressed && styles.pressed,
+      children: isPrimary ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_expoLinearGradient.LinearGradient, {
+        colors: _tokens.gradients.cta.stops,
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 1,
+          y: 1
+        },
+        style: styles.main,
+        children: [icon != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.icon,
+          children: icon
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.label, {
+            color: fg
+          }],
+          numberOfLines: 1,
+          children: label
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.main, styles.mainDefault],
+        children: [icon != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.icon,
+          children: icon
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.label, {
+            color: fg
+          }],
+          numberOfLines: 1,
+          children: label
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.divider, {
+        backgroundColor: isPrimary ? 'rgba(0,0,0,0.22)' : _tokens.colors.border
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: isPrimary ? styles.chevWrapPrimary : styles.chevWrapDefault,
+      children: [isPrimary && /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
+        colors: _tokens.gradients.cta.stops,
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 1,
+          y: 1
+        },
+        style: _reactNative.StyleSheet.absoluteFill
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.Menu, {
+        align: "right",
+        items: items,
+        trigger: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.chev,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+            name: "chevron",
+            size: 13,
+            color: chevColor
+          })
+        })
+      })]
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  group: {
+    flexDirection: 'row',
+    alignItems: 'stretch',
+    alignSelf: 'flex-start',
+    borderRadius: _tokens.radii.sm,
+    overflow: 'hidden'
+  },
+  groupPrimary: {
+    ..._tokens.nativeShadows.glowAccent
+  },
+  groupDefault: {
+    borderWidth: 1,
+    borderColor: _tokens.colors.border
+  },
+  main: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8,
+    paddingVertical: 9,
+    paddingHorizontal: 14
+  },
+  mainDefault: {
+    backgroundColor: _tokens.colors.glass2
+  },
+  pressed: {
+    opacity: 0.85
+  },
+  icon: {
+    flexShrink: 0
+  },
+  label: {
+    fontFamily: _tokens.fonts.ui,
+    fontWeight: '600',
+    fontSize: 13
+  },
+  divider: {
+    width: 1
+  },
+  chevWrapPrimary: {
+    position: 'relative',
+    justifyContent: 'center',
+    overflow: 'hidden'
+  },
+  chevWrapDefault: {
+    position: 'relative',
+    justifyContent: 'center',
+    backgroundColor: _tokens.colors.glass2
+  },
+  chev: {
+    width: 30,
+    alignItems: 'center',
+    justifyContent: 'center',
+    transform: [{
+      rotate: '90deg'
+    }]
+  }
+});
+//# sourceMappingURL=SplitButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_expoLinearGradient","_tokens","_Icon","_Menu","_jsxRuntime","SplitButton","label","onPress","items","variant","icon","isPrimary","fg","colors","text","chevColor","textDim","jsxs","View","style","styles","group","groupPrimary","groupDefault","children","jsx","Pressable","pressed","LinearGradient","gradients","cta","stops","start","x","y","end","main","Text","color","numberOfLines","mainDefault","divider","backgroundColor","border","chevWrapPrimary","chevWrapDefault","StyleSheet","absoluteFill","Menu","align","trigger","chev","Icon","name","size","create","flexDirection","alignItems","alignSelf","borderRadius","radii","sm","overflow","nativeShadows","glowAccent","borderWidth","borderColor","gap","paddingVertical","paddingHorizontal","glass2","opacity","flexShrink","fontFamily","fonts","ui","fontWeight","fontSize","width","position","justifyContent","transform","rotate"],"sourceRoot":"../../../src","sources":["components/SplitButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/SsoButton.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SsoButton = SsoButton;
+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); }
+/** SSO sign-in button — full-color Google G or monochrome Apple glyph + label.
+ *  Mirrors the `.sso` design CSS (10×12 padding, 12.5px/600 label, 16×16 icon,
+ *  rgba(255,255,255,.04) bg, subtle border). Stretches to fill its grid cell. */
+function SsoButton({
+  provider,
+  ...rest
+}) {
+  const label = provider === 'google' ? 'Google' : 'Apple';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    ...rest,
+    accessibilityRole: "button",
+    accessibilityLabel: `Continue with ${label}`,
+    style: ({
+      pressed
+    }) => [styles.btn, pressed && styles.pressed, rest.disabled === true ? styles.disabled : undefined],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.iconSlot,
+      children: provider === 'google' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(GoogleBrandIcon, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(AppleBrandIcon, {
+        color: _tokens.colors.text
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.label,
+      children: label
+    })]
+  });
+}
+function GoogleBrandIcon({
+  size = 16
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fill: "#4285F4",
+      d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.76h3.56c2.08-1.92 3.28-4.74 3.28-8.09z"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fill: "#34A853",
+      d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.56-2.76c-.98.66-2.23 1.06-3.72 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84A11 11 0 0 0 12 23z"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fill: "#FBBC05",
+      d: "M5.84 14.11a6.6 6.6 0 0 1 0-4.22V7.05H2.18a11 11 0 0 0 0 9.9l3.66-2.84z"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fill: "#EA4335",
+      d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1A11 11 0 0 0 2.18 7.05l3.66 2.84C6.71 7.31 9.14 5.38 12 5.38z"
+    })]
+  });
+}
+function AppleBrandIcon({
+  size = 16,
+  color = '#FFFFFF'
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M16.37 12.78c.02 2.5 2.19 3.33 2.21 3.34-.02.06-.35 1.2-1.15 2.37-.69 1.02-1.41 2.03-2.55 2.05-1.11.02-1.47-.66-2.74-.66-1.27 0-1.67.64-2.72.68-1.1.04-1.93-1.1-2.63-2.11-1.43-2.07-2.53-5.86-1.06-8.42a4.1 4.1 0 0 1 3.46-2.1c1.08-.02 2.1.73 2.76.73.66 0 1.9-.9 3.2-.77.54.02 2.07.22 3.05 1.65-.08.05-1.82 1.07-1.8 3.21M14.3 4.6c.58-.71.98-1.69.87-2.68-.84.04-1.86.56-2.47 1.26-.54.62-1.02 1.62-.89 2.58.94.07 1.9-.48 2.49-1.16"
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  btn: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 8,
+    paddingVertical: 10,
+    paddingHorizontal: 12,
+    borderRadius: _tokens.radii.sm,
+    backgroundColor: 'rgba(255,255,255,0.04)',
+    borderWidth: 1,
+    borderColor: 'rgba(255,255,255,0.10)'
+  },
+  pressed: {
+    backgroundColor: 'rgba(255,255,255,0.06)',
+    borderColor: 'rgba(255,255,255,0.16)'
+  },
+  disabled: {
+    opacity: 0.5
+  },
+  iconSlot: {
+    width: 16,
+    height: 16,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  label: {
+    color: _tokens.colors.text,
+    fontFamily: _tokens.fonts.ui,
+    fontWeight: '600',
+    fontSize: 12.5,
+    letterSpacing: 0.1
+  }
+});
+//# sourceMappingURL=SsoButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeSvg","_interopRequireWildcard","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SsoButton","provider","rest","label","jsxs","Pressable","accessibilityRole","accessibilityLabel","style","pressed","styles","btn","disabled","undefined","children","jsx","View","iconSlot","GoogleBrandIcon","AppleBrandIcon","color","colors","text","Text","size","width","height","viewBox","Path","fill","d","StyleSheet","create","flex","flexDirection","alignItems","justifyContent","gap","paddingVertical","paddingHorizontal","borderRadius","radii","sm","backgroundColor","borderWidth","borderColor","opacity","fontFamily","fonts","ui","fontWeight","fontSize","letterSpacing"],"sourceRoot":"../../../src","sources":["components/SsoButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAwD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQxD;AACA;AACA;AACO,SAASkB,SAASA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAqB,CAAC,EAAE;EAC/D,MAAMC,KAAK,GAAGF,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,OAAO;EACxD,oBACE,IAAArB,WAAA,CAAAwB,IAAA,EAAC7B,YAAA,CAAA8B,SAAS;IAAA,GACJH,IAAI;IACRI,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE,iBAAiBJ,KAAK,EAAG;IAC7CK,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACtBC,MAAM,CAACC,GAAG,EACVF,OAAO,IAAIC,MAAM,CAACD,OAAO,EACzBP,IAAI,CAACU,QAAQ,KAAK,IAAI,GAAGF,MAAM,CAACE,QAAQ,GAAGC,SAAS,CACpD;IAAAC,QAAA,gBAEF,IAAAlC,WAAA,CAAAmC,GAAA,EAACxC,YAAA,CAAAyC,IAAI;MAACR,KAAK,EAAEE,MAAM,CAACO,QAAS;MAAAH,QAAA,EAC1Bb,QAAQ,KAAK,QAAQ,gBAAG,IAAArB,WAAA,CAAAmC,GAAA,EAACG,eAAe,IAAE,CAAC,gBAAG,IAAAtC,WAAA,CAAAmC,GAAA,EAACI,cAAc;QAACC,KAAK,EAAEC,cAAM,CAACC;MAAK,CAAE;IAAC,CACjF,CAAC,eACP,IAAA1C,WAAA,CAAAmC,GAAA,EAACxC,YAAA,CAAAgD,IAAI;MAACf,KAAK,EAAEE,MAAM,CAACP,KAAM;MAAAW,QAAA,EAAEX;IAAK,CAAO,CAAC;EAAA,CAChC,CAAC;AAEhB;AAEA,SAASe,eAAeA,CAAC;EAAEM,IAAI,GAAG;AAAsB,CAAC,EAAE;EACzD,oBACE,IAAA5C,WAAA,CAAAwB,IAAA,EAAC3B,eAAA,CAAAc,OAAG;IAACkC,KAAK,EAAED,IAAK;IAACE,MAAM,EAAEF,IAAK;IAACG,OAAO,EAAC,WAAW;IAAAb,QAAA,gBACjD,IAAAlC,WAAA,CAAAmC,GAAA,EAACtC,eAAA,CAAAmD,IAAI;MACHC,IAAI,EAAC,SAAS;MACdC,CAAC,EAAC;IAAoH,CACvH,CAAC,eACF,IAAAlD,WAAA,CAAAmC,GAAA,EAACtC,eAAA,CAAAmD,IAAI;MACHC,IAAI,EAAC,SAAS;MACdC,CAAC,EAAC;IAAiI,CACpI,CAAC,eACF,IAAAlD,WAAA,CAAAmC,GAAA,EAACtC,eAAA,CAAAmD,IAAI;MACHC,IAAI,EAAC,SAAS;MACdC,CAAC,EAAC;IAAyE,CAC5E,CAAC,eACF,IAAAlD,WAAA,CAAAmC,GAAA,EAACtC,eAAA,CAAAmD,IAAI;MACHC,IAAI,EAAC,SAAS;MACdC,CAAC,EAAC;IAAkI,CACrI,CAAC;EAAA,CACC,CAAC;AAEV;AAEA,SAASX,cAAcA,CAAC;EAAEK,IAAI,GAAG,EAAE;EAAEJ,KAAK,GAAG;AAA6C,CAAC,EAAE;EAC3F,oBACE,IAAAxC,WAAA,CAAAmC,GAAA,EAACtC,eAAA,CAAAc,OAAG;IAACkC,KAAK,EAAED,IAAK;IAACE,MAAM,EAAEF,IAAK;IAACG,OAAO,EAAC,WAAW;IAACE,IAAI,EAAET,KAAM;IAAAN,QAAA,eAC9D,IAAAlC,WAAA,CAAAmC,GAAA,EAACtC,eAAA,CAAAmD,IAAI;MAACE,CAAC,EAAC;IAA0a,CAAE;EAAC,CAClb,CAAC;AAEV;AAEA,MAAMpB,MAAM,GAAGqB,uBAAU,CAACC,MAAM,CAAC;EAC/BrB,GAAG,EAAE;IACHsB,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,GAAG,EAAE,CAAC;IACNC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAEC,aAAK,CAACC,EAAE;IACtBC,eAAe,EAAE,wBAAwB;IACzCC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACDpC,OAAO,EAAE;IACPkC,eAAe,EAAE,wBAAwB;IACzCE,WAAW,EAAE;EACf,CAAC;EACDjC,QAAQ,EAAE;IAAEkC,OAAO,EAAE;EAAI,CAAC;EAC1B7B,QAAQ,EAAE;IAAEQ,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAES,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS,CAAC;EACnFjC,KAAK,EAAE;IACLiB,KAAK,EAAEC,cAAM,CAACC,IAAI;IAClByB,UAAU,EAAEC,aAAK,CAACC,EAAE;IACpBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,IAAI;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/StackedBar.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StackedBar = StackedBar;
+var _reactNative = require("react-native");
+var _tokens = require("@lockin90/tokens");
+var _jsxRuntime = require("react/jsx-runtime");
+/** One contiguous segment of the stacked bar, sized by its `value` share. */
+
+/** 100%-stacked horizontal bar — one linear track split into colored proportion
+ *  segments sized by each segment's share of the total, with an optional legend
+ *  of dot + label + value/% rows below. Distinct from BarChart (separate
+ *  vertical bars) and DonutChart (radial). Tokens-driven. */
+function StackedBar({
+  segments,
+  height = 10,
+  rounded = true,
+  gap = 2,
+  showLegend = false,
+  total,
+  style
+}) {
+  const sum = segments.reduce((acc, s) => acc + (s.value > 0 ? s.value : 0), 0);
+  const denom = total != null && total > 0 ? total : sum || 1;
+  const drawn = segments.filter(s => s.value > 0).length;
+  const r = rounded ? height : _tokens.radii.sm;
+  const g = drawn > 1 ? Math.max(0, gap) : 0;
+  const ariaLabel = `Stacked bar: ${segments.map(s => `${s.label ?? 'segment'} ${Math.round((s.value > 0 ? s.value : 0) / denom * 100)}%`).join(', ')}.`;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrap, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.track, {
+        height,
+        borderRadius: r,
+        gap: g
+      }],
+      accessibilityRole: "image",
+      accessibilityLabel: ariaLabel,
+      children: segments.map((s, i) => {
+        const v = s.value > 0 ? s.value : 0;
+        if (v <= 0) return null;
+        const pct = v / denom * 100;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            flexGrow: pct,
+            flexBasis: 0,
+            minWidth: 2,
+            backgroundColor: s.color
+          }
+        }, `${s.label ?? 'seg'}-${i}`);
+      })
+    }), showLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.legend,
+      children: segments.map((s, i) => {
+        const v = s.value > 0 ? s.value : 0;
+        const pct = Math.round(v / denom * 100);
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.li,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.dot, {
+              backgroundColor: s.color
+            }]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.name,
+            numberOfLines: 1,
+            children: s.label ?? `Segment ${i + 1}`
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.val,
+            children: s.value
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+            style: styles.pct,
+            children: [pct, "%"]
+          })]
+        }, `li-${s.label ?? 'seg'}-${i}`);
+      })
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  wrap: {
+    width: '100%',
+    gap: 12
+  },
+  track: {
+    flexDirection: 'row',
+    width: '100%',
+    overflow: 'hidden',
+    borderWidth: 1,
+    borderColor: _tokens.colors.border,
+    backgroundColor: _tokens.colors.glass
+  },
+  legend: {
+    gap: 2
+  },
+  li: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    paddingVertical: 6,
+    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderBottomColor: _tokens.colors.border
+  },
+  dot: {
+    width: 11,
+    height: 11,
+    borderRadius: 3
+  },
+  name: {
+    flex: 1,
+    minWidth: 0,
+    fontFamily: _tokens.fonts.ui,
+    fontSize: 13,
+    fontWeight: '600',
+    color: _tokens.colors.text
+  },
+  val: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 12.5,
+    color: _tokens.colors.textDim,
+    textAlign: 'right'
+  },
+  pct: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 13,
+    fontWeight: '600',
+    color: _tokens.colors.textFaint,
+    textAlign: 'right',
+    minWidth: 38
+  }
+});
+//# sourceMappingURL=StackedBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_tokens","_jsxRuntime","StackedBar","segments","height","rounded","gap","showLegend","total","style","sum","reduce","acc","s","value","denom","drawn","filter","length","r","radii","sm","g","Math","max","ariaLabel","map","label","round","join","jsxs","View","styles","wrap","children","jsx","track","borderRadius","accessibilityRole","accessibilityLabel","i","v","pct","flexGrow","flexBasis","minWidth","backgroundColor","color","legend","li","dot","Text","name","numberOfLines","val","StyleSheet","create","width","flexDirection","overflow","borderWidth","borderColor","colors","border","glass","alignItems","paddingVertical","borderBottomWidth","hairlineWidth","borderBottomColor","flex","fontFamily","fonts","ui","fontSize","fontWeight","text","mono","textDim","textAlign","textFaint"],"sourceRoot":"../../../src","sources":["components/StackedBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Stat.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Stat = Stat;
+var _reactNative = require("react-native");
+var _tokens = require("@lockin90/tokens");
+var _GradientText = require("./GradientText");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Value color treatment. `gradient` = flux gradient (static flux on the small/
+ *  default sizes, full spectrum on `hero`); `mint` = mint accent. */
+
+/** `md` (default, 30px) · `sm`/`lg` = compact/panel stats (20/28px) · `hero` =
+ *  oversized marketing figure with the label BELOW. */
+
+const SIZE = {
+  sm: {
+    gap: 3,
+    labelSize: 10,
+    labelSpacing: 1.2,
+    labelWeight: '400',
+    labelColor: _tokens.colors.textFaint,
+    valueSize: 20,
+    valueSpacing: -0.4
+  },
+  md: {
+    gap: 6,
+    labelSize: 10.5,
+    labelSpacing: 1.6,
+    labelWeight: '400',
+    labelColor: _tokens.colors.textFaint,
+    valueSize: 30,
+    valueSpacing: -0.6
+  },
+  lg: {
+    gap: 3,
+    labelSize: 10,
+    labelSpacing: 1.2,
+    labelWeight: '400',
+    labelColor: _tokens.colors.textFaint,
+    valueSize: 28,
+    valueSpacing: -0.56
+  },
+  hero: {
+    gap: 8,
+    reverse: true,
+    labelSize: 11,
+    labelSpacing: 2,
+    labelWeight: '500',
+    labelColor: _tokens.colors.textDim,
+    valueSize: 44,
+    valueSpacing: -1.32
+  }
+};
+
+/** Label + big display value + optional signed delta. `tone="gradient"` renders
+ *  the value as flux-gradient text; `size` scales it (`hero` flips the label below).
+ *  In `empty` mode it shows an em-dash placeholder + an optional `hint`. */
+function Stat({
+  label,
+  value,
+  delta,
+  deltaDir,
+  tone = 'default',
+  valueColor,
+  size = 'md',
+  sub,
+  empty,
+  hint,
+  style
+}) {
+  const s = SIZE[size];
+  const isGradient = tone === 'gradient' && !valueColor;
+  const valueColorResolved = valueColor ?? (tone === 'mint' ? _tokens.colors.mint : _tokens.colors.text);
+  const valueStyle = {
+    fontFamily: _tokens.fonts.display,
+    fontWeight: '700',
+    fontSize: s.valueSize,
+    letterSpacing: s.valueSpacing
+  };
+  if (empty) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.stat, {
+        gap: s.gap
+      }, s.reverse && styles.reverse, style],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.label, {
+          fontSize: s.labelSize,
+          letterSpacing: s.labelSpacing,
+          fontWeight: s.labelWeight,
+          color: s.labelColor
+        }],
+        children: label
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [valueStyle, {
+          color: _tokens.colors.textFaint
+        }],
+        children: "\u2014"
+      }), hint != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.hint,
+        children: hint
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.stat, {
+      gap: s.gap
+    }, s.reverse && styles.reverse, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.label, {
+        fontSize: s.labelSize,
+        letterSpacing: s.labelSpacing,
+        fontWeight: s.labelWeight,
+        color: s.labelColor
+      }],
+      children: label
+    }), isGradient ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientText.GradientText, {
+      gradient: size === 'hero' ? 'flux' : 'cta',
+      style: valueStyle,
+      children: value
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [valueStyle, {
+        color: valueColorResolved
+      }],
+      children: value
+    }), delta != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.delta, {
+        color: deltaDir === 'down' ? _tokens.colors.zoneLow : _tokens.colors.zoneHigh
+      }],
+      children: delta
+    }), sub != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.sub,
+      children: sub
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  stat: {
+    gap: 6
+  },
+  reverse: {
+    flexDirection: 'column-reverse'
+  },
+  label: {
+    fontFamily: _tokens.fonts.mono,
+    textTransform: 'uppercase',
+    color: _tokens.colors.textFaint
+  },
+  delta: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 12
+  },
+  sub: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 10.5,
+    color: _tokens.colors.textFaint
+  },
+  // helper line under the em-dash in empty mode (web `.lk-stat-hint`: mono 11px, 0.02em)
+  hint: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 11,
+    letterSpacing: 0.22,
+    color: _tokens.colors.textFaint
+  }
+});
+//# sourceMappingURL=Stat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_tokens","_GradientText","_jsxRuntime","SIZE","sm","gap","labelSize","labelSpacing","labelWeight","labelColor","colors","textFaint","valueSize","valueSpacing","md","lg","hero","reverse","textDim","Stat","label","value","delta","deltaDir","tone","valueColor","size","sub","empty","hint","style","s","isGradient","valueColorResolved","mint","text","valueStyle","fontFamily","fonts","display","fontWeight","fontSize","letterSpacing","jsxs","View","styles","stat","children","jsx","Text","color","GradientText","gradient","zoneLow","zoneHigh","StyleSheet","create","flexDirection","mono","textTransform"],"sourceRoot":"../../../src","sources":["components/Stat.tsx"],"mappings":"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","ignoreList":[]}