@cuemath/leap 2.9.1-j1 → 2.9.1

package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styles.js

@@ -1,12 +0,0 @@
-import o from "styled-components";
-import e from "../../../ui/layout/flex-view.js";
-const n = o(e)`
-  min-height: 100vh;
-`, i = o(e)`
-  overflow-y: hidden;
-`;
-export {
-  n as Container,
-  i as ContentWrapper
-};
-//# sourceMappingURL=auth-page-layout-styles.js.map

package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"auth-page-layout-styles.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout-styles.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n  min-height: 100vh;\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n  overflow-y: hidden;\n`;\n"],"names":["Container","styled","FlexView","ContentWrapper"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAiBF,EAAOC,CAAQ;AAAA;AAAA;"}

package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js

@@ -1,11 +0,0 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import i from "../../../ui/layout/flex-view.js";
-import { Container as a, ContentWrapper as h } from "./auth-page-layout-styles.js";
-const c = ({ leftBlock: o, rightBlock: e, isFullWidth: r }) => /* @__PURE__ */ n(a, { $width: "100%", $height: "100%", $flexDirection: "row", children: [
-  /* @__PURE__ */ t(h, { $width: r ? "100%" : "50%", $background: "BLACK_1", children: o }),
-  !r && /* @__PURE__ */ t(i, { $width: "50%", $background: "BLACK_2", children: e })
-] }), m = c;
-export {
-  m as default
-};
-//# sourceMappingURL=auth-page-layout.js.map

package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"auth-page-layout.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout.tsx"],"sourcesContent":["import type { IAuthPageLayoutProps } from './auth-page-layout-types';\nimport type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './auth-page-layout-styles';\n\nconst AuthPageLayout: FC<IAuthPageLayoutProps> = ({ leftBlock, rightBlock, isFullWidth }) => {\n  return (\n    <Styled.Container $width=\"100%\" $height=\"100%\" $flexDirection=\"row\">\n      <Styled.ContentWrapper $width={isFullWidth ? '100%' : '50%'} $background=\"BLACK_1\">\n        {leftBlock}\n      </Styled.ContentWrapper>\n      {!isFullWidth && (\n        <FlexView $width=\"50%\" $background=\"BLACK_2\">\n          {rightBlock}\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default AuthPageLayout;\n"],"names":["AuthPageLayout","leftBlock","rightBlock","isFullWidth","jsxs","Styled.Container","jsx","Styled.ContentWrapper","FlexView","AuthPageLayout$1"],"mappings":";;;AAMA,MAAMA,IAA2C,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,aAAAC,QAEvE,gBAAAC,EAACC,GAAA,EAAiB,QAAO,QAAO,SAAQ,QAAO,gBAAe,OAC5D,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAsB,QAAQJ,IAAc,SAAS,OAAO,aAAY,WACtE,UACHF,EAAA,CAAA;AAAA,EACC,CAACE,KACC,gBAAAG,EAAAE,GAAA,EAAS,QAAO,OAAM,aAAY,WAChC,UACHN,GAAA;AAEJ,EAAA,CAAA,GAIJO,IAAeT;"}

package/dist/features/auth/comps/auth-static-panel/auth-static-panel.js

@@ -1,24 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { ILLUSTRATIONS as c } from "../../../../assets/illustrations/illustrations.js";
-import l from "../../../ui/image/image.js";
-import t from "../../../ui/layout/flex-view.js";
-import r from "../../../ui/separator/separator.js";
-import n from "../../../ui/text/text.js";
-const m = ({ title: i, description: o }) => /* @__PURE__ */ a(t, { $flex: 1, $alignItems: "center", $justifyContent: "center", $gutterX: 6, children: [
-  /* @__PURE__ */ e(t, { $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ e(
-    l,
-    {
-      src: c.CIRCLE_CUEMATH_LOGO_WHITE,
-      alt: "Parent Signup",
-      withLoader: !1
-    }
-  ) }),
-  /* @__PURE__ */ e(r, { heightX: 1.5 }),
-  /* @__PURE__ */ e(n, { $whiteSpace: "pre-line", $renderAs: "ah2", $color: "WHITE", $align: "center", children: i }),
-  /* @__PURE__ */ e(r, { heightX: 1 }),
-  /* @__PURE__ */ e(n, { $whiteSpace: "pre-line", $renderAs: "ab1", $color: "WHITE_T_60", $align: "center", children: o })
-] }), I = m;
-export {
-  I as default
-};
-//# sourceMappingURL=auth-static-panel.js.map

package/dist/features/auth/comps/auth-static-panel/auth-static-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"auth-static-panel.js","sources":["../../../../../src/features/auth/comps/auth-static-panel/auth-static-panel.tsx"],"sourcesContent":["import type { IAuthStaticPanelProps } from './auth-static-panel-types';\nimport type { FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\n\nconst AuthStaticPanel: FC<IAuthStaticPanelProps> = ({ title, description }) => {\n  return (\n    <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\" $gutterX={6}>\n      <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n        <Image\n          src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE}\n          alt=\"Parent Signup\"\n          withLoader={false}\n        />\n      </FlexView>\n      <Separator heightX={1.5} />\n      <Text $whiteSpace=\"pre-line\" $renderAs=\"ah2\" $color=\"WHITE\" $align=\"center\">\n        {title}\n      </Text>\n      <Separator heightX={1} />\n      <Text $whiteSpace=\"pre-line\" $renderAs=\"ab1\" $color=\"WHITE_T_60\" $align=\"center\">\n        {description}\n      </Text>\n    </FlexView>\n  );\n};\n\nexport default AuthStaticPanel;\n"],"names":["AuthStaticPanel","title","description","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","AuthStaticPanel$1"],"mappings":";;;;;;AASA,MAAMA,IAA6C,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAEzD,gBAAAC,EAACC,KAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UAAS,UAAU,GAC1E,UAAA;AAAA,EAAA,gBAAAC,EAACD,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAC7C,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKC,EAAc;AAAA,MACnB,KAAI;AAAA,MACJ,YAAY;AAAA,IAAA;AAAA,EAAA,GAEhB;AAAA,EACA,gBAAAF,EAACG,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,EACzB,gBAAAH,EAACI,GAAK,EAAA,aAAY,YAAW,WAAU,OAAM,QAAO,SAAQ,QAAO,UAChE,UACHR,EAAA,CAAA;AAAA,EACA,gBAAAI,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAH,EAACI,GAAK,EAAA,aAAY,YAAW,WAAU,OAAM,QAAO,cAAa,QAAO,UACrE,UACHP,EAAA,CAAA;AACF,EAAA,CAAA,GAIJQ,IAAeV;"}

package/dist/features/auth/comps/overlay-loader/overlay-loader-styled.js

@@ -1,29 +0,0 @@
-import o from "styled-components";
-const e = o.div(({ theme: t }) => `
-        position: absolute;
-        left: 0;
-        right: 0;
-        top: 0;
-        bottom: 0;
-        background: rgba(204, 204, 204, 0.25);
-        backdrop-filter: blur(1.5px);
-        z-index: 2;
-
-        & * {
-            pointer-events: none;
-        }
-
-        & img {
-            top: 50%;
-            position: absolute;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            width: ${t.layout.gutter * 5}px;
-            height: ${t.layout.gutter * 5}px;
-            filter: brightness(0);
-        }
-    `);
-export {
-  e as LoaderWrapper
-};
-//# sourceMappingURL=overlay-loader-styled.js.map

package/dist/features/auth/comps/overlay-loader/overlay-loader-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"overlay-loader-styled.js","sources":["../../../../../src/features/auth/comps/overlay-loader/overlay-loader-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const LoaderWrapper = styled.div(({ theme }) => {\n  return `\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        background: rgba(204, 204, 204, 0.25);\n        backdrop-filter: blur(1.5px);\n        z-index: 2;\n\n        & * {\n            pointer-events: none;\n        }\n\n        & img {\n            top: 50%;\n            position: absolute;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: ${theme.layout.gutter * 5}px;\n            height: ${theme.layout.gutter * 5}px;\n            filter: brightness(0);\n        }\n    `;\n});\n"],"names":["LoaderWrapper","styled","theme"],"mappings":";AAEO,MAAMA,IAAgBC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAClC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAmBYA,EAAM,OAAO,SAAS,CAAC;AAAA,sBACtBA,EAAM,OAAO,SAAS,CAAC;AAAA;AAAA;AAAA,KAI5C;"}

package/dist/features/auth/comps/overlay-loader/overlay-loader.js

@@ -1,8 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { ILLUSTRATIONS as o } from "../../../../assets/illustrations/illustrations.js";
-import { LoaderWrapper as a } from "./overlay-loader-styled.js";
-const f = ({ isLoading: e = !1 }) => e ? /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r("img", { src: o.LOADER_1, alt: "loader" }) }) : null;
-export {
-  f as default
-};
-//# sourceMappingURL=overlay-loader.js.map

package/dist/features/auth/comps/overlay-loader/overlay-loader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"overlay-loader.js","sources":["../../../../../src/features/auth/comps/overlay-loader/overlay-loader.tsx"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport * as Styled from './overlay-loader-styled';\n\nconst OverlayLoader = ({ isLoading = false }) => {\n  if (isLoading) {\n    return (\n      <Styled.LoaderWrapper>\n        <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n      </Styled.LoaderWrapper>\n    );\n  }\n\n  return null;\n};\n\nexport default OverlayLoader;\n"],"names":["OverlayLoader","isLoading","jsx","Styled.LoaderWrapper","ILLUSTRATIONS"],"mappings":";;;AAGA,MAAMA,IAAgB,CAAC,EAAE,WAAAC,IAAY,SAC/BA,IAEA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAAC,OAAI,EAAA,KAAKE,EAAc,UAAU,KAAI,SAAS,CAAA,EACjD,CAAA,IAIG;"}

package/dist/features/auth/comps/resend-otp/otp-timer/otp-timer.js

@@ -1,26 +0,0 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { memo as l, useState as u, useEffect as m } from "react";
-import d from "../../../../ui/layout/flex-view.js";
-import o from "../../../../ui/text/text.js";
-const f = ({ onComplete: r, timerSeconds: s }) => {
-  const [e, c] = u(s);
-  return m(() => {
-    const t = setInterval(() => {
-      c((n) => n <= 1 ? (r == null || r(), clearInterval(t), 0) : n - 1);
-    }, 1e3);
-    return () => {
-      clearInterval(t);
-    };
-  }, [r]), /* @__PURE__ */ i(d, { $flexDirection: "row", $alignItems: "center", children: [
-    /* @__PURE__ */ i(o, { $renderAs: "ab2", $color: "WHITE_T_60", children: [
-      "Resend in",
-      " ",
-      /* @__PURE__ */ a(o, { $renderAs: "ab2-bold", $inline: !0, $color: "WHITE_T_60", children: `0:${e < 10 ? 0 : ""}${e}` })
-    ] }),
-    " "
-  ] });
-}, _ = l(f);
-export {
-  _ as default
-};
-//# sourceMappingURL=otp-timer.js.map

package/dist/features/auth/comps/resend-otp/otp-timer/otp-timer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"otp-timer.js","sources":["../../../../../../src/features/auth/comps/resend-otp/otp-timer/otp-timer.tsx"],"sourcesContent":["import type { IOTPTimerProps } from './otp-timer-types';\n\nimport { memo, useState, useEffect } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst OTPTimer = ({ onComplete, timerSeconds }: IOTPTimerProps) => {\n  const [count, setCount] = useState<number>(timerSeconds);\n\n  useEffect(() => {\n    const timerCountDown = () => {\n      setCount(prevCount => {\n        if (prevCount <= 1) {\n          onComplete?.();\n          clearInterval(intervalId);\n\n          return 0;\n        }\n\n        return prevCount - 1;\n      });\n    };\n\n    const intervalId = setInterval(timerCountDown, 1000);\n\n    return () => {\n      clearInterval(intervalId);\n    };\n  }, [onComplete]);\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n      <Text $renderAs=\"ab2\" $color=\"WHITE_T_60\">\n        Resend in{' '}\n        <Text $renderAs=\"ab2-bold\" $inline $color=\"WHITE_T_60\">\n          {`0:${count < 10 ? 0 : ''}${count}`}\n        </Text>\n      </Text>\n      &nbsp;\n    </FlexView>\n  );\n};\n\nexport default memo(OTPTimer);\n"],"names":["OTPTimer","onComplete","timerSeconds","count","setCount","useState","useEffect","intervalId","prevCount","jsxs","FlexView","Text","jsx","OtpTimer","memo"],"mappings":";;;;AAOA,MAAMA,IAAW,CAAC,EAAE,YAAAC,GAAY,cAAAC,QAAmC;AACjE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiBH,CAAY;AAEvD,SAAAI,EAAU,MAAM;AAcR,UAAAC,IAAa,YAbI,MAAM;AAC3B,MAAAH,EAAS,CAAaI,MAChBA,KAAa,KACFP,KAAA,QAAAA,KACb,cAAcM,CAAU,GAEjB,KAGFC,IAAY,CACpB;AAAA,IAAA,GAG4C,GAAI;AAEnD,WAAO,MAAM;AACX,oBAAcD,CAAU;AAAA,IAAA;AAAA,EAC1B,GACC,CAACN,CAAU,CAAC,GAGZ,gBAAAQ,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAAA;AAAA,MAAA;AAAA,MAC9B;AAAA,MACT,gBAAAC,EAAAD,GAAA,EAAK,WAAU,YAAW,SAAO,IAAC,QAAO,cACvC,UAAA,KAAKR,IAAQ,KAAK,IAAI,EAAE,GAAGA,CAAK,IACnC;AAAA,IAAA,GACF;AAAA,IAAO;AAAA,EAET,EAAA,CAAA;AAEJ,GAEeU,IAAAC,EAAKd,CAAQ;"}

package/dist/features/auth/comps/resend-otp/resend-otp.js

@@ -1,41 +0,0 @@
-import { jsxs as o, jsx as e, Fragment as d } from "react/jsx-runtime";
-import { useState as f, useCallback as h } from "react";
-import i from "../../../ui/buttons/text-button/text-button.js";
-import c from "../../../ui/layout/flex-view.js";
-import p from "../../../ui/text/text.js";
-import C from "./otp-timer/otp-timer.js";
-const x = ({
-  onResendOTP: l,
-  onResendVoiceOTP: r,
-  timerSeconds: n = 15,
-  showVoiceOTP: m
-}) => {
-  const [a, t] = f(!1), s = h(() => {
-    t(!0);
-  }, []);
-  return /* @__PURE__ */ o(c, { children: [
-    !a && /* @__PURE__ */ e(C, { timerSeconds: n, onComplete: s }),
-    a && /* @__PURE__ */ o(c, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 0.5, children: [
-      /* @__PURE__ */ e(i, { label: "Resend", color: "WHITE_T_60", onClick: () => {
-        l == null || l(), t(!1);
-      } }),
-      !m && /* @__PURE__ */ o(d, { children: [
-        /* @__PURE__ */ e(p, { $renderAs: "ab2", $color: "WHITE_T_60", children: "or" }),
-        /* @__PURE__ */ e(c, { $width: 116, children: /* @__PURE__ */ e(
-          i,
-          {
-            label: "Get code via call",
-            color: "WHITE_T_60",
-            onClick: () => {
-              r == null || r(), t(!1);
-            }
-          }
-        ) })
-      ] })
-    ] })
-  ] });
-}, E = x;
-export {
-  E as default
-};
-//# sourceMappingURL=resend-otp.js.map

package/dist/features/auth/comps/resend-otp/resend-otp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resend-otp.js","sources":["../../../../../src/features/auth/comps/resend-otp/resend-otp.tsx"],"sourcesContent":["import type { IOTPResendProps } from './resend-otp-types';\n\nimport { useState, useCallback } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport OtpTimer from './otp-timer/otp-timer';\n\nconst ResendOTP: React.FC<IOTPResendProps> = ({\n  onResendOTP,\n  onResendVoiceOTP,\n  timerSeconds = 15,\n  showVoiceOTP,\n}) => {\n  const [canResend, setCanResend] = useState(false);\n\n  const handleTimerComplete = useCallback(() => {\n    setCanResend(true);\n  }, []);\n\n  const handleResendClick = () => {\n    onResendOTP?.();\n    setCanResend(false);\n  };\n\n  const handleVoiceResendClick = () => {\n    onResendVoiceOTP?.();\n    setCanResend(false);\n  };\n\n  return (\n    <FlexView>\n      {!canResend && <OtpTimer timerSeconds={timerSeconds} onComplete={handleTimerComplete} />}\n\n      {canResend && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.5}>\n          <TextButton label=\"Resend\" color=\"WHITE_T_60\" onClick={handleResendClick} />\n          {!showVoiceOTP && (\n            <>\n              <Text $renderAs=\"ab2\" $color=\"WHITE_T_60\">\n                or\n              </Text>\n              <FlexView $width={116}>\n                <TextButton\n                  label=\"Get code via call\"\n                  color=\"WHITE_T_60\"\n                  onClick={handleVoiceResendClick}\n                />\n              </FlexView>\n            </>\n          )}\n        </FlexView>\n      )}\n    </FlexView>\n  );\n};\n\nexport default ResendOTP;\n"],"names":["ResendOTP","onResendOTP","onResendVoiceOTP","timerSeconds","showVoiceOTP","canResend","setCanResend","useState","handleTimerComplete","useCallback","FlexView","jsx","OtpTimer","TextButton","jsxs","Fragment","Text","ResendOTP$1"],"mappings":";;;;;;AASA,MAAMA,IAAuC,CAAC;AAAA,EAC5C,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAE1CC,IAAsBC,EAAY,MAAM;AAC5C,IAAAH,EAAa,EAAI;AAAA,EACnB,GAAG,CAAE,CAAA;AAYL,2BACGI,GACE,EAAA,UAAA;AAAA,IAAA,CAACL,KAAa,gBAAAM,EAACC,GAAS,EAAA,cAAAT,GAA4B,YAAYK,GAAqB;AAAA,IAErFH,uBACEK,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAiB,KACnE,UAAA;AAAA,MAAA,gBAAAC,EAACE,KAAW,OAAM,UAAS,OAAM,cAAa,SAhB5B,MAAM;AAChB,QAAAZ,KAAA,QAAAA,KACdK,EAAa,EAAK;AAAA,MAAA,GAc8D;AAAA,MACzE,CAACF,KAEE,gBAAAU,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,MAAA;AAAA,QACA,gBAAAL,EAACD,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAM;AAAA,YACN,SArBe,MAAM;AAChB,cAAAX,KAAA,QAAAA,KACnBI,EAAa,EAAK;AAAA,YAAA;AAAA,UAmBK;AAAA,QAAA,GAEb;AAAA,MAAA,GACF;AAAA,IAAA,GAEJ;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEAW,IAAejB;"}

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.js

@@ -1,48 +0,0 @@
-import t from "styled-components";
-import i from "../../../ui/layout/flex-view.js";
-const n = t(i)`
-  position: relative;
-`, s = t(i)`
-  position: absolute;
-  border-radius: 100%;
-  top: 216px;
-  border: ${({ theme: o }) => `2px solid ${o.colors.BLACK_5}`};
-  opacity: ${({ $isVisible: o }) => o ? 1 : 0};
-  transition: opacity 0.5s ease-in-out;
-`, p = t.div`
-  position: relative;
-`;
-t(i)`
-  position: relative;
-  overflow: hidden;
-  background: ${({ theme: o }) => o.colors.BLACK_2};
-  border-radius: 100%;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${({ theme: o }) => o.colors.WHITE};
-`;
-t.div`
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  z-index: 2;
-`;
-const a = t(i)`
-  position: absolute;
-  top: 55%;
-  right: 24px;
-`, l = t(i)`
-  position: absolute;
-  top: 55%;
-  left: 24px;
-`;
-export {
-  s as CircularStepContainer,
-  n as Container,
-  p as InputContainer,
-  a as NextButtonWrapper,
-  l as PrevButtonWrapper
-};
-//# sourceMappingURL=circular-step-wrapper-styled.js.map

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"circular-step-wrapper-styled.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled(FlexView)`\n  position: relative;\n`;\n\nconst CircularStepContainer = styled(FlexView)<{ $isVisible: boolean }>`\n  position: absolute;\n  border-radius: 100%;\n  top: 216px;\n  border: ${({ theme }) => `2px solid ${theme.colors.BLACK_5}`};\n  opacity: ${({ $isVisible }) => ($isVisible ? 1 : 0)};\n  transition: opacity 0.5s ease-in-out;\n`;\n\nconst InputContainer = styled.div`\n  position: relative;\n`;\n\nconst CircularProgressContainer = styled(FlexView)<{\n  isVerticallyCentered?: boolean;\n}>`\n  position: relative;\n  overflow: hidden;\n  background: ${({ theme }) => theme.colors.BLACK_2};\n  border-radius: 100%;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ${({ theme }) => theme.colors.WHITE};\n`;\n\nexport const CircularProgress = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n`;\n\nconst NextButtonWrapper = styled(FlexView)`\n  position: absolute;\n  top: 55%;\n  right: 24px;\n`;\nconst PrevButtonWrapper = styled(FlexView)`\n  position: absolute;\n  top: 55%;\n  left: 24px;\n`;\n\nexport {\n  NextButtonWrapper,\n  PrevButtonWrapper,\n  InputContainer,\n  Container,\n  CircularStepContainer,\n  CircularProgressContainer,\n};\n"],"names":["Container","styled","FlexView","CircularStepContainer","theme","$isVisible","InputContainer","NextButtonWrapper","PrevButtonWrapper"],"mappings":";;AAIM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAwBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,YAIjC,CAAC,EAAE,OAAAE,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,aACjD,CAAC,EAAE,YAAAC,EAAA,MAAkBA,IAAa,IAAI,CAAE;AAAA;AAAA,GAI/CC,IAAiBL,EAAO;AAAA;AAAA;AAIIA,EAAOC,CAAQ;AAAA;AAAA;AAAA,gBAKjC,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMxC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAGZH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjC,MAAAM,IAAoBN,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAKnCM,IAAoBP,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js

@@ -1,115 +0,0 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { forwardRef as v, useRef as d, useState as h, useCallback as k, useImperativeHandle as B, useLayoutEffect as E } from "react";
-import H from "../../../../assets/line-icons/icons/back2.js";
-import W from "../../../../assets/line-icons/icons/next2.js";
-import g from "../../../ui/buttons/icon-button/icon-button.js";
-import j from "../../../ui/layout/flex-view.js";
-import N from "../../../ui/lottie-animation/lottie-animation.js";
-import T from "../../../ui/separator/separator.js";
-import z from "../../../ui/text/text.js";
-import { Container as M, CircularStepContainer as O, InputContainer as P, PrevButtonWrapper as V, NextButtonWrapper as D } from "./circular-step-wrapper-styled.js";
-const K = {
-  autoplay: !1,
-  loop: !1,
-  renderer: "svg",
-  rendererSettings: {
-    preserveAspectRatio: "xMidYMin slice"
-  }
-}, X = v(
-  ({
-    children: C,
-    onGoBack: $,
-    onNext: y,
-    label: c,
-    showNext: x,
-    showPrevious: I,
-    animation: r,
-    introFrames: n,
-    outroFrames: S,
-    isNextLoading: s
-  }, w) => {
-    const t = d(null), o = d(null), [a, A] = h(), [L, l] = h(!1), R = k(() => {
-      r && t.current && n && (t.current.playSegments(n, !0), setTimeout(() => l(!0), 500));
-    }, [r, n]);
-    return B(w, () => ({
-      playOutroAndFadeOut: async () => new Promise((b) => {
-        var p, f;
-        const u = () => {
-          var m;
-          l(!1), b(), (m = t.current) == null || m.removeEventListener("complete", u);
-        };
-        (p = t.current) == null || p.playSegments(S, !0), (f = t.current) == null || f.addEventListener("complete", u);
-      })
-    })), E(() => {
-      o.current && A(o.current.offsetHeight);
-    }, []), /* @__PURE__ */ i(
-      M,
-      {
-        $flex: 1,
-        $flexDirection: "column",
-        $alignItems: "center",
-        $justifyContent: "center",
-        $width: "100%",
-        $height: "100%",
-        ref: o,
-        children: [
-          a && /* @__PURE__ */ e(
-            N,
-            {
-              width: 1280,
-              height: a,
-              src: r,
-              ref: t,
-              onRender: R,
-              settings: K
-            }
-          ),
-          /* @__PURE__ */ i(
-            O,
-            {
-              $width: 400,
-              $height: 400,
-              $background: "REAL_BLACK",
-              $alignItems: "center",
-              $justifyContent: "center",
-              $isVisible: L,
-              children: [
-                c ? /* @__PURE__ */ i(j, { children: [
-                  /* @__PURE__ */ e(z, { $renderAs: "ab2", $color: "WHITE", $align: "center", children: c }),
-                  /* @__PURE__ */ e(T, { heightX: 1 })
-                ] }) : null,
-                /* @__PURE__ */ e(P, { children: C })
-              ]
-            }
-          ),
-          I && /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(
-            g,
-            {
-              Icon: H,
-              renderAs: "secondary",
-              analyticsLabel: "Next",
-              onClick: $,
-              disabled: s,
-              size: "regular"
-            }
-          ) }),
-          x && /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-            g,
-            {
-              size: "regular",
-              Icon: W,
-              renderAs: "secondary",
-              analyticsLabel: "Next",
-              onClick: y,
-              busy: s
-            }
-          ) })
-        ]
-      }
-    );
-  }
-), te = X;
-export {
-  te as default
-};
-//# sourceMappingURL=circular-step-wrapper.js.map

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"circular-step-wrapper.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type { ICircularStepRef, ICircularStepWrapperProps } from './circular-step-wrapper-types';\n\nimport {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type Ref,\n} from 'react';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './circular-step-wrapper-styled';\n\nconst animationSettings = {\n  autoplay: false,\n  loop: false,\n  renderer: 'svg',\n  rendererSettings: {\n    preserveAspectRatio: 'xMidYMin slice',\n  },\n};\n\nconst CircularStepWrapper = forwardRef<ICircularStepRef, ICircularStepWrapperProps>(\n  (\n    {\n      children,\n      onGoBack,\n      onNext,\n      label,\n      showNext,\n      showPrevious,\n      animation,\n      introFrames,\n      outroFrames,\n      isNextLoading,\n    },\n    ref: Ref<ICircularStepRef>,\n  ) => {\n    const animationRef = useRef<ILottieAnimationRef | null>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [containerHeight, setContainerHeight] = useState<number | undefined>();\n    const [showContent, setShowContent] = useState(false);\n\n    const onLottieRender = useCallback(() => {\n      if (animation && animationRef.current && introFrames) {\n        animationRef.current.playSegments(introFrames, true);\n        setTimeout(() => setShowContent(true), 500);\n      }\n    }, [animation, introFrames]);\n\n    useImperativeHandle(ref, () => ({\n      playOutroAndFadeOut: async () => {\n        return new Promise<void>(resolve => {\n          const handleComplete = () => {\n            setShowContent(false);\n            resolve();\n            animationRef.current?.removeEventListener('complete', handleComplete);\n          };\n\n          animationRef.current?.playSegments(outroFrames, true);\n          animationRef.current?.addEventListener('complete', handleComplete);\n        });\n      },\n    }));\n\n    useLayoutEffect(() => {\n      if (containerRef.current) {\n        setContainerHeight(containerRef.current.offsetHeight);\n      }\n    }, []);\n\n    return (\n      <Styled.Container\n        $flex={1}\n        $flexDirection=\"column\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $width=\"100%\"\n        $height=\"100%\"\n        ref={containerRef}\n      >\n        {containerHeight && (\n          <LottieAnimation\n            width={1280}\n            height={containerHeight}\n            src={animation}\n            ref={animationRef}\n            onRender={onLottieRender}\n            settings={animationSettings}\n          />\n        )}\n        <Styled.CircularStepContainer\n          $width={400}\n          $height={400}\n          $background=\"REAL_BLACK\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $isVisible={showContent}\n        >\n          {label ? (\n            <FlexView>\n              <Text $renderAs=\"ab2\" $color=\"WHITE\" $align=\"center\">\n                {label}\n              </Text>\n              <Separator heightX={1} />\n            </FlexView>\n          ) : null}\n          <Styled.InputContainer>{children}</Styled.InputContainer>\n          {/* <Styled.CircularProgressContainer $width=\"100%\" $flex={1} $height=\"100%\">\n          <Styled.CircularProgress>\n            <LottieAnimation\n              ref={animationRef}\n              src={LOTTIE.LEVELUP_RINGS}\n              settings={animationSettings}\n              onRender={onLottieRender}\n            />\n          </Styled.CircularProgress>\n        </Styled.CircularProgressContainer> */}\n        </Styled.CircularStepContainer>\n        {showPrevious && (\n          <Styled.PrevButtonWrapper>\n            <IconButton\n              Icon={Back2Icon}\n              renderAs=\"secondary\"\n              analyticsLabel=\"Next\"\n              onClick={onGoBack}\n              disabled={isNextLoading}\n              size=\"regular\"\n            />\n          </Styled.PrevButtonWrapper>\n        )}\n        {showNext && (\n          <Styled.NextButtonWrapper>\n            <IconButton\n              size=\"regular\"\n              Icon={Next2Icon}\n              renderAs=\"secondary\"\n              analyticsLabel=\"Next\"\n              onClick={onNext}\n              busy={isNextLoading}\n            />\n          </Styled.NextButtonWrapper>\n        )}\n      </Styled.Container>\n    );\n  },\n);\n\nexport default CircularStepWrapper;\n"],"names":["animationSettings","CircularStepWrapper","forwardRef","children","onGoBack","onNext","label","showNext","showPrevious","animation","introFrames","outroFrames","isNextLoading","ref","animationRef","useRef","containerRef","containerHeight","setContainerHeight","useState","showContent","setShowContent","onLottieRender","useCallback","useImperativeHandle","resolve","handleComplete","_a","_b","useLayoutEffect","jsxs","Styled.Container","jsx","LottieAnimation","Styled.CircularStepContainer","FlexView","Text","Separator","Styled.InputContainer","Styled.PrevButtonWrapper","IconButton","Back2Icon","Styled.NextButtonWrapper","Next2Icon","CircularStepWrapper$1"],"mappings":"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"}

package/dist/features/auth/signup/claim-user-account/claim-user-account-styled.js

@@ -1,16 +0,0 @@
-import r from "styled-components";
-import t from "../../../ui/layout/flex-view.js";
-const c = r(t)`
-  border-right: 1px solid ${({ theme: o }) => o.colors.BLACK_5};
-  max-width: 200px;
-  cursor: pointer;
-  transition: background-color 0.3s ease;
-  position: relative;
-  &:hover {
-    background-color: ${({ theme: o }) => o.colors.BLACK_2};
-  }
-`;
-export {
-  c as AccountCard
-};
-//# sourceMappingURL=claim-user-account-styled.js.map

package/dist/features/auth/signup/claim-user-account/claim-user-account-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"claim-user-account-styled.js","sources":["../../../../../src/features/auth/signup/claim-user-account/claim-user-account-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const AccountCard = styled(FlexView)`\n  border-right: 1px solid ${({ theme }) => theme.colors.BLACK_5};\n  max-width: 200px;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n  position: relative;\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.BLACK_2};\n  }\n`;\n"],"names":["AccountCard","styled","FlexView","theme"],"mappings":";;AAIa,MAAAA,IAAcC,EAAOC,CAAQ;AAAA,4BACd,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMvC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;"}

package/dist/features/auth/signup/claim-user-account/claim-user-account.js

@@ -1,71 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { memo as $ } from "react";
-import { ILLUSTRATIONS as f } from "../../../../assets/illustrations/illustrations.js";
-import u from "../../../ui/avatar/avatar.js";
-import p from "../../../ui/buttons/button/button.js";
-import g from "../../../ui/image/image.js";
-import n from "../../../ui/layout/flex-view.js";
-import t from "../../../ui/separator/separator.js";
-import o from "../../../ui/text/text.js";
-import C from "../../comps/overlay-loader/overlay-loader.js";
-import { AccountCard as I } from "./claim-user-account-styled.js";
-const A = ({
-  email: c,
-  onSelectAccount: a,
-  userAccounts: m,
-  onCreateNewAccount: h,
-  isCreatingAccount: i,
-  isLoading: s
-}) => /* @__PURE__ */ r(n, { $flex: 1, $alignItems: "center", $justifyContent: "center", $width: "100%", $height: "100%", children: [
-  /* @__PURE__ */ e(C, { isLoading: s }),
-  /* @__PURE__ */ e(g, { src: f.CIRCLE_CUEMATH_LOGO_WHITE, alt: "Parent Signup", withLoader: !1 }),
-  /* @__PURE__ */ e(t, { heightX: 1 }),
-  /* @__PURE__ */ r(n, { children: [
-    /* @__PURE__ */ r(o, { $renderAs: "ab1", $color: "WHITE", $align: "center", children: [
-      "We found multiple profiles linked to",
-      " ",
-      /* @__PURE__ */ e(o, { $color: "WHITE", $inline: !0, $renderAs: "ab1-bold", children: c })
-    ] }),
-    /* @__PURE__ */ e(o, { $renderAs: "ab1", $color: "WHITE", $align: "center", children: "Which one would you like to proceed with?" })
-  ] }),
-  /* @__PURE__ */ e(t, { heightX: 5 }),
-  /* @__PURE__ */ e(n, { $borderColor: "BLACK_5", $flexWrap: !0, $justifyContent: "center", $flexDirection: "row", children: m.map(({ id: l, phone: d }) => /* @__PURE__ */ r(
-    I,
-    {
-      $gutterX: 2,
-      $gapX: 2.81,
-      $width: 200,
-      $height: 200,
-      $alignItems: "center",
-      $justifyContent: "center",
-      onClick: () => a(l),
-      children: [
-        /* @__PURE__ */ e(u, { size: 80 }),
-        /* @__PURE__ */ e(t, { heightX: 0.5 }),
-        /* @__PURE__ */ e(o, { $color: "WHITE", $renderAs: "ab2", $align: "center", children: d })
-      ]
-    },
-    l
-  )) }),
-  /* @__PURE__ */ e(t, { heightX: 5 }),
-  /* @__PURE__ */ r(n, { $alignItems: "center", $justifyContent: "center", children: [
-    /* @__PURE__ */ e(o, { $renderAs: "ub2", $color: "WHITE", children: "Don't recognise these accounts?" }),
-    /* @__PURE__ */ e(t, { heightX: 1 }),
-    /* @__PURE__ */ e(
-      p,
-      {
-        width: 232,
-        size: "small",
-        label: "Create new account",
-        renderAs: "secondary",
-        onClick: h,
-        busy: i,
-        disabled: i
-      }
-    )
-  ] })
-] }), k = $(A);
-export {
-  k as default
-};
-//# sourceMappingURL=claim-user-account.js.map

package/dist/features/auth/signup/claim-user-account/claim-user-account.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"claim-user-account.js","sources":["../../../../../src/features/auth/signup/claim-user-account/claim-user-account.tsx"],"sourcesContent":["import type { IClaimUserAccountProps } from './claim-user-account-types';\n\nimport { memo } from 'react';\nimport { type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Avatar from '../../../ui/avatar/avatar';\nimport Button from '../../../ui/buttons/button/button';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport OverlayLoader from '../../comps/overlay-loader/overlay-loader';\nimport * as Styled from './claim-user-account-styled';\n\nconst ClaimUserAccount: FC<IClaimUserAccountProps> = ({\n  email,\n  onSelectAccount,\n  userAccounts,\n  onCreateNewAccount,\n  isCreatingAccount,\n  isLoading,\n}) => {\n  return (\n    <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\" $width=\"100%\" $height=\"100%\">\n      <OverlayLoader isLoading={isLoading} />\n      <Image src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} alt=\"Parent Signup\" withLoader={false} />\n      <Separator heightX={1} />\n      <FlexView>\n        <Text $renderAs=\"ab1\" $color=\"WHITE\" $align=\"center\">\n          We found multiple profiles linked to{' '}\n          <Text $color=\"WHITE\" $inline $renderAs=\"ab1-bold\">\n            {email}\n          </Text>\n        </Text>\n        <Text $renderAs=\"ab1\" $color=\"WHITE\" $align=\"center\">\n          Which one would you like to proceed with?\n        </Text>\n      </FlexView>\n      <Separator heightX={5} />\n      <FlexView $borderColor=\"BLACK_5\" $flexWrap $justifyContent=\"center\" $flexDirection=\"row\">\n        {userAccounts.map(({ id, phone }) => (\n          <Styled.AccountCard\n            $gutterX={2}\n            $gapX={2.81}\n            key={id}\n            $width={200}\n            $height={200}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            onClick={() => onSelectAccount(id)}\n          >\n            <Avatar size={80} />\n            <Separator heightX={0.5} />\n            <Text $color=\"WHITE\" $renderAs=\"ab2\" $align=\"center\">\n              {phone}\n            </Text>\n          </Styled.AccountCard>\n        ))}\n      </FlexView>\n      <Separator heightX={5} />\n      <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"ub2\" $color=\"WHITE\">\n          Don't recognise these accounts?\n        </Text>\n        <Separator heightX={1} />\n        <Button\n          width={232}\n          size=\"small\"\n          label=\"Create new account\"\n          renderAs=\"secondary\"\n          onClick={onCreateNewAccount}\n          busy={isCreatingAccount}\n          disabled={isCreatingAccount}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(ClaimUserAccount);\n"],"names":["ClaimUserAccount","email","onSelectAccount","userAccounts","onCreateNewAccount","isCreatingAccount","isLoading","jsxs","FlexView","jsx","OverlayLoader","Image","ILLUSTRATIONS","Separator","Text","id","phone","Styled.AccountCard","Avatar","Button","claimUserAccount","memo"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAA+C,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,MAEI,gBAAAC,EAACC,GAAS,EAAA,OAAO,GAAG,aAAY,UAAS,iBAAgB,UAAS,QAAO,QAAO,SAAQ,QACtF,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAc,WAAAJ,GAAsB;AAAA,EACrC,gBAAAG,EAACE,KAAM,KAAKC,EAAc,2BAA2B,KAAI,iBAAgB,YAAY,IAAO;AAAA,EAC5F,gBAAAH,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,oBACtBL,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACO,KAAK,WAAU,OAAM,QAAO,SAAQ,QAAO,UAAS,UAAA;AAAA,MAAA;AAAA,MACd;AAAA,MACrC,gBAAAL,EAACK,KAAK,QAAO,SAAQ,SAAO,IAAC,WAAU,YACpC,UACHb,EAAA,CAAA;AAAA,IAAA,GACF;AAAA,IACA,gBAAAQ,EAACK,KAAK,WAAU,OAAM,QAAO,SAAQ,QAAO,UAAS,UAErD,4CAAA,CAAA;AAAA,EAAA,GACF;AAAA,EACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,oBACtBL,GAAS,EAAA,cAAa,WAAU,WAAS,IAAC,iBAAgB,UAAS,gBAAe,OAChF,YAAa,IAAI,CAAC,EAAE,IAAAO,GAAI,OAAAC,QACvB,gBAAAT;AAAA,IAACU;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MAEP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,SAAS,MAAMf,EAAgBa,CAAE;AAAA,MAEjC,UAAA;AAAA,QAAC,gBAAAN,EAAAS,GAAA,EAAO,MAAM,GAAI,CAAA;AAAA,QAClB,gBAAAT,EAACI,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,QACzB,gBAAAJ,EAACK,KAAK,QAAO,SAAQ,WAAU,OAAM,QAAO,UACzC,UACHE,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAXKD;AAAA,EAaR,CAAA,GACH;AAAA,EACA,gBAAAN,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACtB,gBAAAN,EAAAC,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,IAAA,gBAAAC,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,mCAAA;AAAA,IACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,SAASf;AAAA,QACT,MAAMC;AAAA,QACN,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA,GACF;AACF,EAAA,CAAA,GAIWe,IAAAC,EAAKrB,CAAgB;"}

package/dist/features/auth/signup/custom-input/custom-input-styled.js

@@ -1,38 +0,0 @@
-import o from "styled-components";
-import e from "../../../ui/layout/flex-view.js";
-const r = o.input`
-  width: 100%;
-  max-width: 320px;
-  padding: 0;
-  line-height: 40px;
-  text-transform: ${({ textTransform: t }) => t || "none"};
-  border: none;
-  outline: none;
-  background-color: transparent;
-  font-size: 32px;
-  text-align: ${({ align: t }) => t ?? "center"};
-  caret-color: ${({ theme: t }) => t.colors.WHITE};
-  color: ${({ theme: t }) => t.colors.WHITE};
-  font-family: 'Athletics-Light';
-  color: ${({ color: t }) => t};
-
-  &::placeholder {
-    font-family: 'Athletics-Light';
-    font-size: 32px;
-  }
-  &::-webkit-outer-spin-button,
-  &::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-  }
-`;
-o(e)`
-  width: 100%;
-`;
-const p = o(e)`
-  position: relative;
-`;
-export {
-  r as CustomInput,
-  p as PasswordInputWrapper
-};
-//# sourceMappingURL=custom-input-styled.js.map

package/dist/features/auth/signup/custom-input/custom-input-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-input-styled.js","sources":["../../../../../src/features/auth/signup/custom-input/custom-input-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const CustomInput = styled.input<{ color: string; align?: string; textTransform?: string }>`\n  width: 100%;\n  max-width: 320px;\n  padding: 0;\n  line-height: 40px;\n  text-transform: ${({ textTransform }) => textTransform || 'none'};\n  border: none;\n  outline: none;\n  background-color: transparent;\n  font-size: 32px;\n  text-align: ${({ align }) => align ?? 'center'};\n  caret-color: ${({ theme }) => theme.colors.WHITE};\n  color: ${({ theme }) => theme.colors.WHITE};\n  font-family: 'Athletics-Light';\n  color: ${({ color }) => color};\n\n  &::placeholder {\n    font-family: 'Athletics-Light';\n    font-size: 32px;\n  }\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n`;\n\nexport const CountryCodeSelector = styled(FlexView)`\n  width: 100%;\n`;\n\nexport const PasswordInputWrapper = styled(FlexView)`\n  position: relative;\n`;\n"],"names":["CustomInput","styled","textTransform","align","theme","color","FlexView","PasswordInputWrapper"],"mappings":";;AAIO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKd,CAAC,EAAE,eAAAC,QAAoBA,KAAiB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKlD,CAAC,EAAE,OAAAC,QAAYA,KAAS,QAAQ;AAAA,iBAC/B,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,WACvC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,WAEjC,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYIJ,EAAOK,CAAQ;AAAA;AAAA;AAIrC,MAAAC,IAAuBN,EAAOK,CAAQ;AAAA;AAAA;"}

package/dist/features/auth/signup/custom-input/date-picker-input/date-picker-input-styled.js

@@ -1,79 +0,0 @@
-import o from "styled-components";
-const a = o.div`
-  .react-datepicker {
-    font-family: UntitledSans-Medium;
-    font-size: 14px;
-    background-color: ${({ theme: e }) => e.colors.BLACK_3};
-    border: 1px solid ${({ theme: e }) => e.colors.BLACK_5};
-    padding: 16px;
-    border-radius: 8px;
-    transition: all 0.3s ease-in-out;
-  }
-
-  .react-datepicker__aria-live {
-    display: none;
-  }
-  .react-datepicker__header {
-    color: ${({ theme: e }) => e.colors.WHITE};
-    text-align: center;
-  }
-
-  .react-datepicker__month-wrapper {
-    display: flex;
-  }
-  .react-datepicker__month-text {
-    color: ${({ theme: e }) => e.colors.WHITE_T_38};
-    cursor: pointer;
-    padding: 8px;
-    border-radius: 4px;
-    &:hover {
-      color: ${({ theme: e }) => e.colors.WHITE};
-    }
-  }
-  .react-datepicker__month-text--selected {
-    color: ${({ theme: e }) => e.colors.WHITE};
-  }
-
-  .react-datepicker__navigation--previous {
-    background: url('/path/to/your/custom-left-arrow.svg') no-repeat center;
-    width: 20px;
-    height: 20px;
-    border: none;
-    background-size: contain;
-  }
-
-  .react-datepicker__navigation--next {
-    background: url('/path/to/your/custom-right-arrow.svg') no-repeat center;
-    width: 20px;
-    height: 20px;
-    border: none;
-    background-size: contain;
-  }
-
-  .react-datepicker__navigation-icon::before {
-    content: none;
-  }
-
-  .react-datepicker__input-container input {
-    max-width: 320px;
-    padding: 0;
-    line-height: 40px;
-    border: none;
-    outline: none;
-    background-color: transparent;
-    font-size: 32px;
-    text-align: center;
-    caret-color: ${({ theme: e }) => e.colors.WHITE};
-    color: ${({ theme: e, color: r }) => r || e.colors.WHITE};
-    font-family: 'Athletics-Light';
-
-    &::placeholder {
-      font-family: 'Athletics-Light';
-      font-size: 32px;
-    }
-  }
-`;
-export {
-  a as StyledDatePickerWrapper
-};
-//# sourceMappingURL=date-picker-input-styled.js.map