@cuemath/leap 3.2.20-beta-0.2 → 3.2.21-as1

package/dist/features/trial-session/comps/teacher-intro/teacher-intro.js

@@ -1,74 +1,20 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { memo as T, useMemo as I } from "react";
-import j from "../../../ui/image/image.js";
-import h from "../../../ui/layout/flex-view.js";
-import s from "../../../ui/separator/separator.js";
-import t from "../../../ui/text/text.js";
-import { useTrialSessionContext as k } from "../../context/use-trial-session-context.js";
-import O from "../communication-slide/index.js";
-import F from "../slide-header/index.js";
-import { COUNTRY_FLAGS as H } from "./teacher-intro-constants.js";
-import { Container as L, ContentWrapper as D, ProfilePicture as E, GridContainer as P, GridItem as i } from "./teacher-intro-styled.js";
-const z = T(() => {
-  const { slideConfig: f } = k(), { renderAVIn: m, teacher_profile: u } = f || {}, {
-    degree: g,
-    countries: o,
-    lower_grade: a,
-    higher_grade: n,
-    header_image: $,
-    years_of_experience: p,
-    number_of_students_taught: b
-  } = u || {}, { degree_name: c, field_of_study: d } = g || {}, _ = Object.values(H), l = n && parseInt(n, 10) > 8, x = I(() => l ? "High School" : ` ${a === "K" ? "" : "G"}${a} - G${n}`, [l, n, a]);
-  return m === "right" ? /* @__PURE__ */ e(O, {}) : /* @__PURE__ */ r(L, { children: [
-    /* @__PURE__ */ e(s, { height: 60 }),
-    /* @__PURE__ */ e(F, {}),
-    /* @__PURE__ */ r(
-      D,
-      {
-        $flexDirection: "row",
-        $width: 750,
-        $borderColor: "BLACK_T_87",
-        $background: "WHITE_3",
-        children: [
-          /* @__PURE__ */ e(E, { withLoader: !0, src: $, width: 350, height: 350 }),
-          /* @__PURE__ */ r(P, { children: [
-            /* @__PURE__ */ r(i, { $justifyContent: "center", $gutter: 24, children: [
-              /* @__PURE__ */ e(t, { $renderAs: "ah3-black", children: p }),
-              /* @__PURE__ */ e(t, { $renderAs: "ub3", children: "Yrs of Teaching Experience" })
-            ] }),
-            /* @__PURE__ */ r(i, { $justifyContent: "center", $gutter: 24, children: [
-              /* @__PURE__ */ e(t, { $renderAs: "ah3-black", children: b }),
-              /* @__PURE__ */ e(t, { $renderAs: "ub3", children: "Students Taught" })
-            ] }),
-            c && d && /* @__PURE__ */ r(i, { $justifyContent: "center", $gutter: 24, children: [
-              /* @__PURE__ */ e(t, { $renderAs: "ab1-black", children: c }),
-              /* @__PURE__ */ r(t, { $renderAs: "ub3", children: [
-                "In ",
-                d
-              ] })
-            ] }),
-            /* @__PURE__ */ r(i, { $justifyContent: "center", $gutter: 24, children: [
-              /* @__PURE__ */ r(t, { $renderAs: "ab1-black", children: [
-                "Teaching ",
-                x,
-                " kids in"
-              ] }),
-              /* @__PURE__ */ e(s, { height: 12 }),
-              /* @__PURE__ */ e(h, { $flexDirection: "row", $flexGap: 16, $flexWrap: !0, children: o && o.length > 0 && o.map((C) => {
-                const y = _.find((S) => S.name === C), { flag_icon: A = "", label: w, name: G } = y || {};
-                return /* @__PURE__ */ r(h, { $flexDirection: "row", $flexGap: 4, children: [
-                  /* @__PURE__ */ e(j, { src: A, width: 30, height: 20, withLoader: !1 }),
-                  /* @__PURE__ */ e(t, { $renderAs: "ab3-black", children: w })
-                ] }, G);
-              }) })
-            ] })
-          ] })
-        ]
-      }
-    )
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { memo as m } from "react";
+import n from "../../../ui/separator/separator.js";
+import { useTrialSessionContext as f } from "../../context/use-trial-session-context.js";
+import a from "../communication-slide/index.js";
+import p from "../slide-header/index.js";
+import { Container as s, ContentWrapper as c } from "./teacher-intro-styled.js";
+import h from "./teacher-profile/teacher-profile.js";
+const j = m(() => {
+  const { slideConfig: e } = f(), { renderAVIn: o, teacher_profile: t } = e || {};
+  return o === "right" ? /* @__PURE__ */ r(a, {}) : /* @__PURE__ */ i(s, { children: [
+    /* @__PURE__ */ r(n, { height: 60 }),
+    /* @__PURE__ */ r(p, {}),
+    /* @__PURE__ */ r(c, { $width: 750, children: /* @__PURE__ */ r(h, { teacherProfile: t }) })
   ] });
 });
 export {
-  z as default
+  j as default
 };
 //# sourceMappingURL=teacher-intro.js.map

package/dist/features/trial-session/comps/teacher-intro/teacher-intro.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-intro.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\n\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 { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport CommunicationSlide from '../communication-slide';\nimport SlideHeader from '../slide-header';\nimport { COUNTRY_FLAGS } from './teacher-intro-constants';\nimport * as Styled from './teacher-intro-styled';\n\nconst TeacherIntro = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { renderAVIn, teacher_profile: teacherProfile } = slideConfig || {};\n\n  const {\n    degree,\n    countries,\n    lower_grade: lowerGrade,\n    higher_grade: higherGrade,\n    header_image: headerImage,\n    years_of_experience: yearsOfExperience,\n    number_of_students_taught: numberOfStudentsTaught,\n  } = teacherProfile || {};\n  const { degree_name: degreeName, field_of_study: fieldOfStudy } = degree || {};\n\n  const countryFlagArray = Object.values(COUNTRY_FLAGS);\n  const isHighSchool = higherGrade && parseInt(higherGrade, 10) > 8;\n\n  const displayGrade = useMemo(() => {\n    return isHighSchool\n      ? 'High School'\n      : ` ${lowerGrade === 'K' ? '' : 'G'}${lowerGrade} - G${higherGrade}`;\n  }, [isHighSchool, higherGrade, lowerGrade]);\n\n  if (renderAVIn === 'right') return <CommunicationSlide />;\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper\n        $flexDirection=\"row\"\n        $width={750}\n        $borderColor=\"BLACK_T_87\"\n        $background=\"WHITE_3\"\n      >\n        <Styled.ProfilePicture withLoader src={headerImage} width={350} height={350} />\n        <Styled.GridContainer>\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ah3-black\">{yearsOfExperience}</Text>\n            <Text $renderAs=\"ub3\">Yrs of Teaching Experience</Text>\n          </Styled.GridItem>\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ah3-black\">{numberOfStudentsTaught}</Text>\n            <Text $renderAs=\"ub3\">Students Taught</Text>\n          </Styled.GridItem>\n          {degreeName && fieldOfStudy && (\n            <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n              <Text $renderAs=\"ab1-black\">{degreeName}</Text>\n              <Text $renderAs=\"ub3\">In {fieldOfStudy}</Text>\n            </Styled.GridItem>\n          )}\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ab1-black\">Teaching {displayGrade} kids in</Text>\n            <Separator height={12} />\n            <FlexView $flexDirection=\"row\" $flexGap={16} $flexWrap>\n              {countries &&\n                countries.length > 0 &&\n                countries.map(country => {\n                  const countryFlag = countryFlagArray.find(item => item.name === country);\n                  const { flag_icon: flagIcon = '', label, name } = countryFlag || {};\n\n                  return (\n                    <FlexView key={name} $flexDirection=\"row\" $flexGap={4}>\n                      <Image src={flagIcon} width={30} height={20} withLoader={false} />\n                      <Text $renderAs=\"ab3-black\">{label}</Text>\n                    </FlexView>\n                  );\n                })}\n            </FlexView>\n          </Styled.GridItem>\n        </Styled.GridContainer>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default TeacherIntro;\n"],"names":["TeacherIntro","memo","slideConfig","useTrialSessionContext","renderAVIn","teacherProfile","degree","countries","lowerGrade","higherGrade","headerImage","yearsOfExperience","numberOfStudentsTaught","degreeName","fieldOfStudy","countryFlagArray","COUNTRY_FLAGS","isHighSchool","displayGrade","useMemo","jsx","CommunicationSlide","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.ProfilePicture","Styled.GridContainer","Styled.GridItem","Text","FlexView","country","countryFlag","item","flagIcon","label","name","Image"],"mappings":"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"}
+{"version":3,"file":"teacher-intro.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Separator from '../../../ui/separator/separator';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport CommunicationSlide from '../communication-slide';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './teacher-intro-styled';\nimport TeacherProfile from './teacher-profile/teacher-profile';\n\nconst TeacherIntro = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { renderAVIn, teacher_profile: teacherProfile } = slideConfig || {};\n\n  if (renderAVIn === 'right') return <CommunicationSlide />;\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $width={750}>\n        <TeacherProfile teacherProfile={teacherProfile} />\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default TeacherIntro;\n"],"names":["TeacherIntro","memo","slideConfig","useTrialSessionContext","renderAVIn","teacherProfile","jsx","CommunicationSlide","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","TeacherProfile"],"mappings":";;;;;;;;AASM,MAAAA,IAAeC,EAAK,MAAM;AACxB,QAAA,EAAE,aAAAC,MAAgBC,KAClB,EAAE,YAAAC,GAAY,iBAAiBC,EAAe,IAAIH,KAAe,CAAA;AAEvE,SAAIE,MAAe,UAAgB,gBAAAE,EAACC,GAAmB,CAAA,CAAA,IAGrD,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAL,EAACM,GAAA,EAAsB,QAAQ,KAC7B,UAAA,gBAAAN,EAACO,GAAe,EAAA,gBAAAR,EAAgC,CAAA,GAClD;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js

@@ -0,0 +1,49 @@
+import r from "styled-components";
+import e from "../../../../ui/image/image.js";
+import t from "../../../../ui/layout/flex-view.js";
+const l = r(e)`
+  object-fit: cover;
+`, c = r.div(
+  ({ theme: o }) => `
+  flex: 1;
+  display: grid;
+  border-left: 1px solid ${o.colors.BLACK_T_87};
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: auto auto auto;
+`
+), h = r(t)(
+  ({ theme: o }) => `
+  border: 0.5px solid ${o.colors.WHITE_5};
+  &:first-child,
+  &:nth-child(2) {
+    grid-column: span 1;
+  }
+  &:nth-child(3),
+  &:nth-child(4) {
+    grid-column: span 2;
+  }
+  &:first-child {
+    border-left: none;
+    border-top: none;
+  }
+  &:nth-child(2) {
+    border-right: none;
+    border-top: none;
+  }
+  &:nth-child(3) {
+    border-left: none;
+    border-right: none;
+  }
+  &:nth-child(4) {
+    border-left: none;
+    border-right: none;
+    border-bottom: none;
+  }
+`
+);
+export {
+  c as GridContainer,
+  h as GridItem,
+  l as ProfilePicture
+};
+//# sourceMappingURL=teacher-profile-styled.js.map

package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"teacher-profile-styled.js","sources":["../../../../../../src/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ProfilePicture = styled(Image)`\n  object-fit: cover;\n`;\n\nconst GridContainer = styled.div(\n  ({ theme }) => `\n  flex: 1;\n  display: grid;\n  border-left: 1px solid ${theme.colors.BLACK_T_87};\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: auto auto auto;\n`,\n);\n\nconst GridItem = styled(FlexView)(\n  ({ theme }) => `\n  border: 0.5px solid ${theme.colors.WHITE_5};\n  &:first-child,\n  &:nth-child(2) {\n    grid-column: span 1;\n  }\n  &:nth-child(3),\n  &:nth-child(4) {\n    grid-column: span 2;\n  }\n  &:first-child {\n    border-left: none;\n    border-top: none;\n  }\n  &:nth-child(2) {\n    border-right: none;\n    border-top: none;\n  }\n  &:nth-child(3) {\n    border-left: none;\n    border-right: none;\n  }\n  &:nth-child(4) {\n    border-left: none;\n    border-right: none;\n    border-bottom: none;\n  }\n`,\n);\n\nexport { ProfilePicture, GridContainer, GridItem };\n"],"names":["ProfilePicture","styled","Image","GridContainer","theme","GridItem","FlexView"],"mappings":";;;AAKM,MAAAA,IAAiBC,EAAOC,CAAK;AAAA;AAAA,GAI7BC,IAAgBF,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAG,EAAA,MAAY;AAAA;AAAA;AAAA,2BAGUA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAIlD,GAEMC,IAAWJ,EAAOK,CAAQ;AAAA,EAC9B,CAAC,EAAE,OAAAF,EAAA,MAAY;AAAA,wBACOA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2B5C;"}

package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js

@@ -0,0 +1,64 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { memo as G, useMemo as T } from "react";
+import C from "../../../../ui/image/image.js";
+import a from "../../../../ui/layout/flex-view.js";
+import j from "../../../../ui/separator/separator.js";
+import t from "../../../../ui/text/text.js";
+import { COUNTRY_FLAGS as k } from "../teacher-intro-constants.js";
+import { ProfilePicture as I, GridContainer as S, GridItem as i } from "./teacher-profile-styled.js";
+const O = G(({ teacherProfile: s }) => {
+  const {
+    degree: f,
+    countries: o,
+    lower_grade: c,
+    higher_grade: n,
+    header_image: u,
+    years_of_experience: g,
+    number_of_students_taught: m
+  } = s || {}, { degree_name: d, field_of_study: l } = f || {}, $ = Object.values(k), h = n && parseInt(n, 10) > 8, p = T(() => h ? "High School" : ` ${c === "K" ? "" : "G"}${c} - G${n}`, [h, n, c]);
+  return /* @__PURE__ */ e(a, { $flexDirection: "row", $borderColor: "BLACK_T_87", $background: "WHITE_3", children: [
+    /* @__PURE__ */ r(I, { withLoader: !0, src: u, width: 350, height: 350 }),
+    /* @__PURE__ */ e(S, { children: [
+      /* @__PURE__ */ e(i, { $justifyContent: "center", $gutter: 24, children: [
+        /* @__PURE__ */ e(t, { $renderAs: "ah3-black", children: [
+          g,
+          "+"
+        ] }),
+        /* @__PURE__ */ r(t, { $renderAs: "ub3", children: "Yrs of Teaching Experience" })
+      ] }),
+      /* @__PURE__ */ e(i, { $justifyContent: "center", $gutter: 24, children: [
+        /* @__PURE__ */ e(t, { $renderAs: "ah3-black", children: [
+          m,
+          "+"
+        ] }),
+        /* @__PURE__ */ r(t, { $renderAs: "ub3", children: "Students Taught" })
+      ] }),
+      d && l && /* @__PURE__ */ e(i, { $justifyContent: "center", $gutter: 24, children: [
+        /* @__PURE__ */ r(t, { $renderAs: "ab1-black", children: d }),
+        /* @__PURE__ */ e(t, { $renderAs: "ub3", children: [
+          "In ",
+          l
+        ] })
+      ] }),
+      /* @__PURE__ */ e(i, { $justifyContent: "center", $gutter: 24, children: [
+        /* @__PURE__ */ e(t, { $renderAs: "ab1-black", children: [
+          "Teaching ",
+          p,
+          " kids in"
+        ] }),
+        /* @__PURE__ */ r(j, { height: 12 }),
+        /* @__PURE__ */ r(a, { $flexDirection: "row", $flexGap: 16, $flexWrap: !0, children: o && o.length > 0 && o.map((b) => {
+          const _ = $.find((w) => w.name === b), { flag_icon: x = "", label: y, name: A } = _ || {};
+          return /* @__PURE__ */ e(a, { $flexDirection: "row", $flexGap: 4, children: [
+            /* @__PURE__ */ r(C, { src: x, width: 30, height: 20, withLoader: !1 }),
+            /* @__PURE__ */ r(t, { $renderAs: "ab3-black", children: y })
+          ] }, A);
+        }) })
+      ] })
+    ] })
+  ] });
+}), W = O;
+export {
+  W as default
+};
+//# sourceMappingURL=teacher-profile.js.map

package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"teacher-profile.js","sources":["../../../../../../src/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.tsx"],"sourcesContent":["import type { ITeacherProfileDetails } from '../../../trial-session-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\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 { COUNTRY_FLAGS } from '../teacher-intro-constants';\nimport * as Styled from './teacher-profile-styled';\n\ninterface ITeacherProfileProps {\n  teacherProfile?: ITeacherProfileDetails;\n}\n\nconst TeacherProfile: FC<ITeacherProfileProps> = memo(({ teacherProfile }) => {\n  const {\n    degree,\n    countries,\n    lower_grade: lowerGrade,\n    higher_grade: higherGrade,\n    header_image: headerImage,\n    years_of_experience: yearsOfExperience,\n    number_of_students_taught: numberOfStudentsTaught,\n  } = teacherProfile || {};\n  const { degree_name: degreeName, field_of_study: fieldOfStudy } = degree || {};\n\n  const countryFlagArray = Object.values(COUNTRY_FLAGS);\n  const isHighSchool = higherGrade && parseInt(higherGrade, 10) > 8;\n\n  const displayGrade = useMemo(() => {\n    return isHighSchool\n      ? 'High School'\n      : ` ${lowerGrade === 'K' ? '' : 'G'}${lowerGrade} - G${higherGrade}`;\n  }, [isHighSchool, higherGrade, lowerGrade]);\n\n  return (\n    <FlexView $flexDirection=\"row\" $borderColor=\"BLACK_T_87\" $background=\"WHITE_3\">\n      <Styled.ProfilePicture withLoader src={headerImage} width={350} height={350} />\n      <Styled.GridContainer>\n        <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n          <Text $renderAs=\"ah3-black\">{yearsOfExperience}+</Text>\n          <Text $renderAs=\"ub3\">Yrs of Teaching Experience</Text>\n        </Styled.GridItem>\n        <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n          <Text $renderAs=\"ah3-black\">{numberOfStudentsTaught}+</Text>\n          <Text $renderAs=\"ub3\">Students Taught</Text>\n        </Styled.GridItem>\n        {degreeName && fieldOfStudy && (\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ab1-black\">{degreeName}</Text>\n            <Text $renderAs=\"ub3\">In {fieldOfStudy}</Text>\n          </Styled.GridItem>\n        )}\n        <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n          <Text $renderAs=\"ab1-black\">Teaching {displayGrade} kids in</Text>\n          <Separator height={12} />\n          <FlexView $flexDirection=\"row\" $flexGap={16} $flexWrap>\n            {countries &&\n              countries.length > 0 &&\n              countries.map(country => {\n                const countryFlag = countryFlagArray.find(item => item.name === country);\n                const { flag_icon: flagIcon = '', label, name } = countryFlag || {};\n\n                return (\n                  <FlexView key={name} $flexDirection=\"row\" $flexGap={4}>\n                    <Image src={flagIcon} width={30} height={20} withLoader={false} />\n                    <Text $renderAs=\"ab3-black\">{label}</Text>\n                  </FlexView>\n                );\n              })}\n          </FlexView>\n        </Styled.GridItem>\n      </Styled.GridContainer>\n    </FlexView>\n  );\n});\n\nexport default TeacherProfile;\n"],"names":["TeacherProfile","memo","teacherProfile","degree","countries","lowerGrade","higherGrade","headerImage","yearsOfExperience","numberOfStudentsTaught","degreeName","fieldOfStudy","countryFlagArray","COUNTRY_FLAGS","isHighSchool","displayGrade","useMemo","FlexView","jsx","Styled.ProfilePicture","jsxs","Styled.GridContainer","Styled.GridItem","Text","Separator","country","countryFlag","item","flagIcon","label","name","Image","TeacherProfile$1"],"mappings":"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"}

package/dist/features/ui/accordion/accordion-items/accordion-items-styled.js

@@ -0,0 +1,28 @@
+import o from "styled-components";
+import r from "../../../../assets/line-icons/icons/plus.js";
+import t from "../../layout/flex-view.js";
+const a = o(t)(
+  ({ $index: e, $visible: i, $accordionBorderColor: n }) => `
+  border-bottom: 1px solid ${n};
+  ${e === 0 ? `border-top: 1px solid ${n};` : ""}
+  display: ${i ? "flex" : "none"};
+`
+), c = o(t)`
+  cursor: pointer;
+`, m = o.div`
+  max-height: 0;
+  overflow: hidden;
+  transition: all 0.3s ease-in-out;
+`, p = o(t)`
+  width: 100%;
+`, x = o(r)`
+  transition: all 0.3s ease-in-out;
+`;
+export {
+  m as AccordionAnswer,
+  c as AccordionItemContainer,
+  a as Container,
+  p as ContentContainer,
+  x as StyledPlusIcon
+};
+//# sourceMappingURL=accordion-items-styled.js.map

package/dist/features/ui/accordion/accordion-items/accordion-items-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-items-styled.js","sources":["../../../../../src/features/ui/accordion/accordion-items/accordion-items-styled.ts"],"sourcesContent":["import type { ContainerProps } from '../accordion-types';\n\nimport styled from 'styled-components';\n\nimport PlusIcon from '../../../../assets/line-icons/icons/plus';\nimport FlexView from '../../layout/flex-view';\n\nconst Container = styled(FlexView)<ContainerProps>(\n  ({ $index, $visible, $accordionBorderColor }) => `\n  border-bottom: 1px solid ${$accordionBorderColor};\n  ${$index === 0 ? `border-top: 1px solid ${$accordionBorderColor};` : ''}\n  display: ${$visible ? 'flex' : 'none'};\n`,\n);\n\nconst AccordionItemContainer = styled(FlexView)`\n  cursor: pointer;\n`;\n\nconst AccordionAnswer = styled.div`\n  max-height: 0;\n  overflow: hidden;\n  transition: all 0.3s ease-in-out;\n`;\n\nconst ContentContainer = styled(FlexView)`\n  width: 100%;\n`;\n\nconst StyledPlusIcon = styled(PlusIcon)`\n  transition: all 0.3s ease-in-out;\n`;\n\nexport { Container, AccordionItemContainer, AccordionAnswer, ContentContainer, StyledPlusIcon };\n"],"names":["Container","styled","FlexView","$index","$visible","$accordionBorderColor","AccordionItemContainer","AccordionAnswer","ContentContainer","StyledPlusIcon","PlusIcon"],"mappings":";;;AAOM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA,EAC/B,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,uBAAAC,EAA4B,MAAA;AAAA,6BACtBA,CAAqB;AAAA,IAC9CF,MAAW,IAAI,yBAAyBE,CAAqB,MAAM,EAAE;AAAA,aAC5DD,IAAW,SAAS,MAAM;AAAA;AAEvC,GAEME,IAAyBL,EAAOC,CAAQ;AAAA;AAAA,GAIxCK,IAAkBN,EAAO;AAAA;AAAA;AAAA;AAAA,GAMzBO,IAAmBP,EAAOC,CAAQ;AAAA;AAAA,GAIlCO,IAAiBR,EAAOS,CAAQ;AAAA;AAAA;"}

package/dist/features/ui/accordion/accordion-items/accordion-items.js

@@ -0,0 +1,83 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { memo as C, useCallback as p } from "react";
+import { useTheme as u } from "styled-components";
+import b from "../../layout/flex-view.js";
+import x from "../../separator/separator.js";
+import s from "../../text/text.js";
+import { EDeviceType as I } from "../../theme/constants.js";
+import { Container as g, ContentContainer as w, AccordionItemContainer as T, StyledPlusIcon as y, AccordionAnswer as B } from "./accordion-items-styled.js";
+const M = C((d) => {
+  const { item: o, index: r, theme: m, refList: a, iconRef: f, visible: $, handleToggle: c } = d, { device: h } = u(), l = h === I.MOBILE, n = m === "dark", A = p(() => {
+    c(r);
+  }, [c, r]);
+  return /* @__PURE__ */ e(
+    g,
+    {
+      $flexDirection: "column",
+      $justifyContent: "center",
+      $alignItems: "flex-start",
+      $index: r,
+      $visible: $,
+      onClick: A,
+      $accordionBorderColor: n ? "WHITE" : "BLACK",
+      children: /* @__PURE__ */ t(
+        w,
+        {
+          $flexDirection: "column",
+          $justifyContent: "center",
+          $alignItems: "flex-start",
+          $gap: 24,
+          children: [
+            /* @__PURE__ */ t(
+              T,
+              {
+                $width: "100%",
+                $flexDirection: "row",
+                $justifyContent: "space-between",
+                $alignItems: "center",
+                children: [
+                  /* @__PURE__ */ e(s, { $renderAs: "ab1", $renderOnMobileAs: "ab2", $color: n ? "WHITE" : "BLACK", children: o.accordionQuestion + o.accordionQuestion }),
+                  /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
+                    y,
+                    {
+                      color: n ? "WHITE" : "BLACK",
+                      width: l ? 24 : 40,
+                      height: l ? 24 : 40,
+                      ref: (i) => {
+                        f[r] = i;
+                      }
+                    }
+                  ) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ t(
+              B,
+              {
+                ref: (i) => {
+                  a[r] = i;
+                },
+                children: [
+                  /* @__PURE__ */ e(x, { height: 12 }),
+                  typeof o.accordionAnswer == "string" ? /* @__PURE__ */ e(
+                    s,
+                    {
+                      $renderAs: "ub2-bold",
+                      $renderOnMobileAs: "ub3-bold",
+                      $color: n ? "WHITE" : "BLACK",
+                      children: o.accordionAnswer
+                    }
+                  ) : o.accordionAnswer
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+export {
+  M as default
+};
+//# sourceMappingURL=accordion-items.js.map

package/dist/features/ui/accordion/accordion-items/accordion-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-items.js","sources":["../../../../../src/features/ui/accordion/accordion-items/accordion-items.tsx"],"sourcesContent":["import type { AccordionItemProps } from '../accordion-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../layout/flex-view';\nimport Separator from '../../separator/separator';\nimport Text from '../../text/text';\nimport { EDeviceType } from '../../theme/constants';\nimport * as Styled from './accordion-items-styled';\n\nconst AccordionItem: FC<AccordionItemProps> = memo(props => {\n  const { item, index, theme, refList, iconRef, visible, handleToggle } = props;\n  const { device } = useTheme();\n  const isMobile = device === EDeviceType.MOBILE;\n  const isDarkTheme = theme === 'dark';\n\n  const handleClick = useCallback(() => {\n    handleToggle(index);\n  }, [handleToggle, index]);\n\n  return (\n    <Styled.Container\n      $flexDirection=\"column\"\n      $justifyContent=\"center\"\n      $alignItems=\"flex-start\"\n      $index={index}\n      $visible={visible}\n      onClick={handleClick}\n      $accordionBorderColor={isDarkTheme ? 'WHITE' : 'BLACK'}\n    >\n      <Styled.ContentContainer\n        $flexDirection=\"column\"\n        $justifyContent=\"center\"\n        $alignItems=\"flex-start\"\n        $gap={24}\n      >\n        <Styled.AccordionItemContainer\n          $width=\"100%\"\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n        >\n          <Text $renderAs=\"ab1\" $renderOnMobileAs=\"ab2\" $color={isDarkTheme ? 'WHITE' : 'BLACK'}>\n            {item.accordionQuestion + item.accordionQuestion}\n          </Text>\n          <FlexView>\n            <Styled.StyledPlusIcon\n              color={isDarkTheme ? 'WHITE' : 'BLACK'}\n              width={isMobile ? 24 : 40}\n              height={isMobile ? 24 : 40}\n              ref={node => {\n                iconRef[index] = node;\n              }}\n            />\n          </FlexView>\n        </Styled.AccordionItemContainer>\n\n        <Styled.AccordionAnswer\n          ref={node => {\n            refList[index] = node;\n          }}\n        >\n          <Separator height={12} />\n          {typeof item.accordionAnswer === 'string' ? (\n            <Text\n              $renderAs=\"ub2-bold\"\n              $renderOnMobileAs=\"ub3-bold\"\n              $color={isDarkTheme ? 'WHITE' : 'BLACK'}\n            >\n              {item.accordionAnswer}\n            </Text>\n          ) : (\n            item.accordionAnswer\n          )}\n        </Styled.AccordionAnswer>\n      </Styled.ContentContainer>\n    </Styled.Container>\n  );\n});\n\nexport default AccordionItem;\n"],"names":["AccordionItem","memo","props","item","index","theme","refList","iconRef","visible","handleToggle","device","useTheme","isMobile","EDeviceType","isDarkTheme","handleClick","useCallback","jsx","Styled.Container","jsxs","Styled.ContentContainer","Styled.AccordionItemContainer","Text","FlexView","Styled.StyledPlusIcon","node","Styled.AccordionAnswer","Separator"],"mappings":";;;;;;;;AAYM,MAAAA,IAAwCC,EAAK,CAASC,MAAA;AACpD,QAAA,EAAE,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,SAAAC,GAAS,SAAAC,GAAS,cAAAC,EAAiB,IAAAP,GAClE,EAAE,QAAAQ,MAAWC,KACbC,IAAWF,MAAWG,EAAY,QAClCC,IAAcT,MAAU,QAExBU,IAAcC,EAAY,MAAM;AACpC,IAAAP,EAAaL,CAAK;AAAA,EAAA,GACjB,CAACK,GAAcL,CAAK,CAAC;AAGtB,SAAA,gBAAAa;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,QAAQd;AAAA,MACR,UAAUI;AAAA,MACV,SAASO;AAAA,MACT,uBAAuBD,IAAc,UAAU;AAAA,MAE/C,UAAA,gBAAAK;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,MAAM;AAAA,UAEN,UAAA;AAAA,YAAA,gBAAAD;AAAA,cAACE;AAAAA,cAAA;AAAA,gBACC,QAAO;AAAA,gBACP,gBAAe;AAAA,gBACf,iBAAgB;AAAA,gBAChB,aAAY;AAAA,gBAEZ,UAAA;AAAA,kBAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,OAAM,mBAAkB,OAAM,QAAQR,IAAc,UAAU,SAC3E,UAAAX,EAAK,oBAAoBA,EAAK,mBACjC;AAAA,oCACCoB,GACC,EAAA,UAAA,gBAAAN;AAAA,oBAACO;AAAAA,oBAAA;AAAA,sBACC,OAAOV,IAAc,UAAU;AAAA,sBAC/B,OAAOF,IAAW,KAAK;AAAA,sBACvB,QAAQA,IAAW,KAAK;AAAA,sBACxB,KAAK,CAAQa,MAAA;AACX,wBAAAlB,EAAQH,CAAK,IAAIqB;AAAA,sBACnB;AAAA,oBAAA;AAAA,kBAAA,GAEJ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,YAEA,gBAAAN;AAAA,cAACO;AAAAA,cAAA;AAAA,gBACC,KAAK,CAAQD,MAAA;AACX,kBAAAnB,EAAQF,CAAK,IAAIqB;AAAA,gBACnB;AAAA,gBAEA,UAAA;AAAA,kBAAC,gBAAAR,EAAAU,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,kBACtB,OAAOxB,EAAK,mBAAoB,WAC/B,gBAAAc;AAAA,oBAACK;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,mBAAkB;AAAA,sBAClB,QAAQR,IAAc,UAAU;AAAA,sBAE/B,UAAKX,EAAA;AAAA,oBAAA;AAAA,sBAGRA,EAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,YAET;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/features/ui/accordion/accordion.js

@@ -0,0 +1,62 @@
+import { jsxs as k, jsx as f } from "react/jsx-runtime";
+import { memo as C, useState as $, useMemo as b, useCallback as m, useEffect as x } from "react";
+import H from "../layout/flex-view.js";
+import R from "../separator/separator.js";
+import V from "../text/text.js";
+import w from "./accordion-items/accordion-items.js";
+const y = C((S) => {
+  const { theme: p = "light", visibleBuffer: i, accordionData: c, defaultOpenElement: v = -1 } = S, [l, g] = $(i), [o, E] = $(v), r = b(() => [], []), s = b(() => [], []), T = p === "dark", A = m(() => {
+    g((e) => e < c.length ? c.length : i);
+  }, [c.length, i]), n = m((e, t) => {
+    e instanceof HTMLDivElement ? e.style.maxHeight = t ? `${e.scrollHeight}px` : "0px" : e instanceof SVGSVGElement && (e.style.transform = t ? "rotateZ(45deg)" : "rotateZ(0deg)");
+  }, []), D = m(
+    (e) => {
+      const t = r[e], h = s[e];
+      if (!t || !h) return;
+      const a = o === e, L = a ? -1 : e;
+      if (o !== -1 && o !== e) {
+        const u = r[o], d = s[o];
+        u && d && (n(u, !1), n(d, !1));
+      }
+      n(t, !a), n(h, !a), E(L);
+    },
+    [r, s, o, n]
+  );
+  return x(() => {
+    g(i);
+  }, [i]), x(() => {
+    o !== -1 && r[o] && s[o] && (n(r[o], !0), n(s[o], !0));
+  }, [l, o, r, s, n]), /* @__PURE__ */ k(H, { $flexDirection: "column", children: [
+    c.map((e, t) => /* @__PURE__ */ f(
+      w,
+      {
+        item: e,
+        index: t,
+        handleToggle: D,
+        refList: r,
+        iconRef: s,
+        visible: t < l,
+        theme: p
+      },
+      `${e.accordionQuestion}-${t}`
+    )),
+    /* @__PURE__ */ f(R, { height: 24 }),
+    /* @__PURE__ */ f(
+      V,
+      {
+        $renderAs: "ub3-bold",
+        $align: "center",
+        $textDecoration: "underline",
+        $marginBottom: 24,
+        onClick: A,
+        $color: T ? "WHITE" : "BLACK",
+        $cursor: "pointer",
+        children: l < c.length ? "See More" : "See Less"
+      }
+    )
+  ] });
+}), Z = y;
+export {
+  Z as default
+};
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sources":["../../../../src/features/ui/accordion/accordion.tsx"],"sourcesContent":["import type { AccordionProps } from './accordion-types';\n\nimport { useCallback, useEffect, useMemo, useState, memo } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport Separator from '../separator/separator';\nimport Text from '../text/text';\nimport AccordionItem from './accordion-items/accordion-items';\n\nconst Accordion = memo<AccordionProps>(props => {\n  const { theme = 'light', visibleBuffer, accordionData, defaultOpenElement = -1 } = props;\n  const [visible, setVisible] = useState(visibleBuffer);\n  const [openIndex, setOpenIndex] = useState<number>(defaultOpenElement);\n  const refList = useMemo<(HTMLDivElement | null)[]>(() => [], []);\n  const iconRef = useMemo<(SVGSVGElement | null)[]>(() => [], []);\n  const isDarkTheme = theme === 'dark';\n\n  const handleShowToggle = useCallback(() => {\n    setVisible(prev => (prev < accordionData.length ? accordionData.length : visibleBuffer));\n  }, [accordionData.length, visibleBuffer]);\n\n  const animateElement = useCallback((element: HTMLElement | SVGElement, isOpen: boolean) => {\n    if (element instanceof HTMLDivElement) {\n      element.style.maxHeight = isOpen ? `${element.scrollHeight}px` : '0px';\n    } else if (element instanceof SVGSVGElement) {\n      element.style.transform = isOpen ? 'rotateZ(45deg)' : 'rotateZ(0deg)';\n    }\n  }, []);\n\n  const handleToggle = useCallback(\n    (currentIndex: number) => {\n      const currentRefList = refList[currentIndex];\n      const currentIconRef = iconRef[currentIndex];\n\n      if (!currentRefList || !currentIconRef) return;\n\n      const isCurrentlyOpen = openIndex === currentIndex;\n      const newOpenIndex = isCurrentlyOpen ? -1 : currentIndex;\n\n      // Close previously open item\n      if (openIndex !== -1 && openIndex !== currentIndex) {\n        const prevRef = refList[openIndex];\n        const prevIcon = iconRef[openIndex];\n\n        if (prevRef && prevIcon) {\n          animateElement(prevRef, false);\n          animateElement(prevIcon, false);\n        }\n      }\n\n      // Toggle current item\n      animateElement(currentRefList, !isCurrentlyOpen);\n      animateElement(currentIconRef, !isCurrentlyOpen);\n\n      setOpenIndex(newOpenIndex);\n    },\n    [refList, iconRef, openIndex, animateElement],\n  );\n\n  useEffect(() => {\n    setVisible(visibleBuffer);\n  }, [visibleBuffer]);\n\n  useEffect(() => {\n    if (openIndex !== -1 && refList[openIndex] && iconRef[openIndex]) {\n      animateElement(refList[openIndex]!, true);\n      animateElement(iconRef[openIndex]!, true);\n    }\n  }, [visible, openIndex, refList, iconRef, animateElement]);\n\n  return (\n    <FlexView $flexDirection=\"column\">\n      {accordionData.map((item, index) => (\n        <AccordionItem\n          key={`${item.accordionQuestion}-${index}`}\n          item={item}\n          index={index}\n          handleToggle={handleToggle}\n          refList={refList}\n          iconRef={iconRef}\n          visible={index < visible}\n          theme={theme}\n        />\n      ))}\n      <Separator height={24} />\n      <Text\n        $renderAs=\"ub3-bold\"\n        $align=\"center\"\n        $textDecoration=\"underline\"\n        $marginBottom={24}\n        onClick={handleShowToggle}\n        $color={isDarkTheme ? 'WHITE' : 'BLACK'}\n        $cursor=\"pointer\"\n      >\n        {visible < accordionData.length ? 'See More' : 'See Less'}\n      </Text>\n    </FlexView>\n  );\n});\n\nexport default Accordion;\n"],"names":["Accordion","memo","props","theme","visibleBuffer","accordionData","defaultOpenElement","visible","setVisible","useState","openIndex","setOpenIndex","refList","useMemo","iconRef","isDarkTheme","handleShowToggle","useCallback","prev","animateElement","element","isOpen","handleToggle","currentIndex","currentRefList","currentIconRef","isCurrentlyOpen","newOpenIndex","prevRef","prevIcon","useEffect","jsxs","FlexView","item","index","jsx","AccordionItem","Separator","Text","Accordion$1"],"mappings":";;;;;;AASA,MAAMA,IAAYC,EAAqB,CAASC,MAAA;AAC9C,QAAM,EAAE,OAAAC,IAAQ,SAAS,eAAAC,GAAe,eAAAC,GAAe,oBAAAC,IAAqB,GAAO,IAAAJ,GAC7E,CAACK,GAASC,CAAU,IAAIC,EAASL,CAAa,GAC9C,CAACM,GAAWC,CAAY,IAAIF,EAAiBH,CAAkB,GAC/DM,IAAUC,EAAmC,MAAM,CAAC,GAAG,CAAE,CAAA,GACzDC,IAAUD,EAAkC,MAAM,CAAC,GAAG,CAAE,CAAA,GACxDE,IAAcZ,MAAU,QAExBa,IAAmBC,EAAY,MAAM;AACzC,IAAAT,EAAW,OAASU,IAAOb,EAAc,SAASA,EAAc,SAASD,CAAc;AAAA,EACtF,GAAA,CAACC,EAAc,QAAQD,CAAa,CAAC,GAElCe,IAAiBF,EAAY,CAACG,GAAmCC,MAAoB;AACzF,IAAID,aAAmB,iBACrBA,EAAQ,MAAM,YAAYC,IAAS,GAAGD,EAAQ,YAAY,OAAO,QACxDA,aAAmB,kBACpBA,EAAA,MAAM,YAAYC,IAAS,mBAAmB;AAAA,EAE1D,GAAG,CAAE,CAAA,GAECC,IAAeL;AAAA,IACnB,CAACM,MAAyB;AAClB,YAAAC,IAAiBZ,EAAQW,CAAY,GACrCE,IAAiBX,EAAQS,CAAY;AAEvC,UAAA,CAACC,KAAkB,CAACC,EAAgB;AAExC,YAAMC,IAAkBhB,MAAca,GAChCI,IAAeD,IAAkB,KAAKH;AAGxC,UAAAb,MAAc,MAAMA,MAAca,GAAc;AAC5C,cAAAK,IAAUhB,EAAQF,CAAS,GAC3BmB,IAAWf,EAAQJ,CAAS;AAElC,QAAIkB,KAAWC,MACbV,EAAeS,GAAS,EAAK,GAC7BT,EAAeU,GAAU,EAAK;AAAA,MAElC;AAGe,MAAAV,EAAAK,GAAgB,CAACE,CAAe,GAChCP,EAAAM,GAAgB,CAACC,CAAe,GAE/Cf,EAAagB,CAAY;AAAA,IAC3B;AAAA,IACA,CAACf,GAASE,GAASJ,GAAWS,CAAc;AAAA,EAAA;AAG9C,SAAAW,EAAU,MAAM;AACd,IAAAtB,EAAWJ,CAAa;AAAA,EAAA,GACvB,CAACA,CAAa,CAAC,GAElB0B,EAAU,MAAM;AACd,IAAIpB,MAAc,MAAME,EAAQF,CAAS,KAAKI,EAAQJ,CAAS,MAC9CS,EAAAP,EAAQF,CAAS,GAAI,EAAI,GACzBS,EAAAL,EAAQJ,CAAS,GAAI,EAAI;AAAA,EAC1C,GACC,CAACH,GAASG,GAAWE,GAASE,GAASK,CAAc,CAAC,GAGvD,gBAAAY,EAACC,GAAS,EAAA,gBAAe,UACtB,UAAA;AAAA,IAAc3B,EAAA,IAAI,CAAC4B,GAAMC,MACxB,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,MAAAH;AAAA,QACA,OAAAC;AAAA,QACA,cAAAZ;AAAA,QACA,SAAAV;AAAA,QACA,SAAAE;AAAA,QACA,SAASoB,IAAQ3B;AAAA,QACjB,OAAAJ;AAAA,MAAA;AAAA,MAPK,GAAG8B,EAAK,iBAAiB,IAAIC,CAAK;AAAA,IAAA,CAS1C;AAAA,IACD,gBAAAC,EAACE,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,QAAO;AAAA,QACP,iBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,SAAStB;AAAA,QACT,QAAQD,IAAc,UAAU;AAAA,QAChC,SAAQ;AAAA,QAEP,UAAAR,IAAUF,EAAc,SAAS,aAAa;AAAA,MAAA;AAAA,IACjD;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDkC,IAAevC;"}

package/dist/features/ui/carousal/carousal-styles.js

@@ -0,0 +1,45 @@
+import n from "styled-components";
+const a = n.div`
+  margin-left: ${({ theme: t }) => t.layout.gutter}px;
+  overflow: hidden;
+  margin: ${({ $wrapperMargin: t }) => t};
+`, o = n.div`
+  display: flex;
+  transition: transform 1s ease;
+  transform: ${({ $position: t }) => `translateX(calc(${t} * (-100%)))`};
+`, s = n.div`
+  padding-right: ${({ theme: t }) => t.layout.gutter}px;
+  display: flex;
+  flex: 1 0 100%;
+  transition: opacity 1s ease;
+  padding: ${({ $carouselSlotPadding: t }) => t};
+  ${({ $slideAlign: t }) => t === "center" && `
+    display:flex;
+    justify-content: center;
+  `}
+`, l = n.div`
+  margin-top: 12px;
+  text-align: center;
+  ${({ $flexCenterIndicators: t }) => t && `
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  `}
+`, d = n.span`
+  background: ${({ $isCurrent: t, $dotColor: e, $inactiveDotColor: i }) => t ? e : i};
+  width: ${({ $isCurrent: t, $activeIndicatorSize: e }) => t ? e : "8px"};
+  height: ${({ $isCurrent: t, $activeIndicatorSize: e }) => t ? e : "8px"};
+  border-radius: 50%;
+  margin-right: 5px;
+  display: inline-block;
+  transition: background 0.5s ease;
+  cursor: pointer;
+`;
+export {
+  o as CarouselContainer,
+  s as CarouselSlot,
+  l as Container,
+  d as Dot,
+  a as Wrapper
+};
+//# sourceMappingURL=carousal-styles.js.map

package/dist/features/ui/carousal/carousal-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousal-styles.js","sources":["../../../../src/features/ui/carousal/carousal-styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\ninterface WrapperProps {\n  $wrapperMargin?: string;\n}\n\nexport const Wrapper = styled.div<WrapperProps>`\n  margin-left: ${({ theme }) => theme.layout.gutter}px;\n  overflow: hidden;\n  margin: ${({ $wrapperMargin }) => $wrapperMargin};\n`;\n\ninterface CarouselContainerProps {\n  $position: number;\n}\nexport const CarouselContainer = styled.div<CarouselContainerProps>`\n  display: flex;\n  transition: transform 1s ease;\n  transform: ${({ $position }) => `translateX(calc(${$position} * (-100%)))`};\n`;\n\ninterface CarouselSlotProps {\n  $carouselSlotPadding?: string;\n  $slideAlign?: string | null;\n}\nexport const CarouselSlot = styled.div<CarouselSlotProps>`\n  padding-right: ${({ theme }) => theme.layout.gutter}px;\n  display: flex;\n  flex: 1 0 100%;\n  transition: opacity 1s ease;\n  padding: ${({ $carouselSlotPadding }) => $carouselSlotPadding};\n  ${({ $slideAlign }) =>\n    $slideAlign === 'center' &&\n    `\n    display:flex;\n    justify-content: center;\n  `}\n`;\n\ninterface ContainerProps {\n  $flexCenterIndicators?: boolean;\n}\nexport const Container = styled.div<ContainerProps>`\n  margin-top: 12px;\n  text-align: center;\n  ${({ $flexCenterIndicators }) =>\n    $flexCenterIndicators &&\n    `\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  `}\n`;\n\ninterface DotProps {\n  $isCurrent: boolean;\n  $dotColor: string;\n  $inactiveDotColor: string;\n  $activeIndicatorSize: string;\n}\nexport const Dot = styled.span<DotProps>`\n  background: ${({ $isCurrent, $dotColor, $inactiveDotColor }) =>\n    $isCurrent ? $dotColor : $inactiveDotColor};\n  width: ${({ $isCurrent, $activeIndicatorSize }) => ($isCurrent ? $activeIndicatorSize : '8px')};\n  height: ${({ $isCurrent, $activeIndicatorSize }) => ($isCurrent ? $activeIndicatorSize : '8px')};\n  border-radius: 50%;\n  margin-right: 5px;\n  display: inline-block;\n  transition: background 0.5s ease;\n  cursor: pointer;\n`;\n"],"names":["Wrapper","styled","theme","$wrapperMargin","CarouselContainer","$position","CarouselSlot","$carouselSlotPadding","$slideAlign","Container","$flexCenterIndicators","Dot","$isCurrent","$dotColor","$inactiveDotColor","$activeIndicatorSize"],"mappings":";AAMO,MAAMA,IAAUC,EAAO;AAAA,iBACb,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA;AAAA,YAEvC,CAAC,EAAE,gBAAAC,EAAe,MAAMA,CAAc;AAAA,GAMrCC,IAAoBH,EAAO;AAAA;AAAA;AAAA,eAGzB,CAAC,EAAE,WAAAI,EAAgB,MAAA,mBAAmBA,CAAS,cAAc;AAAA,GAO/DC,IAAeL,EAAO;AAAA,mBAChB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,aAIxC,CAAC,EAAE,sBAAAK,EAAqB,MAAMA,CAAoB;AAAA,IAC3D,CAAC,EAAE,aAAAC,EAAY,MACfA,MAAgB,YAChB;AAAA;AAAA;AAAA,GAGD;AAAA,GAMUC,IAAYR,EAAO;AAAA;AAAA;AAAA,IAG5B,CAAC,EAAE,uBAAAS,QACHA,KACA;AAAA;AAAA;AAAA;AAAA,GAID;AAAA,GASUC,IAAMV,EAAO;AAAA,gBACV,CAAC,EAAE,YAAAW,GAAY,WAAAC,GAAW,mBAAAC,QACtCF,IAAaC,IAAYC,CAAiB;AAAA,WACnC,CAAC,EAAE,YAAAF,GAAY,sBAAAG,EAA4B,MAAAH,IAAaG,IAAuB,KAAM;AAAA,YACpF,CAAC,EAAE,YAAAH,GAAY,sBAAAG,EAA4B,MAAAH,IAAaG,IAAuB,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/ui/carousal/carousal.js

@@ -0,0 +1,76 @@
+import { jsxs as q, Fragment as G, jsx as u } from "react/jsx-runtime";
+import { useState as H, useRef as J, useCallback as o, useEffect as L } from "react";
+import { getTheme as N } from "../theme/get-theme.js";
+import { Wrapper as Q, CarouselContainer as U, CarouselSlot as _, Container as V, Dot as X } from "./carousal-styles.js";
+const { colors: j } = N(), Y = ({
+  children: l,
+  initialPosition: B = 0,
+  infinite: p = !1,
+  slideDuration: $ = 8e3,
+  dotColor: K = j.BLACK,
+  changeColor: m = () => null,
+  slideAlign: y = null,
+  inactiveDotColor: b = j.BLACK_T_15,
+  activeIndicatorSize: z = "8px",
+  flexCenterIndicators: D = !1,
+  isTestimonial: i = !1,
+  setColor: n = () => null,
+  setPosition: g = () => null,
+  carouselSlotPadding: x = "",
+  wrapperMargin: E = "",
+  hideIndicators: F = !1,
+  autoScroll: C = !0,
+  nodeRef: e = null,
+  onChange: S = () => null
+}) => {
+  const [r, M] = H(B), A = J(null), f = o(
+    (t) => {
+      M(t), g(t), e && e.current && (e.current.position = t), S();
+    },
+    [g, e, S]
+  ), s = o(
+    (t, c = !1) => {
+      const k = (Array.isArray(l) ? l : [l]).length;
+      let a = r;
+      i && n && n(a), t === "next" ? (a = r + 1, a > k - 1 && (a = c ? 0 : r)) : (a = r - 1, a < 0 && (a = c ? k - 1 : r)), a !== r && f(a);
+    },
+    [r, l, i, n, f]
+  ), v = o(() => s("next", p), [s, p]), I = o(() => s("prev", p), [s, p]), W = o(
+    (t) => {
+      i && n && n(r), t !== r && f(t);
+    },
+    [r, i, n, f]
+  );
+  L(() => (e && e.current && (e.current.next = v, e.current.prev = I, e.current.position = r), C && (A.current = setInterval(() => s("next", !0), $)), () => {
+    A.current && clearInterval(A.current);
+  }), [$, C, e, r, v, I, s]), L(() => {
+    m(r);
+  }, [r, m]);
+  const h = Array.isArray(l) ? l.length : 1;
+  return /* @__PURE__ */ q(G, { children: [
+    /* @__PURE__ */ u(Q, { $wrapperMargin: E, children: /* @__PURE__ */ u(U, { $position: r, children: Array.isArray(l) ? l.map((t, c) => /* @__PURE__ */ u(
+      _,
+      {
+        $carouselSlotPadding: x,
+        $slideAlign: y,
+        children: t
+      },
+      c
+    )) : /* @__PURE__ */ u(_, { $carouselSlotPadding: x, $slideAlign: y, children: l }) }) }),
+    h > 1 && !F && /* @__PURE__ */ u(V, { $flexCenterIndicators: D, children: Array.from({ length: h }, (t, c) => /* @__PURE__ */ u(
+      X,
+      {
+        onClick: () => W(c),
+        $isCurrent: c === r,
+        $dotColor: K,
+        $inactiveDotColor: b,
+        $activeIndicatorSize: z
+      },
+      c
+    )) })
+  ] });
+}, T = Y;
+export {
+  T as default
+};
+//# sourceMappingURL=carousal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"carousal.js","sources":["../../../../src/features/ui/carousal/carousal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useCallback } from 'react';\n\nimport { getTheme } from '../theme/get-theme';\nimport { CarouselContainer, CarouselSlot, Container, Dot, Wrapper } from './carousal-styles';\n\nconst { colors } = getTheme();\n\ninterface CarouselProps {\n  children: React.ReactNode[] | React.ReactNode;\n  initialPosition?: number;\n  infinite?: boolean;\n  slideDuration?: number;\n  dotColor?: string;\n  changeColor?: (position: number) => void;\n  slideAlign?: string | null;\n  inactiveDotColor?: string;\n  activeIndicatorSize?: string;\n  flexCenterIndicators?: boolean;\n  isTestimonial?: boolean;\n  setColor?: (position: number) => void;\n  setPosition?: (position: number) => void;\n  carouselSlotPadding?: string;\n  wrapperMargin?: string;\n  hideIndicators?: boolean;\n  autoScroll?: boolean;\n  nodeRef?: { current?: { next?: () => void; prev?: () => void; position?: number } } | null;\n  onChange?: () => void;\n}\n\nconst Carousel: React.FC<CarouselProps> = ({\n  children,\n  initialPosition = 0,\n  infinite = false,\n  slideDuration = 8000,\n  dotColor = colors.BLACK,\n  changeColor = () => null,\n  slideAlign = null,\n  inactiveDotColor = colors.BLACK_T_15,\n  activeIndicatorSize = '8px',\n  flexCenterIndicators = false,\n  isTestimonial = false,\n  setColor = () => null,\n  setPosition = () => null,\n  carouselSlotPadding = '',\n  wrapperMargin = '',\n  hideIndicators = false,\n  autoScroll = true,\n  nodeRef = null,\n  onChange = () => null,\n}) => {\n  const [position, setPositionState] = useState(initialPosition);\n  const autoSlideRef = useRef<NodeJS.Timeout | null>(null);\n\n  const slide = useCallback(\n    (newPosition: number) => {\n      setPositionState(newPosition);\n      setPosition(newPosition);\n      if (nodeRef && nodeRef.current) {\n        nodeRef.current.position = newPosition;\n      }\n      onChange();\n    },\n    [setPosition, nodeRef, onChange],\n  );\n\n  const changeSlide = useCallback(\n    (action: 'next' | 'prev', infiniteOverride = false) => {\n      const childrenArray = Array.isArray(children) ? children : [children];\n      const numItems = childrenArray.length;\n      let newPosition = position;\n\n      if (isTestimonial && setColor) {\n        setColor(newPosition);\n      }\n\n      if (action === 'next') {\n        newPosition = position + 1;\n        if (newPosition > numItems - 1) {\n          newPosition = infiniteOverride ? 0 : position;\n        }\n      } else {\n        newPosition = position - 1;\n        if (newPosition < 0) {\n          newPosition = infiniteOverride ? numItems - 1 : position;\n        }\n      }\n\n      if (newPosition !== position) slide(newPosition);\n    },\n    [position, children, isTestimonial, setColor, slide],\n  );\n\n  const nextSlide = useCallback(() => changeSlide('next', infinite), [changeSlide, infinite]);\n  const prevSlide = useCallback(() => changeSlide('prev', infinite), [changeSlide, infinite]);\n\n  const onIndicatorClick = useCallback(\n    (newPosition: number) => {\n      if (isTestimonial && setColor) {\n        setColor(position);\n      }\n\n      if (newPosition !== position) {\n        slide(newPosition);\n      }\n    },\n    [position, isTestimonial, setColor, slide],\n  );\n\n  useEffect(() => {\n    if (nodeRef && nodeRef.current) {\n      nodeRef.current.next = nextSlide;\n      nodeRef.current.prev = prevSlide;\n      nodeRef.current.position = position;\n    }\n\n    if (autoScroll) {\n      autoSlideRef.current = setInterval(() => changeSlide('next', true), slideDuration);\n    }\n\n    return () => {\n      if (autoSlideRef.current) {\n        clearInterval(autoSlideRef.current);\n      }\n    };\n  }, [slideDuration, autoScroll, nodeRef, position, nextSlide, prevSlide, changeSlide]);\n\n  useEffect(() => {\n    changeColor(position);\n  }, [position, changeColor]);\n\n  const carouselLength = Array.isArray(children) ? children.length : 1;\n\n  return (\n    <>\n      <Wrapper $wrapperMargin={wrapperMargin}>\n        <CarouselContainer $position={position}>\n          {Array.isArray(children) ? (\n            children.map((child, index) => (\n              <CarouselSlot\n                key={index}\n                $carouselSlotPadding={carouselSlotPadding}\n                $slideAlign={slideAlign}\n              >\n                {child}\n              </CarouselSlot>\n            ))\n          ) : (\n            <CarouselSlot $carouselSlotPadding={carouselSlotPadding} $slideAlign={slideAlign}>\n              {children}\n            </CarouselSlot>\n          )}\n        </CarouselContainer>\n      </Wrapper>\n      {carouselLength > 1 && !hideIndicators && (\n        <Container $flexCenterIndicators={flexCenterIndicators}>\n          {Array.from({ length: carouselLength }, (_, index) => (\n            <Dot\n              key={index}\n              onClick={() => onIndicatorClick(index)}\n              $isCurrent={index === position}\n              $dotColor={dotColor}\n              $inactiveDotColor={inactiveDotColor}\n              $activeIndicatorSize={activeIndicatorSize}\n            />\n          ))}\n        </Container>\n      )}\n    </>\n  );\n};\n\nexport default Carousel;\n"],"names":["colors","getTheme","Carousel","children","initialPosition","infinite","slideDuration","dotColor","changeColor","slideAlign","inactiveDotColor","activeIndicatorSize","flexCenterIndicators","isTestimonial","setColor","setPosition","carouselSlotPadding","wrapperMargin","hideIndicators","autoScroll","nodeRef","onChange","position","setPositionState","useState","autoSlideRef","useRef","slide","useCallback","newPosition","changeSlide","action","infiniteOverride","numItems","nextSlide","prevSlide","onIndicatorClick","useEffect","carouselLength","jsxs","Fragment","jsx","Wrapper","CarouselContainer","child","index","CarouselSlot","Container","_","Dot","Carousel$1"],"mappings":"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"}