@lockin90/ui-native 0.0.0-stage → 1.0.0

package/lib/commonjs/components/PricingTierCard.js

@@ -0,0 +1,237 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PricingTierCard = PricingTierCard;
+var _reactNative = require("react-native");
+var _expoLinearGradient = require("expo-linear-gradient");
+var _tokens = require("@lockin90/tokens");
+var _Card = require("./Card");
+var _Icon = require("./Icon");
+var _Badge = require("./Badge");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * A single feature row. A plain `string` (or `{ included: true }`) renders a
+ * mint check ✓; `{ included: false }` renders a muted cross ✗ (feature not in
+ * this tier). Lets one component express both included and excluded features.
+ */
+
+/**
+ * PricingTierCard — a glass plan card: tier name + optional badge, a big price
+ * (display font) + period, a description, a feature list each with a leading
+ * mint check Icon, and a CTA slot pinned to the bottom. When `featured`, it
+ * gains a cta-gradient border + accent glow and a ribbon (`ribbonLabel`).
+ * Composed from Card + Icon + Badge; mirrors the web `@lockin90/ui`
+ * PricingTierCard and the `.tier` cards in the billing mockup.
+ */
+function PricingTierCard({
+  name,
+  price,
+  period,
+  description,
+  features,
+  featured,
+  ribbonLabel = 'Most popular',
+  badge,
+  cta,
+  disabled = false,
+  style
+}) {
+  const dim = disabled ? {
+    opacity: 0.5
+  } : null;
+  const body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [featured ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Ribbon, {
+      label: ribbonLabel
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.head,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.name,
+        children: name
+      }), badge ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.Badge, {
+        tone: "accent",
+        children: badge
+      }) : null]
+    }), description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.desc,
+      children: description
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.price,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.amt,
+        children: price
+      }), period ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.per,
+        children: period
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.feat,
+      children: features.map((f, i) => {
+        const label = typeof f === 'string' ? f : f.label;
+        const included = typeof f === 'string' ? true : f.included !== false;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.featRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+            name: included ? 'check' : 'close',
+            size: 16,
+            color: included ? _tokens.colors.zoneHigh : _tokens.colors.textFaint
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.featText, !included && styles.featTextOff],
+            children: label
+          })]
+        }, `${label}-${i}`);
+      })
+    }), cta ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.cta,
+      children: cta
+    }) : null]
+  });
+
+  // featured: a cta-gradient hairline border (LinearGradient padding) wraps the
+  // Card, plus the accent glow — matches the web `.lk-tier-featured` ::before.
+  if (featured) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
+      colors: _tokens.gradients.cta.stops,
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 1,
+        y: 1
+      },
+      style: [styles.featuredBorder, dim, style],
+      pointerEvents: disabled ? 'none' : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.Card, {
+        flat: true,
+        style: styles.featuredInner,
+        children: body
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.Card, {
+    style: [styles.card, dim, style],
+    pointerEvents: disabled ? 'none' : undefined,
+    children: body
+  });
+}
+function Ribbon({
+  label
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
+    colors: _tokens.gradients.cta.stops,
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 1
+    },
+    style: styles.ribbon,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.ribbonText,
+      children: label.toUpperCase()
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    position: 'relative'
+  },
+  featuredBorder: {
+    borderRadius: _tokens.radii.md,
+    padding: 1.5,
+    ..._tokens.nativeShadows.glowAccent
+  },
+  featuredInner: {
+    position: 'relative',
+    // fill the gradient-border wrapper — in a stretched row (horizontal tier
+    // scroller) a content-sized inner card left the wrapper's lower half as a
+    // thick gradient band instead of a 1.5px hairline.
+    flex: 1,
+    backgroundColor: _tokens.colors.bg1,
+    borderWidth: 0,
+    borderRadius: _tokens.radii.md - 1.5
+  },
+  ribbon: {
+    position: 'absolute',
+    top: 14,
+    right: 14,
+    zIndex: 1,
+    paddingVertical: 4,
+    paddingHorizontal: 10,
+    borderRadius: _tokens.radii.pill,
+    ..._tokens.nativeShadows.glowAccent
+  },
+  ribbonText: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 9.5,
+    fontWeight: '600',
+    letterSpacing: 1.1,
+    color: '#0A0A12'
+  },
+  head: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 9
+  },
+  name: {
+    fontFamily: _tokens.fonts.display,
+    fontWeight: '700',
+    fontSize: 19,
+    color: _tokens.colors.text
+  },
+  desc: {
+    fontSize: 12.5,
+    lineHeight: 18,
+    color: _tokens.colors.textDim,
+    minHeight: 34,
+    marginTop: 4
+  },
+  price: {
+    flexDirection: 'row',
+    alignItems: 'baseline',
+    gap: 6,
+    marginTop: 8,
+    marginBottom: 2
+  },
+  amt: {
+    fontFamily: _tokens.fonts.display,
+    fontWeight: '700',
+    fontSize: 42,
+    letterSpacing: -1.7,
+    lineHeight: 44,
+    color: _tokens.colors.text
+  },
+  per: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 12.5,
+    color: _tokens.colors.textFaint
+  },
+  feat: {
+    marginVertical: 16,
+    gap: 11,
+    flex: 1
+  },
+  featRow: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: 10
+  },
+  featText: {
+    flex: 1,
+    fontSize: 13,
+    lineHeight: 18,
+    color: _tokens.colors.text
+  },
+  featTextOff: {
+    color: _tokens.colors.textDim
+  },
+  cta: {
+    marginTop: 'auto',
+    paddingTop: 4
+  }
+});
+//# sourceMappingURL=PricingTierCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_expoLinearGradient","_tokens","_Card","_Icon","_Badge","_jsxRuntime","PricingTierCard","name","price","period","description","features","featured","ribbonLabel","badge","cta","disabled","style","dim","opacity","body","jsxs","Fragment","children","jsx","Ribbon","label","View","styles","head","Text","Badge","tone","desc","amt","per","feat","map","f","i","included","featRow","Icon","size","color","colors","zoneHigh","textFaint","featText","featTextOff","LinearGradient","gradients","stops","start","x","y","end","featuredBorder","pointerEvents","undefined","Card","flat","featuredInner","card","ribbon","ribbonText","toUpperCase","StyleSheet","create","position","borderRadius","radii","md","padding","nativeShadows","glowAccent","flex","backgroundColor","bg1","borderWidth","top","right","zIndex","paddingVertical","paddingHorizontal","pill","fontFamily","fonts","mono","fontSize","fontWeight","letterSpacing","flexDirection","alignItems","gap","display","text","lineHeight","textDim","minHeight","marginTop","marginBottom","marginVertical","paddingTop"],"sourceRoot":"../../../src","sources":["components/PricingTierCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ProGate.js

@@ -0,0 +1,235 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LockedRow = LockedRow;
+exports.ProGate = ProGate;
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _tokens = require("@lockin90/tokens");
+var _optionalBlur = require("../internal/optionalBlur");
+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); }
+/** Padlock — body + shackle. Native has no `currentColor`, so color is explicit. */
+function LockIcon({
+  size,
+  color,
+  strokeWidth
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: strokeWidth,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+      x: 4,
+      y: 10.5,
+      width: 16,
+      height: 10,
+      rx: 2.2
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M8 10.5V7a4 4 0 0 1 8 0v3.5"
+    })]
+  });
+}
+
+/**
+ * Premium-lock overlay: frosted, dimmed gated content behind a centered lock card.
+ * Web uses `filter: blur(6px); opacity: 0.35` on the gated content; native keeps
+ * the 0.35 dim and lays a real expo-blur frost over it when the optional
+ * `expo-blur` peer is installed (otherwise just the dim — graceful fallback).
+ */
+function ProGate({
+  title = 'PRO Feature',
+  subtitle = 'Visualize PR progression with PRO',
+  children,
+  style,
+  ...rest
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.pro, style],
+    ...rest,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.content, children == null && styles.contentEmpty],
+      pointerEvents: "none",
+      children: children
+    }), _optionalBlur.OptionalBlurView ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_optionalBlur.OptionalBlurView, {
+      intensity: 12,
+      tint: "dark",
+      style: styles.frost,
+      pointerEvents: "none"
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.overlay,
+      pointerEvents: "none",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.card,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(LockIcon, {
+          size: 24,
+          color: _tokens.colors.textFaint,
+          strokeWidth: 1.8
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.title,
+          children: title
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.sub,
+          children: subtitle
+        })]
+      })
+    })]
+  });
+}
+/** Tappable gated list row: red lock badge + label + chevron, red-tinted border + red left accent. */
+function LockedRow({
+  label = '19 more similar exercises',
+  onPress,
+  style,
+  ...rest
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    onPress: onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: label,
+    style: ({
+      pressed
+    }) => [styles.row, pressed && styles.rowPressed, style],
+    ...rest,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.accent,
+      pointerEvents: "none"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.badge,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LockIcon, {
+        size: 14,
+        color: "#fff",
+        strokeWidth: 2
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.label,
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+      width: 18,
+      height: 18,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: _tokens.colors.textFaint,
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      style: styles.chev,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+        d: "m9 6 6 6-6 6"
+      })
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  // ---- ProGate ----
+  pro: {
+    position: 'relative',
+    borderRadius: _tokens.radii.md,
+    overflow: 'hidden'
+  },
+  content: {
+    opacity: 0.35
+  },
+  frost: {
+    ..._reactNative.StyleSheet.absoluteFillObject
+  },
+  contentEmpty: {
+    minHeight: 150,
+    backgroundColor: _tokens.colors.glass
+  },
+  overlay: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 12
+  },
+  card: {
+    alignItems: 'center',
+    gap: 8,
+    maxWidth: '70%',
+    paddingVertical: 16,
+    paddingHorizontal: 22,
+    backgroundColor: _tokens.colors.glass2,
+    borderWidth: 1,
+    borderColor: _tokens.colors.border,
+    borderRadius: _tokens.radii.md
+  },
+  title: {
+    fontFamily: _tokens.fonts.display,
+    fontWeight: '700',
+    fontSize: 15,
+    letterSpacing: -0.15,
+    color: _tokens.colors.text,
+    textAlign: 'center'
+  },
+  sub: {
+    fontFamily: _tokens.fonts.ui,
+    fontSize: 12.5,
+    color: _tokens.colors.textDim,
+    textAlign: 'center'
+  },
+  // ---- LockedRow ----
+  row: {
+    position: 'relative',
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    width: '100%',
+    paddingVertical: 12,
+    paddingHorizontal: 14,
+    backgroundColor: _tokens.colors.glass,
+    borderWidth: 1,
+    borderColor: 'rgba(255,77,109,0.28)',
+    borderRadius: _tokens.radii.sm
+  },
+  rowPressed: {
+    backgroundColor: _tokens.colors.glass2,
+    borderColor: 'rgba(255,77,109,0.45)'
+  },
+  accent: {
+    position: 'absolute',
+    left: 0,
+    top: 4,
+    bottom: 4,
+    width: 3,
+    borderRadius: 999,
+    backgroundColor: _tokens.colors.zoneLow
+  },
+  badge: {
+    width: 30,
+    height: 30,
+    borderRadius: 15,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: _tokens.colors.zoneLow,
+    shadowColor: _tokens.colors.zoneLow,
+    shadowOpacity: 0.6,
+    shadowRadius: 8,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    elevation: 6
+  },
+  label: {
+    flex: 1,
+    fontFamily: _tokens.fonts.ui,
+    fontSize: 14,
+    color: _tokens.colors.text
+  },
+  chev: {
+    marginLeft: 'auto'
+  }
+});
+//# sourceMappingURL=ProGate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeSvg","_interopRequireWildcard","_tokens","_optionalBlur","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LockIcon","size","color","strokeWidth","jsxs","width","height","viewBox","fill","stroke","strokeLinecap","strokeLinejoin","children","jsx","Rect","x","y","rx","Path","d","ProGate","title","subtitle","style","rest","View","styles","pro","content","contentEmpty","pointerEvents","OptionalBlurView","intensity","tint","frost","overlay","card","colors","textFaint","Text","sub","LockedRow","label","onPress","Pressable","accessibilityRole","accessibilityLabel","pressed","row","rowPressed","accent","badge","chev","StyleSheet","create","position","borderRadius","radii","md","overflow","opacity","absoluteFillObject","minHeight","backgroundColor","glass","top","right","bottom","left","alignItems","justifyContent","padding","gap","maxWidth","paddingVertical","paddingHorizontal","glass2","borderWidth","borderColor","border","fontFamily","fonts","display","fontWeight","fontSize","letterSpacing","text","textAlign","ui","textDim","flexDirection","sm","zoneLow","shadowColor","shadowOpacity","shadowRadius","shadowOffset","elevation","flex","marginLeft"],"sourceRoot":"../../../src","sources":["components/ProGate.tsx"],"mappings":"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","ignoreList":[]}