@lockin90/ui-native 0.0.0-stage → 1.0.0

package/lib/module/components/Popover.js

@@ -0,0 +1,230 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { View, Text, Pressable, StyleSheet, Modal, Dimensions } from 'react-native';
+import Svg, { Rect, Path } from 'react-native-svg';
+import { colors, radii, fonts, nativeShadows } from '@lockin90/tokens';
+import { Icon } from './Icon';
+
+/* expo-clipboard is an optional dependency — not a hard dep of this kit.
+ * Resolve it lazily and guard usage; if it's absent we keep the visual
+ * feedback (the check flash) and skip the actual clipboard write. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+let clipboard = null;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  clipboard = require('expo-clipboard');
+} catch {
+  clipboard = null;
+}
+const DEFAULT_TEXT = 'This score blends your recent training, sleep, and recovery signals into a single readiness number.';
+const {
+  width: SW,
+  height: SH
+} = Dimensions.get('window');
+const EST_W = 260;
+const EST_H = 80;
+
+/** Click-triggered floating panel of arbitrary content (richer than a Tooltip).
+ *  The "?" trigger toggles a transparent Modal whose full-screen backdrop closes
+ *  on tap; the panel is a glass card absolutely anchored to the measured trigger
+ *  (flips above near the bottom). Mirrors the web `Popover` prop API. */
+export function Popover({
+  trigger,
+  children,
+  align = 'center'
+}) {
+  const [open, setOpen] = useState(false);
+  const [anchor, setAnchor] = useState(null);
+  const [size, setSize] = useState({
+    pw: EST_W,
+    ph: EST_H
+  });
+  const triggerRef = useRef(null);
+  const openPanel = () => {
+    triggerRef.current?.measureInWindow((x, y, w, h) => setAnchor({
+      x,
+      y,
+      w,
+      h
+    }));
+    setOpen(true);
+  };
+  const {
+    pw,
+    ph
+  } = size;
+  let top = 0;
+  let left = 0;
+  if (anchor) {
+    const flipAbove = anchor.y + anchor.h + ph + 8 > SH && anchor.y - 8 - ph > 0;
+    top = flipAbove ? anchor.y - 8 - ph : anchor.y + anchor.h + 6;
+    if (align === 'left') left = anchor.x;else if (align === 'right') left = anchor.x + anchor.w - pw;else left = anchor.x + anchor.w / 2 - pw / 2;
+    left = Math.max(8, Math.min(left, SW - pw - 8));
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      ref: triggerRef,
+      style: styles.trigger,
+      accessibilityRole: "button",
+      onPress: () => open ? setOpen(false) : openPanel(),
+      children: trigger ?? /*#__PURE__*/_jsx(Icon, {
+        name: "info",
+        size: 16,
+        color: colors.textDim
+      })
+    }), /*#__PURE__*/_jsxs(Modal, {
+      visible: open,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: () => setOpen(false),
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        style: styles.backdrop,
+        onPress: () => setOpen(false)
+      }), anchor != null && /*#__PURE__*/_jsx(View, {
+        style: [styles.panel, {
+          top,
+          left
+        }],
+        onLayout: e => {
+          const {
+            width,
+            height
+          } = e.nativeEvent.layout;
+          if (width !== pw || height !== ph) setSize({
+            pw: width,
+            ph: height
+          });
+        },
+        children: typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+          style: styles.text,
+          children: children
+        }) : children ?? /*#__PURE__*/_jsx(Text, {
+          style: styles.text,
+          children: DEFAULT_TEXT
+        })
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    alignSelf: 'flex-start'
+  },
+  trigger: {
+    minWidth: 28,
+    height: 28,
+    paddingHorizontal: 6,
+    borderRadius: radii.pill,
+    borderWidth: 1,
+    borderColor: colors.border,
+    backgroundColor: colors.glass2,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  backdrop: {
+    ...StyleSheet.absoluteFillObject
+  },
+  panel: {
+    position: 'absolute',
+    maxWidth: 260,
+    padding: 12,
+    borderWidth: 1,
+    borderColor: colors.border,
+    borderRadius: radii.sm,
+    backgroundColor: colors.bg1,
+    ...nativeShadows.elev2
+  },
+  text: {
+    fontFamily: fonts.ui,
+    fontSize: 12.5,
+    lineHeight: 18,
+    color: colors.textDim
+  }
+});
+/** Copies `value` to the clipboard (via expo-clipboard if present) and flashes
+ *  a transient check for ~1.2s — the copy glyph (two overlapping rounded rects)
+ *  swaps to a check Icon. Mirrors the web `CopyButton`. */
+export function CopyButton({
+  value = 'LOCKIN-2026',
+  label,
+  onPress
+}) {
+  const [copied, setCopied] = useState(false);
+  useEffect(() => {
+    if (!copied) return;
+    const id = setTimeout(() => setCopied(false), 1200);
+    return () => clearTimeout(id);
+  }, [copied]);
+  return /*#__PURE__*/_jsxs(Pressable, {
+    accessibilityRole: "button",
+    accessibilityLabel: copied ? 'Copied' : 'Copy',
+    onPress: () => {
+      if (value != null && typeof clipboard?.setStringAsync === 'function') {
+        void clipboard.setStringAsync(value);
+      }
+      setCopied(true);
+      onPress?.();
+    },
+    style: ({
+      pressed
+    }) => [copyStyles.btn, copied && copyStyles.btnDone, pressed && copyStyles.btnPressed],
+    children: [copied ? /*#__PURE__*/_jsx(Icon, {
+      name: "check",
+      size: 15,
+      color: colors.accent3
+    }) : /*#__PURE__*/_jsxs(Svg, {
+      width: 15,
+      height: 15,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: colors.textDim,
+      strokeWidth: 1.9,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [/*#__PURE__*/_jsx(Rect, {
+        x: 9,
+        y: 9,
+        width: 11,
+        height: 11,
+        rx: 2.5
+      }), /*#__PURE__*/_jsx(Path, {
+        d: "M5 15H4.5A1.5 1.5 0 0 1 3 13.5V4.5A1.5 1.5 0 0 1 4.5 3h9A1.5 1.5 0 0 1 15 4.5V5"
+      })]
+    }), label != null && /*#__PURE__*/_jsx(Text, {
+      style: [copyStyles.label, copied && copyStyles.labelDone],
+      children: label
+    })]
+  });
+}
+const copyStyles = StyleSheet.create({
+  btn: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 6,
+    height: 30,
+    paddingHorizontal: 8,
+    borderRadius: radii.sm,
+    borderWidth: 1,
+    borderColor: colors.border,
+    backgroundColor: colors.glass2
+  },
+  btnPressed: {
+    opacity: 0.85
+  },
+  btnDone: {
+    borderColor: 'rgba(52, 245, 197, 0.4)',
+    backgroundColor: 'rgba(52, 245, 197, 0.12)'
+  },
+  label: {
+    fontFamily: fonts.ui,
+    fontSize: 12.5,
+    fontWeight: '600',
+    color: colors.textDim
+  },
+  labelDone: {
+    color: colors.accent3
+  }
+});
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","View","Text","Pressable","StyleSheet","Modal","Dimensions","Svg","Rect","Path","colors","radii","fonts","nativeShadows","Icon","jsx","_jsx","jsxs","_jsxs","clipboard","require","DEFAULT_TEXT","width","SW","height","SH","get","EST_W","EST_H","Popover","trigger","children","align","open","setOpen","anchor","setAnchor","size","setSize","pw","ph","triggerRef","openPanel","current","measureInWindow","x","y","w","h","top","left","flipAbove","Math","max","min","style","styles","root","ref","accessibilityRole","onPress","name","color","textDim","visible","transparent","animationType","onRequestClose","backdrop","panel","onLayout","e","nativeEvent","layout","text","create","alignSelf","minWidth","paddingHorizontal","borderRadius","pill","borderWidth","borderColor","border","backgroundColor","glass2","alignItems","justifyContent","absoluteFillObject","position","maxWidth","padding","sm","bg1","elev2","fontFamily","ui","fontSize","lineHeight","CopyButton","value","label","copied","setCopied","id","setTimeout","clearTimeout","accessibilityLabel","setStringAsync","pressed","copyStyles","btn","btnDone","btnPressed","accent3","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","rx","d","labelDone","flexDirection","gap","opacity","fontWeight"],"sourceRoot":"../../../src","sources":["components/Popover.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/PrBadge.js

@@ -0,0 +1,66 @@
+"use strict";
+
+import { View, Text, StyleSheet } from 'react-native';
+import { fonts } from '@lockin90/tokens';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** PR red — the deliberate off-spectrum signal color of the training design
+ *  (matched literal on web, `.lk-prbadge`). Not a spectrum/zone token: a PR
+ *  must scream. */
+export const PR_RED = '#FF4757';
+/**
+ * PrBadge — the solid RED personal-record flag. Native twin of the web
+ * `PrBadge` (`.lk-prbadge`): tight 4px-radius tab, white bold mono uppercase
+ * text, soft red glow. `SetTable` stamps it on PR'd done sets; `PrCard` uses
+ * it as the `new` / `atPeak` state tag.
+ */
+export function PrBadge({
+  label = 'PR',
+  size = 'md',
+  style
+}) {
+  const sm = size === 'sm';
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.badge, sm ? styles.badgeSm : styles.badgeMd, style],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.text, sm ? styles.textSm : styles.textMd],
+      children: label.toUpperCase()
+    })
+  });
+}
+const styles = StyleSheet.create({
+  badge: {
+    alignSelf: 'flex-start',
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: PR_RED,
+    borderRadius: 4,
+    shadowColor: PR_RED,
+    shadowOpacity: 0.5,
+    shadowRadius: 5,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    }
+  },
+  badgeMd: {
+    paddingVertical: 3,
+    paddingHorizontal: 7
+  },
+  badgeSm: {
+    paddingVertical: 2,
+    paddingHorizontal: 5
+  },
+  text: {
+    fontFamily: fonts.mono,
+    fontWeight: '700',
+    color: '#FFFFFF',
+    letterSpacing: 0.8
+  },
+  textMd: {
+    fontSize: 10
+  },
+  textSm: {
+    fontSize: 8.5
+  }
+});
+//# sourceMappingURL=PrBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","fonts","jsx","_jsx","PR_RED","PrBadge","label","size","style","sm","styles","badge","badgeSm","badgeMd","children","text","textSm","textMd","toUpperCase","create","alignSelf","alignItems","justifyContent","backgroundColor","borderRadius","shadowColor","shadowOpacity","shadowRadius","shadowOffset","width","height","paddingVertical","paddingHorizontal","fontFamily","mono","fontWeight","color","letterSpacing","fontSize"],"sourceRoot":"../../../src","sources":["components/PrBadge.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAwC,cAAc;AACrF,SAASC,KAAK,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIzC;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAG,SAAS;AAU/B;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CAAC;EAAEC,KAAK,GAAG,IAAI;EAAEC,IAAI,GAAG,IAAI;EAAEC;AAAoB,CAAC,EAAE;EAC1E,MAAMC,EAAE,GAAGF,IAAI,KAAK,IAAI;EACxB,oBACEJ,IAAA,CAACL,IAAI;IAACU,KAAK,EAAE,CAACE,MAAM,CAACC,KAAK,EAAEF,EAAE,GAAGC,MAAM,CAACE,OAAO,GAAGF,MAAM,CAACG,OAAO,EAAEL,KAAK,CAAE;IAAAM,QAAA,eACvEX,IAAA,CAACJ,IAAI;MAACS,KAAK,EAAE,CAACE,MAAM,CAACK,IAAI,EAAEN,EAAE,GAAGC,MAAM,CAACM,MAAM,GAAGN,MAAM,CAACO,MAAM,CAAE;MAAAH,QAAA,EAAER,KAAK,CAACY,WAAW,CAAC;IAAC,CAAO;EAAC,CACxF,CAAC;AAEX;AAEA,MAAMR,MAAM,GAAGV,UAAU,CAACmB,MAAM,CAAC;EAC/BR,KAAK,EAAE;IACLS,SAAS,EAAE,YAAY;IACvBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,eAAe,EAAEnB,MAAM;IACvBoB,YAAY,EAAE,CAAC;IACfC,WAAW,EAAErB,MAAM;IACnBsB,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE;EACtC,CAAC;EACDjB,OAAO,EAAE;IAAEkB,eAAe,EAAE,CAAC;IAAEC,iBAAiB,EAAE;EAAE,CAAC;EACrDpB,OAAO,EAAE;IAAEmB,eAAe,EAAE,CAAC;IAAEC,iBAAiB,EAAE;EAAE,CAAC;EACrDjB,IAAI,EAAE;IAAEkB,UAAU,EAAEhC,KAAK,CAACiC,IAAI;IAAEC,UAAU,EAAE,KAAK;IAAEC,KAAK,EAAE,SAAS;IAAEC,aAAa,EAAE;EAAI,CAAC;EACzFpB,MAAM,EAAE;IAAEqB,QAAQ,EAAE;EAAG,CAAC;EACxBtB,MAAM,EAAE;IAAEsB,QAAQ,EAAE;EAAI;AAC1B,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/PrCard.js

@@ -0,0 +1,146 @@
+"use strict";
+
+import { View, Text, Pressable, StyleSheet } from 'react-native';
+import { colors, fonts, radii } from '@lockin90/tokens';
+import { hapticSelection } from '../internal/optionalHaptics';
+import { PrBadge, PR_RED } from './PrBadge';
+
+/** PR state — `new`/`atPeak` get the red-tinted border/glow + red tag;
+ *  `offPeak` a quiet amber text tag. */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const STATE_TAG = {
+  new: 'NEW',
+  atPeak: 'AT PEAK'
+};
+
+/**
+ * PrCard — a personal-record card. Native twin of the web `PrCard` (same
+ * prop API): lift name + mono record kind, the record value big in the
+ * display font, and a dim detail line. `new`/`atPeak` records get the
+ * red-PR treatment — red-tinted border + soft red glow and a red `PrBadge`
+ * tag (`NEW` / `AT PEAK`); `offPeak` keeps the plain glass surface with a
+ * quiet amber `OFF PEAK` text tag.
+ */
+export function PrCard({
+  name,
+  kind,
+  value,
+  detail,
+  state,
+  onPress,
+  style
+}) {
+  const hot = state === 'new' || state === 'atPeak';
+  const body = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.top,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.name,
+        numberOfLines: 1,
+        children: name
+      }), hot ? /*#__PURE__*/_jsx(PrBadge, {
+        size: "sm",
+        label: STATE_TAG[state]
+      }) : state === 'offPeak' ? /*#__PURE__*/_jsx(Text, {
+        style: styles.off,
+        children: "OFF PEAK"
+      }) : null]
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.kind,
+      children: kind.toUpperCase()
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.value,
+      children: value
+    }), detail != null && /*#__PURE__*/_jsx(Text, {
+      style: styles.detail,
+      children: detail
+    })]
+  });
+  const surface = [styles.card, hot && styles.hot, style];
+  if (onPress) {
+    return /*#__PURE__*/_jsx(Pressable, {
+      accessibilityRole: "button",
+      onPress: () => {
+        hapticSelection();
+        onPress();
+      },
+      style: ({
+        pressed
+      }) => [surface, pressed && styles.pressed],
+      children: body
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: surface,
+    children: body
+  });
+}
+const styles = StyleSheet.create({
+  card: {
+    alignItems: 'flex-start',
+    gap: 3,
+    paddingVertical: 13,
+    paddingHorizontal: 15,
+    borderRadius: radii.md,
+    borderWidth: 1,
+    borderColor: colors.border,
+    backgroundColor: colors.glass
+  },
+  hot: {
+    borderColor: 'rgba(255,71,87,0.38)',
+    shadowColor: PR_RED,
+    shadowOpacity: 0.16,
+    shadowRadius: 12,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    }
+  },
+  pressed: {
+    backgroundColor: colors.glass2
+  },
+  top: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 8,
+    alignSelf: 'stretch'
+  },
+  name: {
+    flexShrink: 1,
+    fontFamily: fonts.display,
+    fontWeight: '700',
+    fontSize: 14,
+    letterSpacing: -0.14,
+    color: colors.text
+  },
+  off: {
+    flexShrink: 0,
+    fontFamily: fonts.mono,
+    fontSize: 9,
+    fontWeight: '600',
+    letterSpacing: 0.7,
+    color: colors.zoneMid
+  },
+  kind: {
+    fontFamily: fonts.mono,
+    fontSize: 9.5,
+    letterSpacing: 1.1,
+    color: colors.textFaint
+  },
+  value: {
+    fontFamily: fonts.display,
+    fontWeight: '700',
+    fontSize: 22,
+    letterSpacing: -0.44,
+    lineHeight: 25,
+    color: colors.text,
+    marginTop: 3
+  },
+  detail: {
+    fontFamily: fonts.mono,
+    fontSize: 10.5,
+    color: colors.textDim
+  }
+});
+//# sourceMappingURL=PrCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","Pressable","StyleSheet","colors","fonts","radii","hapticSelection","PrBadge","PR_RED","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","STATE_TAG","new","atPeak","PrCard","name","kind","value","detail","state","onPress","style","hot","body","children","styles","top","numberOfLines","size","label","off","toUpperCase","surface","card","accessibilityRole","pressed","create","alignItems","gap","paddingVertical","paddingHorizontal","borderRadius","md","borderWidth","borderColor","border","backgroundColor","glass","shadowColor","shadowOpacity","shadowRadius","shadowOffset","width","height","glass2","flexDirection","justifyContent","alignSelf","flexShrink","fontFamily","display","fontWeight","fontSize","letterSpacing","color","text","mono","zoneMid","textFaint","lineHeight","marginTop","textDim"],"sourceRoot":"../../../src","sources":["components/PrCard.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,QAAwC,cAAc;AAChG,SAASC,MAAM,EAAEC,KAAK,EAAEC,KAAK,QAAQ,kBAAkB;AACvD,SAASC,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,OAAO,EAAEC,MAAM,QAAQ,WAAW;;AAE3C;AACA;AADA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAoBA,MAAMC,SAA0D,GAAG;EACjEC,GAAG,EAAE,KAAK;EACVC,MAAM,EAAE;AACV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAAC;EAAEC,IAAI;EAAEC,IAAI;EAAEC,KAAK;EAAEC,MAAM;EAAEC,KAAK;EAAEC,OAAO;EAAEC;AAAmB,CAAC,EAAE;EACxF,MAAMC,GAAG,GAAGH,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,QAAQ;EAEjD,MAAMI,IAAI,gBACRf,KAAA,CAAAE,SAAA;IAAAc,QAAA,gBACEhB,KAAA,CAACb,IAAI;MAAC0B,KAAK,EAAEI,MAAM,CAACC,GAAI;MAAAF,QAAA,gBACtBlB,IAAA,CAACV,IAAI;QAACyB,KAAK,EAAEI,MAAM,CAACV,IAAK;QAACY,aAAa,EAAE,CAAE;QAAAH,QAAA,EACxCT;MAAI,CACD,CAAC,EACNO,GAAG,gBACFhB,IAAA,CAACH,OAAO;QAACyB,IAAI,EAAC,IAAI;QAACC,KAAK,EAAElB,SAAS,CAACQ,KAAK;MAAsB,CAAE,CAAC,GAChEA,KAAK,KAAK,SAAS,gBACrBb,IAAA,CAACV,IAAI;QAACyB,KAAK,EAAEI,MAAM,CAACK,GAAI;QAAAN,QAAA,EAAC;MAAQ,CAAM,CAAC,GACtC,IAAI;IAAA,CACJ,CAAC,eACPlB,IAAA,CAACV,IAAI;MAACyB,KAAK,EAAEI,MAAM,CAACT,IAAK;MAAAQ,QAAA,EAAER,IAAI,CAACe,WAAW,CAAC;IAAC,CAAO,CAAC,eACrDzB,IAAA,CAACV,IAAI;MAACyB,KAAK,EAAEI,MAAM,CAACR,KAAM;MAAAO,QAAA,EAAEP;IAAK,CAAO,CAAC,EACxCC,MAAM,IAAI,IAAI,iBAAIZ,IAAA,CAACV,IAAI;MAACyB,KAAK,EAAEI,MAAM,CAACP,MAAO;MAAAM,QAAA,EAAEN;IAAM,CAAO,CAAC;EAAA,CAC9D,CACH;EAED,MAAMc,OAAO,GAAG,CAACP,MAAM,CAACQ,IAAI,EAAEX,GAAG,IAAIG,MAAM,CAACH,GAAG,EAAED,KAAK,CAAC;EAEvD,IAAID,OAAO,EAAE;IACX,oBACEd,IAAA,CAACT,SAAS;MACRqC,iBAAiB,EAAC,QAAQ;MAC1Bd,OAAO,EAAEA,CAAA,KAAM;QACblB,eAAe,CAAC,CAAC;QACjBkB,OAAO,CAAC,CAAC;MACX,CAAE;MACFC,KAAK,EAAEA,CAAC;QAAEc;MAAQ,CAAC,KAAK,CAACH,OAAO,EAAEG,OAAO,IAAIV,MAAM,CAACU,OAAO,CAAE;MAAAX,QAAA,EAE5DD;IAAI,CACI,CAAC;EAEhB;EACA,oBAAOjB,IAAA,CAACX,IAAI;IAAC0B,KAAK,EAAEW,OAAQ;IAAAR,QAAA,EAAED;EAAI,CAAO,CAAC;AAC5C;AAEA,MAAME,MAAM,GAAG3B,UAAU,CAACsC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,UAAU,EAAE,YAAY;IACxBC,GAAG,EAAE,CAAC;IACNC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAExC,KAAK,CAACyC,EAAE;IACtBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE7C,MAAM,CAAC8C,MAAM;IAC1BC,eAAe,EAAE/C,MAAM,CAACgD;EAC1B,CAAC;EACDzB,GAAG,EAAE;IACHsB,WAAW,EAAE,sBAAsB;IACnCI,WAAW,EAAE5C,MAAM;IACnB6C,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,EAAE;IAChBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE;EACtC,CAAC;EACDlB,OAAO,EAAE;IAAEW,eAAe,EAAE/C,MAAM,CAACuD;EAAO,CAAC;EAC3C5B,GAAG,EAAE;IACH6B,aAAa,EAAE,KAAK;IACpBlB,UAAU,EAAE,QAAQ;IACpBmB,cAAc,EAAE,eAAe;IAC/BlB,GAAG,EAAE,CAAC;IACNmB,SAAS,EAAE;EACb,CAAC;EACD1C,IAAI,EAAE;IACJ2C,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE3D,KAAK,CAAC4D,OAAO;IACzBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,aAAa,EAAE,CAAC,IAAI;IACpBC,KAAK,EAAEjE,MAAM,CAACkE;EAChB,CAAC;EACDnC,GAAG,EAAE;IACH4B,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE3D,KAAK,CAACkE,IAAI;IACtBJ,QAAQ,EAAE,CAAC;IACXD,UAAU,EAAE,KAAK;IACjBE,aAAa,EAAE,GAAG;IAClBC,KAAK,EAAEjE,MAAM,CAACoE;EAChB,CAAC;EACDnD,IAAI,EAAE;IAAE2C,UAAU,EAAE3D,KAAK,CAACkE,IAAI;IAAEJ,QAAQ,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,KAAK,EAAEjE,MAAM,CAACqE;EAAU,CAAC;EAC5FnD,KAAK,EAAE;IACL0C,UAAU,EAAE3D,KAAK,CAAC4D,OAAO;IACzBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,aAAa,EAAE,CAAC,IAAI;IACpBM,UAAU,EAAE,EAAE;IACdL,KAAK,EAAEjE,MAAM,CAACkE,IAAI;IAClBK,SAAS,EAAE;EACb,CAAC;EACDpD,MAAM,EAAE;IAAEyC,UAAU,EAAE3D,KAAK,CAACkE,IAAI;IAAEJ,QAAQ,EAAE,IAAI;IAAEE,KAAK,EAAEjE,MAAM,CAACwE;EAAQ;AAC1E,CAAC,CAAC","ignoreList":[]}