@lockin90/ui-native 0.0.0-stage → 1.0.1

package/lib/module/components/PricingTierCard.js

@@ -0,0 +1,233 @@
+"use strict";
+
+import { View, Text, StyleSheet } from 'react-native';
+import { LinearGradient } from 'expo-linear-gradient';
+import { colors, radii, fonts, gradients, nativeShadows } from '@lockin90/tokens';
+import { Card } from './Card';
+import { Icon } from './Icon';
+import { Badge } from './Badge';
+
+/**
+ * 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.
+ */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 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.
+ */
+export 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__*/_jsxs(_Fragment, {
+    children: [featured ? /*#__PURE__*/_jsx(Ribbon, {
+      label: ribbonLabel
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: styles.head,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.name,
+        children: name
+      }), badge ? /*#__PURE__*/_jsx(Badge, {
+        tone: "accent",
+        children: badge
+      }) : null]
+    }), description ? /*#__PURE__*/_jsx(Text, {
+      style: styles.desc,
+      children: description
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: styles.price,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.amt,
+        children: price
+      }), period ? /*#__PURE__*/_jsx(Text, {
+        style: styles.per,
+        children: period
+      }) : null]
+    }), /*#__PURE__*/_jsx(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__*/_jsxs(View, {
+          style: styles.featRow,
+          children: [/*#__PURE__*/_jsx(Icon, {
+            name: included ? 'check' : 'close',
+            size: 16,
+            color: included ? colors.zoneHigh : colors.textFaint
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.featText, !included && styles.featTextOff],
+            children: label
+          })]
+        }, `${label}-${i}`);
+      })
+    }), cta ? /*#__PURE__*/_jsx(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__*/_jsx(LinearGradient, {
+      colors: gradients.cta.stops,
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 1,
+        y: 1
+      },
+      style: [styles.featuredBorder, dim, style],
+      pointerEvents: disabled ? 'none' : undefined,
+      children: /*#__PURE__*/_jsx(Card, {
+        flat: true,
+        style: styles.featuredInner,
+        children: body
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(Card, {
+    style: [styles.card, dim, style],
+    pointerEvents: disabled ? 'none' : undefined,
+    children: body
+  });
+}
+function Ribbon({
+  label
+}) {
+  return /*#__PURE__*/_jsx(LinearGradient, {
+    colors: gradients.cta.stops,
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 1
+    },
+    style: styles.ribbon,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.ribbonText,
+      children: label.toUpperCase()
+    })
+  });
+}
+const styles = StyleSheet.create({
+  card: {
+    position: 'relative'
+  },
+  featuredBorder: {
+    borderRadius: radii.md,
+    padding: 1.5,
+    ...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: colors.bg1,
+    borderWidth: 0,
+    borderRadius: radii.md - 1.5
+  },
+  ribbon: {
+    position: 'absolute',
+    top: 14,
+    right: 14,
+    zIndex: 1,
+    paddingVertical: 4,
+    paddingHorizontal: 10,
+    borderRadius: radii.pill,
+    ...nativeShadows.glowAccent
+  },
+  ribbonText: {
+    fontFamily: fonts.mono,
+    fontSize: 9.5,
+    fontWeight: '600',
+    letterSpacing: 1.1,
+    color: '#0A0A12'
+  },
+  head: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 9
+  },
+  name: {
+    fontFamily: fonts.display,
+    fontWeight: '700',
+    fontSize: 19,
+    color: colors.text
+  },
+  desc: {
+    fontSize: 12.5,
+    lineHeight: 18,
+    color: colors.textDim,
+    minHeight: 34,
+    marginTop: 4
+  },
+  price: {
+    flexDirection: 'row',
+    alignItems: 'baseline',
+    gap: 6,
+    marginTop: 8,
+    marginBottom: 2
+  },
+  amt: {
+    fontFamily: fonts.display,
+    fontWeight: '700',
+    fontSize: 42,
+    letterSpacing: -1.7,
+    lineHeight: 44,
+    color: colors.text
+  },
+  per: {
+    fontFamily: fonts.mono,
+    fontSize: 12.5,
+    color: 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: colors.text
+  },
+  featTextOff: {
+    color: colors.textDim
+  },
+  cta: {
+    marginTop: 'auto',
+    paddingTop: 4
+  }
+});
+//# sourceMappingURL=PricingTierCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","LinearGradient","colors","radii","fonts","gradients","nativeShadows","Card","Icon","Badge","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","PricingTierCard","name","price","period","description","features","featured","ribbonLabel","badge","cta","disabled","style","dim","opacity","body","children","Ribbon","label","styles","head","tone","desc","amt","per","feat","map","f","i","included","featRow","size","color","zoneHigh","textFaint","featText","featTextOff","stops","start","x","y","end","featuredBorder","pointerEvents","undefined","flat","featuredInner","card","ribbon","ribbonText","toUpperCase","create","position","borderRadius","md","padding","glowAccent","flex","backgroundColor","bg1","borderWidth","top","right","zIndex","paddingVertical","paddingHorizontal","pill","fontFamily","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/module/components/ProGate.js

@@ -0,0 +1,229 @@
+"use strict";
+
+import { View, Text, Pressable, StyleSheet } from 'react-native';
+import Svg, { Path, Rect } from 'react-native-svg';
+import { colors, radii, fonts } from '@lockin90/tokens';
+import { OptionalBlurView } from '../internal/optionalBlur';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Padlock — body + shackle. Native has no `currentColor`, so color is explicit. */
+function LockIcon({
+  size,
+  color,
+  strokeWidth
+}) {
+  return /*#__PURE__*/_jsxs(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: strokeWidth,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [/*#__PURE__*/_jsx(Rect, {
+      x: 4,
+      y: 10.5,
+      width: 16,
+      height: 10,
+      rx: 2.2
+    }), /*#__PURE__*/_jsx(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).
+ */
+export function ProGate({
+  title = 'PRO Feature',
+  subtitle = 'Visualize PR progression with PRO',
+  children,
+  style,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.pro, style],
+    ...rest,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.content, children == null && styles.contentEmpty],
+      pointerEvents: "none",
+      children: children
+    }), OptionalBlurView ? /*#__PURE__*/_jsx(OptionalBlurView, {
+      intensity: 12,
+      tint: "dark",
+      style: styles.frost,
+      pointerEvents: "none"
+    }) : null, /*#__PURE__*/_jsx(View, {
+      style: styles.overlay,
+      pointerEvents: "none",
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.card,
+        children: [/*#__PURE__*/_jsx(LockIcon, {
+          size: 24,
+          color: colors.textFaint,
+          strokeWidth: 1.8
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.title,
+          children: title
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.sub,
+          children: subtitle
+        })]
+      })
+    })]
+  });
+}
+/** Tappable gated list row: red lock badge + label + chevron, red-tinted border + red left accent. */
+export function LockedRow({
+  label = '19 more similar exercises',
+  onPress,
+  style,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: label,
+    style: ({
+      pressed
+    }) => [styles.row, pressed && styles.rowPressed, style],
+    ...rest,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.accent,
+      pointerEvents: "none"
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.badge,
+      children: /*#__PURE__*/_jsx(LockIcon, {
+        size: 14,
+        color: "#fff",
+        strokeWidth: 2
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: label
+    }), /*#__PURE__*/_jsx(Svg, {
+      width: 18,
+      height: 18,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: colors.textFaint,
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      style: styles.chev,
+      children: /*#__PURE__*/_jsx(Path, {
+        d: "m9 6 6 6-6 6"
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  // ---- ProGate ----
+  pro: {
+    position: 'relative',
+    borderRadius: radii.md,
+    overflow: 'hidden'
+  },
+  content: {
+    opacity: 0.35
+  },
+  frost: {
+    ...StyleSheet.absoluteFillObject
+  },
+  contentEmpty: {
+    minHeight: 150,
+    backgroundColor: 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: colors.glass2,
+    borderWidth: 1,
+    borderColor: colors.border,
+    borderRadius: radii.md
+  },
+  title: {
+    fontFamily: fonts.display,
+    fontWeight: '700',
+    fontSize: 15,
+    letterSpacing: -0.15,
+    color: colors.text,
+    textAlign: 'center'
+  },
+  sub: {
+    fontFamily: fonts.ui,
+    fontSize: 12.5,
+    color: colors.textDim,
+    textAlign: 'center'
+  },
+  // ---- LockedRow ----
+  row: {
+    position: 'relative',
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    width: '100%',
+    paddingVertical: 12,
+    paddingHorizontal: 14,
+    backgroundColor: colors.glass,
+    borderWidth: 1,
+    borderColor: 'rgba(255,77,109,0.28)',
+    borderRadius: radii.sm
+  },
+  rowPressed: {
+    backgroundColor: colors.glass2,
+    borderColor: 'rgba(255,77,109,0.45)'
+  },
+  accent: {
+    position: 'absolute',
+    left: 0,
+    top: 4,
+    bottom: 4,
+    width: 3,
+    borderRadius: 999,
+    backgroundColor: colors.zoneLow
+  },
+  badge: {
+    width: 30,
+    height: 30,
+    borderRadius: 15,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: colors.zoneLow,
+    shadowColor: colors.zoneLow,
+    shadowOpacity: 0.6,
+    shadowRadius: 8,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    elevation: 6
+  },
+  label: {
+    flex: 1,
+    fontFamily: fonts.ui,
+    fontSize: 14,
+    color: colors.text
+  },
+  chev: {
+    marginLeft: 'auto'
+  }
+});
+//# sourceMappingURL=ProGate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","Pressable","StyleSheet","Svg","Path","Rect","colors","radii","fonts","OptionalBlurView","jsx","_jsx","jsxs","_jsxs","LockIcon","size","color","strokeWidth","width","height","viewBox","fill","stroke","strokeLinecap","strokeLinejoin","children","x","y","rx","d","ProGate","title","subtitle","style","rest","styles","pro","content","contentEmpty","pointerEvents","intensity","tint","frost","overlay","card","textFaint","sub","LockedRow","label","onPress","accessibilityRole","accessibilityLabel","pressed","row","rowPressed","accent","badge","chev","create","position","borderRadius","md","overflow","opacity","absoluteFillObject","minHeight","backgroundColor","glass","top","right","bottom","left","alignItems","justifyContent","padding","gap","maxWidth","paddingVertical","paddingHorizontal","glass2","borderWidth","borderColor","border","fontFamily","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":";;AACA,SAASA,IAAI,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,QAAwB,cAAc;AAChF,OAAOC,GAAG,IAAIC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAClD,SAASC,MAAM,EAAEC,KAAK,EAAEC,KAAK,QAAQ,kBAAkB;AACvD,SAASC,gBAAgB,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW5D;AACA,SAASC,QAAQA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAAkE,CAAC,EAAE;EACpG,oBACEJ,KAAA,CAACV,GAAG;IAACe,KAAK,EAAEH,IAAK;IAACI,MAAM,EAAEJ,IAAK;IAACK,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAACC,MAAM,EAAEN,KAAM;IAACC,WAAW,EAAEA,WAAY;IAACM,aAAa,EAAC,OAAO;IAACC,cAAc,EAAC,OAAO;IAAAC,QAAA,gBACnJd,IAAA,CAACN,IAAI;MAACqB,CAAC,EAAE,CAAE;MAACC,CAAC,EAAE,IAAK;MAACT,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE,EAAG;MAACS,EAAE,EAAE;IAAI,CAAE,CAAC,eACvDjB,IAAA,CAACP,IAAI;MAACyB,CAAC,EAAC;IAA6B,CAAE,CAAC;EAAA,CACrC,CAAC;AAEV;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CAAC;EACtBC,KAAK,GAAG,aAAa;EACrBC,QAAQ,GAAG,mCAAmC;EAC9CP,QAAQ;EACRQ,KAAK;EACL,GAAGC;AACS,CAAC,EAAE;EACf,oBACErB,KAAA,CAACd,IAAI;IAACkC,KAAK,EAAE,CAACE,MAAM,CAACC,GAAG,EAAEH,KAAK,CAAE;IAAA,GAAKC,IAAI;IAAAT,QAAA,gBACxCd,IAAA,CAACZ,IAAI;MAACkC,KAAK,EAAE,CAACE,MAAM,CAACE,OAAO,EAAEZ,QAAQ,IAAI,IAAI,IAAIU,MAAM,CAACG,YAAY,CAAE;MAACC,aAAa,EAAC,MAAM;MAAAd,QAAA,EACzFA;IAAQ,CACL,CAAC,EACNhB,gBAAgB,gBACfE,IAAA,CAACF,gBAAgB;MAAC+B,SAAS,EAAE,EAAG;MAACC,IAAI,EAAC,MAAM;MAACR,KAAK,EAAEE,MAAM,CAACO,KAAM;MAACH,aAAa,EAAC;IAAM,CAAE,CAAC,GACvF,IAAI,eACR5B,IAAA,CAACZ,IAAI;MAACkC,KAAK,EAAEE,MAAM,CAACQ,OAAQ;MAACJ,aAAa,EAAC,MAAM;MAAAd,QAAA,eAC/CZ,KAAA,CAACd,IAAI;QAACkC,KAAK,EAAEE,MAAM,CAACS,IAAK;QAAAnB,QAAA,gBACvBd,IAAA,CAACG,QAAQ;UAACC,IAAI,EAAE,EAAG;UAACC,KAAK,EAAEV,MAAM,CAACuC,SAAU;UAAC5B,WAAW,EAAE;QAAI,CAAE,CAAC,eACjEN,IAAA,CAACX,IAAI;UAACiC,KAAK,EAAEE,MAAM,CAACJ,KAAM;UAAAN,QAAA,EAAEM;QAAK,CAAO,CAAC,eACzCpB,IAAA,CAACX,IAAI;UAACiC,KAAK,EAAEE,MAAM,CAACW,GAAI;UAAArB,QAAA,EAAEO;QAAQ,CAAO,CAAC;MAAA,CACtC;IAAC,CACH,CAAC;EAAA,CACH,CAAC;AAEX;AASA;AACA,OAAO,SAASe,SAASA,CAAC;EACxBC,KAAK,GAAG,2BAA2B;EACnCC,OAAO;EACPhB,KAAK;EACL,GAAGC;AACW,CAAC,EAAE;EACjB,oBACErB,KAAA,CAACZ,SAAS;IACRgD,OAAO,EAAEA,OAAQ;IACjBC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAEH,KAAM;IAC1Bf,KAAK,EAAEA,CAAC;MAAEmB;IAAQ,CAAC,KAAK,CAACjB,MAAM,CAACkB,GAAG,EAAED,OAAO,IAAIjB,MAAM,CAACmB,UAAU,EAAErB,KAAK,CAAE;IAAA,GACtEC,IAAI;IAAAT,QAAA,gBAERd,IAAA,CAACZ,IAAI;MAACkC,KAAK,EAAEE,MAAM,CAACoB,MAAO;MAAChB,aAAa,EAAC;IAAM,CAAE,CAAC,eACnD5B,IAAA,CAACZ,IAAI;MAACkC,KAAK,EAAEE,MAAM,CAACqB,KAAM;MAAA/B,QAAA,eACxBd,IAAA,CAACG,QAAQ;QAACC,IAAI,EAAE,EAAG;QAACC,KAAK,EAAC,MAAM;QAACC,WAAW,EAAE;MAAE,CAAE;IAAC,CAC/C,CAAC,eACPN,IAAA,CAACX,IAAI;MAACiC,KAAK,EAAEE,MAAM,CAACa,KAAM;MAAAvB,QAAA,EAAEuB;IAAK,CAAO,CAAC,eACzCrC,IAAA,CAACR,GAAG;MAACe,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE,EAAG;MAACC,OAAO,EAAC,WAAW;MAACC,IAAI,EAAC,MAAM;MAACC,MAAM,EAAEhB,MAAM,CAACuC,SAAU;MAAC5B,WAAW,EAAE,CAAE;MAACM,aAAa,EAAC,OAAO;MAACC,cAAc,EAAC,OAAO;MAACS,KAAK,EAAEE,MAAM,CAACsB,IAAK;MAAAhC,QAAA,eACpKd,IAAA,CAACP,IAAI;QAACyB,CAAC,EAAC;MAAc,CAAE;IAAC,CACtB,CAAC;EAAA,CACG,CAAC;AAEhB;AAEA,MAAMM,MAAM,GAAGjC,UAAU,CAACwD,MAAM,CAAC;EAC/B;EACAtB,GAAG,EAAE;IACHuB,QAAQ,EAAE,UAAU;IACpBC,YAAY,EAAErD,KAAK,CAACsD,EAAE;IACtBC,QAAQ,EAAE;EACZ,CAAC;EACDzB,OAAO,EAAE;IACP0B,OAAO,EAAE;EACX,CAAC;EACDrB,KAAK,EAAE;IACL,GAAGxC,UAAU,CAAC8D;EAChB,CAAC;EACD1B,YAAY,EAAE;IACZ2B,SAAS,EAAE,GAAG;IACdC,eAAe,EAAE5D,MAAM,CAAC6D;EAC1B,CAAC;EACDxB,OAAO,EAAE;IACPgB,QAAQ,EAAE,UAAU;IACpBS,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAE;EACX,CAAC;EACD9B,IAAI,EAAE;IACJ4B,UAAU,EAAE,QAAQ;IACpBG,GAAG,EAAE,CAAC;IACNC,QAAQ,EAAE,KAAK;IACfC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBZ,eAAe,EAAE5D,MAAM,CAACyE,MAAM;IAC9BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE3E,MAAM,CAAC4E,MAAM;IAC1BtB,YAAY,EAAErD,KAAK,CAACsD;EACtB,CAAC;EACD9B,KAAK,EAAE;IACLoD,UAAU,EAAE3E,KAAK,CAAC4E,OAAO;IACzBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,aAAa,EAAE,CAAC,IAAI;IACpBvE,KAAK,EAAEV,MAAM,CAACkF,IAAI;IAClBC,SAAS,EAAE;EACb,CAAC;EACD3C,GAAG,EAAE;IACHqC,UAAU,EAAE3E,KAAK,CAACkF,EAAE;IACpBJ,QAAQ,EAAE,IAAI;IACdtE,KAAK,EAAEV,MAAM,CAACqF,OAAO;IACrBF,SAAS,EAAE;EACb,CAAC;EAED;EACApC,GAAG,EAAE;IACHM,QAAQ,EAAE,UAAU;IACpBiC,aAAa,EAAE,KAAK;IACpBpB,UAAU,EAAE,QAAQ;IACpBG,GAAG,EAAE,EAAE;IACPzD,KAAK,EAAE,MAAM;IACb2D,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBZ,eAAe,EAAE5D,MAAM,CAAC6D,KAAK;IAC7Ba,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,uBAAuB;IACpCrB,YAAY,EAAErD,KAAK,CAACsF;EACtB,CAAC;EACDvC,UAAU,EAAE;IACVY,eAAe,EAAE5D,MAAM,CAACyE,MAAM;IAC9BE,WAAW,EAAE;EACf,CAAC;EACD1B,MAAM,EAAE;IACNI,QAAQ,EAAE,UAAU;IACpBY,IAAI,EAAE,CAAC;IACPH,GAAG,EAAE,CAAC;IACNE,MAAM,EAAE,CAAC;IACTpD,KAAK,EAAE,CAAC;IACR0C,YAAY,EAAE,GAAG;IACjBM,eAAe,EAAE5D,MAAM,CAACwF;EAC1B,CAAC;EACDtC,KAAK,EAAE;IACLtC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVyC,YAAY,EAAE,EAAE;IAChBY,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBP,eAAe,EAAE5D,MAAM,CAACwF,OAAO;IAC/BC,WAAW,EAAEzF,MAAM,CAACwF,OAAO;IAC3BE,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,YAAY,EAAE;MAAEhF,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCgF,SAAS,EAAE;EACb,CAAC;EACDnD,KAAK,EAAE;IACLoD,IAAI,EAAE,CAAC;IACPjB,UAAU,EAAE3E,KAAK,CAACkF,EAAE;IACpBJ,QAAQ,EAAE,EAAE;IACZtE,KAAK,EAAEV,MAAM,CAACkF;EAChB,CAAC;EACD/B,IAAI,EAAE;IACJ4C,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}