@cuemath/leap 3.5.73 → 3.5.74

package/dist/features/ui/inputs/radio-input/radio-option/radio-option.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import { useCallback as u } from "react";
 import { useTheme as a } from "styled-components";
-import { RadioOptionWrapper as f, InputOptionCircle as t, InputOptionInnerCircleWrraper as m, Label as c } from "./radio-option-styled.js";
+import { RadioOptionWrapper as f, InputOptionCircle as t, InputOptionInnerCircleWrraper as c, Label as m } from "./radio-option-styled.js";
 const $ = ({
   id: e,
   label: l,
@@ -16,8 +16,8 @@ const $ = ({
     r || n(e);
   }, [r, n, e]);
   return /* @__PURE__ */ s(f, { onClick: p, children: [
-    /* @__PURE__ */ i(t, { $size: o, $innerCircle: !1, children: r && /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(t, { $size: o * 0.5, $innerCircle: !0 }) }) }),
-    /* @__PURE__ */ i(c, { $renderAs: r ? "body1Medium" : "body1", children: l })
+    /* @__PURE__ */ i(t, { $size: o, $innerCircle: !1, children: r && /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i(t, { $size: o * 0.5, $innerCircle: !0 }) }) }),
+    /* @__PURE__ */ i(m, { $renderAs: r ? "ub1-bold" : "ub1", children: l })
   ] });
 };
 export {

package/dist/features/ui/inputs/radio-input/radio-option/radio-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-option.js","sources":["../../../../../../src/features/ui/inputs/radio-input/radio-option/radio-option.tsx"],"sourcesContent":["import { useCallback, type ReactElement } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport * as Styled from './radio-option-styled';\nimport type { IRadioOptionProps } from './radio-option-types';\n\nconst RadioOption = <IDType extends string | number>({\n  id,\n  label,\n  checked,\n  onChange,\n}: IRadioOptionProps<IDType>): ReactElement => {\n  const {\n    layout: { gutter },\n  } = useTheme();\n  const handleOnClick = useCallback(() => {\n    if (typeof onChange !== 'function') {\n      throw new Error('onChange must be a function');\n    }\n\n    if (!checked) onChange(id);\n  }, [checked, onChange, id]);\n\n  return (\n    <Styled.RadioOptionWrapper onClick={handleOnClick}>\n      <Styled.InputOptionCircle $size={gutter} $innerCircle={false}>\n        {checked && (\n          <Styled.InputOptionInnerCircleWrraper>\n            <Styled.InputOptionCircle $size={gutter * 0.5} $innerCircle={true} />\n          </Styled.InputOptionInnerCircleWrraper>\n        )}\n      </Styled.InputOptionCircle>\n      <Styled.Label $renderAs={checked ? 'body1Medium' : 'body1'}>{label}</Styled.Label>\n    </Styled.RadioOptionWrapper>\n  );\n};\n\nexport default RadioOption;\n"],"names":["RadioOption","id","label","checked","onChange","gutter","useTheme","handleOnClick","useCallback","jsxs","Styled.RadioOptionWrapper","jsx","Styled.InputOptionCircle","Styled.InputOptionInnerCircleWrraper","Styled.Label"],"mappings":";;;;AAMA,MAAMA,IAAc,CAAiC;AAAA,EACnD,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAA+C;AACvC,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,MACfC,EAAS,GACPC,IAAgBC,EAAY,MAAM;AAClC,QAAA,OAAOJ,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG3C,IAACD,KAASC,EAASH,CAAE;AAAA,EACxB,GAAA,CAACE,GAASC,GAAUH,CAAE,CAAC;AAE1B,SACG,gBAAAQ,EAAAC,GAAA,EAA0B,SAASH,GAClC,UAAA;AAAA,IAAC,gBAAAI,EAAAC,GAAA,EAAyB,OAAOP,GAAQ,cAAc,IACpD,UACCF,KAAA,gBAAAQ,EAACE,GAAA,EACC,UAAC,gBAAAF,EAAAC,GAAA,EAAyB,OAAOP,IAAS,KAAK,cAAc,GAAM,CAAA,EACrE,CAAA,GAEJ;AAAA,IACA,gBAAAM,EAACG,GAAA,EAAa,WAAWX,IAAU,gBAAgB,SAAU,UAAMD,GAAA;AAAA,EACrE,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"radio-option.js","sources":["../../../../../../src/features/ui/inputs/radio-input/radio-option/radio-option.tsx"],"sourcesContent":["import { useCallback, type ReactElement } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport * as Styled from './radio-option-styled';\nimport type { IRadioOptionProps } from './radio-option-types';\n\nconst RadioOption = <IDType extends string | number>({\n  id,\n  label,\n  checked,\n  onChange,\n}: IRadioOptionProps<IDType>): ReactElement => {\n  const {\n    layout: { gutter },\n  } = useTheme();\n  const handleOnClick = useCallback(() => {\n    if (typeof onChange !== 'function') {\n      throw new Error('onChange must be a function');\n    }\n\n    if (!checked) onChange(id);\n  }, [checked, onChange, id]);\n\n  return (\n    <Styled.RadioOptionWrapper onClick={handleOnClick}>\n      <Styled.InputOptionCircle $size={gutter} $innerCircle={false}>\n        {checked && (\n          <Styled.InputOptionInnerCircleWrraper>\n            <Styled.InputOptionCircle $size={gutter * 0.5} $innerCircle={true} />\n          </Styled.InputOptionInnerCircleWrraper>\n        )}\n      </Styled.InputOptionCircle>\n      <Styled.Label $renderAs={checked ? 'ub1-bold' : 'ub1'}>{label}</Styled.Label>\n    </Styled.RadioOptionWrapper>\n  );\n};\n\nexport default RadioOption;\n"],"names":["RadioOption","id","label","checked","onChange","gutter","useTheme","handleOnClick","useCallback","jsxs","Styled.RadioOptionWrapper","jsx","Styled.InputOptionCircle","Styled.InputOptionInnerCircleWrraper","Styled.Label"],"mappings":";;;;AAMA,MAAMA,IAAc,CAAiC;AAAA,EACnD,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAA+C;AACvC,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,MACfC,EAAS,GACPC,IAAgBC,EAAY,MAAM;AAClC,QAAA,OAAOJ,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG3C,IAACD,KAASC,EAASH,CAAE;AAAA,EACxB,GAAA,CAACE,GAASC,GAAUH,CAAE,CAAC;AAE1B,SACG,gBAAAQ,EAAAC,GAAA,EAA0B,SAASH,GAClC,UAAA;AAAA,IAAC,gBAAAI,EAAAC,GAAA,EAAyB,OAAOP,GAAQ,cAAc,IACpD,UACCF,KAAA,gBAAAQ,EAACE,GAAA,EACC,UAAC,gBAAAF,EAAAC,GAAA,EAAyB,OAAOP,IAAS,KAAK,cAAc,GAAM,CAAA,EACrE,CAAA,GAEJ;AAAA,IACA,gBAAAM,EAACG,GAAA,EAAa,WAAWX,IAAU,aAAa,OAAQ,UAAMD,GAAA;AAAA,EAChE,EAAA,CAAA;AAEJ;"}

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

@@ -50,11 +50,11 @@ const w = ({ value: 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(D, { $renderAs: "ah3-bold", $color: "YELLOW_4", $animationType: h, children: T }),
     /* @__PURE__ */ f(E, { ref: r, $width: 90, $height: 55 })
   ] });
-}, b = L(w);
+}, _ = L(w);
 export {
-  b as default
+  _ as default
 };
 //# sourceMappingURL=perfect-hits.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"perfect-hits.js","sources":["../../../../src/features/ui/perfect-hits/perfect-hits.tsx"],"sourcesContent":["import lottieWeb, { type AnimationItem } from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState, type FC } from 'react';\n\nimport { RANGE_SIZE, getAnimationFile } from './perfect-hits-helpers';\nimport { Wrapper, AnimatedText, AnimationContainer } from './perfect-hits-styled';\nimport type { IPerfectHitsProps, TTextAnimationType } from './perfect-hits-types';\n\nconst PerfectHits: 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":";;;;;;AAOA,MAAMA,IAAqC,CAAC,EAAE,OAAAC,QAAY;AAClD,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;"}
+{"version":3,"file":"perfect-hits.js","sources":["../../../../src/features/ui/perfect-hits/perfect-hits.tsx"],"sourcesContent":["import lottieWeb, { type AnimationItem } from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState, type FC } from 'react';\n\nimport { RANGE_SIZE, getAnimationFile } from './perfect-hits-helpers';\nimport { Wrapper, AnimatedText, AnimationContainer } from './perfect-hits-styled';\nimport type { IPerfectHitsProps, TTextAnimationType } from './perfect-hits-types';\n\nconst PerfectHits: 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=\"ah3-bold\" $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":";;;;;;AAOA,MAAMA,IAAqC,CAAC,EAAE,OAAAC,QAAY;AAClD,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,YAAW,QAAO,YAAW,gBAAgBrB,GAClE,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/radio-cards/radio-card-option/radio-card-option.js

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { useCallback as w } from "react";
 import { useTheme as I } from "styled-components";
-import g from "../../hooks/use-response-handler.js";
-import O from "../../layout/flex-view.js";
+import b from "../../hooks/use-response-handler.js";
+import g from "../../layout/flex-view.js";
 import a from "../../text/text.js";
-import { DummyBorder as y, RadioCardOptionWrapper as R, RadioImageContainer as b, ImageWrapper as A, InputOptionCircle as p, InputOptionInnerCircle as T } from "./radio-card-option-styled.js";
+import { DummyBorder as O, RadioCardOptionWrapper as R, RadioImageContainer as y, ImageWrapper as A, InputOptionCircle as p, InputOptionInnerCircle as T } from "./radio-card-option-styled.js";
 const F = ({
   id: n,
   title: c,
@@ -18,12 +18,12 @@ const F = ({
   analyticsProps: h,
   horizontalCard: i
 }) => {
-  const x = I(), { gutter: m } = x.layout, s = g({ analyticsLabel: $, analyticsProps: h }), C = w(() => {
+  const x = I(), { gutter: m } = x.layout, s = b({ analyticsLabel: $, analyticsProps: h }), C = w(() => {
     if (typeof t != "function")
       throw new Error("onChange must be a function");
     r || (t(n), s(n));
   }, [r, s, n, t]);
-  return /* @__PURE__ */ e(y, { $selected: r, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(O, { $selected: r, children: /* @__PURE__ */ o(
     R,
     {
       $width: f,
@@ -32,16 +32,16 @@ const F = ({
       onClick: C,
       children: [
         /* @__PURE__ */ o(
-          b,
+          y,
           {
             $flexDirection: i ? "row" : "column",
             $alignItems: "flex-start",
             $flexGap: i ? 0 : 16,
             children: [
               /* @__PURE__ */ e(A, { children: d }),
-              /* @__PURE__ */ o(O, { $gutter: i ? 16 : 0, $flexGapX: 0.25, children: [
-                /* @__PURE__ */ e(a, { $renderAs: "h6", children: c }),
-                l && /* @__PURE__ */ e(a, { $renderAs: "body2", $color: "BLACK_75", children: l })
+              /* @__PURE__ */ o(g, { $gutter: i ? 16 : 0, $flexGapX: 0.25, children: [
+                /* @__PURE__ */ e(a, { $renderAs: "ab1-bold", children: c }),
+                l && /* @__PURE__ */ e(a, { $renderAs: "ub2", $color: "BLACK_75", children: l })
               ] })
             ]
           }

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

@@ -1 +1 @@
-{"version":3,"file":"radio-card-option.js","sources":["../../../../../src/features/ui/radio-cards/radio-card-option/radio-card-option.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport useResponseHandler from '../../hooks/use-response-handler';\nimport FlexView from '../../layout/flex-view';\nimport Text from '../../text/text';\nimport * as Styled from './radio-card-option-styled';\nimport type { IRadioCardOptionProps } from './radio-card-option-types';\n\nconst RadioCardOption = <IDTypes extends string | number>({\n  id,\n  title,\n  description,\n  checked,\n  Icon,\n  onChange,\n  width,\n  widthX,\n  analyticsLabel,\n  analyticsProps,\n  horizontalCard,\n}: IRadioCardOptionProps<IDTypes>) => {\n  const theme = useTheme();\n  const { gutter } = theme.layout;\n\n  const handleTracking = useResponseHandler({ analyticsLabel, analyticsProps });\n\n  const handleOnCardClick = useCallback(() => {\n    if (typeof onChange !== 'function') {\n      throw new Error('onChange must be a function');\n    }\n\n    if (!checked) {\n      onChange(id);\n      handleTracking(id);\n    }\n  }, [checked, handleTracking, id, onChange]);\n\n  return (\n    <Styled.DummyBorder $selected={checked}>\n      <Styled.RadioCardOptionWrapper\n        $width={width}\n        $widthX={widthX}\n        $selected={checked}\n        onClick={handleOnCardClick}\n      >\n        <Styled.RadioImageContainer\n          $flexDirection={horizontalCard ? 'row' : 'column'}\n          $alignItems=\"flex-start\"\n          $flexGap={horizontalCard ? 0 : 16}\n        >\n          <Styled.ImageWrapper>{Icon}</Styled.ImageWrapper>\n\n          <FlexView $gutter={horizontalCard ? 16 : 0} $flexGapX={0.25}>\n            <Text $renderAs=\"h6\">{title}</Text>\n            {description && (\n              <Text $renderAs=\"body2\" $color=\"BLACK_75\">\n                {description}\n              </Text>\n            )}\n          </FlexView>\n        </Styled.RadioImageContainer>\n        <Styled.InputOptionCircle $size={gutter} $innerCircle={false}>\n          {checked && (\n            <Styled.InputOptionInnerCircle>\n              <Styled.InputOptionCircle $size={gutter * 0.5} $innerCircle={true} />\n            </Styled.InputOptionInnerCircle>\n          )}\n        </Styled.InputOptionCircle>\n      </Styled.RadioCardOptionWrapper>\n    </Styled.DummyBorder>\n  );\n};\n\nexport default RadioCardOption;\n"],"names":["RadioCardOption","id","title","description","checked","Icon","onChange","width","widthX","analyticsLabel","analyticsProps","horizontalCard","theme","useTheme","gutter","handleTracking","useResponseHandler","handleOnCardClick","useCallback","jsx","Styled.DummyBorder","jsxs","Styled.RadioCardOptionWrapper","Styled.RadioImageContainer","Styled.ImageWrapper","FlexView","Text","Styled.InputOptionCircle","Styled.InputOptionInnerCircle"],"mappings":";;;;;;;AASA,MAAMA,IAAkB,CAAkC;AAAA,EACxD,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAAsC;AACpC,QAAMC,IAAQC,KACR,EAAE,QAAAC,EAAO,IAAIF,EAAM,QAEnBG,IAAiBC,EAAmB,EAAE,gBAAAP,GAAgB,gBAAAC,EAAgB,CAAA,GAEtEO,IAAoBC,EAAY,MAAM;AACtC,QAAA,OAAOZ,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG/C,IAAKF,MACHE,EAASL,CAAE,GACXc,EAAed,CAAE;AAAA,KAElB,CAACG,GAASW,GAAgBd,GAAIK,CAAQ,CAAC;AAE1C,SACG,gBAAAa,EAAAC,GAAA,EAAmB,WAAWhB,GAC7B,UAAA,gBAAAiB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAQf;AAAA,MACR,SAASC;AAAA,MACT,WAAWJ;AAAA,MACX,SAASa;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,gBAAgBZ,IAAiB,QAAQ;AAAA,YACzC,aAAY;AAAA,YACZ,UAAUA,IAAiB,IAAI;AAAA,YAE/B,UAAA;AAAA,cAAC,gBAAAQ,EAAAK,GAAA,EAAqB,UAAKnB,EAAA,CAAA;AAAA,gCAE1BoB,GAAS,EAAA,SAASd,IAAiB,KAAK,GAAG,WAAW,MACrD,UAAA;AAAA,gBAAC,gBAAAQ,EAAAO,GAAA,EAAK,WAAU,MAAM,UAAMxB,GAAA;AAAA,gBAC3BC,KACE,gBAAAgB,EAAAO,GAAA,EAAK,WAAU,SAAQ,QAAO,YAC5B,UACHvB,GAAA;AAAA,cAAA,GAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAgB,EAACQ,GAAA,EAAyB,OAAOb,GAAQ,cAAc,IACpD,UAAAV,KACE,gBAAAe,EAAAS,GAAA,EACC,UAAA,gBAAAT,EAACQ,GAAA,EAAyB,OAAOb,IAAS,KAAK,cAAc,GAAM,CAAA,EACrE,CAAA,GAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"radio-card-option.js","sources":["../../../../../src/features/ui/radio-cards/radio-card-option/radio-card-option.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport useResponseHandler from '../../hooks/use-response-handler';\nimport FlexView from '../../layout/flex-view';\nimport Text from '../../text/text';\nimport * as Styled from './radio-card-option-styled';\nimport type { IRadioCardOptionProps } from './radio-card-option-types';\n\nconst RadioCardOption = <IDTypes extends string | number>({\n  id,\n  title,\n  description,\n  checked,\n  Icon,\n  onChange,\n  width,\n  widthX,\n  analyticsLabel,\n  analyticsProps,\n  horizontalCard,\n}: IRadioCardOptionProps<IDTypes>) => {\n  const theme = useTheme();\n  const { gutter } = theme.layout;\n\n  const handleTracking = useResponseHandler({ analyticsLabel, analyticsProps });\n\n  const handleOnCardClick = useCallback(() => {\n    if (typeof onChange !== 'function') {\n      throw new Error('onChange must be a function');\n    }\n\n    if (!checked) {\n      onChange(id);\n      handleTracking(id);\n    }\n  }, [checked, handleTracking, id, onChange]);\n\n  return (\n    <Styled.DummyBorder $selected={checked}>\n      <Styled.RadioCardOptionWrapper\n        $width={width}\n        $widthX={widthX}\n        $selected={checked}\n        onClick={handleOnCardClick}\n      >\n        <Styled.RadioImageContainer\n          $flexDirection={horizontalCard ? 'row' : 'column'}\n          $alignItems=\"flex-start\"\n          $flexGap={horizontalCard ? 0 : 16}\n        >\n          <Styled.ImageWrapper>{Icon}</Styled.ImageWrapper>\n\n          <FlexView $gutter={horizontalCard ? 16 : 0} $flexGapX={0.25}>\n            <Text $renderAs=\"ab1-bold\">{title}</Text>\n            {description && (\n              <Text $renderAs=\"ub2\" $color=\"BLACK_75\">\n                {description}\n              </Text>\n            )}\n          </FlexView>\n        </Styled.RadioImageContainer>\n        <Styled.InputOptionCircle $size={gutter} $innerCircle={false}>\n          {checked && (\n            <Styled.InputOptionInnerCircle>\n              <Styled.InputOptionCircle $size={gutter * 0.5} $innerCircle={true} />\n            </Styled.InputOptionInnerCircle>\n          )}\n        </Styled.InputOptionCircle>\n      </Styled.RadioCardOptionWrapper>\n    </Styled.DummyBorder>\n  );\n};\n\nexport default RadioCardOption;\n"],"names":["RadioCardOption","id","title","description","checked","Icon","onChange","width","widthX","analyticsLabel","analyticsProps","horizontalCard","theme","useTheme","gutter","handleTracking","useResponseHandler","handleOnCardClick","useCallback","jsx","Styled.DummyBorder","jsxs","Styled.RadioCardOptionWrapper","Styled.RadioImageContainer","Styled.ImageWrapper","FlexView","Text","Styled.InputOptionCircle","Styled.InputOptionInnerCircle"],"mappings":";;;;;;;AASA,MAAMA,IAAkB,CAAkC;AAAA,EACxD,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAAsC;AACpC,QAAMC,IAAQC,KACR,EAAE,QAAAC,EAAO,IAAIF,EAAM,QAEnBG,IAAiBC,EAAmB,EAAE,gBAAAP,GAAgB,gBAAAC,EAAgB,CAAA,GAEtEO,IAAoBC,EAAY,MAAM;AACtC,QAAA,OAAOZ,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG/C,IAAKF,MACHE,EAASL,CAAE,GACXc,EAAed,CAAE;AAAA,KAElB,CAACG,GAASW,GAAgBd,GAAIK,CAAQ,CAAC;AAE1C,SACG,gBAAAa,EAAAC,GAAA,EAAmB,WAAWhB,GAC7B,UAAA,gBAAAiB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAQf;AAAA,MACR,SAASC;AAAA,MACT,WAAWJ;AAAA,MACX,SAASa;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,gBAAgBZ,IAAiB,QAAQ;AAAA,YACzC,aAAY;AAAA,YACZ,UAAUA,IAAiB,IAAI;AAAA,YAE/B,UAAA;AAAA,cAAC,gBAAAQ,EAAAK,GAAA,EAAqB,UAAKnB,EAAA,CAAA;AAAA,gCAE1BoB,GAAS,EAAA,SAASd,IAAiB,KAAK,GAAG,WAAW,MACrD,UAAA;AAAA,gBAAC,gBAAAQ,EAAAO,GAAA,EAAK,WAAU,YAAY,UAAMxB,GAAA;AAAA,gBACjCC,KACE,gBAAAgB,EAAAO,GAAA,EAAK,WAAU,OAAM,QAAO,YAC1B,UACHvB,GAAA;AAAA,cAAA,GAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAgB,EAACQ,GAAA,EAAyB,OAAOb,GAAQ,cAAc,IACpD,UAAAV,KACE,gBAAAe,EAAAS,GAAA,EACC,UAAA,gBAAAT,EAACQ,GAAA,EAAyB,OAAOb,IAAS,KAAK,cAAc,GAAM,CAAA,EACrE,CAAA,GAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/features/ui/stepper/stepper.js

@@ -2,14 +2,14 @@ import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import l from "../../../assets/line-icons/icons/check.js";
 import m from "../text/text.js";
 import { getTheme as p } from "../theme/get-theme.js";
-import { MainWrapper as a, HorizontalLine as d, Wrapper as g, NumberWrapper as f, StyledText as s } from "./stepper-styled.js";
+import { MainWrapper as a, HorizontalLine as g, Wrapper as d, NumberWrapper as f, StyledText as s } from "./stepper-styled.js";
 const { layout: u } = p(), { gutter: i } = u;
-function W({ stepsInfo: n = [], currentStep: e = 2 }) {
+function j({ stepsInfo: n = [], currentStep: e = 2 }) {
   const c = n.length && e >= 1 ? (e - 1) / n.length * 100 : 0;
   return /* @__PURE__ */ o(a, { $flexDirection: "row", $width: "fit-content", $gutterX: 0.625, $gapX: 0.625, children: [
-    /* @__PURE__ */ t(d, { $percentageCompleted: c, $height: 1 }),
+    /* @__PURE__ */ t(g, { $percentageCompleted: c, $height: 1 }),
     n.map(({ id: $, label: h }, r) => /* @__PURE__ */ o(
-      g,
+      d,
       {
         $flexDirection: "row",
         $alignItems: "center",
@@ -25,10 +25,10 @@ function W({ stepsInfo: n = [], currentStep: e = 2 }) {
               $justifyContent: "center",
               $heightX: 1.25,
               $widthX: 1.25,
-              children: r + 1 < e ? /* @__PURE__ */ t(l, { height: i, width: i }) : /* @__PURE__ */ t(m, { $renderAs: "body3", $color: "WHITE", children: $ })
+              children: r + 1 < e ? /* @__PURE__ */ t(l, { height: i, width: i }) : /* @__PURE__ */ t(m, { $renderAs: "ub3", $color: "WHITE", children: $ })
             }
           ),
-          r + 1 === e && /* @__PURE__ */ t(s, { $renderAs: "body2", children: h })
+          r + 1 === e && /* @__PURE__ */ t(s, { $renderAs: "ub2", children: h })
         ]
       },
       r
@@ -36,6 +36,6 @@ function W({ stepsInfo: n = [], currentStep: e = 2 }) {
   ] });
 }
 export {
-  W as default
+  j as default
 };
 //# sourceMappingURL=stepper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sources":["../../../../src/features/ui/stepper/stepper.tsx"],"sourcesContent":["import CheckIcon from '../../../assets/line-icons/icons/check';\nimport Text from '../text/text';\nimport { getTheme } from '../theme/get-theme';\nimport { MainWrapper, NumberWrapper, Wrapper, StyledText, HorizontalLine } from './stepper-styled';\nimport type { IStepperProps } from './stepper-types';\n\nconst { layout } = getTheme();\nconst { gutter } = layout;\n\nfunction Stepper({ stepsInfo = [], currentStep = 2 }: IStepperProps) {\n  const percentageCompleted =\n    stepsInfo.length && currentStep >= 1 ? ((currentStep - 1) / stepsInfo.length) * 100 : 0;\n\n  return (\n    <MainWrapper $flexDirection=\"row\" $width=\"fit-content\" $gutterX={0.625} $gapX={0.625}>\n      <HorizontalLine $percentageCompleted={percentageCompleted} $height={1} />\n      {stepsInfo.map(({ id, label }, idx) => (\n        <Wrapper\n          key={idx}\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"WHITE\"\n        >\n          <NumberWrapper\n            $stepNumber={idx + 1}\n            $currentStep={currentStep}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $heightX={1.25}\n            $widthX={1.25}\n          >\n            {idx + 1 < currentStep ? (\n              <CheckIcon height={gutter} width={gutter} />\n            ) : (\n              <Text $renderAs=\"body3\" $color=\"WHITE\">\n                {id}\n              </Text>\n            )}\n          </NumberWrapper>\n          {idx + 1 === currentStep && <StyledText $renderAs=\"body2\">{label}</StyledText>}\n        </Wrapper>\n      ))}\n    </MainWrapper>\n  );\n}\n\nexport default Stepper;\n"],"names":["layout","getTheme","gutter","Stepper","stepsInfo","currentStep","percentageCompleted","jsxs","MainWrapper","jsx","HorizontalLine","id","label","idx","Wrapper","NumberWrapper","CheckIcon","Text","StyledText"],"mappings":";;;;;AAMA,MAAM,EAAE,QAAAA,EAAO,IAAIC,KACb,EAAE,QAAAC,EAAW,IAAAF;AAEnB,SAASG,EAAQ,EAAE,WAAAC,IAAY,CAAI,GAAA,aAAAC,IAAc,KAAoB;AAC7D,QAAAC,IACJF,EAAU,UAAUC,KAAe,KAAMA,IAAc,KAAKD,EAAU,SAAU,MAAM;AAGtF,SAAA,gBAAAG,EAACC,KAAY,gBAAe,OAAM,QAAO,eAAc,UAAU,OAAO,OAAO,OAC7E,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAe,EAAA,sBAAsBJ,GAAqB,SAAS,GAAG;AAAA,IACtEF,EAAU,IAAI,CAAC,EAAE,IAAAO,GAAI,OAAAC,EAAA,GAASC,MAC7B,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAL;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,aAAaF,IAAM;AAAA,cACnB,cAAcR;AAAA,cACd,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,SAAS;AAAA,cAER,cAAM,IAAIA,IACR,gBAAAI,EAAAO,GAAA,EAAU,QAAQd,GAAQ,OAAOA,EAAQ,CAAA,sBAEzCe,GAAK,EAAA,WAAU,SAAQ,QAAO,SAC5B,UACHN,GAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UACCE,IAAM,MAAMR,uBAAgBa,GAAW,EAAA,WAAU,SAAS,UAAMN,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAtB5DC;AAAA,IAAA,CAwBR;AAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"stepper.js","sources":["../../../../src/features/ui/stepper/stepper.tsx"],"sourcesContent":["import CheckIcon from '../../../assets/line-icons/icons/check';\nimport Text from '../text/text';\nimport { getTheme } from '../theme/get-theme';\nimport { MainWrapper, NumberWrapper, Wrapper, StyledText, HorizontalLine } from './stepper-styled';\nimport type { IStepperProps } from './stepper-types';\n\nconst { layout } = getTheme();\nconst { gutter } = layout;\n\nfunction Stepper({ stepsInfo = [], currentStep = 2 }: IStepperProps) {\n  const percentageCompleted =\n    stepsInfo.length && currentStep >= 1 ? ((currentStep - 1) / stepsInfo.length) * 100 : 0;\n\n  return (\n    <MainWrapper $flexDirection=\"row\" $width=\"fit-content\" $gutterX={0.625} $gapX={0.625}>\n      <HorizontalLine $percentageCompleted={percentageCompleted} $height={1} />\n      {stepsInfo.map(({ id, label }, idx) => (\n        <Wrapper\n          key={idx}\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"WHITE\"\n        >\n          <NumberWrapper\n            $stepNumber={idx + 1}\n            $currentStep={currentStep}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $heightX={1.25}\n            $widthX={1.25}\n          >\n            {idx + 1 < currentStep ? (\n              <CheckIcon height={gutter} width={gutter} />\n            ) : (\n              <Text $renderAs=\"ub3\" $color=\"WHITE\">\n                {id}\n              </Text>\n            )}\n          </NumberWrapper>\n          {idx + 1 === currentStep && <StyledText $renderAs=\"ub2\">{label}</StyledText>}\n        </Wrapper>\n      ))}\n    </MainWrapper>\n  );\n}\n\nexport default Stepper;\n"],"names":["layout","getTheme","gutter","Stepper","stepsInfo","currentStep","percentageCompleted","jsxs","MainWrapper","jsx","HorizontalLine","id","label","idx","Wrapper","NumberWrapper","CheckIcon","Text","StyledText"],"mappings":";;;;;AAMA,MAAM,EAAE,QAAAA,EAAO,IAAIC,KACb,EAAE,QAAAC,EAAW,IAAAF;AAEnB,SAASG,EAAQ,EAAE,WAAAC,IAAY,CAAI,GAAA,aAAAC,IAAc,KAAoB;AAC7D,QAAAC,IACJF,EAAU,UAAUC,KAAe,KAAMA,IAAc,KAAKD,EAAU,SAAU,MAAM;AAGtF,SAAA,gBAAAG,EAACC,KAAY,gBAAe,OAAM,QAAO,eAAc,UAAU,OAAO,OAAO,OAC7E,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAe,EAAA,sBAAsBJ,GAAqB,SAAS,GAAG;AAAA,IACtEF,EAAU,IAAI,CAAC,EAAE,IAAAO,GAAI,OAAAC,EAAA,GAASC,MAC7B,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAL;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,aAAaF,IAAM;AAAA,cACnB,cAAcR;AAAA,cACd,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,SAAS;AAAA,cAER,cAAM,IAAIA,IACR,gBAAAI,EAAAO,GAAA,EAAU,QAAQd,GAAQ,OAAOA,EAAQ,CAAA,sBAEzCe,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHN,GAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UACCE,IAAM,MAAMR,uBAAgBa,GAAW,EAAA,WAAU,OAAO,UAAMN,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAtB1DC;AAAA,IAAA,CAwBR;AAAA,EACH,EAAA,CAAA;AAEJ;"}

package/dist/features/ui/tag/tag.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import n from "../text/text.js";
 import { Wrapper as a } from "./tag-styled.js";
-const c = ({ text: o, backgroundColor: e, textColor: t }) => /* @__PURE__ */ r(a, { $backgroundColor: e, children: /* @__PURE__ */ r(n, { $renderAs: "body3", $color: t, children: o }) }), i = c;
+const c = ({ text: o, backgroundColor: e, textColor: t }) => /* @__PURE__ */ r(a, { $backgroundColor: e, children: /* @__PURE__ */ r(n, { $renderAs: "ub3", $color: t, children: o }) }), i = c;
 export {
   i as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sources":["../../../../src/features/ui/tag/tag.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport Text from '../text/text';\nimport * as Styled from './tag-styled';\nimport type { ITagProps } from './tag-types';\n\nconst Tag: FC<ITagProps> = ({ text, backgroundColor, textColor }) => {\n  return (\n    <Styled.Wrapper $backgroundColor={backgroundColor}>\n      <Text $renderAs=\"body3\" $color={textColor}>\n        {text}\n      </Text>\n    </Styled.Wrapper>\n  );\n};\n\nexport default Tag;\n"],"names":["Tag","text","backgroundColor","textColor","jsx","Styled.Wrapper","Text","Tag$1"],"mappings":";;;AAMA,MAAMA,IAAqB,CAAC,EAAE,MAAAC,GAAM,iBAAAC,GAAiB,WAAAC,QAEhD,gBAAAC,EAAAC,GAAA,EAAe,kBAAkBH,GAChC,UAAC,gBAAAE,EAAAE,GAAA,EAAK,WAAU,SAAQ,QAAQH,GAC7B,aACH,EACF,CAAA,GAIJI,IAAeP;"}
+{"version":3,"file":"tag.js","sources":["../../../../src/features/ui/tag/tag.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport Text from '../text/text';\nimport * as Styled from './tag-styled';\nimport type { ITagProps } from './tag-types';\n\nconst Tag: FC<ITagProps> = ({ text, backgroundColor, textColor }) => {\n  return (\n    <Styled.Wrapper $backgroundColor={backgroundColor}>\n      <Text $renderAs=\"ub3\" $color={textColor}>\n        {text}\n      </Text>\n    </Styled.Wrapper>\n  );\n};\n\nexport default Tag;\n"],"names":["Tag","text","backgroundColor","textColor","jsx","Styled.Wrapper","Text","Tag$1"],"mappings":";;;AAMA,MAAMA,IAAqB,CAAC,EAAE,MAAAC,GAAM,iBAAAC,GAAiB,WAAAC,QAEhD,gBAAAC,EAAAC,GAAA,EAAe,kBAAkBH,GAChC,UAAC,gBAAAE,EAAAE,GAAA,EAAK,WAAU,OAAM,QAAQH,GAC3B,aACH,EACF,CAAA,GAIJI,IAAeP;"}

package/dist/features/ui/theme/input.js

@@ -10,9 +10,9 @@ const l = (a) => {
       paddingLeft: a,
       paddingRight: a * 0.75,
       borderRadius: a * 0.5,
-      inputTextVariant: "body1",
-      labelTextVariant: "body1",
-      messageTextVariant: "body3",
+      inputTextVariant: "ub1",
+      labelTextVariant: "ub1",
+      messageTextVariant: "ub3",
       iconsize: a * 1.5,
       iconPadding: a
       // padding between left of icon and input
@@ -27,9 +27,9 @@ const l = (a) => {
       paddingLeft: a * 0.5,
       paddingRight: a * 0.5,
       borderRadius: a * 0.5,
-      inputTextVariant: "body3",
-      labelTextVariant: "body3",
-      messageTextVariant: "body3",
+      inputTextVariant: "ub3",
+      labelTextVariant: "ub3",
+      messageTextVariant: "ub3",
       iconsize: a * 1.25,
       iconPadding: a * 0.5
       // padding between left of icon and input
@@ -44,9 +44,9 @@ const l = (a) => {
       paddingLeft: a * 0.75,
       paddingRight: a * 0.5,
       borderRadius: a * 0.5,
-      inputTextVariant: "body3",
-      labelTextVariant: "body3",
-      messageTextVariant: "body3",
+      inputTextVariant: "ub3",
+      labelTextVariant: "ub3",
+      messageTextVariant: "ub3",
       iconsize: a,
       iconPadding: a * 0.5
       // padding between left of icon and input
@@ -76,7 +76,7 @@ const l = (a) => {
       disabled: 0.5,
       enabled: 1
     }
-  }, d = {
+  }, r = {
     ...e,
     backgroundColorName: "GREY_1",
     optionHoverColorName: "WHITE",
@@ -110,10 +110,10 @@ const l = (a) => {
       active: "WHITE_T_60",
       disabled: "WHITE_T_15"
     }
-  }, r = {
+  }, d = {
     primary: e,
     "primary-dark": i,
-    secondary: d,
+    secondary: r,
     success: {
       opacity: e.opacity,
       valueColorName: e.valueColorName,
@@ -180,7 +180,7 @@ const l = (a) => {
       }
     }
   };
-  return { sizes: o, variants: r };
+  return { sizes: o, variants: d };
 };
 export {
   l as default

package/dist/features/ui/theme/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../../src/features/ui/theme/input.ts"],"sourcesContent":["import type { IInputSizeConfig, IInputVariantConfig, TInputSizes, TInputVariants } from '../types';\n\ninterface IGetInputConfig {\n  (gutter: number): {\n    sizes: Record<TInputSizes, IInputSizeConfig>;\n    variants: Record<TInputVariants, IInputVariantConfig>;\n  };\n}\nconst getInputConfig: IGetInputConfig = gutter => {\n  const sizes: Record<TInputSizes, IInputSizeConfig> = {\n    regular: {\n      height: gutter * 2.75, // height of input\n      marginTop: gutter * 0.5, // extra space when label is on top of input\n      marginBottom: gutter * 1.5, // extra space for message comes on bottom of input\n      paddingLeft: gutter,\n      paddingRight: gutter * 0.75,\n      borderRadius: gutter * 0.5,\n      inputTextVariant: 'body1',\n      labelTextVariant: 'body1',\n      messageTextVariant: 'body3',\n      iconsize: gutter * 1.5,\n      iconPadding: gutter, // padding between left of icon and input\n    },\n    small: {\n      height: gutter * 2.125, // height of input\n      marginTop: gutter * 0.5, // extra space when label is on top of input\n      marginBottom: 0, // extra space for message comes on bottom of input\n      paddingLeft: gutter * 0.5,\n      paddingRight: gutter * 0.5,\n      borderRadius: gutter * 0.5,\n      inputTextVariant: 'body3',\n      labelTextVariant: 'body3',\n      messageTextVariant: 'body3',\n      iconsize: gutter * 1.25,\n      iconPadding: gutter * 0.5, // padding between left of icon and input\n    },\n    xsmall: {\n      height: gutter * 1.75, // height of input\n      marginTop: 0, // extra space when label is on top of input\n      marginBottom: 0, // extra space for message comes on bottom of input\n      paddingLeft: gutter * 0.75,\n      paddingRight: gutter * 0.5,\n      borderRadius: gutter * 0.5,\n      inputTextVariant: 'body3',\n      labelTextVariant: 'body3',\n      messageTextVariant: 'body3',\n      iconsize: gutter,\n      iconPadding: gutter * 0.5, // padding between left of icon and input\n    },\n  };\n  const primaryVariant: IInputVariantConfig = {\n    valueColorName: {\n      inactive: 'BLACK',\n      active: 'BLACK',\n      disabled: 'BLACK_50',\n    },\n    borderColorName: {\n      inactive: 'BLACK_T_15',\n      active: 'BLACK_T_87',\n      disabled: 'BLACK_T_15',\n    },\n    labelColorName: {\n      inactive: 'BLACK_75',\n      active: 'BLACK',\n      disabled: 'BLACK_50',\n    },\n    messageColorName: {\n      inactive: 'BLACK_75',\n      active: 'BLACK_75',\n      disabled: 'BLACK_50',\n    },\n    opacity: {\n      disabled: 0.5,\n      enabled: 1,\n    },\n  };\n\n  const secondaryVariant: IInputVariantConfig = {\n    ...primaryVariant,\n    backgroundColorName: 'GREY_1',\n    optionHoverColorName: 'WHITE',\n    borderColorName: {\n      active: 'TRANSPARENT',\n      inactive: 'TRANSPARENT',\n      disabled: 'TRANSPARENT',\n    },\n  };\n  const primaryDarkVariant: IInputVariantConfig = {\n    opacity: primaryVariant.opacity,\n    labelBackgroundColorName: 'TRANSPARENT',\n    backgroundColorName: 'TRANSPARENT',\n    errorMessageColorName: 'ORANGE_4',\n    valueColorName: {\n      inactive: 'WHITE',\n      active: 'WHITE',\n      disabled: 'WHITE_T_10',\n    },\n    borderColorName: {\n      inactive: 'WHITE_T_15',\n      active: 'WHITE',\n      disabled: 'WHITE_T_15',\n    },\n    labelColorName: {\n      inactive: 'WHITE_T_60',\n      active: 'WHITE_T_60',\n      disabled: 'WHITE_T_15',\n    },\n    messageColorName: {\n      inactive: 'WHITE_T_60',\n      active: 'WHITE_T_60',\n      disabled: 'WHITE_T_15',\n    },\n  };\n\n  const variants: Record<TInputVariants, IInputVariantConfig> = {\n    'primary': primaryVariant,\n    'primary-dark': primaryDarkVariant,\n    'secondary': secondaryVariant,\n    'success': {\n      opacity: primaryVariant.opacity,\n      valueColorName: primaryVariant.valueColorName,\n      borderColorName: {\n        inactive: 'GREEN_5',\n        active: 'GREEN_5',\n        disabled: 'GREEN_5',\n      },\n      labelColorName: {\n        inactive: 'GREEN_5',\n        active: 'GREEN_5',\n        disabled: 'GREEN_5',\n      },\n      messageColorName: {\n        inactive: 'GREEN_5',\n        active: 'GREEN_5',\n        disabled: 'GREEN_5',\n      },\n    },\n    'success-dark': {\n      ...primaryDarkVariant,\n      borderColorName: {\n        inactive: 'GREEN_4',\n        active: 'GREEN_4',\n        disabled: 'GREEN_4',\n      },\n      messageColorName: {\n        inactive: 'GREEN_4',\n        active: 'GREEN_4',\n        disabled: 'GREEN_4',\n      },\n    },\n    'error': {\n      opacity: primaryVariant.opacity,\n      valueColorName: primaryVariant.valueColorName,\n      borderColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'RED',\n      },\n      labelColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'RED',\n      },\n      messageColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'RED',\n      },\n    },\n    'error-dark': {\n      ...primaryDarkVariant,\n      errorMessageColorName: 'ORANGE_4',\n      borderColorName: {\n        inactive: 'ORANGE_4',\n        active: 'ORANGE_4',\n        disabled: 'ORANGE_4',\n      },\n      messageColorName: {\n        inactive: 'ORANGE_4',\n        active: 'ORANGE_4',\n        disabled: 'ORANGE_4',\n      },\n    },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getInputConfig;\n"],"names":["getInputConfig","gutter","sizes","primaryVariant","secondaryVariant","primaryDarkVariant","variants"],"mappings":"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"}
+{"version":3,"file":"input.js","sources":["../../../../src/features/ui/theme/input.ts"],"sourcesContent":["import type { IInputSizeConfig, IInputVariantConfig, TInputSizes, TInputVariants } from '../types';\n\ninterface IGetInputConfig {\n  (gutter: number): {\n    sizes: Record<TInputSizes, IInputSizeConfig>;\n    variants: Record<TInputVariants, IInputVariantConfig>;\n  };\n}\nconst getInputConfig: IGetInputConfig = gutter => {\n  const sizes: Record<TInputSizes, IInputSizeConfig> = {\n    regular: {\n      height: gutter * 2.75, // height of input\n      marginTop: gutter * 0.5, // extra space when label is on top of input\n      marginBottom: gutter * 1.5, // extra space for message comes on bottom of input\n      paddingLeft: gutter,\n      paddingRight: gutter * 0.75,\n      borderRadius: gutter * 0.5,\n      inputTextVariant: 'ub1',\n      labelTextVariant: 'ub1',\n      messageTextVariant: 'ub3',\n      iconsize: gutter * 1.5,\n      iconPadding: gutter, // padding between left of icon and input\n    },\n    small: {\n      height: gutter * 2.125, // height of input\n      marginTop: gutter * 0.5, // extra space when label is on top of input\n      marginBottom: 0, // extra space for message comes on bottom of input\n      paddingLeft: gutter * 0.5,\n      paddingRight: gutter * 0.5,\n      borderRadius: gutter * 0.5,\n      inputTextVariant: 'ub3',\n      labelTextVariant: 'ub3',\n      messageTextVariant: 'ub3',\n      iconsize: gutter * 1.25,\n      iconPadding: gutter * 0.5, // padding between left of icon and input\n    },\n    xsmall: {\n      height: gutter * 1.75, // height of input\n      marginTop: 0, // extra space when label is on top of input\n      marginBottom: 0, // extra space for message comes on bottom of input\n      paddingLeft: gutter * 0.75,\n      paddingRight: gutter * 0.5,\n      borderRadius: gutter * 0.5,\n      inputTextVariant: 'ub3',\n      labelTextVariant: 'ub3',\n      messageTextVariant: 'ub3',\n      iconsize: gutter,\n      iconPadding: gutter * 0.5, // padding between left of icon and input\n    },\n  };\n  const primaryVariant: IInputVariantConfig = {\n    valueColorName: {\n      inactive: 'BLACK',\n      active: 'BLACK',\n      disabled: 'BLACK_50',\n    },\n    borderColorName: {\n      inactive: 'BLACK_T_15',\n      active: 'BLACK_T_87',\n      disabled: 'BLACK_T_15',\n    },\n    labelColorName: {\n      inactive: 'BLACK_75',\n      active: 'BLACK',\n      disabled: 'BLACK_50',\n    },\n    messageColorName: {\n      inactive: 'BLACK_75',\n      active: 'BLACK_75',\n      disabled: 'BLACK_50',\n    },\n    opacity: {\n      disabled: 0.5,\n      enabled: 1,\n    },\n  };\n\n  const secondaryVariant: IInputVariantConfig = {\n    ...primaryVariant,\n    backgroundColorName: 'GREY_1',\n    optionHoverColorName: 'WHITE',\n    borderColorName: {\n      active: 'TRANSPARENT',\n      inactive: 'TRANSPARENT',\n      disabled: 'TRANSPARENT',\n    },\n  };\n  const primaryDarkVariant: IInputVariantConfig = {\n    opacity: primaryVariant.opacity,\n    labelBackgroundColorName: 'TRANSPARENT',\n    backgroundColorName: 'TRANSPARENT',\n    errorMessageColorName: 'ORANGE_4',\n    valueColorName: {\n      inactive: 'WHITE',\n      active: 'WHITE',\n      disabled: 'WHITE_T_10',\n    },\n    borderColorName: {\n      inactive: 'WHITE_T_15',\n      active: 'WHITE',\n      disabled: 'WHITE_T_15',\n    },\n    labelColorName: {\n      inactive: 'WHITE_T_60',\n      active: 'WHITE_T_60',\n      disabled: 'WHITE_T_15',\n    },\n    messageColorName: {\n      inactive: 'WHITE_T_60',\n      active: 'WHITE_T_60',\n      disabled: 'WHITE_T_15',\n    },\n  };\n\n  const variants: Record<TInputVariants, IInputVariantConfig> = {\n    'primary': primaryVariant,\n    'primary-dark': primaryDarkVariant,\n    'secondary': secondaryVariant,\n    'success': {\n      opacity: primaryVariant.opacity,\n      valueColorName: primaryVariant.valueColorName,\n      borderColorName: {\n        inactive: 'GREEN_5',\n        active: 'GREEN_5',\n        disabled: 'GREEN_5',\n      },\n      labelColorName: {\n        inactive: 'GREEN_5',\n        active: 'GREEN_5',\n        disabled: 'GREEN_5',\n      },\n      messageColorName: {\n        inactive: 'GREEN_5',\n        active: 'GREEN_5',\n        disabled: 'GREEN_5',\n      },\n    },\n    'success-dark': {\n      ...primaryDarkVariant,\n      borderColorName: {\n        inactive: 'GREEN_4',\n        active: 'GREEN_4',\n        disabled: 'GREEN_4',\n      },\n      messageColorName: {\n        inactive: 'GREEN_4',\n        active: 'GREEN_4',\n        disabled: 'GREEN_4',\n      },\n    },\n    'error': {\n      opacity: primaryVariant.opacity,\n      valueColorName: primaryVariant.valueColorName,\n      borderColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'RED',\n      },\n      labelColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'RED',\n      },\n      messageColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'RED',\n      },\n    },\n    'error-dark': {\n      ...primaryDarkVariant,\n      errorMessageColorName: 'ORANGE_4',\n      borderColorName: {\n        inactive: 'ORANGE_4',\n        active: 'ORANGE_4',\n        disabled: 'ORANGE_4',\n      },\n      messageColorName: {\n        inactive: 'ORANGE_4',\n        active: 'ORANGE_4',\n        disabled: 'ORANGE_4',\n      },\n    },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getInputConfig;\n"],"names":["getInputConfig","gutter","sizes","primaryVariant","secondaryVariant","primaryDarkVariant","variants"],"mappings":"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"}

package/dist/features/ui/theme/tab.js

@@ -2,22 +2,22 @@ const o = (a) => ({ sizes: {
   xsmall: {
     height: a * 1.625,
     paddingHorizontal: a * 0.5,
-    textVariant: "body3"
+    textVariant: "ub3"
   },
   small: {
     height: a * 2,
     paddingHorizontal: a * 0.75,
-    textVariant: "body2"
+    textVariant: "ub2"
   },
   regular: {
     height: a * 2.5,
     paddingHorizontal: a,
-    textVariant: "body1"
+    textVariant: "ub1"
   },
   medium: {
     height: a * 3,
     paddingHorizontal: a,
-    textVariant: "body1"
+    textVariant: "ub1"
   }
 }, variants: {
   primary: {

package/dist/features/ui/theme/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sources":["../../../../src/features/ui/theme/tab.ts"],"sourcesContent":["import type { ITabSizeConfig, ITabVariantConfig, TTabSizes, TTabVariants } from '../types';\n\ninterface IGetTabConfig {\n  (gutter: number): {\n    sizes: Record<TTabSizes, ITabSizeConfig>;\n    variants: Record<TTabVariants, ITabVariantConfig>;\n  };\n}\n\nconst getTabConfig: IGetTabConfig = (gutter: number) => {\n  const sizes: Record<TTabSizes, ITabSizeConfig> = {\n    xsmall: {\n      height: gutter * 1.625,\n      paddingHorizontal: gutter * 0.5,\n      textVariant: 'body3',\n    },\n    small: {\n      height: gutter * 2,\n      paddingHorizontal: gutter * 0.75,\n      textVariant: 'body2',\n    },\n    regular: {\n      height: gutter * 2.5,\n      paddingHorizontal: gutter,\n      textVariant: 'body1',\n    },\n    medium: {\n      height: gutter * 3,\n      paddingHorizontal: gutter,\n      textVariant: 'body1',\n    },\n  };\n\n  const variants: Record<TTabVariants, ITabVariantConfig> = {\n    primary: {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        hover: 'WHITE',\n        disabled: 'BLACK_50',\n      },\n      borderColorName: {\n        inactive: 'GREY_3',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      fontWeight: {\n        inactive: 400,\n        active: 500,\n        hover: 500,\n        disabled: 400,\n      },\n    },\n    secondary: {\n      backgroundColorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        hover: 'WHITE',\n        disabled: 'GREY_1',\n      },\n      colorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'BLACK_50',\n      },\n      borderColorName: {\n        inactive: 'WHITE',\n        active: 'WHITE',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      fontWeight: {\n        inactive: 400,\n        active: 500,\n        hover: 500,\n        disabled: 400,\n      },\n    },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getTabConfig;\n"],"names":["getTabConfig","gutter"],"mappings":"AASM,MAAAA,IAA8B,CAACC,OA+E5B,EAAE,OA9EwC;AAAA,EAC/C,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,GA0Dc,UAvD0C;AAAA,EACxD,SAAS;AAAA,IACP,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,WAAW;AAAA,IACT,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AAAA;"}
+{"version":3,"file":"tab.js","sources":["../../../../src/features/ui/theme/tab.ts"],"sourcesContent":["import type { ITabSizeConfig, ITabVariantConfig, TTabSizes, TTabVariants } from '../types';\n\ninterface IGetTabConfig {\n  (gutter: number): {\n    sizes: Record<TTabSizes, ITabSizeConfig>;\n    variants: Record<TTabVariants, ITabVariantConfig>;\n  };\n}\n\nconst getTabConfig: IGetTabConfig = (gutter: number) => {\n  const sizes: Record<TTabSizes, ITabSizeConfig> = {\n    xsmall: {\n      height: gutter * 1.625,\n      paddingHorizontal: gutter * 0.5,\n      textVariant: 'ub3',\n    },\n    small: {\n      height: gutter * 2,\n      paddingHorizontal: gutter * 0.75,\n      textVariant: 'ub2',\n    },\n    regular: {\n      height: gutter * 2.5,\n      paddingHorizontal: gutter,\n      textVariant: 'ub1',\n    },\n    medium: {\n      height: gutter * 3,\n      paddingHorizontal: gutter,\n      textVariant: 'ub1',\n    },\n  };\n\n  const variants: Record<TTabVariants, ITabVariantConfig> = {\n    primary: {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        hover: 'WHITE',\n        disabled: 'BLACK_50',\n      },\n      borderColorName: {\n        inactive: 'GREY_3',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      fontWeight: {\n        inactive: 400,\n        active: 500,\n        hover: 500,\n        disabled: 400,\n      },\n    },\n    secondary: {\n      backgroundColorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        hover: 'WHITE',\n        disabled: 'GREY_1',\n      },\n      colorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'BLACK_50',\n      },\n      borderColorName: {\n        inactive: 'WHITE',\n        active: 'WHITE',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      fontWeight: {\n        inactive: 400,\n        active: 500,\n        hover: 500,\n        disabled: 400,\n      },\n    },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getTabConfig;\n"],"names":["getTabConfig","gutter"],"mappings":"AASM,MAAAA,IAA8B,CAACC,OA+E5B,EAAE,OA9EwC;AAAA,EAC/C,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,GA0Dc,UAvD0C;AAAA,EACxD,SAAS;AAAA,IACP,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,WAAW;AAAA,IACT,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AAAA;"}

package/dist/features/ui/theme/text-button.js

@@ -1,16 +1,16 @@
 const t = () => ({ sizes: {
   small: {
-    textVariant: "cta3",
+    textVariant: "ub3-bold",
     underlineHeight: 1.5,
     underlineOffset: 5
   },
   regular: {
-    textVariant: "cta2",
+    textVariant: "ub2-bold",
     underlineHeight: 1.5,
     underlineOffset: 5
   },
   medium: {
-    textVariant: "cta1",
+    textVariant: "ub1-bold",
     underlineHeight: 2,
     underlineOffset: 4
   }

package/dist/features/ui/theme/text-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-button.js","sources":["../../../../src/features/ui/theme/text-button.ts"],"sourcesContent":["import type { ITextButtonSizeConfig, TTextButtonSizes } from '../types';\n\ninterface IGetTextButtonConfig {\n  (): {\n    sizes: Record<TTextButtonSizes, ITextButtonSizeConfig>;\n  };\n}\n\nconst getTextButtonConfig: IGetTextButtonConfig = () => {\n  const sizes: Record<TTextButtonSizes, ITextButtonSizeConfig> = {\n    small: {\n      textVariant: 'cta3',\n      underlineHeight: 1.5,\n      underlineOffset: 5,\n    },\n    regular: {\n      textVariant: 'cta2',\n      underlineHeight: 1.5,\n      underlineOffset: 5,\n    },\n    medium: {\n      textVariant: 'cta1',\n      underlineHeight: 2,\n      underlineOffset: 4,\n    },\n  };\n\n  return { sizes };\n};\n\nexport default getTextButtonConfig;\n"],"names":["getTextButtonConfig"],"mappings":"AAQA,MAAMA,IAA4C,OAmBzC,EAAE,OAlBsD;AAAA,EAC7D,OAAO;AAAA,IACL,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,IACP,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EAGa;"}
+{"version":3,"file":"text-button.js","sources":["../../../../src/features/ui/theme/text-button.ts"],"sourcesContent":["import type { ITextButtonSizeConfig, TTextButtonSizes } from '../types';\n\ninterface IGetTextButtonConfig {\n  (): {\n    sizes: Record<TTextButtonSizes, ITextButtonSizeConfig>;\n  };\n}\n\nconst getTextButtonConfig: IGetTextButtonConfig = () => {\n  const sizes: Record<TTextButtonSizes, ITextButtonSizeConfig> = {\n    small: {\n      textVariant: 'ub3-bold',\n      underlineHeight: 1.5,\n      underlineOffset: 5,\n    },\n    regular: {\n      textVariant: 'ub2-bold',\n      underlineHeight: 1.5,\n      underlineOffset: 5,\n    },\n    medium: {\n      textVariant: 'ub1-bold',\n      underlineHeight: 2,\n      underlineOffset: 4,\n    },\n  };\n\n  return { sizes };\n};\n\nexport default getTextButtonConfig;\n"],"names":["getTextButtonConfig"],"mappings":"AAQA,MAAMA,IAA4C,OAmBzC,EAAE,OAlBsD;AAAA,EAC7D,OAAO;AAAA,IACL,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,IACP,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EACnB;AAAA,EAGa;"}

package/dist/features/ui/timers/countdown-timer/countdown-timer.js

@@ -1,6 +1,6 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import n from "styled-components";
-import { ILLUSTRATIONS as c } from "../../../../assets/illustrations/illustrations.js";
+import { ILLUSTRATIONS as d } from "../../../../assets/illustrations/illustrations.js";
 import m from "../../layout/flex-view.js";
 import p from "../../loader/reverse-circular-bar/reverse-circular-bar.js";
 import f from "../../text/text.js";
@@ -13,21 +13,21 @@ const R = n.div`
 `, $ = n(m)`
   position: relative;
 `, h = ({
-  hideDigits: r,
+  hideDigits: e,
   onTimerComplete: a,
-  timeRemaining: s,
-  duration: l,
+  timeRemaining: l,
+  duration: s,
   theme: t
 }) => {
-  const { timeRemaining: d, formattedTime: i } = g({
-    initialTimeRemaining: s,
+  const { timeRemaining: c, formattedTime: i } = g({
+    initialTimeRemaining: l,
     onTimerComplete: a
   });
   return /* @__PURE__ */ o(
     m,
     {
       $gap: 4,
-      $gutter: r ? 4 : 8,
+      $gutter: e ? 4 : 8,
       $background: t,
       $flexDirection: "row",
       $alignItems: "center",
@@ -36,24 +36,24 @@ const R = n.div`
       $flexGap: 4,
       children: [
         /* @__PURE__ */ o($, { children: [
-          /* @__PURE__ */ e("img", { src: c.CROSSHAIR_CIRCLE, width: 28, height: 28 }),
-          /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(
+          /* @__PURE__ */ r("img", { src: d.CROSSHAIR_CIRCLE, width: 28, height: 28 }),
+          /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(
             p,
             {
-              timeRemaining: d,
-              duration: l,
+              timeRemaining: c,
+              duration: s,
               color: t === "GREEN_1" ? "GREEN_5" : "ORANGE_5",
               width: 14,
               height: 14
             }
           ) })
         ] }),
-        !r && /* @__PURE__ */ e(
+        !e && /* @__PURE__ */ r(
           f,
           {
             $width: i.length > 5 ? 66 : 46,
             $alignSelf: "center",
-            $renderAs: "eyebrow1",
+            $renderAs: "ac3-black",
             children: i
           }
         )

package/dist/features/ui/timers/countdown-timer/countdown-timer.js.map

@@ -1 +1 @@
-{"version":3,"file":"countdown-timer.js","sources":["../../../../../src/features/ui/timers/countdown-timer/countdown-timer.tsx"],"sourcesContent":["import { type FC } from 'react';\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport FlexView from '../../layout/flex-view';\nimport CircularProgressiveBar from '../../loader/reverse-circular-bar/reverse-circular-bar';\nimport Text from '../../text/text';\nimport useTimeRemaining from '../hooks/use-time-remaining';\n\ninterface ICountdownTimer {\n  hideDigits: boolean;\n  onTimerComplete?: () => void;\n  timeRemaining: number;\n  duration: number;\n  theme: 'GREEN_1' | 'ORANGE_1';\n}\n\nconst LoaderWrapper = styled.div`\n  position: absolute;\n  left: 50%;\n  top: 54%;\n  transform: translate(-50%, -50%);\n`;\n\nconst ImageWrapper = styled(FlexView)`\n  position: relative;\n`;\n\nconst CountdownTimer: FC<ICountdownTimer> = ({\n  hideDigits,\n  onTimerComplete,\n  timeRemaining: initialTimeRemaining,\n  duration,\n  theme,\n}) => {\n  const { timeRemaining, formattedTime } = useTimeRemaining({\n    initialTimeRemaining,\n    onTimerComplete,\n  });\n\n  return (\n    <FlexView\n      $gap={4}\n      $gutter={hideDigits ? 4 : 8}\n      $background={theme}\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $borderRadius={18}\n      $width=\"fit-content\"\n      $flexGap={4}\n    >\n      <ImageWrapper>\n        <img src={ILLUSTRATIONS.CROSSHAIR_CIRCLE} width={28} height={28} />\n        <LoaderWrapper>\n          <CircularProgressiveBar\n            timeRemaining={timeRemaining}\n            duration={duration}\n            color={theme === 'GREEN_1' ? 'GREEN_5' : 'ORANGE_5'}\n            width={14}\n            height={14}\n          />\n        </LoaderWrapper>\n      </ImageWrapper>\n\n      {!hideDigits && (\n        <Text\n          $width={formattedTime.length > 5 ? 66 : 46} // while hour is missing\n          $alignSelf=\"center\"\n          $renderAs=\"eyebrow1\"\n        >\n          {formattedTime}\n        </Text>\n      )}\n    </FlexView>\n  );\n};\n\nexport default CountdownTimer;\n"],"names":["LoaderWrapper","styled","ImageWrapper","FlexView","CountdownTimer","hideDigits","onTimerComplete","initialTimeRemaining","duration","theme","timeRemaining","formattedTime","useTimeRemaining","jsxs","jsx","ILLUSTRATIONS","CircularProgressiveBar","Text","CountdownTimer$1"],"mappings":";;;;;;;AAiBA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBC,IAAeD,EAAOE,CAAQ;AAAA;AAAA,GAI9BC,IAAsC,CAAC;AAAA,EAC3C,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAeC;AAAA,EACf,UAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAM,EAAE,eAAAC,GAAe,eAAAC,EAAc,IAAIC,EAAiB;AAAA,IACxD,sBAAAL;AAAA,IACA,iBAAAD;AAAA,EAAA,CACD;AAGC,SAAA,gBAAAO;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,SAASE,IAAa,IAAI;AAAA,MAC1B,aAAaI;AAAA,MACb,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAO;AAAA,MACP,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAI,EAACX,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAY,EAAC,SAAI,KAAKC,EAAc,kBAAkB,OAAO,IAAI,QAAQ,IAAI;AAAA,4BAChEf,GACC,EAAA,UAAA,gBAAAc;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,eAAAN;AAAA,cACA,UAAAF;AAAA,cACA,OAAOC,MAAU,YAAY,YAAY;AAAA,cACzC,OAAO;AAAA,cACP,QAAQ;AAAA,YAAA;AAAA,UAAA,GAEZ;AAAA,QAAA,GACF;AAAA,QAEC,CAACJ,KACA,gBAAAS;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,QAAQN,EAAc,SAAS,IAAI,KAAK;AAAA,YACxC,YAAW;AAAA,YACX,WAAU;AAAA,YAET,UAAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEAO,IAAed;"}
+{"version":3,"file":"countdown-timer.js","sources":["../../../../../src/features/ui/timers/countdown-timer/countdown-timer.tsx"],"sourcesContent":["import { type FC } from 'react';\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport FlexView from '../../layout/flex-view';\nimport CircularProgressiveBar from '../../loader/reverse-circular-bar/reverse-circular-bar';\nimport Text from '../../text/text';\nimport useTimeRemaining from '../hooks/use-time-remaining';\n\ninterface ICountdownTimer {\n  hideDigits: boolean;\n  onTimerComplete?: () => void;\n  timeRemaining: number;\n  duration: number;\n  theme: 'GREEN_1' | 'ORANGE_1';\n}\n\nconst LoaderWrapper = styled.div`\n  position: absolute;\n  left: 50%;\n  top: 54%;\n  transform: translate(-50%, -50%);\n`;\n\nconst ImageWrapper = styled(FlexView)`\n  position: relative;\n`;\n\nconst CountdownTimer: FC<ICountdownTimer> = ({\n  hideDigits,\n  onTimerComplete,\n  timeRemaining: initialTimeRemaining,\n  duration,\n  theme,\n}) => {\n  const { timeRemaining, formattedTime } = useTimeRemaining({\n    initialTimeRemaining,\n    onTimerComplete,\n  });\n\n  return (\n    <FlexView\n      $gap={4}\n      $gutter={hideDigits ? 4 : 8}\n      $background={theme}\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $borderRadius={18}\n      $width=\"fit-content\"\n      $flexGap={4}\n    >\n      <ImageWrapper>\n        <img src={ILLUSTRATIONS.CROSSHAIR_CIRCLE} width={28} height={28} />\n        <LoaderWrapper>\n          <CircularProgressiveBar\n            timeRemaining={timeRemaining}\n            duration={duration}\n            color={theme === 'GREEN_1' ? 'GREEN_5' : 'ORANGE_5'}\n            width={14}\n            height={14}\n          />\n        </LoaderWrapper>\n      </ImageWrapper>\n\n      {!hideDigits && (\n        <Text\n          $width={formattedTime.length > 5 ? 66 : 46} // while hour is missing\n          $alignSelf=\"center\"\n          $renderAs=\"ac3-black\"\n        >\n          {formattedTime}\n        </Text>\n      )}\n    </FlexView>\n  );\n};\n\nexport default CountdownTimer;\n"],"names":["LoaderWrapper","styled","ImageWrapper","FlexView","CountdownTimer","hideDigits","onTimerComplete","initialTimeRemaining","duration","theme","timeRemaining","formattedTime","useTimeRemaining","jsxs","jsx","ILLUSTRATIONS","CircularProgressiveBar","Text","CountdownTimer$1"],"mappings":";;;;;;;AAiBA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBC,IAAeD,EAAOE,CAAQ;AAAA;AAAA,GAI9BC,IAAsC,CAAC;AAAA,EAC3C,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAeC;AAAA,EACf,UAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAM,EAAE,eAAAC,GAAe,eAAAC,EAAc,IAAIC,EAAiB;AAAA,IACxD,sBAAAL;AAAA,IACA,iBAAAD;AAAA,EAAA,CACD;AAGC,SAAA,gBAAAO;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,SAASE,IAAa,IAAI;AAAA,MAC1B,aAAaI;AAAA,MACb,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAO;AAAA,MACP,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAI,EAACX,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAY,EAAC,SAAI,KAAKC,EAAc,kBAAkB,OAAO,IAAI,QAAQ,IAAI;AAAA,4BAChEf,GACC,EAAA,UAAA,gBAAAc;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,eAAAN;AAAA,cACA,UAAAF;AAAA,cACA,OAAOC,MAAU,YAAY,YAAY;AAAA,cACzC,OAAO;AAAA,cACP,QAAQ;AAAA,YAAA;AAAA,UAAA,GAEZ;AAAA,QAAA,GACF;AAAA,QAEC,CAACJ,KACA,gBAAAS;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,QAAQN,EAAc,SAAS,IAAI,KAAK;AAAA,YACxC,YAAW;AAAA,YACX,WAAU;AAAA,YAET,UAAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEAO,IAAed;"}