@zenpatient-org/healthspan-marketing-ui 0.1.23 → 0.1.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (167) hide show
  1. package/dist/components/Accordion/Accordion.cjs.js +1 -0
  2. package/dist/components/Accordion/Accordion.d.ts +8 -0
  3. package/dist/components/Accordion/Accordion.es.js +27 -0
  4. package/dist/components/Accordion/accordion.module.css.cjs.js +1 -0
  5. package/dist/components/Accordion/accordion.module.css.es.js +7 -0
  6. package/dist/components/Accordion/components/AccordionItem/AccordionItem.cjs.js +1 -0
  7. package/dist/components/Accordion/components/AccordionItem/AccordionItem.d.ts +3 -0
  8. package/dist/components/Accordion/components/AccordionItem/AccordionItem.es.js +31 -0
  9. package/dist/components/Accordion/components/AccordionItem/accordionItem.module.css.cjs.js +1 -0
  10. package/dist/components/Accordion/components/AccordionItem/accordionItem.module.css.es.js +25 -0
  11. package/dist/components/Accordion/components/AccordionItem/index.d.ts +2 -0
  12. package/dist/components/Accordion/components/AccordionItem/types.d.ts +9 -0
  13. package/dist/components/Accordion/components/index.d.ts +1 -0
  14. package/dist/components/Accordion/index.d.ts +1 -0
  15. package/dist/components/Accordion/types.d.ts +6 -0
  16. package/dist/components/ComplexImageCarousel/ComplexImageCarousel.cjs.js +1 -0
  17. package/dist/components/ComplexImageCarousel/ComplexImageCarousel.d.ts +3 -0
  18. package/dist/components/ComplexImageCarousel/ComplexImageCarousel.es.js +135 -0
  19. package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.cjs.js +1 -0
  20. package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.es.js +19 -0
  21. package/dist/components/ComplexImageCarousel/index.d.ts +2 -0
  22. package/dist/components/ComplexImageCarousel/types.d.ts +10 -0
  23. package/dist/components/Icon/constants.cjs.js +1 -1
  24. package/dist/components/Icon/constants.d.ts +3 -0
  25. package/dist/components/Icon/constants.es.js +4 -1
  26. package/dist/components/Icon/iconsMap.cjs.js +1 -1
  27. package/dist/components/Icon/iconsMap.es.js +104 -98
  28. package/dist/components/IconBracket/IconBracket.cjs.js +1 -0
  29. package/dist/components/IconBracket/IconBracket.d.ts +3 -0
  30. package/dist/components/IconBracket/IconBracket.es.js +16 -0
  31. package/dist/components/IconBracket/iconBracket.module.css.cjs.js +1 -0
  32. package/dist/components/IconBracket/iconBracket.module.css.es.js +9 -0
  33. package/dist/components/IconBracket/index.d.ts +1 -0
  34. package/dist/components/IconBracket/types.d.ts +8 -0
  35. package/dist/components/PlayButton/PlayButton.cjs.js +1 -0
  36. package/dist/components/PlayButton/PlayButton.d.ts +8 -0
  37. package/dist/components/PlayButton/PlayButton.es.js +9 -0
  38. package/dist/components/PlayButton/index.d.ts +1 -0
  39. package/dist/components/PlayButton/playButton.module.css.cjs.js +1 -0
  40. package/dist/components/PlayButton/playButton.module.css.es.js +11 -0
  41. package/dist/components/ProgressButton/ProgressButton.cjs.js +1 -1
  42. package/dist/components/ProgressButton/ProgressButton.d.ts +2 -1
  43. package/dist/components/ProgressButton/ProgressButton.es.js +17 -13
  44. package/dist/components/RatingStars/RatingStars.cjs.js +1 -0
  45. package/dist/components/RatingStars/RatingStars.d.ts +6 -0
  46. package/dist/components/RatingStars/RatingStars.es.js +18 -0
  47. package/dist/components/RatingStars/index.d.ts +1 -0
  48. package/dist/components/RatingStars/ratingStars.module.css.cjs.js +1 -0
  49. package/dist/components/RatingStars/ratingStars.module.css.es.js +13 -0
  50. package/dist/healthspan-marketing-ui.css +1 -1
  51. package/dist/icons/action/bracket-left.svg.cjs.js +1 -0
  52. package/dist/icons/action/bracket-left.svg.es.js +5 -0
  53. package/dist/icons/action/bracket-right.svg.cjs.js +1 -0
  54. package/dist/icons/action/bracket-right.svg.es.js +5 -0
  55. package/dist/icons/action/play.svg.cjs.js +1 -0
  56. package/dist/icons/action/play.svg.es.js +5 -0
  57. package/dist/modules/Benefits/Benefits.cjs.js +1 -1
  58. package/dist/modules/Benefits/Benefits.es.js +8 -8
  59. package/dist/modules/Benefits/benefits.module.css.cjs.js +1 -1
  60. package/dist/modules/Benefits/benefits.module.css.es.js +17 -15
  61. package/dist/modules/Callback/Callback.cjs.js +1 -1
  62. package/dist/modules/Callback/Callback.es.js +18 -18
  63. package/dist/modules/Callback/callback.module.css.cjs.js +1 -1
  64. package/dist/modules/Callback/callback.module.css.es.js +8 -6
  65. package/dist/modules/Compare/Compare.cjs.js +1 -0
  66. package/dist/modules/Compare/Compare.es.js +26 -0
  67. package/dist/modules/Compare/compare.module.css.cjs.js +1 -0
  68. package/dist/modules/Compare/compare.module.css.es.js +15 -0
  69. package/dist/modules/Comparison/Comparison.cjs.js +1 -1
  70. package/dist/modules/Comparison/Comparison.es.js +18 -9
  71. package/dist/modules/Comparison/comparison.module.css.cjs.js +1 -1
  72. package/dist/modules/Comparison/comparison.module.css.es.js +34 -32
  73. package/dist/modules/FAQ/FAQ.cjs.js +1 -0
  74. package/dist/modules/FAQ/FAQ.d.ts +3 -0
  75. package/dist/modules/FAQ/FAQ.es.js +17 -0
  76. package/dist/modules/FAQ/faq.module.css.cjs.js +1 -0
  77. package/dist/modules/FAQ/faq.module.css.es.js +19 -0
  78. package/dist/modules/FAQ/index.d.ts +1 -0
  79. package/dist/modules/FAQ/types.d.ts +10 -0
  80. package/dist/modules/FeaturedIn/FeaturedIn.cjs.js +1 -1
  81. package/dist/modules/FeaturedIn/FeaturedIn.es.js +7 -7
  82. package/dist/modules/FollowTheScience/FollowTheScience.cjs.js +1 -1
  83. package/dist/modules/FollowTheScience/FollowTheScience.es.js +45 -43
  84. package/dist/modules/FollowTheScience/followTheScience.module.css.cjs.js +1 -1
  85. package/dist/modules/FollowTheScience/followTheScience.module.css.es.js +10 -8
  86. package/dist/modules/ImageWithText/ImageWithText.cjs.js +1 -0
  87. package/dist/modules/ImageWithText/ImageWithText.d.ts +3 -0
  88. package/dist/modules/ImageWithText/ImageWithText.es.js +35 -0
  89. package/dist/modules/ImageWithText/imageWithText.module.css.cjs.js +1 -0
  90. package/dist/modules/ImageWithText/imageWithText.module.css.es.js +23 -0
  91. package/dist/modules/ImageWithText/index.d.ts +1 -0
  92. package/dist/modules/ImageWithText/types.d.ts +9 -0
  93. package/dist/modules/LongevityPathways/LongevityPathways.cjs.js +1 -0
  94. package/dist/modules/LongevityPathways/LongevityPathways.d.ts +3 -0
  95. package/dist/modules/LongevityPathways/LongevityPathways.es.js +19 -0
  96. package/dist/modules/LongevityPathways/index.d.ts +2 -0
  97. package/dist/modules/LongevityPathways/longevityPathways.module.css.cjs.js +1 -0
  98. package/dist/modules/LongevityPathways/longevityPathways.module.css.es.js +9 -0
  99. package/dist/modules/LongevityPathways/types.d.ts +9 -0
  100. package/dist/modules/OptimalHealth/OptimalHealth.es.js +19 -2
  101. package/dist/modules/ProductsDisplay/ProductsDisplay.cjs.js +1 -1
  102. package/dist/modules/ProductsDisplay/ProductsDisplay.es.js +4 -4
  103. package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/productsDisplayTabs.module.css.cjs.js +1 -1
  104. package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/productsDisplayTabs.module.css.es.js +5 -5
  105. package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.cjs.js +1 -0
  106. package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.d.ts +9 -0
  107. package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.es.js +102 -0
  108. package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.module.css.cjs.js +1 -0
  109. package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.module.css.es.js +29 -0
  110. package/dist/modules/SlidingTabsGallery/index.d.ts +1 -0
  111. package/dist/modules/Studies/Studies.cjs.js +1 -1
  112. package/dist/modules/Studies/Studies.es.js +16 -16
  113. package/dist/modules/Studies/studies.module.css.cjs.js +1 -1
  114. package/dist/modules/Studies/studies.module.css.es.js +14 -12
  115. package/dist/modules/TargetedPrograms/TargetedPrograms.cjs.js +1 -1
  116. package/dist/modules/TargetedPrograms/TargetedPrograms.es.js +9 -9
  117. package/dist/modules/Testimonial/Testimonial.cjs.js +1 -0
  118. package/dist/modules/Testimonial/Testimonial.d.ts +13 -0
  119. package/dist/modules/Testimonial/Testimonial.es.js +88 -0
  120. package/dist/modules/Testimonial/components/Product/Product.cjs.js +1 -0
  121. package/dist/modules/Testimonial/components/Product/Product.d.ts +7 -0
  122. package/dist/modules/Testimonial/components/Product/Product.es.js +23 -0
  123. package/dist/modules/Testimonial/components/Product/index.d.ts +1 -0
  124. package/dist/modules/Testimonial/components/Product/product.module.css.cjs.js +1 -0
  125. package/dist/modules/Testimonial/components/Product/product.module.css.es.js +17 -0
  126. package/dist/modules/Testimonial/components/TextCard/TextCard.cjs.js +1 -0
  127. package/dist/modules/Testimonial/components/TextCard/TextCard.d.ts +3 -0
  128. package/dist/modules/Testimonial/components/TextCard/TextCard.es.js +31 -0
  129. package/dist/modules/Testimonial/components/TextCard/index.d.ts +1 -0
  130. package/dist/modules/Testimonial/components/TextCard/textCard.module.css.cjs.js +1 -0
  131. package/dist/modules/Testimonial/components/TextCard/textCard.module.css.es.js +13 -0
  132. package/dist/modules/Testimonial/components/VideoCard/VideoCard.cjs.js +1 -0
  133. package/dist/modules/Testimonial/components/VideoCard/VideoCard.d.ts +11 -0
  134. package/dist/modules/Testimonial/components/VideoCard/VideoCard.es.js +62 -0
  135. package/dist/modules/Testimonial/components/VideoCard/index.d.ts +1 -0
  136. package/dist/modules/Testimonial/components/VideoCard/videoCard.module.css.cjs.js +1 -0
  137. package/dist/modules/Testimonial/components/VideoCard/videoCard.module.css.es.js +17 -0
  138. package/dist/modules/Testimonial/index.d.ts +1 -0
  139. package/dist/modules/Testimonial/testimonial.module.css.cjs.js +1 -0
  140. package/dist/modules/Testimonial/testimonial.module.css.es.js +25 -0
  141. package/dist/modules/Testimonial/types.d.ts +26 -0
  142. package/dist/modules/TrackProgress/TrackProgress.cjs.js +1 -0
  143. package/dist/modules/TrackProgress/TrackProgress.d.ts +10 -0
  144. package/dist/modules/TrackProgress/TrackProgress.es.js +24 -0
  145. package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.cjs.js +1 -0
  146. package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.d.ts +7 -0
  147. package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.es.js +90 -0
  148. package/dist/modules/TrackProgress/components/TimelineContent/index.d.ts +1 -0
  149. package/dist/modules/TrackProgress/components/TimelineContent/timelineContent.module.css.cjs.js +1 -0
  150. package/dist/modules/TrackProgress/components/TimelineContent/timelineContent.module.css.es.js +25 -0
  151. package/dist/modules/TrackProgress/index.d.ts +1 -0
  152. package/dist/modules/TrackProgress/trackProgress.module.css.cjs.js +1 -0
  153. package/dist/modules/TrackProgress/trackProgress.module.css.es.js +13 -0
  154. package/dist/modules/TrackProgress/types.d.ts +6 -0
  155. package/dist/modules/YourProtocol/YourProtocol.cjs.js +1 -1
  156. package/dist/modules/YourProtocol/YourProtocol.es.js +21 -21
  157. package/dist/modules/YourProtocol/yourProtocol.module.css.cjs.js +1 -1
  158. package/dist/modules/YourProtocol/yourProtocol.module.css.es.js +12 -10
  159. package/dist/node_modules/@gsap/react/src/index.cjs.js +9 -0
  160. package/dist/node_modules/@gsap/react/src/index.es.js +29 -0
  161. package/dist/node_modules/gsap/Flip.cjs.js +8 -0
  162. package/dist/node_modules/gsap/Flip.es.js +525 -0
  163. package/dist/node_modules/gsap/utils/matrix.cjs.js +8 -0
  164. package/dist/node_modules/gsap/utils/matrix.es.js +104 -0
  165. package/dist/pageComponents/Gradient/Gradient.d.ts +5 -0
  166. package/dist/pageComponents/Gradient/index.d.ts +1 -0
  167. package/package.json +65 -9
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="studies-module__container___oLKXc",t="studies-module__header___FA3V2",s="studies-module__description___-3MIr",o="studies-module__articles___tUcYS",_="studies-module__row___yHNIP",r={container:e,header:t,description:s,articles:o,row:_};exports.articles=o;exports.container=e;exports.default=r;exports.description=s;exports.header=t;exports.row=_;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="studies-module__root___1J7-J",o="studies-module__container___oLKXc",t="studies-module__header___FA3V2",s="studies-module__description___-3MIr",_="studies-module__articles___tUcYS",r="studies-module__row___yHNIP",i={root:e,container:o,header:t,description:s,articles:_,row:r};exports.articles=_;exports.container=o;exports.default=i;exports.description=s;exports.header=t;exports.root=e;exports.row=r;
@@ -1,15 +1,17 @@
1
- const e = "studies-module__container___oLKXc", s = "studies-module__header___FA3V2", _ = "studies-module__description___-3MIr", t = "studies-module__articles___tUcYS", o = "studies-module__row___yHNIP", c = {
2
- container: e,
3
- header: s,
4
- description: _,
5
- articles: t,
6
- row: o
1
+ const e = "studies-module__root___1J7-J", o = "studies-module__container___oLKXc", _ = "studies-module__header___FA3V2", t = "studies-module__description___-3MIr", s = "studies-module__articles___tUcYS", r = "studies-module__row___yHNIP", d = {
2
+ root: e,
3
+ container: o,
4
+ header: _,
5
+ description: t,
6
+ articles: s,
7
+ row: r
7
8
  };
8
9
  export {
9
- t as articles,
10
- e as container,
11
- c as default,
12
- _ as description,
13
- s as header,
14
- o as row
10
+ s as articles,
11
+ o as container,
12
+ d as default,
13
+ t as description,
14
+ _ as header,
15
+ e as root,
16
+ r as row
15
17
  };
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css */;/* empty css */;/* empty css */const m=require("react"),S=require("../../node_modules/swiper/modules/navigation.cjs.js"),t=require("../../node_modules/swiper/swiper-react.cjs.js"),f=require("../../components/Cursor/Cursor.cjs.js"),q=require("../../components/ProgramCard/ProgramCard.cjs.js"),n=require("../../components/ProgressButton/ProgressButton.cjs.js"),C=require("../../components/Typography/Typography.cjs.js"),P=require("../../utils/useSwiper/useSwiper.cjs.js"),r=require("./targetedPrograms.module.css.cjs.js"),j=[S.default];function w({title:a,cards:l}){const{setIsEnd:c,handleSlideChange:d,handlePrevClick:s,handleNextClick:i,onSwiperInit:u,handleSwiperResize:p}=P.useSwiper();return e.jsxs("div",{className:r.default.container,children:[e.jsxs("div",{className:r.default.heading,children:[e.jsx(C.Typography,{as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:a}),e.jsx("div",{className:r.default.progressButtons,"data-device":"desktop",children:e.jsx(n.ProgressButton,{left:{onClick:s},right:{onClick:i}})})]}),e.jsx("div",{className:r.default.carouselArea,children:e.jsx(t.Swiper,{onSwiper:u,onResize:p,onSlideChange:d,onReachEnd:()=>c(!0),modules:j,spaceBetween:16,slidesPerView:"auto",className:r.default.swiper,loop:!0,slidesOffsetBefore:8,children:l.map((o,g)=>{const h=o.type!=="coming_soon"?f.Cursor:m.Fragment;return e.jsx(t.SwiperSlide,{className:r.default.swiperSlide,children:e.jsx(h,{label:"Learn More",colorScheme:"light",children:e.jsx(q.ProgramCard,{...o})})},g)})})}),e.jsx("div",{className:r.default.progressButtons,"data-device":"mobile",children:e.jsx(n.ProgressButton,{left:{onClick:s},right:{onClick:i}})})]})}exports.TargetedPrograms=w;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css */;/* empty css */;/* empty css */const m=require("react"),S=require("../../node_modules/swiper/modules/navigation.cjs.js"),i=require("../../node_modules/swiper/swiper-react.cjs.js"),f=require("../../components/Cursor/Cursor.cjs.js"),q=require("../../components/ProgramCard/ProgramCard.cjs.js"),n=require("../../components/ProgressButton/ProgressButton.cjs.js"),C=require("../../components/Typography/Typography.cjs.js"),P=require("../../utils/useSwiper/useSwiper.cjs.js"),r=require("./targetedPrograms.module.css.cjs.js"),j=[S.default];function w({title:a,cards:l}){const{setIsEnd:c,handleSlideChange:d,handlePrevClick:s,handleNextClick:o,onSwiperInit:u,handleSwiperResize:p}=P.useSwiper();return e.jsxs("section",{className:r.default.container,children:[e.jsxs("div",{className:r.default.heading,children:[e.jsx(C.Typography,{as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:a}),e.jsx("div",{className:r.default.progressButtons,"data-device":"desktop",children:e.jsx(n.ProgressButton,{left:{onClick:s},right:{onClick:o}})})]}),e.jsx("div",{className:r.default.carouselArea,children:e.jsx(i.Swiper,{onSwiper:u,onResize:p,onSlideChange:d,onReachEnd:()=>c(!0),modules:j,spaceBetween:16,slidesPerView:"auto",className:r.default.swiper,loop:!0,slidesOffsetBefore:8,children:l.map((t,g)=>{const h=t.type!=="coming_soon"?f.Cursor:m.Fragment;return e.jsx(i.SwiperSlide,{className:r.default.swiperSlide,children:e.jsx(h,{label:"Learn More",colorScheme:"light",children:e.jsx(q.ProgramCard,{...t})})},g)})})}),e.jsx("div",{className:r.default.progressButtons,"data-device":"mobile",children:e.jsx(n.ProgressButton,{left:{onClick:s},right:{onClick:o}})})]})}exports.TargetedPrograms=w;
@@ -7,19 +7,19 @@ import { Fragment as g } from "react";
7
7
  import u from "../../node_modules/swiper/modules/navigation.es.js";
8
8
  import { Swiper as S, SwiperSlide as w } from "../../node_modules/swiper/swiper-react.es.js";
9
9
  import { Cursor as C } from "../../components/Cursor/Cursor.es.js";
10
- import { ProgramCard as v } from "../../components/ProgramCard/ProgramCard.es.js";
11
- import { ProgressButton as a } from "../../components/ProgressButton/ProgressButton.es.js";
12
- import { Typography as N } from "../../components/Typography/Typography.es.js";
10
+ import { ProgramCard as N } from "../../components/ProgramCard/ProgramCard.es.js";
11
+ import { ProgressButton as n } from "../../components/ProgressButton/ProgressButton.es.js";
12
+ import { Typography as v } from "../../components/Typography/Typography.es.js";
13
13
  import { useSwiper as k } from "../../utils/useSwiper/useSwiper.es.js";
14
14
  import r from "./targetedPrograms.module.css.es.js";
15
15
  const P = [u];
16
- function T({ title: n, cards: l }) {
16
+ function T({ title: a, cards: l }) {
17
17
  const { setIsEnd: m, handleSlideChange: d, handlePrevClick: i, handleNextClick: o, onSwiperInit: c, handleSwiperResize: p } = k();
18
- return /* @__PURE__ */ t("div", { className: r.container, children: [
18
+ return /* @__PURE__ */ t("section", { className: r.container, children: [
19
19
  /* @__PURE__ */ t("div", { className: r.heading, children: [
20
- /* @__PURE__ */ e(N, { as: "h2", defaultVariant: "displayMd", mobileVariant: "headingXl", children: n }),
20
+ /* @__PURE__ */ e(v, { as: "h2", defaultVariant: "displayMd", mobileVariant: "headingXl", children: a }),
21
21
  /* @__PURE__ */ e("div", { className: r.progressButtons, "data-device": "desktop", children: /* @__PURE__ */ e(
22
- a,
22
+ n,
23
23
  {
24
24
  left: {
25
25
  onClick: i
@@ -45,12 +45,12 @@ function T({ title: n, cards: l }) {
45
45
  slidesOffsetBefore: 8,
46
46
  children: l.map((s, h) => {
47
47
  const f = s.type !== "coming_soon" ? C : g;
48
- return /* @__PURE__ */ e(w, { className: r.swiperSlide, children: /* @__PURE__ */ e(f, { label: "Learn More", colorScheme: "light", children: /* @__PURE__ */ e(v, { ...s }) }) }, h);
48
+ return /* @__PURE__ */ e(w, { className: r.swiperSlide, children: /* @__PURE__ */ e(f, { label: "Learn More", colorScheme: "light", children: /* @__PURE__ */ e(N, { ...s }) }) }, h);
49
49
  })
50
50
  }
51
51
  ) }),
52
52
  /* @__PURE__ */ e("div", { className: r.progressButtons, "data-device": "mobile", children: /* @__PURE__ */ e(
53
- a,
53
+ n,
54
54
  {
55
55
  left: {
56
56
  onClick: i
@@ -0,0 +1 @@
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("../../node_modules/swiper/modules/navigation.cjs.js"),d=require("../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const c=require("../../components/ProgressButton/ProgressButton.cjs.js"),f=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),q=require("../../components/Typography/Typography.cjs.js"),C=require("../../components/RatingStars/RatingStars.cjs.js"),k=require("../../utils/useSwiper/useSwiper.cjs.js"),w=require("./components/VideoCard/VideoCard.cjs.js"),N=require("./components/TextCard/TextCard.cjs.js"),i=require("./testimonial.module.css.cjs.js"),R=[j.default],_=({title:u,rating:a,reviews:g})=>{const{isEnd:n,isBeginning:r,hideNav:t,handleSlideChange:h,handlePrevClick:l,handleNextClick:o,onSwiperInit:p,handleSwiperResize:m,handleReachEnd:S,handleReachBeginning:x}=k.useSwiper();return e.jsxs("section",{className:i.default.root,children:[e.jsxs("div",{className:i.default.headerContainer,children:[a&&e.jsxs("div",{className:i.default.ratingContainer,children:[e.jsx(C.RatingStars,{rating:a.stars}),e.jsxs(q.Typography,{as:"p",defaultVariant:"labelLg",mobileVariant:"labelSm",emphasis:!0,children:[a.totalReviews,"+ member reviews"]})]}),e.jsxs("div",{className:i.default.headerRow,children:[e.jsx(f.HighlightedTitle,{title:u,colorScheme:"light"}),!t&&e.jsx("div",{className:i.default.desktopNavigation,children:e.jsx(c.ProgressButton,{left:{disabled:r,onClick:l},right:{disabled:n,onClick:o}})})]})]}),e.jsx("div",{className:i.default.content,children:e.jsx(d.Swiper,{onSwiper:p,onResize:m,onSlideChange:h,onReachEnd:S,onReachBeginning:x,modules:R,spaceBetween:0,slidesPerView:"auto",className:i.default.swiper,wrapperClass:i.default.swiperWrapper,children:g.map((s,b)=>e.jsx(d.SwiperSlide,{className:i.default.swiperSlide,children:s.background.type==="video"?e.jsx(w.VideoCard,{...s,background:s.background}):e.jsx(N.TextCard,{...s,background:s.background})},`${s.background.type}_${b}`))})}),!t&&e.jsx("div",{className:i.default.mobileNavigation,children:e.jsx(c.ProgressButton,{left:{disabled:r,onClick:l},right:{disabled:n,onClick:o}})})]})};exports.Testimonial=_;
@@ -0,0 +1,13 @@
1
+ import { ReactNode } from 'react';
2
+ import { RichReviewCard } from './types';
3
+
4
+ type TestimonialProps = {
5
+ title: ReactNode;
6
+ reviews: Array<RichReviewCard>;
7
+ rating?: {
8
+ stars: number;
9
+ totalReviews: number;
10
+ };
11
+ };
12
+ export declare const Testimonial: ({ title, rating, reviews }: TestimonialProps) => import("react/jsx-runtime").JSX.Element;
13
+ export {};
@@ -0,0 +1,88 @@
1
+ "use client";
2
+ import { jsxs as r, jsx as e } from "react/jsx-runtime";
3
+ import N from "../../node_modules/swiper/modules/navigation.es.js";
4
+ import { Swiper as k, SwiperSlide as C } from "../../node_modules/swiper/swiper-react.es.js";
5
+ /* empty css */
6
+ /* empty css */
7
+ /* empty css */
8
+ import { ProgressButton as c } from "../../components/ProgressButton/ProgressButton.es.js";
9
+ import { HighlightedTitle as w } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
10
+ import { Typography as R } from "../../components/Typography/Typography.es.js";
11
+ import { RatingStars as v } from "../../components/RatingStars/RatingStars.es.js";
12
+ import { useSwiper as x } from "../../utils/useSwiper/useSwiper.es.js";
13
+ import { VideoCard as y } from "./components/VideoCard/VideoCard.es.js";
14
+ import { TextCard as B } from "./components/TextCard/TextCard.es.js";
15
+ import i from "./testimonial.module.css.es.js";
16
+ const E = [N], U = ({ title: m, rating: o, reviews: p }) => {
17
+ const {
18
+ isEnd: n,
19
+ isBeginning: l,
20
+ hideNav: s,
21
+ handleSlideChange: h,
22
+ handlePrevClick: t,
23
+ handleNextClick: d,
24
+ onSwiperInit: g,
25
+ handleSwiperResize: b,
26
+ handleReachEnd: S,
27
+ handleReachBeginning: f
28
+ } = x();
29
+ return /* @__PURE__ */ r("section", { className: i.root, children: [
30
+ /* @__PURE__ */ r("div", { className: i.headerContainer, children: [
31
+ o && /* @__PURE__ */ r("div", { className: i.ratingContainer, children: [
32
+ /* @__PURE__ */ e(v, { rating: o.stars }),
33
+ /* @__PURE__ */ r(R, { as: "p", defaultVariant: "labelLg", mobileVariant: "labelSm", emphasis: !0, children: [
34
+ o.totalReviews,
35
+ "+ member reviews"
36
+ ] })
37
+ ] }),
38
+ /* @__PURE__ */ r("div", { className: i.headerRow, children: [
39
+ /* @__PURE__ */ e(w, { title: m, colorScheme: "light" }),
40
+ !s && /* @__PURE__ */ e("div", { className: i.desktopNavigation, children: /* @__PURE__ */ e(
41
+ c,
42
+ {
43
+ left: {
44
+ disabled: l,
45
+ onClick: t
46
+ },
47
+ right: {
48
+ disabled: n,
49
+ onClick: d
50
+ }
51
+ }
52
+ ) })
53
+ ] })
54
+ ] }),
55
+ /* @__PURE__ */ e("div", { className: i.content, children: /* @__PURE__ */ e(
56
+ k,
57
+ {
58
+ onSwiper: g,
59
+ onResize: b,
60
+ onSlideChange: h,
61
+ onReachEnd: S,
62
+ onReachBeginning: f,
63
+ modules: E,
64
+ spaceBetween: 0,
65
+ slidesPerView: "auto",
66
+ className: i.swiper,
67
+ wrapperClass: i.swiperWrapper,
68
+ children: p.map((a, u) => /* @__PURE__ */ e(C, { className: i.swiperSlide, children: a.background.type === "video" ? /* @__PURE__ */ e(y, { ...a, background: a.background }) : /* @__PURE__ */ e(B, { ...a, background: a.background }) }, `${a.background.type}_${u}`))
69
+ }
70
+ ) }),
71
+ !s && /* @__PURE__ */ e("div", { className: i.mobileNavigation, children: /* @__PURE__ */ e(
72
+ c,
73
+ {
74
+ left: {
75
+ disabled: l,
76
+ onClick: t
77
+ },
78
+ right: {
79
+ disabled: n,
80
+ onClick: d
81
+ }
82
+ }
83
+ ) })
84
+ ] });
85
+ };
86
+ export {
87
+ U as Testimonial
88
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../components/Typography/Typography.cjs.js"),c=require("../../../../components/Icon/Icon.cjs.js"),l=require("../../../../components/Icon/constants.cjs.js"),o=require("./product.module.css.cjs.js"),d=({image:r,link:a,name:t})=>{const i=s=>{s.stopPropagation(),window.location.pathname===new URL(a,window.location.origin).pathname?window.scrollTo({top:0,behavior:"smooth"}):window.location.href=a};return e.jsxs("button",{className:o.default.root,onClick:i,children:[e.jsx("div",{className:o.default.imageContainer,children:e.jsx("img",{src:r,alt:t,className:o.default.image})}),e.jsxs("div",{className:o.default.infoContainer,children:[e.jsxs("div",{className:o.default.textContainer,children:[e.jsx(n.Typography,{as:"p",defaultVariant:"labelXs",mobileVariant:"labelSm",emphasis:!0,weight:"regular",children:"REVIEWED"}),e.jsx(n.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",weight:"regular",children:t})]}),e.jsx(c.Icon,{name:l.EIconName.ARROW_OUTWARD,className:o.default.arrowIcon})]})]})};exports.Product=d;
@@ -0,0 +1,7 @@
1
+ type ProductProps = {
2
+ image: string;
3
+ name: string;
4
+ link: string;
5
+ };
6
+ export declare const Product: ({ image, link, name }: ProductProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,23 @@
1
+ import { jsxs as i, jsx as a } from "react/jsx-runtime";
2
+ import { Typography as t } from "../../../../components/Typography/Typography.es.js";
3
+ import { Icon as m } from "../../../../components/Icon/Icon.es.js";
4
+ import { EIconName as c } from "../../../../components/Icon/constants.es.js";
5
+ import o from "./product.module.css.es.js";
6
+ const g = ({ image: n, link: r, name: e }) => {
7
+ const l = (s) => {
8
+ s.stopPropagation(), window.location.pathname === new URL(r, window.location.origin).pathname ? window.scrollTo({ top: 0, behavior: "smooth" }) : window.location.href = r;
9
+ };
10
+ return /* @__PURE__ */ i("button", { className: o.root, onClick: l, children: [
11
+ /* @__PURE__ */ a("div", { className: o.imageContainer, children: /* @__PURE__ */ a("img", { src: n, alt: e, className: o.image }) }),
12
+ /* @__PURE__ */ i("div", { className: o.infoContainer, children: [
13
+ /* @__PURE__ */ i("div", { className: o.textContainer, children: [
14
+ /* @__PURE__ */ a(t, { as: "p", defaultVariant: "labelXs", mobileVariant: "labelSm", emphasis: !0, weight: "regular", children: "REVIEWED" }),
15
+ /* @__PURE__ */ a(t, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", weight: "regular", children: e })
16
+ ] }),
17
+ /* @__PURE__ */ a(m, { name: c.ARROW_OUTWARD, className: o.arrowIcon })
18
+ ] })
19
+ ] });
20
+ };
21
+ export {
22
+ g as Product
23
+ };
@@ -0,0 +1 @@
1
+ export { Product } from './Product';
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="product-module__root___0lD1V",t="product-module__imageContainer___2XtUY",e="product-module__image___VRpMy",n="product-module__infoContainer___Sg5MV",r="product-module__textContainer___TJwbU",_="product-module__arrowIcon___-Od3J",a={root:o,imageContainer:t,image:e,infoContainer:n,textContainer:r,arrowIcon:_};exports.arrowIcon=_;exports.default=a;exports.image=e;exports.imageContainer=t;exports.infoContainer=n;exports.root=o;exports.textContainer=r;
@@ -0,0 +1,17 @@
1
+ const o = "product-module__root___0lD1V", t = "product-module__imageContainer___2XtUY", n = "product-module__image___VRpMy", _ = "product-module__infoContainer___Sg5MV", e = "product-module__textContainer___TJwbU", r = "product-module__arrowIcon___-Od3J", a = {
2
+ root: o,
3
+ imageContainer: t,
4
+ image: n,
5
+ infoContainer: _,
6
+ textContainer: e,
7
+ arrowIcon: r
8
+ };
9
+ export {
10
+ r as arrowIcon,
11
+ a as default,
12
+ n as image,
13
+ t as imageContainer,
14
+ _ as infoContainer,
15
+ o as root,
16
+ e as textContainer
17
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("../../../../components/Typography/Typography.cjs.js"),n=require("../../../../components/RatingStars/RatingStars.cjs.js"),l=require("../Product/Product.cjs.js"),s=require("./textCard.module.css.cjs.js"),o=({background:i,review:e,product:r})=>a.jsxs("div",{className:s.default.root,style:{backgroundImage:`url(${i.url})`},children:[a.jsx(n.RatingStars,{rating:e.stars??0}),a.jsxs("div",{className:s.default.reviewContainer,children:[a.jsx(t.Typography,{as:"h3",defaultVariant:"headingSm",mobileVariant:"headingXs",weight:"regular",children:e.title}),a.jsx(t.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",weight:"regular",children:e.description}),e.author.name&&a.jsx(t.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",weight:"regular",emphasis:!0,className:s.default.reviewAuthor,children:e.author.name})]}),a.jsxs("div",{className:s.default.infoContainer,children:[e.author.username&&a.jsx(t.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:e.author.username}),r&&a.jsx(l.Product,{image:r.image,name:r.name,link:r.link})]})]});exports.TextCard=o;
@@ -0,0 +1,3 @@
1
+ import { RichReviewCard } from '../../types';
2
+
3
+ export declare const TextCard: ({ background, review, product }: RichReviewCard) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,31 @@
1
+ import { jsxs as l, jsx as r } from "react/jsx-runtime";
2
+ import { Typography as i } from "../../../../components/Typography/Typography.es.js";
3
+ import { RatingStars as m } from "../../../../components/RatingStars/RatingStars.es.js";
4
+ import { Product as s } from "../Product/Product.es.js";
5
+ import t from "./textCard.module.css.es.js";
6
+ const c = ({ background: n, review: a, product: e }) => /* @__PURE__ */ l("div", { className: t.root, style: { backgroundImage: `url(${n.url})` }, children: [
7
+ /* @__PURE__ */ r(m, { rating: a.stars ?? 0 }),
8
+ /* @__PURE__ */ l("div", { className: t.reviewContainer, children: [
9
+ /* @__PURE__ */ r(i, { as: "h3", defaultVariant: "headingSm", mobileVariant: "headingXs", weight: "regular", children: a.title }),
10
+ /* @__PURE__ */ r(i, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", weight: "regular", children: a.description }),
11
+ a.author.name && /* @__PURE__ */ r(
12
+ i,
13
+ {
14
+ as: "p",
15
+ defaultVariant: "labelSm",
16
+ mobileVariant: "labelXs",
17
+ weight: "regular",
18
+ emphasis: !0,
19
+ className: t.reviewAuthor,
20
+ children: a.author.name
21
+ }
22
+ )
23
+ ] }),
24
+ /* @__PURE__ */ l("div", { className: t.infoContainer, children: [
25
+ a.author.username && /* @__PURE__ */ r(i, { as: "p", defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "regular", children: a.author.username }),
26
+ e && /* @__PURE__ */ r(s, { image: e.image, name: e.name, link: e.link })
27
+ ] })
28
+ ] });
29
+ export {
30
+ c as TextCard
31
+ };
@@ -0,0 +1 @@
1
+ export { TextCard } from './TextCard';
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="textCard-module__root___BsIAR",o="textCard-module__reviewContainer___1uxnk",t="textCard-module__reviewAuthor___nsHUO",r="textCard-module__infoContainer___DqDoR",n={root:e,reviewContainer:o,reviewAuthor:t,infoContainer:r};exports.default=n;exports.infoContainer=r;exports.reviewAuthor=t;exports.reviewContainer=o;exports.root=e;
@@ -0,0 +1,13 @@
1
+ const e = "textCard-module__root___BsIAR", o = "textCard-module__reviewContainer___1uxnk", t = "textCard-module__reviewAuthor___nsHUO", r = "textCard-module__infoContainer___DqDoR", n = {
2
+ root: e,
3
+ reviewContainer: o,
4
+ reviewAuthor: t,
5
+ infoContainer: r
6
+ };
7
+ export {
8
+ n as default,
9
+ r as infoContainer,
10
+ t as reviewAuthor,
11
+ o as reviewContainer,
12
+ e as root
13
+ };
@@ -0,0 +1 @@
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),f=require("../../../../components/Typography/Typography.cjs.js"),m=require("../../../../components/PlayButton/PlayButton.cjs.js"),y=require("../../../../utils/cn/cn.cjs.js"),p=require("../Product/Product.cjs.js"),t=require("./videoCard.module.css.cjs.js"),g=({product:a,review:c,background:d})=>{const[r,o]=s.useState(!1),n=s.useRef(null),u=s.useRef(null);return s.useEffect(()=>{const i=new IntersectionObserver(([l])=>{!l.isIntersecting&&r&&o(!1)},{threshold:.2});return u.current&&i.observe(u.current),()=>i.disconnect()},[r]),s.useEffect(()=>{!r&&n.current&&(n.current.pause(),n.current.currentTime=0)},[r]),e.jsxs("div",{className:t.default.root,ref:u,onClick:()=>r?o(!1):void 0,style:{backgroundImage:`url(${d.preview})`},children:[e.jsxs("div",{className:t.default.mediaContainer,children:[e.jsx("video",{ref:n,src:d.url,playsInline:!0,controls:!1,muted:!0,loop:!0,className:y.cn(t.default.media,!r&&t.default.mediaHidden)}),!r&&e.jsx("div",{className:t.default.playButton,children:e.jsx(m.PlayButton,{onClick:i=>{var l;i.stopPropagation(),(l=n.current)==null||l.play(),o(!0)}})})]}),e.jsxs("div",{className:t.default.infoContainer,children:[c.author.username&&e.jsx(f.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:c.author.username}),a&&e.jsx(p.Product,{image:a.image,name:a.name,link:a.link})]})]})};exports.VideoCard=g;
@@ -0,0 +1,11 @@
1
+ import { RichReviewCard } from '../../types';
2
+
3
+ type VideoCardProps = {
4
+ background: {
5
+ type: 'video';
6
+ url: string;
7
+ preview: string;
8
+ };
9
+ } & Omit<RichReviewCard, 'background'>;
10
+ export declare const VideoCard: ({ product, review, background }: VideoCardProps) => import("react/jsx-runtime").JSX.Element;
11
+ export {};
@@ -0,0 +1,62 @@
1
+ "use client";
2
+ import { jsxs as m, jsx as n } from "react/jsx-runtime";
3
+ import { useState as p, useRef as f, useEffect as d } from "react";
4
+ import { Typography as h } from "../../../../components/Typography/Typography.es.js";
5
+ import { PlayButton as g } from "../../../../components/PlayButton/PlayButton.es.js";
6
+ import { cn as v } from "../../../../utils/cn/cn.es.js";
7
+ import { Product as y } from "../Product/Product.es.js";
8
+ import r from "./videoCard.module.css.es.js";
9
+ const R = ({ product: i, review: c, background: u }) => {
10
+ const [e, o] = p(!1), t = f(null), l = f(null);
11
+ return d(() => {
12
+ const a = new IntersectionObserver(
13
+ ([s]) => {
14
+ !s.isIntersecting && e && o(!1);
15
+ },
16
+ { threshold: 0.2 }
17
+ );
18
+ return l.current && a.observe(l.current), () => a.disconnect();
19
+ }, [e]), d(() => {
20
+ !e && t.current && (t.current.pause(), t.current.currentTime = 0);
21
+ }, [e]), /* @__PURE__ */ m(
22
+ "div",
23
+ {
24
+ className: r.root,
25
+ ref: l,
26
+ onClick: () => e ? o(!1) : void 0,
27
+ style: { backgroundImage: `url(${u.preview})` },
28
+ children: [
29
+ /* @__PURE__ */ m("div", { className: r.mediaContainer, children: [
30
+ /* @__PURE__ */ n(
31
+ "video",
32
+ {
33
+ ref: t,
34
+ src: u.url,
35
+ playsInline: !0,
36
+ controls: !1,
37
+ muted: !0,
38
+ loop: !0,
39
+ className: v(r.media, !e && r.mediaHidden)
40
+ }
41
+ ),
42
+ !e && /* @__PURE__ */ n("div", { className: r.playButton, children: /* @__PURE__ */ n(
43
+ g,
44
+ {
45
+ onClick: (a) => {
46
+ var s;
47
+ a.stopPropagation(), (s = t.current) == null || s.play(), o(!0);
48
+ }
49
+ }
50
+ ) })
51
+ ] }),
52
+ /* @__PURE__ */ m("div", { className: r.infoContainer, children: [
53
+ c.author.username && /* @__PURE__ */ n(h, { as: "p", defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "regular", children: c.author.username }),
54
+ i && /* @__PURE__ */ n(y, { image: i.image, name: i.name, link: i.link })
55
+ ] })
56
+ ]
57
+ }
58
+ );
59
+ };
60
+ export {
61
+ R as VideoCard
62
+ };
@@ -0,0 +1 @@
1
+ export { VideoCard } from './VideoCard';
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="videoCard-module__root___Z-ksD",o="videoCard-module__mediaContainer___ncPuJ",d="videoCard-module__media___KB71R",n="videoCard-module__mediaHidden___6nUdx",i="videoCard-module__playButton___w-Nql",t="videoCard-module__infoContainer___Ddw05",a={root:e,mediaContainer:o,media:d,mediaHidden:n,playButton:i,infoContainer:t};exports.default=a;exports.infoContainer=t;exports.media=d;exports.mediaContainer=o;exports.mediaHidden=n;exports.playButton=i;exports.root=e;
@@ -0,0 +1,17 @@
1
+ const o = "videoCard-module__root___Z-ksD", d = "videoCard-module__mediaContainer___ncPuJ", e = "videoCard-module__media___KB71R", n = "videoCard-module__mediaHidden___6nUdx", _ = "videoCard-module__playButton___w-Nql", i = "videoCard-module__infoContainer___Ddw05", a = {
2
+ root: o,
3
+ mediaContainer: d,
4
+ media: e,
5
+ mediaHidden: n,
6
+ playButton: _,
7
+ infoContainer: i
8
+ };
9
+ export {
10
+ a as default,
11
+ i as infoContainer,
12
+ e as media,
13
+ d as mediaContainer,
14
+ n as mediaHidden,
15
+ _ as playButton,
16
+ o as root
17
+ };
@@ -0,0 +1 @@
1
+ export { Testimonial } from './Testimonial';
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="testimonial-module__root___Y3TlQ",o="testimonial-module__headerContainer___-FGrO",t="testimonial-module__headerRow___0JTHr",i="testimonial-module__ratingContainer___U9FDs",n="testimonial-module__content___BCbh-",a="testimonial-module__swiper___Necxi",r="testimonial-module__swiperWrapper___O-8SI",_="testimonial-module__swiperSlide___NvGru",s="testimonial-module__mobileNavigation___C1PT2",l="testimonial-module__desktopNavigation___nwHQV",d={root:e,headerContainer:o,headerRow:t,ratingContainer:i,content:n,swiper:a,swiperWrapper:r,swiperSlide:_,mobileNavigation:s,desktopNavigation:l};exports.content=n;exports.default=d;exports.desktopNavigation=l;exports.headerContainer=o;exports.headerRow=t;exports.mobileNavigation=s;exports.ratingContainer=i;exports.root=e;exports.swiper=a;exports.swiperSlide=_;exports.swiperWrapper=r;
@@ -0,0 +1,25 @@
1
+ const e = "testimonial-module__root___Y3TlQ", o = "testimonial-module__headerContainer___-FGrO", t = "testimonial-module__headerRow___0JTHr", i = "testimonial-module__ratingContainer___U9FDs", _ = "testimonial-module__content___BCbh-", n = "testimonial-module__swiper___Necxi", a = "testimonial-module__swiperWrapper___O-8SI", r = "testimonial-module__swiperSlide___NvGru", s = "testimonial-module__mobileNavigation___C1PT2", l = "testimonial-module__desktopNavigation___nwHQV", d = {
2
+ root: e,
3
+ headerContainer: o,
4
+ headerRow: t,
5
+ ratingContainer: i,
6
+ content: _,
7
+ swiper: n,
8
+ swiperWrapper: a,
9
+ swiperSlide: r,
10
+ mobileNavigation: s,
11
+ desktopNavigation: l
12
+ };
13
+ export {
14
+ _ as content,
15
+ d as default,
16
+ l as desktopNavigation,
17
+ o as headerContainer,
18
+ t as headerRow,
19
+ s as mobileNavigation,
20
+ i as ratingContainer,
21
+ e as root,
22
+ n as swiper,
23
+ r as swiperSlide,
24
+ a as swiperWrapper
25
+ };
@@ -0,0 +1,26 @@
1
+ type TBackground = {
2
+ type: 'image';
3
+ url: string;
4
+ } | {
5
+ type: 'video';
6
+ url: string;
7
+ preview: string;
8
+ };
9
+ export type RichReviewCard = {
10
+ background: TBackground;
11
+ review: {
12
+ title: string;
13
+ description: string;
14
+ author: {
15
+ name?: string;
16
+ username?: string;
17
+ };
18
+ stars?: number;
19
+ };
20
+ product?: {
21
+ image: string;
22
+ name: string;
23
+ link: string;
24
+ };
25
+ };
26
+ export {};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../components/Typography/Typography.cjs.js"),n=require("./components/TimelineContent/TimelineContent.cjs.js"),r=require("./trackProgress.module.css.cjs.js"),l=({title:t,description:i,tabs:s})=>e.jsx("section",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsxs("div",{className:r.default.headerContainer,children:[e.jsx(o.HighlightedTitle,{title:t,colorScheme:"dark"}),e.jsx(a.Typography,{as:"p",defaultVariant:"bodyXl",mobileVariant:"bodySm",className:r.default.headerDescription,children:i})]}),e.jsx(n.TimelineContent,{tabs:s})]})});exports.TrackProgress=l;
@@ -0,0 +1,10 @@
1
+ import { ReactNode } from 'react';
2
+ import { TTrackProgressTab } from './types';
3
+
4
+ type TrackProgressProps = {
5
+ title: ReactNode;
6
+ description: string;
7
+ tabs: Array<TTrackProgressTab>;
8
+ };
9
+ export declare const TrackProgress: ({ title, description, tabs }: TrackProgressProps) => import("react/jsx-runtime").JSX.Element;
10
+ export {};
@@ -0,0 +1,24 @@
1
+ import { jsx as r, jsxs as o } from "react/jsx-runtime";
2
+ import { HighlightedTitle as s } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
3
+ import { Typography as m } from "../../components/Typography/Typography.es.js";
4
+ import { TimelineContent as n } from "./components/TimelineContent/TimelineContent.es.js";
5
+ import e from "./trackProgress.module.css.es.js";
6
+ const f = ({ title: i, description: a, tabs: t }) => /* @__PURE__ */ r("section", { className: e.root, children: /* @__PURE__ */ o("div", { className: e.container, children: [
7
+ /* @__PURE__ */ o("div", { className: e.headerContainer, children: [
8
+ /* @__PURE__ */ r(s, { title: i, colorScheme: "dark" }),
9
+ /* @__PURE__ */ r(
10
+ m,
11
+ {
12
+ as: "p",
13
+ defaultVariant: "bodyXl",
14
+ mobileVariant: "bodySm",
15
+ className: e.headerDescription,
16
+ children: a
17
+ }
18
+ )
19
+ ] }),
20
+ /* @__PURE__ */ r(n, { tabs: t })
21
+ ] }) });
22
+ export {
23
+ f as TrackProgress
24
+ };
@@ -0,0 +1 @@
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),c=require("../../../../components/Typography/Typography.cjs.js"),h=require("../../../../utils/cn/cn.cjs.js"),a=require("./timelineContent.module.css.cjs.js");function p(r){const l=r.slice();for(let i=l.length-1;i>0;i--){const n=Math.floor(Math.random()*(i+1));[l[i],l[n]]=[l[n],l[i]]}return l}const f=[{key:"optimal",label:"Optimal"},{key:"inRange",label:"In Range"},{key:"outOfRange",label:"Out of Range"}],g=({tabs:r})=>{const[l,i]=d.useState(0),{optimal:n,inRange:o,outOfRange:u}=r[l],m=d.useMemo(()=>p([...Array(n).fill("optimal"),...Array(o).fill("inRange"),...Array(u).fill("outOfRange")]),[n,o,u]);return e.jsxs("div",{className:a.default.root,children:[e.jsxs("div",{className:a.default.content,children:[e.jsx("div",{className:a.default.metricsContainer,children:f.map((t,s)=>e.jsxs("div",{className:a.default.metric,children:[e.jsx(c.Typography,{defaultVariant:"displayLg",mobileVariant:"displaySm",weight:"regular",children:r[l][t.key]}),e.jsxs("div",{className:a.default.metricTitle,children:[e.jsx(c.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:"("}),e.jsx(c.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:t.label}),e.jsx("div",{className:a.default.circle,"data-key":t.key}),e.jsx(c.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:")"})]})]},t.key))}),e.jsx("div",{className:a.default.canvas,children:m.map((t,s)=>e.jsx("div",{className:a.default.circle,"data-key":t},s))})]}),e.jsx("div",{className:a.default.tabsContainer,children:r.map((t,s)=>e.jsx("button",{className:h.cn(a.default.tab,l===s&&a.default.tabActive),onClick:()=>i(s),children:e.jsx(c.Typography,{defaultVariant:"labelMd",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:t.label})},t.label))})]})};exports.TimelineContent=g;
@@ -0,0 +1,7 @@
1
+ import { TTrackProgressTab } from '../../types';
2
+
3
+ type TimelineContentProps = {
4
+ tabs: Array<TTrackProgressTab>;
5
+ };
6
+ export declare const TimelineContent: ({ tabs }: TimelineContentProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};