@cuemath/leap 3.0.7-hg1 → 3.0.7-hg2

package/dist/features/ui/layout/flex-view.js

@@ -0,0 +1,76 @@
+import I from "styled-components";
+const J = (i, p) => {
+  const { $gutter: n, $gutterX: a, $gap: o, $gapX: $ } = i;
+  let e = 0, r = 0;
+  return n ? e = n : a && (e = a * p), o ? r = o : $ && (r = $ * p), `${r}px ${e}px`;
+}, K = I.div(
+  ({
+    theme: i,
+    $position: p,
+    $flexDirection: n = "column",
+    $inherit: a,
+    $flexWrap: o = !1,
+    $flexGap: $,
+    $flexGapX: e,
+    $flexRowGap: r,
+    $flexRowGapX: s,
+    $flexColumnGap: x,
+    $flexColumnGapX: c,
+    $gutter: V,
+    $gutterX: j = 0,
+    $gap: k,
+    $gapX: z = 0,
+    $marginBottom: g,
+    $marginBottomX: d,
+    $width: l,
+    $widthX: f,
+    $height: u,
+    $heightX: y,
+    $alignSelf: q,
+    $alignItems: A,
+    $justifyContent: D,
+    $background: m,
+    $borderColor: b,
+    $borderRadius: w,
+    $borderRadiusX: P,
+    $opacity: E = 1,
+    $hidden: H = !1,
+    $flex: v
+  }) => {
+    const { layout: t, colors: F } = i;
+    return `
+      ${p ? `position: ${p};` : ""}
+      display: flex;
+      ${H ? "display: none;" : ""}
+      flex-wrap: ${o ? "wrap" : "nowrap"};
+      ${a ? "flex-grow: 1; flex-shrink: 1;" : ""}
+      flex-direction: ${n};
+      padding: ${J({ $gutter: V, $gutterX: j, $gap: k, $gapX: z }, t.gutter)};
+      margin-bottom: ${g ? `${g}` : "initial"}${typeof g == "number" ? "px" : ""};
+      ${d ? `margin-bottom: ${d * t.gutter}px;` : ""}
+      align-self: ${q || "auto"};
+      align-items: ${A || "normal"};
+      justify-content: ${D || "flex-start"};
+      background-color: ${m ? F[m] : "transparent"};
+      border-radius: ${typeof w == "number" ? w : 0}px;
+      ${P ? `border-radius: ${P * t.gutter}px;` : ""}
+      ${b ? `border: 1px solid ${F[b]};` : ""}
+      opacity: ${E};
+      width: ${l ? `${l}` : "auto"}${typeof l == "number" ? "px" : ""};
+      ${f ? `width: ${f * t.gutter}px;` : ""}
+      height: ${u ? `${u}` : "auto"}${typeof u == "number" ? "px" : ""};
+      ${y ? `height: ${y * t.gutter}px;` : ""}
+      ${$ ? `gap: ${$}px;` : ""}
+      ${e ? `gap: ${e * t.gutter}px;` : ""}
+      ${r ? `row-gap: ${r}px;` : ""}
+      ${s ? `row-gap: ${s * t.gutter}px;` : ""}
+      ${x ? `column-gap: ${x}px;` : ""}
+      ${c ? `column-gap: ${c * t.gutter}px;` : ""}
+      ${v ? `flex: ${v};` : ""}
+  `;
+  }
+), M = K;
+export {
+  M as default
+};
+//# sourceMappingURL=flex-view.js.map

package/dist/features/ui/layout/flex-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-view.js","sources":["../../../../src/features/ui/layout/flex-view.tsx"],"sourcesContent":["import type { TColorNames } from '../types';\nimport type { HTMLAttributes } from 'react';\n\nimport styled from 'styled-components';\n\ntype TStyleAttrubutes = NonNullable<HTMLAttributes<HTMLDivElement>['style']>;\n\ninterface IGetPadding {\n  (\n    options: {\n      $gutter?: number;\n      $gutterX?: number;\n      $gap?: number;\n      $gapX?: number;\n    },\n    gutter: number,\n  ): string;\n}\n\nconst getPadding: IGetPadding = (options, gutter) => {\n  const { $gutter, $gutterX, $gap, $gapX } = options;\n  let horizontalPadding = 0;\n  let verticalPadding = 0;\n\n  if ($gutter) {\n    horizontalPadding = $gutter;\n  } else if ($gutterX) {\n    horizontalPadding = $gutterX * gutter;\n  }\n\n  if ($gap) {\n    verticalPadding = $gap;\n  } else if ($gapX) {\n    verticalPadding = $gapX * gutter;\n  }\n\n  return `${verticalPadding}px ${horizontalPadding}px`;\n};\n\nexport interface FlexViewProps {\n  $position?: TStyleAttrubutes['position'];\n  $inherit?: boolean;\n  $gutter?: number;\n  $gutterX?: number;\n  $gap?: number;\n  $gapX?: number;\n  $marginBottom?: number;\n  $marginBottomX?: number;\n  $flexWrap?: boolean;\n  $flexGap?: number;\n  $flexGapX?: number;\n  $flexRowGap?: number;\n  $flexRowGapX?: number;\n  $flexColumnGap?: number;\n  $flexColumnGapX?: number;\n  $width?: number | string;\n  $widthX?: number;\n  $height?: number | string;\n  $heightX?: number;\n  $flexDirection?: TStyleAttrubutes['flexDirection'];\n  $alignSelf?: TStyleAttrubutes['alignSelf'];\n  $alignItems?: TStyleAttrubutes['alignItems'];\n  $justifyContent?: TStyleAttrubutes['justifyContent'];\n  $background?: TColorNames;\n  $borderRadius?: number;\n  $borderRadiusX?: number;\n  $borderColor?: TColorNames;\n  $opacity?: number;\n  $hidden?: boolean;\n  $flex?: number;\n}\n\nconst FlexView = styled.div<FlexViewProps>(\n  ({\n    theme,\n    $position,\n    $flexDirection = 'column',\n    $inherit,\n    $flexWrap = false,\n    $flexGap,\n    $flexGapX,\n    $flexRowGap,\n    $flexRowGapX,\n    $flexColumnGap,\n    $flexColumnGapX,\n    $gutter,\n    $gutterX = 0,\n    $gap,\n    $gapX = 0,\n    $marginBottom,\n    $marginBottomX,\n    $width,\n    $widthX,\n    $height,\n    $heightX,\n    $alignSelf,\n    $alignItems,\n    $justifyContent,\n    $background,\n    $borderColor,\n    $borderRadius,\n    $borderRadiusX,\n    $opacity = 1,\n    $hidden = false,\n    $flex,\n  }) => {\n    const { layout, colors } = theme;\n\n    return `\n      ${$position ? `position: ${$position};` : ''}\n      display: flex;\n      ${$hidden ? 'display: none;' : ''}\n      flex-wrap: ${$flexWrap ? 'wrap' : 'nowrap'};\n      ${$inherit ? 'flex-grow: 1; flex-shrink: 1;' : ''}\n      flex-direction: ${$flexDirection};\n      padding: ${getPadding({ $gutter, $gutterX, $gap, $gapX }, layout.gutter)};\n      margin-bottom: ${$marginBottom ? `${$marginBottom}` : 'initial'}${\n        typeof $marginBottom === 'number' ? 'px' : ''\n      };\n      ${$marginBottomX ? `margin-bottom: ${$marginBottomX * layout.gutter}px;` : ''}\n      align-self: ${$alignSelf || 'auto'};\n      align-items: ${$alignItems || 'normal'};\n      justify-content: ${$justifyContent || 'flex-start'};\n      background-color: ${$background ? colors[$background] : 'transparent'};\n      border-radius: ${typeof $borderRadius === 'number' ? $borderRadius : 0}px;\n      ${$borderRadiusX ? `border-radius: ${$borderRadiusX * layout.gutter}px;` : ''}\n      ${$borderColor ? `border: 1px solid ${colors[$borderColor]};` : ''}\n      opacity: ${$opacity};\n      width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n      height: ${$height ? `${$height}` : 'auto'}${typeof $height === 'number' ? 'px' : ''};\n      ${$heightX ? `height: ${$heightX * layout.gutter}px;` : ''}\n      ${$flexGap ? `gap: ${$flexGap}px;` : ''}\n      ${$flexGapX ? `gap: ${$flexGapX * layout.gutter}px;` : ''}\n      ${$flexRowGap ? `row-gap: ${$flexRowGap}px;` : ''}\n      ${$flexRowGapX ? `row-gap: ${$flexRowGapX * layout.gutter}px;` : ''}\n      ${$flexColumnGap ? `column-gap: ${$flexColumnGap}px;` : ''}\n      ${$flexColumnGapX ? `column-gap: ${$flexColumnGapX * layout.gutter}px;` : ''}\n      ${$flex ? `flex: ${$flex};` : ''}\n  `;\n  },\n);\n\nexport default FlexView;\n"],"names":["getPadding","options","gutter","$gutter","$gutterX","$gap","$gapX","horizontalPadding","verticalPadding","FlexView","styled","theme","$position","$flexDirection","$inherit","$flexWrap","$flexGap","$flexGapX","$flexRowGap","$flexRowGapX","$flexColumnGap","$flexColumnGapX","$marginBottom","$marginBottomX","$width","$widthX","$height","$heightX","$alignSelf","$alignItems","$justifyContent","$background","$borderColor","$borderRadius","$borderRadiusX","$opacity","$hidden","$flex","layout","colors","FlexView$1"],"mappings":";AAmBA,MAAMA,IAA0B,CAACC,GAASC,MAAW;AACnD,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,MAAAC,GAAM,OAAAC,MAAUL;AAC3C,MAAIM,IAAoB,GACpBC,IAAkB;AAEtB,SAAIL,IACkBI,IAAAJ,IACXC,MACTG,IAAoBH,IAAWF,IAG7BG,IACgBG,IAAAH,IACTC,MACTE,IAAkBF,IAAQJ,IAGrB,GAAGM,CAAe,MAAMD,CAAiB;AAClD,GAmCME,IAAWC,EAAO;AAAA,EACtB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAlB;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,MAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,eAAAgB;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,OAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAW,IAAA5B;AAEpB,WAAA;AAAA,QACHC,IAAY,aAAaA,CAAS,MAAM,EAAE;AAAA;AAAA,QAE1CwB,IAAU,mBAAmB,EAAE;AAAA,mBACpBrB,IAAY,SAAS,QAAQ;AAAA,QACxCD,IAAW,kCAAkC,EAAE;AAAA,wBAC/BD,CAAc;AAAA,iBACrBb,EAAW,EAAE,SAAAG,GAAS,UAAAC,GAAU,MAAAC,GAAM,OAAAC,EAAM,GAAGgC,EAAO,MAAM,CAAC;AAAA,uBACvDhB,IAAgB,GAAGA,CAAa,KAAK,SAAS,GAC7D,OAAOA,KAAkB,WAAW,OAAO,EAC7C;AAAA,QACEC,IAAiB,kBAAkBA,IAAiBe,EAAO,MAAM,QAAQ,EAAE;AAAA,oBAC/DV,KAAc,MAAM;AAAA,qBACnBC,KAAe,QAAQ;AAAA,yBACnBC,KAAmB,YAAY;AAAA,0BAC9BC,IAAcQ,EAAOR,CAAW,IAAI,aAAa;AAAA,uBACpD,OAAOE,KAAkB,WAAWA,IAAgB,CAAC;AAAA,QACpEC,IAAiB,kBAAkBA,IAAiBI,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC3EN,IAAe,qBAAqBO,EAAOP,CAAY,CAAC,MAAM,EAAE;AAAA,iBACvDG,CAAQ;AAAA,eACVX,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAC7EC,IAAU,UAAUA,IAAUa,EAAO,MAAM,QAAQ,EAAE;AAAA,gBAC7CZ,IAAU,GAAGA,CAAO,KAAK,MAAM,GAAG,OAAOA,KAAY,WAAW,OAAO,EAAE;AAAA,QACjFC,IAAW,WAAWA,IAAWW,EAAO,MAAM,QAAQ,EAAE;AAAA,QACxDtB,IAAW,QAAQA,CAAQ,QAAQ,EAAE;AAAA,QACrCC,IAAY,QAAQA,IAAYqB,EAAO,MAAM,QAAQ,EAAE;AAAA,QACvDpB,IAAc,YAAYA,CAAW,QAAQ,EAAE;AAAA,QAC/CC,IAAe,YAAYA,IAAemB,EAAO,MAAM,QAAQ,EAAE;AAAA,QACjElB,IAAiB,eAAeA,CAAc,QAAQ,EAAE;AAAA,QACxDC,IAAkB,eAAeA,IAAkBiB,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC1ED,IAAQ,SAASA,CAAK,MAAM,EAAE;AAAA;AAAA,EAEpC;AACF,GAEAG,IAAe/B;"}

package/dist/features/ui/loader/app-loader/app-loader.js

@@ -0,0 +1,7 @@
+import { jsx as e } from "react/jsx-runtime";
+import o from "../../layout/flex-view.js";
+const n = ({ width: t, height: r }) => /* @__PURE__ */ e(o, { $alignItems: "center", $justifyContent: "center", $width: t, $height: r, children: /* @__PURE__ */ e("div", { className: "app-loader", children: "Load ng" }) }), d = n;
+export {
+  d as default
+};
+//# sourceMappingURL=app-loader.js.map

package/dist/features/ui/loader/app-loader/app-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-loader.js","sources":["../../../../../src/features/ui/loader/app-loader/app-loader.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport FlexView from '../../layout/flex-view';\n\ninterface IAppLoaderProps {\n  width?: string | number;\n  height?: string | number;\n}\n\nconst AppLoader: FC<IAppLoaderProps> = ({ width, height }) => {\n  return (\n    <FlexView $alignItems=\"center\" $justifyContent=\"center\" $width={width} $height={height}>\n      <div className=\"app-loader\">Load&nbsp;ng</div>\n    </FlexView>\n  );\n};\n\nexport default AppLoader;\n"],"names":["AppLoader","width","height","jsx","FlexView","AppLoader$1"],"mappings":";;AASA,MAAMA,IAAiC,CAAC,EAAE,OAAAC,GAAO,QAAAC,QAE5C,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAAS,QAAQH,GAAO,SAASC,GAC9E,UAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,cAAa,qBAAY,EAC1C,CAAA,GAIJE,IAAeL;"}

package/dist/features/ui/loader/circular-loader/circular-loader.js

@@ -0,0 +1,19 @@
+import { jsx as t } from "react/jsx-runtime";
+import { LOTTIE as r } from "../../../../assets/lottie/lottie.js";
+import i from "../../layout/flex-view.js";
+import o from "../../lottie-animation/lottie-animation.js";
+const h = () => /* @__PURE__ */ t(
+  i,
+  {
+    $width: "100%",
+    $height: "100%",
+    $alignItems: "center",
+    $justifyContent: "center",
+    $background: "TRANSPARENT",
+    children: /* @__PURE__ */ t(o, { width: "50%", height: "50%", src: r.CIRCULAR_LOADER })
+  }
+);
+export {
+  h as CircularLoader
+};
+//# sourceMappingURL=circular-loader.js.map

package/dist/features/ui/loader/circular-loader/circular-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-loader.js","sources":["../../../../../src/features/ui/loader/circular-loader/circular-loader.tsx"],"sourcesContent":["import { LOTTIE } from '../../../../assets/lottie/lottie';\nimport FlexView from '../../layout/flex-view';\nimport LottieAnimation from '../../lottie-animation/lottie-animation';\n\nexport const CircularLoader = () => (\n  <FlexView\n    $width=\"100%\"\n    $height=\"100%\"\n    $alignItems=\"center\"\n    $justifyContent=\"center\"\n    $background=\"TRANSPARENT\"\n  >\n    <LottieAnimation width=\"50%\" height=\"50%\" src={LOTTIE.CIRCULAR_LOADER} />\n  </FlexView>\n);\n"],"names":["CircularLoader","jsx","FlexView","LottieAnimation","LOTTIE"],"mappings":";;;;AAIO,MAAMA,IAAiB,MAC5B,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,aAAY;AAAA,IAEZ,UAAA,gBAAAD,EAACE,KAAgB,OAAM,OAAM,QAAO,OAAM,KAAKC,EAAO,gBAAiB,CAAA;AAAA,EAAA;AACzE;"}

package/dist/features/ui/loader/reverse-circular-bar/reverse-circular-bar-styled.js

@@ -0,0 +1,12 @@
+import r from "styled-components";
+import o from "../../layout/flex-view.js";
+const a = r(o)`
+  border-radius: 50%;
+  transition: clip-path 1s linear;
+  transform: rotate(45deg);
+  clip-path: polygon(50% 50%, 0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);
+`;
+export {
+  a as Bar
+};
+//# sourceMappingURL=reverse-circular-bar-styled.js.map

package/dist/features/ui/loader/reverse-circular-bar/reverse-circular-bar-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reverse-circular-bar-styled.js","sources":["../../../../../src/features/ui/loader/reverse-circular-bar/reverse-circular-bar-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../layout/flex-view';\n\nexport const Bar = styled(FlexView)`\n  border-radius: 50%;\n  transition: clip-path 1s linear;\n  transform: rotate(45deg);\n  clip-path: polygon(50% 50%, 0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);\n`;\n"],"names":["Bar","styled","FlexView"],"mappings":";;AAIa,MAAAA,IAAMC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/ui/loader/reverse-circular-bar/reverse-circular-bar.js

@@ -0,0 +1,25 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useRef as s, useEffect as m } from "react";
+import { Bar as y } from "./reverse-circular-bar-styled.js";
+const R = ({
+  timeRemaining: i,
+  duration: l,
+  color: a,
+  height: f,
+  width: p
+}) => {
+  const r = s(0), c = s(null);
+  return m(() => {
+    let n = i;
+    const o = setInterval(() => {
+      n -= 1;
+      const e = n / l, t = c.current;
+      t && (e <= 0.25 ? t.style.clipPath = `polygon(50% 50%, 0 0, 0 100%, 0 100%, 0 100%, 0 ${e * 400}%)` : e <= 0.5 ? (r.current === 1 && (t.style.transition = "clip-path 1s linear", r.current += 1), r.current === 0 && (t.style.transition = "none", r.current += 1), t.style.clipPath = `polygon(50% 50%, 0 0, 0 100%, 0 100%, 0 100%, ${(e - 0.25) * 400}%    100%)`) : e <= 0.75 ? t.style.clipPath = `polygon(50% 50%, 0 0, 0 100%, 100% 100%, 100% 0%, 100% ${(0.75 - e) * 400}%)` : t.style.clipPath = `polygon(50% 50%, 0 0, 0 100%, 100% 100%, 100% 0%, ${(1 - e) * 400}% 0%)`, n || clearInterval(o));
+    }, 1e3);
+    return () => clearInterval(o);
+  }, [l, i]), /* @__PURE__ */ u(y, { $height: f, $width: p, $background: a, ref: c });
+};
+export {
+  R as default
+};
+//# sourceMappingURL=reverse-circular-bar.js.map

package/dist/features/ui/loader/reverse-circular-bar/reverse-circular-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reverse-circular-bar.js","sources":["../../../../../src/features/ui/loader/reverse-circular-bar/reverse-circular-bar.tsx"],"sourcesContent":["import type { TColorNames } from '../../types';\nimport type { FC } from 'react';\n\nimport { useEffect, useRef } from 'react';\n\nimport { Bar } from './reverse-circular-bar-styled';\n\ninterface IReverseCircularBar {\n  timeRemaining: number;\n  duration: number;\n  color?: TColorNames;\n  height?: number;\n  width?: number;\n}\n\nconst ReverseCircularBar: FC<IReverseCircularBar> = ({\n  timeRemaining: initialTimeRemaining,\n  duration,\n  color,\n  height,\n  width,\n}) => {\n  const transitionRef = useRef(0);\n  const circleRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let timeRemaining = initialTimeRemaining;\n\n    const timer = setInterval(() => {\n      timeRemaining -= 1;\n      const remainingTimeFraction = timeRemaining / duration;\n\n      const circularBar = circleRef.current;\n\n      if (!circularBar) return;\n\n      if (remainingTimeFraction <= 0.25) {\n        // First quarter\n        circularBar.style.clipPath = `polygon(50% 50%, 0 0, 0 100%, 0 100%, 0 100%, 0 ${\n          remainingTimeFraction * 400\n        }%)`;\n      } else if (remainingTimeFraction <= 0.5) {\n        // Second quarter\n\n        if (transitionRef.current === 1) {\n          circularBar.style.transition = 'clip-path 1s linear';\n          transitionRef.current += 1;\n        }\n\n        if (transitionRef.current === 0) {\n          circularBar.style.transition = 'none';\n          transitionRef.current += 1;\n        }\n        circularBar.style.clipPath = `polygon(50% 50%, 0 0, 0 100%, 0 100%, 0 100%, ${\n          (remainingTimeFraction - 0.25) * 400\n        }%    100%)`;\n      } else if (remainingTimeFraction <= 0.75) {\n        // Third quarter\n        circularBar.style.clipPath = `polygon(50% 50%, 0 0, 0 100%, 100% 100%, 100% 0%, 100% ${\n          (0.75 - remainingTimeFraction) * 400\n        }%)`;\n      } else {\n        // Fourth quarter\n        circularBar.style.clipPath = `polygon(50% 50%, 0 0, 0 100%, 100% 100%, 100% 0%, ${\n          (1 - remainingTimeFraction) * 400\n        }% 0%)`;\n      }\n\n      if (!timeRemaining) {\n        clearInterval(timer);\n      }\n    }, 1000);\n\n    return () => clearInterval(timer);\n  }, [duration, initialTimeRemaining]);\n\n  return <Bar $height={height} $width={width} $background={color} ref={circleRef} />;\n};\n\nexport default ReverseCircularBar;\n"],"names":["ReverseCircularBar","initialTimeRemaining","duration","color","height","width","transitionRef","useRef","circleRef","useEffect","timeRemaining","timer","remainingTimeFraction","circularBar","jsx","Bar"],"mappings":";;;AAeA,MAAMA,IAA8C,CAAC;AAAA,EACnD,eAAeC;AAAA,EACf,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAAC,IAAgBC,EAAO,CAAC,GACxBC,IAAYD,EAAuB,IAAI;AAE7C,SAAAE,EAAU,MAAM;AACd,QAAIC,IAAgBT;AAEd,UAAAU,IAAQ,YAAY,MAAM;AACb,MAAAD,KAAA;AACjB,YAAME,IAAwBF,IAAgBR,GAExCW,IAAcL,EAAU;AAE9B,MAAKK,MAEDD,KAAyB,OAE3BC,EAAY,MAAM,WAAW,mDAC3BD,IAAwB,GAC1B,OACSA,KAAyB,OAG9BN,EAAc,YAAY,MAC5BO,EAAY,MAAM,aAAa,uBAC/BP,EAAc,WAAW,IAGvBA,EAAc,YAAY,MAC5BO,EAAY,MAAM,aAAa,QAC/BP,EAAc,WAAW,IAE3BO,EAAY,MAAM,WAAW,kDAC1BD,IAAwB,QAAQ,GACnC,gBACSA,KAAyB,OAElCC,EAAY,MAAM,WAAW,2DAC1B,OAAOD,KAAyB,GACnC,OAGAC,EAAY,MAAM,WAAW,sDAC1B,IAAID,KAAyB,GAChC,SAGGF,KACH,cAAcC,CAAK;AAAA,OAEpB,GAAI;AAEA,WAAA,MAAM,cAAcA,CAAK;AAAA,EAAA,GAC/B,CAACT,GAAUD,CAAoB,CAAC,GAE5B,gBAAAa,EAACC,KAAI,SAASX,GAAQ,QAAQC,GAAO,aAAaF,GAAO,KAAKK,EAAW,CAAA;AAClF;"}

package/dist/features/ui/lottie-animation/helper.js

@@ -0,0 +1,13 @@
+const c = async (o) => {
+  let e = null;
+  try {
+    e = await fetch(o).then((t) => t.json()).catch(() => null);
+  } catch (t) {
+    console.log("Error while fetching the lottie: ", t);
+  }
+  return e;
+};
+export {
+  c as fetchLottie
+};
+//# sourceMappingURL=helper.js.map

package/dist/features/ui/lottie-animation/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../../../src/features/ui/lottie-animation/helper.ts"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\n\nexport const fetchLottie = async (lottieSrc: string): Promise<AnimationItem | null> => {\n  let lottieJson: AnimationItem | null = null;\n\n  try {\n    lottieJson = await fetch(lottieSrc)\n      .then(res => res.json())\n      .catch(() => null);\n  } catch (error) {\n    /* eslint-disable no-console */\n    console.log('Error while fetching the lottie: ', error);\n  }\n\n  return lottieJson;\n};\n"],"names":["fetchLottie","lottieSrc","lottieJson","res","error"],"mappings":"AAEa,MAAAA,IAAc,OAAOC,MAAqD;AACrF,MAAIC,IAAmC;AAEnC,MAAA;AACF,IAAAA,IAAa,MAAM,MAAMD,CAAS,EAC/B,KAAK,CAAAE,MAAOA,EAAI,KAAA,CAAM,EACtB,MAAM,MAAM,IAAI;AAAA,WACZC,GAAO;AAEN,YAAA,IAAI,qCAAqCA,CAAK;AAAA,EACxD;AAEO,SAAAF;AACT;"}

package/dist/features/ui/lottie-animation/lottie-animation.js

@@ -0,0 +1,79 @@
+import { jsx as E } from "react/jsx-runtime";
+import g from "lottie-web";
+import { memo as b, forwardRef as A, useRef as m, useMemo as I, useImperativeHandle as x, useEffect as O } from "react";
+import S from "../layout/flex-view.js";
+import { fetchLottie as $ } from "./helper.js";
+const k = A((L, h) => {
+  const {
+    src: l,
+    width: w = "100%",
+    height: y = "100%",
+    settings: i,
+    eventListener: n,
+    onRender: a,
+    animateOnIntersect: s
+  } = L, c = m(null), r = m(null), u = m(null), d = I(
+    () => ({
+      ...i,
+      renderer: window.ReactNativeWebView ? "canvas" : (i == null ? void 0 : i.renderer) ?? "svg"
+    }),
+    [i]
+  );
+  return x(
+    h,
+    () => ({
+      playSegments: (t, o) => {
+        var e;
+        return (e = r.current) == null ? void 0 : e.playSegments(t, o);
+      },
+      addEventListener: (t, o) => {
+        var e;
+        return (e = r.current) == null ? void 0 : e.addEventListener(t, o);
+      },
+      removeEventListener: (t, o) => {
+        var e;
+        return (e = r.current) == null ? void 0 : e.removeEventListener(t, o);
+      },
+      play: () => {
+        var t;
+        return (t = r.current) == null ? void 0 : t.play();
+      },
+      stop: () => {
+        var t;
+        return (t = r.current) == null ? void 0 : t.stop();
+      }
+    }),
+    []
+  ), O(() => {
+    let t = !1;
+    return (async () => {
+      try {
+        const e = await $(l);
+        requestAnimationFrame(() => {
+          !c.current || t || (r.current = g.loadAnimation({
+            container: c.current,
+            animationData: e,
+            loop: !0,
+            autoplay: !0,
+            ...d
+          }), s && (u.current = new IntersectionObserver(
+            ([f]) => {
+              var p, v;
+              f && f.isIntersecting ? (p = r.current) == null || p.play() : (v = r.current) == null || v.pause();
+            },
+            { threshold: 0 }
+          ), u.current.observe(c.current)), a == null || a(), n && r.current.addEventListener(n.name, n.callback));
+        });
+      } catch (e) {
+        console.error("Error loading Lottie animation:", e);
+      }
+    })(), () => {
+      var e;
+      t = !0, r.current && (n && r.current.removeEventListener(n.name, n.callback), s && ((e = u.current) == null || e.disconnect()), r.current.destroy());
+    };
+  }, [l, n, a, s, d]), /* @__PURE__ */ E(S, { ref: c, $width: w, $height: y });
+}), D = b(k);
+export {
+  D as default
+};
+//# sourceMappingURL=lottie-animation.js.map

package/dist/features/ui/lottie-animation/lottie-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lottie-animation.js","sources":["../../../../src/features/ui/lottie-animation/lottie-animation.tsx"],"sourcesContent":["import type { ILottieAnimationProps, ILottieAnimationRef } from './types';\nimport type { AnimationEventName, AnimationItem, AnimationSegment, RendererType } from 'lottie-web';\n\nimport lottie from 'lottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport { fetchLottie } from './helper';\n\nconst LottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n  const {\n    src,\n    width = '100%',\n    height = '100%',\n    settings,\n    eventListener,\n    onRender,\n    animateOnIntersect,\n  } = props;\n\n  const container = useRef<HTMLDivElement>(null);\n  const animationInstance = useRef<AnimationItem | null>(null);\n  const intersectionObserver = useRef<IntersectionObserver | null>(null);\n  const newSettings = useMemo(\n    () => ({\n      ...settings,\n      renderer: (window.ReactNativeWebView ? 'canvas' : settings?.renderer ?? 'svg') as RendererType,\n    }),\n    [settings],\n  );\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      playSegments: (segments: AnimationSegment, forceFlag?: boolean) =>\n        animationInstance.current?.playSegments(segments, forceFlag),\n      addEventListener: (eventName: string, callback: () => void) =>\n        animationInstance.current?.addEventListener(eventName as AnimationEventName, callback),\n      removeEventListener: (eventName: string, callback: () => void) =>\n        animationInstance.current?.removeEventListener(eventName as AnimationEventName, callback),\n      play: () => animationInstance.current?.play(),\n      stop: () => animationInstance.current?.stop(),\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    let destroyed = false;\n  \n    const loadAnimation = async () => {\n      try {\n        const animationData = await fetchLottie(src);\n  \n        // Wait for layout\n        requestAnimationFrame(() => {\n          if (!container.current || destroyed) return;\n  \n          animationInstance.current = lottie.loadAnimation({\n            container: container.current,\n            animationData,\n            loop: true,\n            autoplay: true,\n            ...newSettings,\n          });\n  \n          if (animateOnIntersect) {\n            intersectionObserver.current = new IntersectionObserver(\n              ([entry]) => {\n                if (entry && entry.isIntersecting) {\n                  animationInstance.current?.play();\n                } else {\n                  animationInstance.current?.pause();\n                }\n              },\n              { threshold: 0 },\n            );\n  \n            intersectionObserver.current.observe(container.current);\n          }\n  \n          onRender?.();\n  \n          if (eventListener) {\n            animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n          }\n        });\n      } catch (error) {\n        console.error('Error loading Lottie animation:', error);\n      }\n    };\n  \n    loadAnimation();\n  \n    return () => {\n      destroyed = true;\n      if (animationInstance.current) {\n        if (eventListener) {\n          animationInstance.current.removeEventListener(eventListener.name, eventListener.callback);\n        }\n  \n        if (animateOnIntersect) {\n          intersectionObserver.current?.disconnect();\n        }\n  \n        animationInstance.current.destroy();\n      }\n    };\n  }, [src, eventListener, onRender, animateOnIntersect, newSettings]);\n\n  return <FlexView ref={container} $width={width} $height={height} />;\n});\n\nexport default memo(LottieAnimation);\n"],"names":["LottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListener","onRender","animateOnIntersect","container","useRef","animationInstance","intersectionObserver","newSettings","useMemo","useImperativeHandle","segments","forceFlag","_a","eventName","callback","useEffect","destroyed","animationData","fetchLottie","lottie","entry","_b","error","FlexView","LottieAnimation$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAkBC,EAAuD,CAACC,GAAOC,MAAQ;AACvF,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAR,GAEES,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI,GACrDE,IAAuBF,EAAoC,IAAI,GAC/DG,IAAcC;AAAA,IAClB,OAAO;AAAA,MACL,GAAGT;AAAA,MACH,UAAW,OAAO,qBAAqB,YAAWA,KAAA,gBAAAA,EAAU,aAAY;AAAA,IAAA;AAAA,IAE1E,CAACA,CAAQ;AAAA,EAAA;AAGX,SAAAU;AAAA,IACEd;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACe,GAA4BC,MACzC;;AAAA,gBAAAC,IAAAP,EAAkB,YAAlB,gBAAAO,EAA2B,aAAaF,GAAUC;AAAA;AAAA,MACpD,kBAAkB,CAACE,GAAmBC,MACpC;;AAAA,gBAAAF,IAAAP,EAAkB,YAAlB,gBAAAO,EAA2B,iBAAiBC,GAAiCC;AAAA;AAAA,MAC/E,qBAAqB,CAACD,GAAmBC,MACvC;;AAAA,gBAAAF,IAAAP,EAAkB,YAAlB,gBAAAO,EAA2B,oBAAoBC,GAAiCC;AAAA;AAAA,MAClF,MAAM,MAAM;;AAAA,gBAAAF,IAAAP,EAAkB,YAAlB,gBAAAO,EAA2B;AAAA;AAAA,MACvC,MAAM,MAAM;;AAAA,gBAAAA,IAAAP,EAAkB,YAAlB,gBAAAO,EAA2B;AAAA;AAAA,IAAK;AAAA,IAE9C,CAAC;AAAA,EAAA,GAGHG,EAAU,MAAM;AACd,QAAIC,IAAY;AA4CF,YA1CQ,YAAY;AAC5B,UAAA;AACI,cAAAC,IAAgB,MAAMC,EAAYtB,CAAG;AAG3C,8BAAsB,MAAM;AACtB,UAAA,CAACO,EAAU,WAAWa,MAERX,EAAA,UAAUc,EAAO,cAAc;AAAA,YAC/C,WAAWhB,EAAU;AAAA,YACrB,eAAAc;AAAA,YACA,MAAM;AAAA,YACN,UAAU;AAAA,YACV,GAAGV;AAAA,UAAA,CACJ,GAEGL,MACFI,EAAqB,UAAU,IAAI;AAAA,YACjC,CAAC,CAACc,CAAK,MAAM;;AACP,cAAAA,KAASA,EAAM,kBACjBR,IAAAP,EAAkB,YAAlB,QAAAO,EAA2B,UAE3BS,IAAAhB,EAAkB,YAAlB,QAAAgB,EAA2B;AAAA,YAE/B;AAAA,YACA,EAAE,WAAW,EAAE;AAAA,UAAA,GAGIf,EAAA,QAAQ,QAAQH,EAAU,OAAO,IAG7CF,KAAA,QAAAA,KAEPD,KACFK,EAAkB,QAAQ,iBAAiBL,EAAc,MAAMA,EAAc,QAAQ;AAAA,QACvF,CACD;AAAA,eACMsB,GAAO;AACN,gBAAA,MAAM,mCAAmCA,CAAK;AAAA,MACxD;AAAA,IAAA,MAKK,MAAM;;AACC,MAAAN,IAAA,IACRX,EAAkB,YAChBL,KACFK,EAAkB,QAAQ,oBAAoBL,EAAc,MAAMA,EAAc,QAAQ,GAGtFE,OACFU,IAAAN,EAAqB,YAArB,QAAAM,EAA8B,eAGhCP,EAAkB,QAAQ;IAC5B;AAAA,EACF,GACC,CAACT,GAAKI,GAAeC,GAAUC,GAAoBK,CAAW,CAAC,qBAE1DgB,GAAS,EAAA,KAAKpB,GAAW,QAAQN,GAAO,SAASC,EAAQ,CAAA;AACnE,CAAC,GAEc0B,IAAAC,EAAKjC,CAAe;"}

package/dist/features/ui/nudge/nudge-styled.js

@@ -0,0 +1,25 @@
+import e from "styled-components";
+import n from "../layout/flex-view.js";
+const r = e.div`
+  position: absolute;
+  top: ${({ $top: t }) => t}px;
+  left: ${({ $left: t }) => t}px;
+  height: max-content;
+  width: max-content;
+  display: flex;
+  justify-content: center;
+  align-items: end;
+  z-index: ${({ $zIndex: t }) => t};
+  pointer-events: none;
+`, p = e(n)`
+  overflow: hidden;
+
+  & svg {
+    transform: scale(3.5) !important;
+  }
+`;
+export {
+  p as NudgeLottieContainer,
+  r as NudgeWrapper
+};
+//# sourceMappingURL=nudge-styled.js.map

package/dist/features/ui/nudge/nudge-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nudge-styled.js","sources":["../../../../src/features/ui/nudge/nudge-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\ninterface NudgeWrapperProps {\n  $top: number;\n  $left: number;\n  $zIndex: number;\n}\n\nexport const NudgeWrapper = styled.div<NudgeWrapperProps>`\n  position: absolute;\n  top: ${({ $top }) => $top}px;\n  left: ${({ $left }) => $left}px;\n  height: max-content;\n  width: max-content;\n  display: flex;\n  justify-content: center;\n  align-items: end;\n  z-index: ${({ $zIndex }) => $zIndex};\n  pointer-events: none;\n`;\n\nexport const NudgeLottieContainer = styled(FlexView)`\n  overflow: hidden;\n\n  & svg {\n    transform: scale(3.5) !important;\n  }\n`;\n"],"names":["NudgeWrapper","styled","$top","$left","$zIndex","NudgeLottieContainer","FlexView"],"mappings":";;AAUO,MAAMA,IAAeC,EAAO;AAAA;AAAA,SAE1B,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA,UACjB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjB,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA;AAAA,GAIxBC,IAAuBJ,EAAOK,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/ui/nudge/nudge.js

@@ -0,0 +1,17 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { LOTTIE as d } from "../../../assets/lottie/lottie.js";
+import m from "../lottie-animation/lottie-animation.js";
+import { NudgeWrapper as p, NudgeLottieContainer as s } from "./nudge-styled.js";
+const f = ({
+  content: r,
+  nudgePointerX: e = 0,
+  nudgePointerY: o = 0,
+  zIndex: i = 100
+}) => /* @__PURE__ */ n(p, { $top: o, $left: e, $zIndex: i, children: [
+  /* @__PURE__ */ t(s, { $height: 64, $width: 64, children: /* @__PURE__ */ t(m, { src: d.NUDGE_TAP }) }),
+  r
+] }), g = f;
+export {
+  g as default
+};
+//# sourceMappingURL=nudge.js.map

package/dist/features/ui/nudge/nudge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nudge.js","sources":["../../../../src/features/ui/nudge/nudge.tsx"],"sourcesContent":["import type { INudgeProps } from './nudge-types';\n\nimport React from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport LottieAnimation from '../lottie-animation/lottie-animation';\nimport * as S from './nudge-styled';\n\nconst Nudge: React.FC<INudgeProps> = ({\n  content,\n  nudgePointerX = 0,\n  nudgePointerY = 0,\n  zIndex = 100,\n}) => {\n  return (\n    <S.NudgeWrapper $top={nudgePointerY} $left={nudgePointerX} $zIndex={zIndex}>\n      <S.NudgeLottieContainer $height={64} $width={64}>\n        <LottieAnimation src={LOTTIE.NUDGE_TAP} />\n      </S.NudgeLottieContainer>\n      {content}\n    </S.NudgeWrapper>\n  );\n};\n\nexport default Nudge;\n"],"names":["Nudge","content","nudgePointerX","nudgePointerY","zIndex","jsxs","S.NudgeWrapper","jsx","S.NudgeLottieContainer","LottieAnimation","LOTTIE","Nudge$1"],"mappings":";;;;AAQA,MAAMA,IAA+B,CAAC;AAAA,EACpC,SAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,QAAAC,IAAS;AACX,MAEI,gBAAAC,EAACC,GAAA,EAAe,MAAMH,GAAe,OAAOD,GAAe,SAASE,GAClE,UAAA;AAAA,EAAA,gBAAAG,EAACC,GAAA,EAAuB,SAAS,IAAI,QAAQ,IAC3C,UAAA,gBAAAD,EAACE,GAAgB,EAAA,KAAKC,EAAO,UAAA,CAAW,EAC1C,CAAA;AAAA,EACCT;AACH,EAAA,CAAA,GAIJU,IAAeX;"}

package/dist/features/ui/perfect-hits/constants.js

@@ -0,0 +1,6 @@
+const o = ["bronze", "silver", "gold", "color"], r = 5;
+export {
+  r as RANGE_SIZE,
+  o as TIERS
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/ui/perfect-hits/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/features/ui/perfect-hits/constants.ts"],"sourcesContent":["export const TIERS = ['bronze', 'silver', 'gold', 'color'] as const;\nexport const RANGE_SIZE = 5;\n"],"names":["TIERS","RANGE_SIZE"],"mappings":"AAAO,MAAMA,IAAQ,CAAC,UAAU,UAAU,QAAQ,OAAO,GAC5CC,IAAa;"}

package/dist/features/ui/perfect-hits/perfect-hits-helpers.js

@@ -0,0 +1,32 @@
+import { LOTTIE as o } from "../../../assets/lottie/lottie.js";
+import { fetchLottie as a } from "../lottie-animation/helper.js";
+import { RANGE_SIZE as t, TIERS as e } from "./constants.js";
+const s = {
+  bronze_1: o.BRONZE_1,
+  bronze_2: o.BRONZE_2,
+  bronze_3: o.BRONZE_3,
+  silver_1: o.SILVER_1,
+  silver_2: o.SILVER_2,
+  silver_3: o.SILVER_3,
+  gold_1: o.GOLD_1,
+  gold_2: o.GOLD_2,
+  gold_3: o.GOLD_3,
+  color_1: o.COLOR_1,
+  color_2: o.COLOR_2,
+  color_3: o.COLOR_3
+};
+async function f(r) {
+  const _ = r >= t * 12 ? 3 : Math.floor(r / (e.length * t)) + 1, i = Math.floor(r % (e.length * t) / t), n = `${r >= t * 12 ? "color" : e[i]}_${_}`, l = s[n];
+  if (l)
+    try {
+      return await a(l);
+    } catch {
+      return null;
+    }
+  return null;
+}
+export {
+  t as RANGE_SIZE,
+  f as getAnimationFile
+};
+//# sourceMappingURL=perfect-hits-helpers.js.map

package/dist/features/ui/perfect-hits/perfect-hits-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"perfect-hits-helpers.js","sources":["../../../../src/features/ui/perfect-hits/perfect-hits-helpers.ts"],"sourcesContent":["import { LOTTIE } from '../../../assets/lottie/lottie';\nimport { fetchLottie } from '../lottie-animation/helper';\nimport { RANGE_SIZE, TIERS } from './constants';\n\ntype AnimationData = Record<string, unknown>;\n\nconst animationFilesMap: Record<string, string> = {\n  bronze_1: LOTTIE.BRONZE_1,\n  bronze_2: LOTTIE.BRONZE_2,\n  bronze_3: LOTTIE.BRONZE_3,\n  silver_1: LOTTIE.SILVER_1,\n  silver_2: LOTTIE.SILVER_2,\n  silver_3: LOTTIE.SILVER_3,\n  gold_1: LOTTIE.GOLD_1,\n  gold_2: LOTTIE.GOLD_2,\n  gold_3: LOTTIE.GOLD_3,\n  color_1: LOTTIE.COLOR_1,\n  color_2: LOTTIE.COLOR_2,\n  color_3: LOTTIE.COLOR_3,\n};\n\n/**\n * [0-4] => bronze_1\n * [5-9] => silver_1\n * [10-14] => gold_1\n * [15-19] => color_1\n * [20-24] => bronze_2\n * [25-29] => silver_2\n * [30-34] => gold_2\n * [35-39] => color_2\n * [40-44] => bronze_3\n * [45-49] => silver_3\n * [50-54] => gold_3\n * [55-59] => color_3\n * [>60] => color_3\n */\n\nasync function getAnimationFile(num: number): Promise<AnimationData | null> {\n  const setNumber = num >= RANGE_SIZE * 12 ? 3 : Math.floor(num / (TIERS.length * RANGE_SIZE)) + 1;\n\n  const tierIndex = Math.floor((num % (TIERS.length * RANGE_SIZE)) / RANGE_SIZE);\n  const tier = num >= RANGE_SIZE * 12 ? 'color' : TIERS[tierIndex];\n  const fileName = `${tier}_${setNumber}`;\n\n  const loadAnimationPath = animationFilesMap[fileName];\n\n  if (loadAnimationPath) {\n    try {\n      const lottieModule = await fetchLottie(loadAnimationPath);\n\n      return lottieModule;\n    } catch (error) {\n      return null;\n    }\n  }\n\n  return null;\n}\n\nexport { getAnimationFile, RANGE_SIZE };\n"],"names":["animationFilesMap","LOTTIE","getAnimationFile","num","setNumber","RANGE_SIZE","TIERS","tierIndex","fileName","loadAnimationPath","fetchLottie"],"mappings":";;;AAMA,MAAMA,IAA4C;AAAA,EAChD,UAAUC,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAClB;AAkBA,eAAeC,EAAiBC,GAA4C;AACpE,QAAAC,IAAYD,KAAOE,IAAa,KAAK,IAAI,KAAK,MAAMF,KAAOG,EAAM,SAASD,EAAW,IAAI,GAEzFE,IAAY,KAAK,MAAOJ,KAAOG,EAAM,SAASD,KAAeA,CAAU,GAEvEG,IAAW,GADJL,KAAOE,IAAa,KAAK,UAAUC,EAAMC,CAAS,CACvC,IAAIH,CAAS,IAE/BK,IAAoBT,EAAkBQ,CAAQ;AAEpD,MAAIC;AACE,QAAA;AAGK,aAFc,MAAMC,EAAYD,CAAiB;AAAA,YAG1C;AACP,aAAA;AAAA,IACT;AAGK,SAAA;AACT;"}

package/dist/features/ui/perfect-hits/perfect-hits-styled.js

@@ -0,0 +1,44 @@
+import a, { keyframes as s, css as o } from "styled-components";
+import t from "../layout/flex-view.js";
+import e from "../text/text.js";
+const f = a(t)`
+  position: relative;
+`, i = s`
+  from {
+    transform: scale(1);
+  }
+  to {
+    transform: scale(0);
+  }
+`, n = s`
+  0% {
+    transform: scale(0);
+  }
+  70% {
+    transform: scale(1.5);
+  }
+  100% {
+    transform: scale(1);
+  }
+`, l = a(e)`
+  position: absolute;
+  right: 42px;
+
+  ${({ $animationType: r }) => r === "disappear" && o`
+      animation: ${i} 0.4s cubic-bezier(0.73, 0, 0.27, 1) forwards;
+    `}
+
+  ${({ $animationType: r }) => r === "reveal" && o`
+      animation: ${n} 0.4s cubic-bezier(0.73, 0, 0.27, 1) forwards;
+    `}
+`, d = a(t)`
+  svg {
+    transform: scale(1.35) !important;
+  }
+`;
+export {
+  l as AnimatedText,
+  d as AnimationContainer,
+  f as Wrapper
+};
+//# sourceMappingURL=perfect-hits-styled.js.map

package/dist/features/ui/perfect-hits/perfect-hits-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"perfect-hits-styled.js","sources":["../../../../src/features/ui/perfect-hits/perfect-hits-styled.tsx"],"sourcesContent":["import type { IAnimatedTextProps } from './perfect-hits-types';\n\nimport styled, { css } from 'styled-components';\nimport { keyframes } from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\n\nconst Wrapper = styled(FlexView)`\n  position: relative;\n`;\n\nconst disappear = keyframes`\n  from {\n    transform: scale(1);\n  }\n  to {\n    transform: scale(0);\n  }\n`;\n\nconst reveal = keyframes`\n  0% {\n    transform: scale(0);\n  }\n  70% {\n    transform: scale(1.5);\n  }\n  100% {\n    transform: scale(1);\n  }\n`;\n\nconst AnimatedText = styled(Text)<IAnimatedTextProps>`\n  position: absolute;\n  right: 42px;\n\n  ${({ $animationType }) =>\n    $animationType === 'disappear' &&\n    css`\n      animation: ${disappear} 0.4s cubic-bezier(0.73, 0, 0.27, 1) forwards;\n    `}\n\n  ${({ $animationType }) =>\n    $animationType === 'reveal' &&\n    css`\n      animation: ${reveal} 0.4s cubic-bezier(0.73, 0, 0.27, 1) forwards;\n    `}\n`;\n\nconst AnimationContainer = styled(FlexView)`\n  svg {\n    transform: scale(1.35) !important;\n  }\n`;\n\nexport { Wrapper, AnimatedText, AnimationContainer };\n"],"names":["Wrapper","styled","FlexView","disappear","keyframes","reveal","AnimatedText","Text","$animationType","css","AnimationContainer"],"mappings":";;;AAQM,MAAAA,IAAUC,EAAOC,CAAQ;AAAA;AAAA,GAIzBC,IAAYC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASZC,IAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYTE,IAAeL,EAAOM,CAAI;AAAA;AAAA;AAAA;AAAA,IAI5B,CAAC,EAAE,gBAAAC,EAAe,MAClBA,MAAmB,eACnBC;AAAA,mBACeN,CAAS;AAAA,KACvB;AAAA;AAAA,IAED,CAAC,EAAE,gBAAAK,EAAe,MAClBA,MAAmB,YACnBC;AAAA,mBACeJ,CAAM;AAAA,KACpB;AAAA,GAGCK,IAAqBT,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/ui/perfect-hits/perfect-hits.js

@@ -0,0 +1,60 @@
+import { jsxs as C, jsx as f } from "react/jsx-runtime";
+import p from "lottie-web";
+import { memo as L, useRef as d, useState as y, useCallback as A, useEffect as g } from "react";
+import { getAnimationFile as x } from "./perfect-hits-helpers.js";
+import { Wrapper as S, AnimatedText as D, AnimationContainer as E } from "./perfect-hits-styled.js";
+import { RANGE_SIZE as I } from "./constants.js";
+const w = ({ value: e }) => {
+  const r = d(null), t = d(null), [h, a] = y("reveal"), [T, s] = y(e ?? 0), c = A(
+    (n) => {
+      var i;
+      n % I === 0 && t.current ? (t.current.playSegments([84, 117], !0), t.current.addEventListener("complete", async () => {
+        var m;
+        if (r.current) {
+          (m = t.current) == null || m.destroy();
+          const u = await x(n);
+          if (u) {
+            const $ = p.loadAnimation({
+              container: r.current,
+              renderer: "svg",
+              loop: !1,
+              autoplay: !1,
+              animationData: u
+            });
+            t.current = $, t.current.playSegments([0, 36], !0);
+          }
+        }
+      })) : (i = t.current) == null || i.playSegments([36, 83], !0);
+    },
+    [t]
+  ), l = A(async (n) => {
+    const o = await x(n);
+    if (o && r.current) {
+      const i = p.loadAnimation({
+        container: r.current,
+        renderer: "svg",
+        loop: !1,
+        autoplay: !1,
+        animationData: o
+      });
+      t.current = i, t.current.goToAndStop(36, !0);
+    }
+  }, []);
+  return g(() => () => {
+    t.current && t.current.destroy();
+  }, []), g(() => {
+    let n = null;
+    return e > 0 && t.current ? (c(e), a("disappear"), n = setTimeout(() => {
+      s(e), a("reveal");
+    }, 1200)) : !t.current && e >= 0 && (s(e), l(e)), () => {
+      n && clearTimeout(n);
+    };
+  }, [e, c, l]), /* @__PURE__ */ C(S, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", children: [
+    /* @__PURE__ */ f(D, { $renderAs: "h4", $color: "YELLOW_4", $animationType: h, children: T }),
+    /* @__PURE__ */ f(E, { ref: r, $width: 90, $height: 55 })
+  ] });
+}, b = L(w);
+export {
+  b as default
+};
+//# sourceMappingURL=perfect-hits.js.map

package/dist/features/ui/perfect-hits/perfect-hits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"perfect-hits.js","sources":["../../../../src/features/ui/perfect-hits/perfect-hits.tsx"],"sourcesContent":["import type { IPerfectHitsProps, TTextAnimationType } from './perfect-hits-types';\n\nimport lottieWeb, { type AnimationItem } from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { RANGE_SIZE, getAnimationFile } from './perfect-hits-helpers';\nimport { Wrapper, AnimatedText, AnimationContainer } from './perfect-hits-styled';\n\nconst PerfectHits: React.FC<IPerfectHitsProps> = ({ value }) => {\n  const lottieContainer = useRef<HTMLDivElement | null>(null);\n  const lottieInstance = useRef<AnimationItem | null>(null);\n  const [textAnimationType, setTextAnimationType] = useState<TTextAnimationType>('reveal');\n  const [displayValue, setDisplayValue] = useState(value ?? 0);\n\n  const playAnimation = useCallback(\n    (num: number) => {\n      const isLevelChanged = num % RANGE_SIZE === 0;\n\n      if (isLevelChanged && lottieInstance.current) {\n        lottieInstance.current.playSegments([84, 117], true);\n        lottieInstance.current.addEventListener('complete', async () => {\n          if (lottieContainer.current) {\n            lottieInstance.current?.destroy();\n            const nextAnimationData = await getAnimationFile(num);\n\n            if (nextAnimationData) {\n              const nextInstance = lottieWeb.loadAnimation({\n                container: lottieContainer.current,\n                renderer: 'svg',\n                loop: false,\n                autoplay: false,\n                animationData: nextAnimationData,\n              });\n\n              lottieInstance.current = nextInstance;\n              lottieInstance.current.playSegments([0, 36], true);\n            }\n          }\n        });\n      } else {\n        lottieInstance.current?.playSegments([36, 83], true);\n      }\n    },\n    [lottieInstance],\n  );\n\n  const initializeAnimation = useCallback(async (num: number) => {\n    const animationData = await getAnimationFile(num);\n\n    if (animationData && lottieContainer.current) {\n      const instance = lottieWeb.loadAnimation({\n        container: lottieContainer.current,\n        renderer: 'svg',\n        loop: false,\n        autoplay: false,\n        animationData,\n      });\n\n      lottieInstance.current = instance;\n\n      lottieInstance.current.goToAndStop(36, true);\n    }\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      if (lottieInstance.current) {\n        lottieInstance.current.destroy();\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout | null = null;\n\n    if (value > 0 && lottieInstance.current) {\n      playAnimation(value);\n      setTextAnimationType('disappear');\n      timeoutId = setTimeout(() => {\n        setDisplayValue(value);\n        setTextAnimationType('reveal');\n      }, 1200);\n    } else if (!lottieInstance.current && value >= 0) {\n      setDisplayValue(value);\n      initializeAnimation(value);\n    }\n\n    return () => {\n      if (timeoutId) clearTimeout(timeoutId);\n    };\n  }, [value, playAnimation, initializeAnimation]);\n\n  return (\n    <Wrapper $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\">\n      <AnimatedText $renderAs=\"h4\" $color=\"YELLOW_4\" $animationType={textAnimationType}>\n        {displayValue}\n      </AnimatedText>\n\n      <AnimationContainer ref={lottieContainer} $width={90} $height={55} />\n    </Wrapper>\n  );\n};\n\nexport default memo(PerfectHits);\n"],"names":["PerfectHits","value","lottieContainer","useRef","lottieInstance","textAnimationType","setTextAnimationType","useState","displayValue","setDisplayValue","playAnimation","useCallback","num","RANGE_SIZE","_a","nextAnimationData","getAnimationFile","nextInstance","lottieWeb","initializeAnimation","animationData","instance","useEffect","timeoutId","Wrapper","jsx","AnimatedText","AnimationContainer","perfectHits","memo"],"mappings":";;;;;;AAQA,MAAMA,IAA2C,CAAC,EAAE,OAAAC,QAAY;AACxD,QAAAC,IAAkBC,EAA8B,IAAI,GACpDC,IAAiBD,EAA6B,IAAI,GAClD,CAACE,GAAmBC,CAAoB,IAAIC,EAA6B,QAAQ,GACjF,CAACC,GAAcC,CAAe,IAAIF,EAASN,KAAS,CAAC,GAErDS,IAAgBC;AAAA,IACpB,CAACC,MAAgB;;AAGX,MAFmBA,IAAMC,MAAe,KAEtBT,EAAe,WACnCA,EAAe,QAAQ,aAAa,CAAC,IAAI,GAAG,GAAG,EAAI,GACpCA,EAAA,QAAQ,iBAAiB,YAAY,YAAY;;AAC9D,YAAIF,EAAgB,SAAS;AAC3B,WAAAY,IAAAV,EAAe,YAAf,QAAAU,EAAwB;AAClB,gBAAAC,IAAoB,MAAMC,EAAiBJ,CAAG;AAEpD,cAAIG,GAAmB;AACf,kBAAAE,IAAeC,EAAU,cAAc;AAAA,cAC3C,WAAWhB,EAAgB;AAAA,cAC3B,UAAU;AAAA,cACV,MAAM;AAAA,cACN,UAAU;AAAA,cACV,eAAea;AAAA,YAAA,CAChB;AAED,YAAAX,EAAe,UAAUa,GACzBb,EAAe,QAAQ,aAAa,CAAC,GAAG,EAAE,GAAG,EAAI;AAAA,UACnD;AAAA,QACF;AAAA,MAAA,CACD,MAEDU,IAAAV,EAAe,YAAf,QAAAU,EAAwB,aAAa,CAAC,IAAI,EAAE,GAAG;AAAA,IAEnD;AAAA,IACA,CAACV,CAAc;AAAA,EAAA,GAGXe,IAAsBR,EAAY,OAAOC,MAAgB;AACvD,UAAAQ,IAAgB,MAAMJ,EAAiBJ,CAAG;AAE5C,QAAAQ,KAAiBlB,EAAgB,SAAS;AACtC,YAAAmB,IAAWH,EAAU,cAAc;AAAA,QACvC,WAAWhB,EAAgB;AAAA,QAC3B,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,eAAAkB;AAAA,MAAA,CACD;AAED,MAAAhB,EAAe,UAAUiB,GAEVjB,EAAA,QAAQ,YAAY,IAAI,EAAI;AAAA,IAC7C;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,SAAAkB,EAAU,MACD,MAAM;AACX,IAAIlB,EAAe,WACjBA,EAAe,QAAQ;EACzB,GAED,CAAE,CAAA,GAELkB,EAAU,MAAM;AACd,QAAIC,IAAmC;AAEnC,WAAAtB,IAAQ,KAAKG,EAAe,WAC9BM,EAAcT,CAAK,GACnBK,EAAqB,WAAW,GAChCiB,IAAY,WAAW,MAAM;AAC3B,MAAAd,EAAgBR,CAAK,GACrBK,EAAqB,QAAQ;AAAA,OAC5B,IAAI,KACE,CAACF,EAAe,WAAWH,KAAS,MAC7CQ,EAAgBR,CAAK,GACrBkB,EAAoBlB,CAAK,IAGpB,MAAM;AACP,MAAAsB,kBAAwBA,CAAS;AAAA,IAAA;AAAA,EAEtC,GAAA,CAACtB,GAAOS,GAAeS,CAAmB,CAAC,qBAG3CK,GAAQ,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UACjE,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAa,WAAU,MAAK,QAAO,YAAW,gBAAgBrB,GAC5D,UACHG,EAAA,CAAA;AAAA,sBAECmB,GAAmB,EAAA,KAAKzB,GAAiB,QAAQ,IAAI,SAAS,IAAI;AAAA,EACrE,EAAA,CAAA;AAEJ,GAEe0B,IAAAC,EAAK7B,CAAW;"}

package/dist/features/ui/portal/portal.js

@@ -0,0 +1,9 @@
+import { createPortal as o } from "react-dom";
+const n = ({ children: e, portalId: r }) => {
+  const t = document.getElementById(r);
+  return t ? o(e, t) : null;
+};
+export {
+  n as default
+};
+//# sourceMappingURL=portal.js.map

package/dist/features/ui/portal/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.js","sources":["../../../../src/features/ui/portal/portal.tsx"],"sourcesContent":["import type { IPortalProps } from './portal-types';\nimport type { FC } from 'react';\n\nimport { createPortal } from 'react-dom';\n\nconst Portal: FC<IPortalProps> = ({ children, portalId }) => {\n  const portalElement = document.getElementById(portalId);\n\n  if (!portalElement) return null;\n\n  return createPortal(children, portalElement);\n};\n\nexport default Portal;\n"],"names":["Portal","children","portalId","portalElement","createPortal"],"mappings":";AAKA,MAAMA,IAA2B,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AACrD,QAAAC,IAAgB,SAAS,eAAeD,CAAQ;AAElD,SAACC,IAEEC,EAAaH,GAAUE,CAAa,IAFhB;AAG7B;"}

package/dist/features/ui/radio-cards/radio-card-option/radio-card-option-styled.js

@@ -0,0 +1,65 @@
+import e from "styled-components";
+import l from "../../layout/flex-view.js";
+const u = e.div(
+  ({ $width: o, $widthX: r, $selected: i, theme: t }) => {
+    const { BLACK: n, GREY_2: d, WHITE: s } = t.colors, { gutter: p } = t.layout;
+    return `
+      width: ${o ?? "auto"}${typeof o == "number" ? "px" : ""};
+      ${r ? `width: ${r * t.layout.gutter}px;` : ""}
+      padding: ${p}px;
+      background-color: ${s};
+      border-radius: ${p * 0.5}px;
+
+      border-width: 1px;
+      border-color: ${i ? n : d};
+      border-style: solid;
+      cursor: pointer;
+      position: relative;
+      
+      display: flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      height: 100%; // To keep it attached with Dummy border.
+    `;
+  }
+), x = e.div(({ $selected: o, theme: r }) => `
+    border-radius: 9px;
+    border-width: 1px;
+    border-color: ${o ? r.colors.BLACK : "transparent"};
+    border-style: solid;
+  `), b = e(l)`
+  width: 100%;
+`, y = e.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, g = e.div(({ theme: o, $size: r, $innerCircle: i }) => {
+  const { BLACK: t, WHITE: n } = o.colors, { gutter: d } = o.layout;
+  return `
+    position: relative;
+    flex-shrink: 0;
+    width: ${r}px;
+    height: ${r}px;
+    margin: ${d * 0.25}px;
+    border-radius: ${r / 2}px;
+    background-color: ${i ? t : n};
+    border-color: ${t};
+    border-width: ${i ? 0 : 2}px;
+    border-style: solid;
+  `;
+}), f = e.div`
+  inset: 0;
+  display: flex;
+  position: absolute;
+  align-items: center;
+  justify-content: center;
+`;
+export {
+  x as DummyBorder,
+  y as ImageWrapper,
+  g as InputOptionCircle,
+  f as InputOptionInnerCircle,
+  u as RadioCardOptionWrapper,
+  b as RadioImageContainer
+};
+//# sourceMappingURL=radio-card-option-styled.js.map

package/dist/features/ui/radio-cards/radio-card-option/radio-card-option-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-card-option-styled.js","sources":["../../../../../src/features/ui/radio-cards/radio-card-option/radio-card-option-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../layout/flex-view';\n\ninterface IRadioCardOptionWrapperProps {\n  $width?: string | number;\n  $widthX?: number;\n  $selected?: boolean;\n}\n\nconst RadioCardOptionWrapper = styled.div<IRadioCardOptionWrapperProps>(\n  ({ $width, $widthX, $selected, theme }) => {\n    const { BLACK, GREY_2, WHITE } = theme.colors;\n    const { gutter } = theme.layout;\n\n    return `\n      width: ${$width ?? 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      ${$widthX ? `width: ${$widthX * theme.layout.gutter}px;` : ''}\n      padding: ${gutter}px;\n      background-color: ${WHITE};\n      border-radius: ${gutter * 0.5}px;\n\n      border-width: 1px;\n      border-color: ${$selected ? BLACK : GREY_2};\n      border-style: solid;\n      cursor: pointer;\n      position: relative;\n      \n      display: flex;\n      flex-direction: row;\n      flex-wrap: nowrap;\n      height: 100%; // To keep it attached with Dummy border.\n    `;\n  },\n);\n\ninterface IDummyBorderProps {\n  $selected?: boolean;\n}\n\nconst DummyBorder = styled.div<IDummyBorderProps>(({ $selected, theme }) => {\n  return `\n    border-radius: 9px;\n    border-width: 1px;\n    border-color: ${$selected ? theme.colors.BLACK : 'transparent'};\n    border-style: solid;\n  `;\n});\n\nconst RadioImageContainer = styled(FlexView)`\n  width: 100%;\n`;\n\nconst ImageWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\ninterface IInputOptionCircleProps {\n  $size: number;\n  $innerCircle: boolean;\n}\n\nconst InputOptionCircle = styled.div<IInputOptionCircleProps>(({ theme, $size, $innerCircle }) => {\n  const { BLACK, WHITE } = theme.colors;\n  const { gutter } = theme.layout;\n\n  return `\n    position: relative;\n    flex-shrink: 0;\n    width: ${$size}px;\n    height: ${$size}px;\n    margin: ${gutter * 0.25}px;\n    border-radius: ${$size / 2}px;\n    background-color: ${$innerCircle ? BLACK : WHITE};\n    border-color: ${BLACK};\n    border-width: ${$innerCircle ? 0 : 2}px;\n    border-style: solid;\n  `;\n});\n\nconst InputOptionInnerCircle = styled.div`\n  inset: 0;\n  display: flex;\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport {\n  RadioCardOptionWrapper,\n  RadioImageContainer,\n  ImageWrapper,\n  InputOptionCircle,\n  InputOptionInnerCircle,\n  DummyBorder,\n};\n"],"names":["RadioCardOptionWrapper","styled","$width","$widthX","$selected","theme","BLACK","GREY_2","WHITE","gutter","DummyBorder","RadioImageContainer","FlexView","ImageWrapper","InputOptionCircle","$size","$innerCircle","InputOptionInnerCircle"],"mappings":";;AAUA,MAAMA,IAAyBC,EAAO;AAAA,EACpC,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,OAAAC,QAAY;AACzC,UAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,EAAA,IAAUH,EAAM,QACjC,EAAE,QAAAI,EAAO,IAAIJ,EAAM;AAElB,WAAA;AAAA,eACIH,KAAU,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAChEC,IAAU,UAAUA,IAAUE,EAAM,OAAO,MAAM,QAAQ,EAAE;AAAA,iBAClDI,CAAM;AAAA,0BACGD,CAAK;AAAA,uBACRC,IAAS,GAAG;AAAA;AAAA;AAAA,sBAGbL,IAAYE,IAAQC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU9C;AACF,GAMMG,IAAcT,EAAO,IAAuB,CAAC,EAAE,WAAAG,GAAW,OAAAC,QACvD;AAAA;AAAA;AAAA,oBAGWD,IAAYC,EAAM,OAAO,QAAQ,aAAa;AAAA;AAAA,GAGjE,GAEKM,IAAsBV,EAAOW,CAAQ;AAAA;AAAA,GAIrCC,IAAeZ,EAAO;AAAA;AAAA;AAAA;AAAA,GAWtBa,IAAoBb,EAAO,IAA6B,CAAC,EAAE,OAAAI,GAAO,OAAAU,GAAO,cAAAC,QAAmB;AAChG,QAAM,EAAE,OAAAV,GAAO,OAAAE,MAAUH,EAAM,QACzB,EAAE,QAAAI,EAAO,IAAIJ,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA,aAGIU,CAAK;AAAA,cACJA,CAAK;AAAA,cACLN,IAAS,IAAI;AAAA,qBACNM,IAAQ,CAAC;AAAA,wBACNC,IAAeV,IAAQE,CAAK;AAAA,oBAChCF,CAAK;AAAA,oBACLU,IAAe,IAAI,CAAC;AAAA;AAAA;AAGxC,CAAC,GAEKC,IAAyBhB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}