@lockin90/ui-native 0.0.0-stage → 1.0.0

package/lib/module/components/AuroraBackground.js

@@ -0,0 +1,262 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { Animated, Easing, StyleSheet, View } from 'react-native';
+import Svg, { Circle, Defs, Line, RadialGradient, Rect, Stop } from 'react-native-svg';
+import { colors } from '@lockin90/tokens';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 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.
+ */
+export function AuroraBackground({
+  variant = 'default',
+  grid = true,
+  still = false,
+  style
+}) {
+  const [size, setSize] = 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__*/_jsx(View, {
+    style: [styles.root, style],
+    onLayout: onLayout,
+    pointerEvents: "none",
+    accessible: false,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    children: size ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(Svg, {
+        width: size.w,
+        height: size.h,
+        style: StyleSheet.absoluteFill,
+        children: [/*#__PURE__*/_jsx(Defs, {
+          children: /*#__PURE__*/_jsxs(RadialGradient, {
+            id: "lk-aurora-wash",
+            cx: "32%",
+            cy: "8%",
+            r: "90%",
+            children: [/*#__PURE__*/_jsx(Stop, {
+              offset: "0",
+              stopColor: "#7C5CFF",
+              stopOpacity: 0.16 * intensity
+            }), /*#__PURE__*/_jsx(Stop, {
+              offset: "0.5",
+              stopColor: "#22D3EE",
+              stopOpacity: 0.05 * intensity
+            }), /*#__PURE__*/_jsx(Stop, {
+              offset: "1",
+              stopColor: colors.void,
+              stopOpacity: 0
+            })]
+          })
+        }), /*#__PURE__*/_jsx(Rect, {
+          x: 0,
+          y: 0,
+          width: size.w,
+          height: size.h,
+          fill: "url(#lk-aurora-wash)"
+        })]
+      }), BLOBS.map((b, i) => /*#__PURE__*/_jsx(Blob, {
+        blob: b,
+        size: size,
+        intensity: intensity,
+        still: still,
+        index: i
+      }, i)), grid ? /*#__PURE__*/_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 = useRef(new Animated.Value(0.5)).current;
+  useEffect(() => {
+    if (still) return;
+    const loop = Animated.loop(Animated.sequence([Animated.timing(anim, {
+      toValue: 1,
+      duration: blob.dur,
+      easing: Easing.inOut(Easing.sin),
+      useNativeDriver: true
+    }), Animated.timing(anim, {
+      toValue: 0,
+      duration: blob.dur,
+      easing: Easing.inOut(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__*/_jsx(Animated.View, {
+    style: {
+      position: 'absolute',
+      left,
+      top,
+      width: d,
+      height: d,
+      transform: [{
+        translateX
+      }, {
+        translateY
+      }]
+    },
+    children: /*#__PURE__*/_jsxs(Svg, {
+      width: d,
+      height: d,
+      children: [/*#__PURE__*/_jsx(Defs, {
+        children: /*#__PURE__*/_jsxs(RadialGradient, {
+          id: id,
+          cx: "50%",
+          cy: "50%",
+          r: "50%",
+          children: [/*#__PURE__*/_jsx(Stop, {
+            offset: "0",
+            stopColor: blob.color,
+            stopOpacity: 0.8 * intensity
+          }), /*#__PURE__*/_jsx(Stop, {
+            offset: "0.5",
+            stopColor: blob.color,
+            stopOpacity: 0.28 * intensity
+          }), /*#__PURE__*/_jsx(Stop, {
+            offset: "1",
+            stopColor: blob.color,
+            stopOpacity: 0
+          })]
+        })
+      }), /*#__PURE__*/_jsx(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__*/_jsxs(Svg, {
+    width: size.w,
+    height: size.h,
+    style: StyleSheet.absoluteFill,
+    children: [/*#__PURE__*/_jsx(Defs, {
+      children: /*#__PURE__*/_jsxs(RadialGradient, {
+        id: "lk-aurora-grid-fade",
+        cx: "50%",
+        cy: "0%",
+        r: "120%",
+        children: [/*#__PURE__*/_jsx(Stop, {
+          offset: "0",
+          stopColor: "#ffffff",
+          stopOpacity: 1
+        }), /*#__PURE__*/_jsx(Stop, {
+          offset: "1",
+          stopColor: "#ffffff",
+          stopOpacity: 0
+        })]
+      })
+    }), Array.from({
+      length: cols + 1
+    }, (_, i) => /*#__PURE__*/_jsx(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__*/_jsx(Line, {
+      x1: 0,
+      y1: i * step,
+      x2: size.w,
+      y2: i * step,
+      stroke: stroke,
+      strokeWidth: 1
+    }, `h${i}`))]
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    ...StyleSheet.absoluteFillObject,
+    overflow: 'hidden',
+    backgroundColor: colors.void
+  }
+});
+//# sourceMappingURL=AuroraBackground.js.map

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

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

package/lib/module/components/Avatar.js

@@ -0,0 +1,183 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { View, Text, Image, Animated, Easing, StyleSheet } from 'react-native';
+import { LinearGradient } from 'expo-linear-gradient';
+import { colors, fonts, gradients, nativeShadows } from '@lockin90/tokens';
+import { jsx as _jsx } from "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.
+ */
+export function Avatar({
+  name,
+  initials,
+  src,
+  size = 44,
+  shape = 'circle',
+  variant = 'default',
+  gradient = 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__*/_jsx(AuraOrb, {
+      size: size,
+      radius: radius,
+      name: name,
+      style: style,
+      ...rest
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.avatar, box, style],
+    ...rest,
+    children: src ? /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: src
+      },
+      style: styles.img,
+      resizeMode: "cover"
+    }) : /*#__PURE__*/_jsx(LinearGradient, {
+      colors: gradient,
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 1,
+        y: 1
+      },
+      style: styles.mono,
+      children: /*#__PURE__*/_jsx(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 = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    const loop = Animated.loop(Animated.timing(spin, {
+      toValue: 1,
+      duration: 9000,
+      easing: 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__*/_jsx(View, {
+    style: [styles.auraGlow, {
+      width: size,
+      height: size,
+      borderRadius: radius
+    }, style],
+    accessibilityRole: "image",
+    accessibilityLabel: name ?? 'Aura',
+    ...rest,
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.auraOrb, {
+        borderRadius: radius
+      }],
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: {
+          position: 'absolute',
+          top: offset,
+          left: offset,
+          width: fluxSize,
+          height: fluxSize,
+          transform: [{
+            rotate
+          }]
+        },
+        children: /*#__PURE__*/_jsx(LinearGradient, {
+          colors: gradients.flux.stops,
+          start: {
+            x: 0,
+            y: 0
+          },
+          end: {
+            x: 1,
+            y: 1
+          },
+          style: StyleSheet.absoluteFill
+        })
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  avatar: {
+    overflow: 'hidden'
+  },
+  img: {
+    width: '100%',
+    height: '100%'
+  },
+  mono: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  monoText: {
+    fontFamily: 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: colors.void,
+    ...nativeShadows.glowAccent
+  },
+  auraOrb: {
+    ...StyleSheet.absoluteFillObject,
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=Avatar.js.map

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

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

package/lib/module/components/AvatarStack.js

@@ -0,0 +1,91 @@
+"use strict";
+
+import { View, Text, StyleSheet } from 'react-native';
+import { colors, fonts } from '@lockin90/tokens';
+import { Avatar } from './Avatar';
+
+/** Per-avatar props forwarded to the composed {@link Avatar}. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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.
+ */
+export function AvatarStack({
+  avatars,
+  max = 4,
+  size = 32,
+  ring = 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__*/_jsxs(View, {
+    style: [styles.row, style],
+    ...rest,
+    children: [visible.map((a, i) => /*#__PURE__*/_jsx(View, {
+      style: {
+        marginLeft: i === 0 ? 0 : overlap,
+        zIndex: visible.length - i
+      },
+      children: /*#__PURE__*/_jsx(Avatar, {
+        ...a,
+        size: size,
+        style: [styles.ring, ringStyle, {
+          width: size + borderWidth * 2,
+          height: size + borderWidth * 2
+        }]
+      })
+    }, i)), overflow > 0 && /*#__PURE__*/_jsx(View, {
+      style: {
+        marginLeft: overlap,
+        zIndex: 0
+      },
+      children: /*#__PURE__*/_jsx(View, {
+        style: [styles.more, ringStyle, {
+          width: size + borderWidth * 2,
+          height: size + borderWidth * 2,
+          borderRadius: (size + borderWidth * 2) / 2
+        }],
+        children: /*#__PURE__*/_jsxs(Text, {
+          style: [styles.moreText, {
+            fontSize: Math.round(size * 0.36)
+          }],
+          children: ["+", overflow]
+        })
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  ring: {
+    borderRadius: 999
+  },
+  more: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: colors.glass2,
+    borderColor: colors.border2
+  },
+  moreText: {
+    fontFamily: fonts.display,
+    fontWeight: '700',
+    color: colors.textDim,
+    letterSpacing: -0.3
+  }
+});
+//# sourceMappingURL=AvatarStack.js.map

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

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

package/lib/module/components/BackLink.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","Text","StyleSheet","colors","fonts","radii","Icon","jsx","_jsx","jsxs","_jsxs","BackLink","label","onClick","style","variant","rest","isPill","iconColor","textDim","accent","iconSize","accessibilityRole","onPress","pressed","pillStyles","row","styles","children","name","size","color","create","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","opacity","fontFamily","ui","fontSize","fontWeight","borderWidth","borderColor","border","backgroundColor","glass","borderRadius","pill","alignSelf","mono"],"sourceRoot":"../../../src","sources":["components/BackLink.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,IAAI,EAAEC,UAAU,QAA6D,cAAc;AAC/G,SAASC,MAAM,EAAEC,KAAK,EAAEC,KAAK,QAAQ,kBAAkB;AACvD,SAASC,IAAI,QAAQ,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAmB9B;AACA,OAAO,SAASC,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,GAAGd,MAAM,CAACgB,OAAO,GAAGhB,MAAM,CAACiB,MAAM;EACzD,MAAMC,QAAQ,GAAGJ,MAAM,GAAG,EAAE,GAAG,EAAE;EACjC,oBACEP,KAAA,CAACV,SAAS;IACRsB,iBAAiB,EAAC,QAAQ;IAC1BC,OAAO,EAAEV,OAAQ;IACjBC,KAAK,EAAEA,CAAC;MAAEU;IAAQ,CAAC,KAAK,CACtBP,MAAM,GAAGQ,UAAU,CAACC,GAAG,GAAGC,MAAM,CAACD,GAAG,EACpCF,OAAO,IAAIG,MAAM,CAACH,OAAO,EACzBV,KAAK,CACL;IAAA,GACEE,IAAI;IAAAY,QAAA,gBAERpB,IAAA,CAACF,IAAI;MAACuB,IAAI,EAAC,MAAM;MAACC,IAAI,EAAET,QAAS;MAACU,KAAK,EAAEb;IAAU,CAAE,CAAC,eACtDV,IAAA,CAACP,IAAI;MAACa,KAAK,EAAEG,MAAM,GAAGQ,UAAU,CAACb,KAAK,GAAGe,MAAM,CAACf,KAAM;MAAAgB,QAAA,EAAEhB;IAAK,CAAO,CAAC;EAAA,CAC5D,CAAC;AAEhB;AAEA,MAAMe,MAAM,GAAGzB,UAAU,CAAC8B,MAAM,CAAC;EAC/BN,GAAG,EAAE;IAAEO,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE,QAAQ;IAAEC,GAAG,EAAE,CAAC;IAAEC,eAAe,EAAE,CAAC;IAAEC,iBAAiB,EAAE;EAAE,CAAC;EACrGb,OAAO,EAAE;IAAEc,OAAO,EAAE;EAAI,CAAC;EACzB1B,KAAK,EAAE;IAAEmB,KAAK,EAAE5B,MAAM,CAACiB,MAAM;IAAEmB,UAAU,EAAEnC,KAAK,CAACoC,EAAE;IAAEC,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE;EAAM;AACzF,CAAC,CAAC;AAEF,MAAMjB,UAAU,GAAGvB,UAAU,CAAC8B,MAAM,CAAC;EACnCN,GAAG,EAAE;IACHO,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,CAAC;IACNC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBM,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEzC,MAAM,CAAC0C,MAAM;IAC1BC,eAAe,EAAE3C,MAAM,CAAC4C,KAAK;IAC7BC,YAAY,EAAE3C,KAAK,CAAC4C,IAAI;IACxBC,SAAS,EAAE;EACb,CAAC;EACDtC,KAAK,EAAE;IAAEmB,KAAK,EAAE5B,MAAM,CAACgB,OAAO;IAAEoB,UAAU,EAAEnC,KAAK,CAAC+C,IAAI;IAAEV,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE;EAAM;AAC5F,CAAC,CAAC","ignoreList":[]}