@zenpatient-org/healthspan-marketing-ui 0.1.44 → 0.1.46

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 (83) hide show
  1. package/dist/components/Button/Button.d.ts +1 -1
  2. package/dist/components/ComplexImageCarousel/ComplexImageCarousel.cjs.js +1 -1
  3. package/dist/components/ComplexImageCarousel/ComplexImageCarousel.d.ts +1 -1
  4. package/dist/components/ComplexImageCarousel/ComplexImageCarousel.es.js +55 -5
  5. package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.cjs.js +1 -0
  6. package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.es.js +24 -0
  7. package/dist/components/ComplexTooltip/ComplexTooltip.cjs.js +1 -1
  8. package/dist/components/ComplexTooltip/ComplexTooltip.d.ts +2 -5
  9. package/dist/components/ComplexTooltip/ComplexTooltip.es.js +29 -34
  10. package/dist/components/IconButton/IconButton.d.ts +1 -1
  11. package/dist/components/InfiniteScroll/InfiniteScroll.cjs.js +1 -1
  12. package/dist/components/InfiniteScroll/InfiniteScroll.d.ts +0 -1
  13. package/dist/components/InfiniteScroll/InfiniteScroll.es.js +46 -61
  14. package/dist/components/Label/index.d.ts +1 -1
  15. package/dist/components/Label/types.d.ts +3 -1
  16. package/dist/components/StepsCarousel/StepsCarousel.cjs.js +1 -1
  17. package/dist/components/StepsCarousel/StepsCarousel.es.js +35 -29
  18. package/dist/components/StudyGridCard/StudyGridCard.cjs.js +1 -1
  19. package/dist/components/StudyGridCard/StudyGridCard.d.ts +2 -10
  20. package/dist/components/StudyGridCard/StudyGridCard.es.js +60 -115
  21. package/dist/components/StudyGridCard/studyGridCard.module.css.cjs.js +1 -1
  22. package/dist/components/StudyGridCard/studyGridCard.module.css.es.js +12 -24
  23. package/dist/components/Tag/Tag.cjs.js +1 -1
  24. package/dist/components/Tag/Tag.d.ts +2 -2
  25. package/dist/components/Tag/Tag.es.js +11 -11
  26. package/dist/healthspan-marketing-ui.css +1 -1
  27. package/dist/modules/FollowTheScience/FollowTheScience.cjs.js +1 -1
  28. package/dist/modules/FollowTheScience/FollowTheScience.d.ts +0 -1
  29. package/dist/modules/FollowTheScience/FollowTheScience.es.js +14 -13
  30. package/dist/modules/IndividualProductCard/IndividualProductCard.d.ts +2 -2
  31. package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.cjs.js +1 -1
  32. package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.es.js +6 -6
  33. package/dist/modules/IngredientHighlight/components/Ingredient/types.d.ts +1 -1
  34. package/dist/modules/IngredientHighlight/types.d.ts +1 -1
  35. package/dist/modules/ResearchEssentialReadings/ResearchEssentialReadings.cjs.js +1 -1
  36. package/dist/modules/ResearchEssentialReadings/ResearchEssentialReadings.es.js +13 -13
  37. package/dist/modules/ResearchEssentialReadings/index.d.ts +0 -2
  38. package/dist/modules/ResearchFeatured/ResearchFeatured.cjs.js +1 -1
  39. package/dist/modules/ResearchFeatured/ResearchFeatured.es.js +9 -9
  40. package/dist/modules/ResearchFeatured/index.d.ts +0 -1
  41. package/dist/modules/ResearchFilters/ResearchFilters.cjs.js +1 -1
  42. package/dist/modules/ResearchFilters/ResearchFilters.d.ts +1 -3
  43. package/dist/modules/ResearchFilters/ResearchFilters.es.js +24 -18
  44. package/dist/modules/ResearchStudies/ResearchStudies.cjs.js +1 -1
  45. package/dist/modules/ResearchStudies/ResearchStudies.d.ts +2 -8
  46. package/dist/modules/ResearchStudies/ResearchStudies.es.js +11 -10
  47. package/dist/modules/ResearchStudies/components/StudyCard/StudyCard.d.ts +1 -1
  48. package/dist/modules/ResearchStudies/components/StudyCard/index.d.ts +1 -0
  49. package/dist/modules/ResearchStudies/components/StudyCard/types.d.ts +10 -0
  50. package/dist/modules/ResearchStudies/components/index.d.ts +2 -0
  51. package/dist/modules/ResearchStudies/index.d.ts +0 -1
  52. package/dist/modules/ResearchStudies/types.d.ts +3 -8
  53. package/package.json +16 -1
  54. package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.cjs.js +0 -1
  55. package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.d.ts +0 -5
  56. package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.es.js +0 -57
  57. package/dist/components/ComplexImageCarousel/ComplexCarousel/complexImageCarousel.module.css.cjs.js +0 -1
  58. package/dist/components/ComplexImageCarousel/ComplexCarousel/complexImageCarousel.module.css.es.js +0 -24
  59. package/dist/components/ComplexImageCarousel/ComplexCarousel/index.d.ts +0 -1
  60. package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.cjs.js +0 -1
  61. package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.d.ts +0 -5
  62. package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.es.js +0 -76
  63. package/dist/components/ComplexImageCarousel/SimpleImageCarousel/index.d.ts +0 -1
  64. package/dist/components/ComplexImageCarousel/SimpleImageCarousel/simpleImageCarousel.module.css.cjs.js +0 -1
  65. package/dist/components/ComplexImageCarousel/SimpleImageCarousel/simpleImageCarousel.module.css.es.js +0 -15
  66. package/dist/modules/ExpandingDetails/ExpandingDetails.cjs.js +0 -1
  67. package/dist/modules/ExpandingDetails/ExpandingDetails.d.ts +0 -3
  68. package/dist/modules/ExpandingDetails/ExpandingDetails.es.js +0 -157
  69. package/dist/modules/ExpandingDetails/expandingDetails.module.css.cjs.js +0 -1
  70. package/dist/modules/ExpandingDetails/expandingDetails.module.css.es.js +0 -47
  71. package/dist/modules/ExpandingDetails/index.d.ts +0 -1
  72. package/dist/modules/ExpandingDetails/types.d.ts +0 -13
  73. package/dist/modules/TextBlockAnimated/TextBlockAnimated.d.ts +0 -6
  74. package/dist/pageComponents/HowItWorksHero/HowItWorksHero.d.ts +0 -1
  75. package/dist/pageComponents/HowItWorksHero/assets/Container.png.cjs.js +0 -1
  76. package/dist/pageComponents/HowItWorksHero/assets/Container.png.es.js +0 -4
  77. package/dist/pageComponents/HowItWorksHero/assets/people.png.cjs.js +0 -1
  78. package/dist/pageComponents/HowItWorksHero/assets/people.png.es.js +0 -4
  79. package/dist/pageComponents/HowItWorksHero/howItWorksHero.module.css.cjs.js +0 -1
  80. package/dist/pageComponents/HowItWorksHero/howItWorksHero.module.css.es.js +0 -17
  81. package/dist/pageComponents/HowItWorksHero/index.d.ts +0 -1
  82. package/dist/pageComponents/HowItWorksHero.cjs.js +0 -1
  83. package/dist/pageComponents/HowItWorksHero.es.js +0 -14
@@ -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 x=require("../../node_modules/swiper/modules/navigation.cjs.js"),c=require("../../node_modules/swiper/swiper-react.cjs.js"),g=require("../../components/Benefit/Benefit.cjs.js"),f=require("../../components/Icon/constants.cjs.js"),_=require("../../components/Label/Label.cjs.js"),a=require("../../components/ProgressButton/ProgressButton.cjs.js"),q=require("../../components/TextButton/TextButton.cjs.js"),B=require("../../utils/useSwiper/useSwiper.cjs.js"),s=require("./followTheScience.module.css.cjs.js"),j=[x.default];function v({labelText:d,benefits:u}){const{setIsEnd:h,isEnd:n,isBeginning:t,hideNav:o,handleSlideChange:p,handlePrevClick:r,handleNextClick:l,onSwiperInit:S,handleSwiperResize:m}=B.useSwiper();return e.jsxs("section",{className:s.default.container,children:[e.jsxs("div",{className:s.default.heading,children:[e.jsx(_.Label,{color:"white",size:"lg",children:d}),!o&&e.jsx("div",{className:s.default.progressButtons,"data-device":"desktop",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:t},right:{disabled:n,onClick:l}})})]}),e.jsx("div",{className:s.default.content,children:e.jsx(c.Swiper,{onSwiper:S,onResize:m,onSlideChange:p,onReachEnd:()=>h(!0),modules:j,spaceBetween:0,slidesPerView:"auto",className:s.default.swiper,children:u.map((i,w)=>e.jsx(c.SwiperSlide,{className:s.default.swiperSlide,children:e.jsx(g.Benefit,{title:i.title,description:i.description,button:e.jsx(q.TextButton,{as:"a",size:"sm",color:"white",suffixIcon:f.EIconName.ARROW_FORWARD,href:i.link,children:i.buttonText||"READ THE STUDY"})})},w))})}),!o&&e.jsx("div",{className:s.default.progressButtons,"data-device":"mobile",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:t},right:{onClick:l,disabled:n}})})]})}exports.FollowTheScience=v;
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 x=require("../../node_modules/swiper/modules/navigation.cjs.js"),c=require("../../node_modules/swiper/swiper-react.cjs.js"),f=require("../../components/Benefit/Benefit.cjs.js"),g=require("../../components/Icon/constants.cjs.js"),_=require("../../components/Label/Label.cjs.js"),a=require("../../components/ProgressButton/ProgressButton.cjs.js"),q=require("../../components/TextButton/TextButton.cjs.js"),B=require("../../utils/useSwiper/useSwiper.cjs.js"),i=require("./followTheScience.module.css.cjs.js"),j=[x.default];function v({labelText:d,benefits:u}){const{activeIndex:N,setIsEnd:h,isEnd:n,isBeginning:t,hideNav:o,handleSlideChange:p,handlePrevClick:r,handleNextClick:l,onSwiperInit:S,handleSwiperResize:m}=B.useSwiper();return e.jsxs("section",{className:i.default.container,children:[e.jsxs("div",{className:i.default.heading,children:[e.jsx(_.Label,{color:"white",size:"lg",children:d}),!o&&e.jsx("div",{className:i.default.progressButtons,"data-device":"desktop",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:t},right:{disabled:n,onClick:l}})})]}),e.jsx("div",{className:i.default.content,children:e.jsx(c.Swiper,{onSwiper:S,onResize:m,onSlideChange:p,onReachEnd:()=>h(!0),modules:j,spaceBetween:0,slidesPerView:"auto",className:i.default.swiper,children:u.map((s,w)=>e.jsx(c.SwiperSlide,{className:i.default.swiperSlide,children:e.jsx(f.Benefit,{title:s.title,description:s.description,button:e.jsx(q.TextButton,{as:"a",size:"sm",color:"white",suffixIcon:g.EIconName.ARROW_FORWARD,href:s.link,children:"READ THE STUDY"})})},w))})}),!o&&e.jsx("div",{className:i.default.progressButtons,"data-device":"mobile",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:t},right:{onClick:l,disabled:n}})})]})}exports.FollowTheScience=v;
@@ -5,7 +5,6 @@ export type TargetedProgramsProps = {
5
5
  title: string;
6
6
  description: string;
7
7
  link: string;
8
- buttonText?: string;
9
8
  }>;
10
9
  };
11
10
  export declare function FollowTheScience({ labelText, benefits }: TargetedProgramsProps): import("react/jsx-runtime").JSX.Element;
@@ -13,26 +13,27 @@ import { TextButton as C } from "../../components/TextButton/TextButton.es.js";
13
13
  import { useSwiper as E } from "../../utils/useSwiper/useSwiper.es.js";
14
14
  import i from "./followTheScience.module.css.es.js";
15
15
  const x = [w];
16
- function U({ labelText: c, benefits: m }) {
16
+ function _({ labelText: c, benefits: m }) {
17
17
  const {
18
+ activeIndex: B,
18
19
  setIsEnd: p,
19
20
  isEnd: r,
20
21
  isBeginning: t,
21
- hideNav: s,
22
+ hideNav: n,
22
23
  handleSlideChange: h,
23
- handlePrevClick: n,
24
+ handlePrevClick: s,
24
25
  handleNextClick: l,
25
26
  onSwiperInit: f,
26
- handleSwiperResize: u
27
+ handleSwiperResize: S
27
28
  } = E();
28
29
  return /* @__PURE__ */ d("section", { className: i.container, children: [
29
30
  /* @__PURE__ */ d("div", { className: i.heading, children: [
30
31
  /* @__PURE__ */ e(k, { color: "white", size: "lg", children: c }),
31
- !s && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "desktop", children: /* @__PURE__ */ e(
32
+ !n && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "desktop", children: /* @__PURE__ */ e(
32
33
  a,
33
34
  {
34
35
  left: {
35
- onClick: n,
36
+ onClick: s,
36
37
  disabled: t
37
38
  },
38
39
  right: {
@@ -46,14 +47,14 @@ function U({ labelText: c, benefits: m }) {
46
47
  g,
47
48
  {
48
49
  onSwiper: f,
49
- onResize: u,
50
+ onResize: S,
50
51
  onSlideChange: h,
51
52
  onReachEnd: () => p(!0),
52
53
  modules: x,
53
54
  spaceBetween: 0,
54
55
  slidesPerView: "auto",
55
56
  className: i.swiper,
56
- children: m.map((o, S) => /* @__PURE__ */ e(N, { className: i.swiperSlide, children: /* @__PURE__ */ e(
57
+ children: m.map((o, u) => /* @__PURE__ */ e(N, { className: i.swiperSlide, children: /* @__PURE__ */ e(
57
58
  v,
58
59
  {
59
60
  title: o.title,
@@ -66,18 +67,18 @@ function U({ labelText: c, benefits: m }) {
66
67
  color: "white",
67
68
  suffixIcon: R.ARROW_FORWARD,
68
69
  href: o.link,
69
- children: o.buttonText || "READ THE STUDY"
70
+ children: "READ THE STUDY"
70
71
  }
71
72
  )
72
73
  }
73
- ) }, S))
74
+ ) }, u))
74
75
  }
75
76
  ) }),
76
- !s && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "mobile", children: /* @__PURE__ */ e(
77
+ !n && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "mobile", children: /* @__PURE__ */ e(
77
78
  a,
78
79
  {
79
80
  left: {
80
- onClick: n,
81
+ onClick: s,
81
82
  disabled: t
82
83
  },
83
84
  right: {
@@ -89,5 +90,5 @@ function U({ labelText: c, benefits: m }) {
89
90
  ] });
90
91
  }
91
92
  export {
92
- U as FollowTheScience
93
+ _ as FollowTheScience
93
94
  };
@@ -9,8 +9,8 @@ type IndividualProductCardProps = {
9
9
  description?: string;
10
10
  label?: string;
11
11
  rating?: {
12
- stars?: number;
13
- totalReviews?: number;
12
+ stars: number;
13
+ totalReviews: number;
14
14
  };
15
15
  button: {
16
16
  label: string;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../../../components/Typography/Typography.cjs.js"),a=require("../../../../utils/cn/cn.cjs.js"),r=require("./ingredient.module.css.cjs.js"),l=({title:i,description:t,isOpen:n,index:o,onClick:c})=>e.jsxs("div",{onClick:()=>c(o??0),className:a.cn(r.default.root,{[r.default.rootOpened]:n}),children:[e.jsx("div",{className:r.default.header,children:e.jsx(d.Typography,{defaultVariant:"headingXs",color:`color-text-primary${n?"":"-disabled"}`,children:i})}),!!t&&e.jsx("div",{className:a.cn(r.default.description,{[r.default.descriptionShow]:n}),children:e.jsx("div",{className:r.default.descriptionInner,children:e.jsx(d.Typography,{as:"p",defaultVariant:"bodySm",children:t})})})]});exports.Ingredient=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../../components/Typography/Typography.cjs.js"),t=require("../../../../utils/cn/cn.cjs.js"),r=require("./ingredient.module.css.cjs.js"),o=({title:d,description:a,isOpen:n,index:s,onClick:c})=>e.jsxs("div",{onClick:()=>c(s??0),className:t.cn(r.default.root,{[r.default.rootOpened]:n}),children:[e.jsx("div",{className:r.default.header,children:e.jsx(i.Typography,{defaultVariant:"headingXs",children:d})}),e.jsx("div",{className:t.cn(r.default.description,{[r.default.descriptionShow]:n}),children:e.jsx("div",{className:r.default.descriptionInner,children:e.jsx(i.Typography,{as:"p",defaultVariant:"bodySm",children:a})})})]});exports.Ingredient=o;
@@ -1,10 +1,10 @@
1
- import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
- import { Typography as d } from "../../../../components/Typography/Typography.es.js";
3
- import { cn as a } from "../../../../utils/cn/cn.es.js";
1
+ import { jsxs as c, jsx as e } from "react/jsx-runtime";
2
+ import { Typography as o } from "../../../../components/Typography/Typography.es.js";
3
+ import { cn as d } from "../../../../utils/cn/cn.es.js";
4
4
  import r from "./ingredient.module.css.es.js";
5
- const f = ({ title: t, description: i, isOpen: o, index: n, onClick: c }) => /* @__PURE__ */ l("div", { onClick: () => c(n ?? 0), className: a(r.root, { [r.rootOpened]: o }), children: [
6
- /* @__PURE__ */ e("div", { className: r.header, children: /* @__PURE__ */ e(d, { defaultVariant: "headingXs", color: `color-text-primary${o ? "" : "-disabled"}`, children: t }) }),
7
- !!i && /* @__PURE__ */ e("div", { className: a(r.description, { [r.descriptionShow]: o }), children: /* @__PURE__ */ e("div", { className: r.descriptionInner, children: /* @__PURE__ */ e(d, { as: "p", defaultVariant: "bodySm", children: i }) }) })
5
+ const f = ({ title: n, description: a, isOpen: i, index: s, onClick: t }) => /* @__PURE__ */ c("div", { onClick: () => t(s ?? 0), className: d(r.root, { [r.rootOpened]: i }), children: [
6
+ /* @__PURE__ */ e("div", { className: r.header, children: /* @__PURE__ */ e(o, { defaultVariant: "headingXs", children: n }) }),
7
+ /* @__PURE__ */ e("div", { className: d(r.description, { [r.descriptionShow]: i }), children: /* @__PURE__ */ e("div", { className: r.descriptionInner, children: /* @__PURE__ */ e(o, { as: "p", defaultVariant: "bodySm", children: a }) }) })
8
8
  ] });
9
9
  export {
10
10
  f as Ingredient
@@ -1,6 +1,6 @@
1
1
  export type TIngredient = {
2
2
  title: string;
3
- description?: string;
3
+ description: string;
4
4
  index: number;
5
5
  isOpen: boolean;
6
6
  onClick: (index: number) => void;
@@ -2,6 +2,6 @@ export type TIngredientHighlight = {
2
2
  items: Array<{
3
3
  image: string;
4
4
  title: string;
5
- description?: string;
5
+ description: string;
6
6
  }>;
7
7
  };
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),j=require("../../node_modules/swiper/modules/navigation.cjs.js"),c=require("../../node_modules/swiper/swiper-react.cjs.js"),x=require("../../utils/useSwiper/useSwiper.cjs.js"),R=require("../../utils/cn/cn.cjs.js"),q=require("../../components/Typography/Typography.cjs.js"),u=require("../../components/ProgressButton/ProgressButton.cjs.js"),C=require("./components/ReadingCard/ReadingCard.cjs.js");;/* empty css */;/* empty css */;/* empty css */const s=require("./researchEssentialReadings.module.css.cjs.js"),v=[j.default],N=({readings:r})=>{const{swiper:i,isEnd:a,isBeginning:n,setIsEnd:h,hideNav:p,handleSlideChange:g,handlePrevClick:l,handleNextClick:t,onSwiperInit:f,handleSwiperResize:m,handleSlideTo:d}=x.useSwiper();return o.useEffect(()=>{i==null||i.setProgress(0,300)},[i]),o.useEffect(()=>{r.length&&d(0)},[r,d]),e.jsx("div",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.topRow,children:[e.jsx("div",{className:s.default.headerWrapper,children:e.jsx("div",{className:s.default.header,children:e.jsx(q.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:"Essential Readings"})})}),e.jsx("div",{className:R.cn(s.default.swiperControlsDesktop,{[s.default.swiperControlsHidden]:p}),children:e.jsx(u.ProgressButton,{left:{disabled:n,onClick:l},right:{disabled:a,onClick:t}})})]}),e.jsx("div",{className:s.default.carouselArea,children:e.jsx(c.Swiper,{onSwiper:f,onResize:m,onSlideChange:g,onReachEnd:()=>h(!0),modules:v,spaceBetween:0,slidesPerView:"auto",className:s.default.swiper,children:r.map((S,w)=>e.jsx(c.SwiperSlide,{className:s.default.swiperSlide,children:e.jsx(C.ReadingCard,{...S})},w))})}),e.jsx("div",{className:s.default.swiperControlsMobile,children:e.jsx(u.ProgressButton,{left:{disabled:n,onClick:l},right:{disabled:a,onClick:t}})})]})})};exports.ResearchEssentialReadings=N;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),x=require("../../node_modules/swiper/modules/navigation.cjs.js"),c=require("../../node_modules/swiper/swiper-react.cjs.js"),j=require("../../utils/useSwiper/useSwiper.cjs.js"),R=require("../../utils/cn/cn.cjs.js"),q=require("../../components/Typography/Typography.cjs.js"),u=require("../../components/ProgressButton/ProgressButton.cjs.js"),v=require("./components/ReadingCard/ReadingCard.cjs.js");;/* empty css */;/* empty css */;/* empty css */const s=require("./researchEssentialReadings.module.css.cjs.js"),C=[x.default],N=({readings:r})=>{const{swiper:i,activeIndex:E,isEnd:a,isBeginning:n,setIsEnd:h,hideNav:p,handleSlideChange:g,handlePrevClick:l,handleNextClick:t,onSwiperInit:f,handleSwiperResize:m,handleSlideTo:d}=j.useSwiper();return o.useEffect(()=>{i==null||i.setProgress(0,300)},[i]),o.useEffect(()=>{r.length&&d(0)},[r,d]),e.jsx("div",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.topRow,children:[e.jsx("div",{className:s.default.headerWrapper,children:e.jsx("div",{className:s.default.header,children:e.jsx(q.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:"Essential Readings"})})}),e.jsx("div",{className:R.cn(s.default.swiperControlsDesktop,{[s.default.swiperControlsHidden]:p}),children:e.jsx(u.ProgressButton,{left:{disabled:n,onClick:l},right:{disabled:a,onClick:t}})})]}),e.jsx("div",{className:s.default.carouselArea,children:e.jsx(c.Swiper,{onSwiper:f,onResize:m,onSlideChange:g,onReachEnd:()=>h(!0),modules:C,spaceBetween:0,slidesPerView:"auto",className:s.default.swiper,children:r.map((S,w)=>e.jsx(c.SwiperSlide,{className:s.default.swiperSlide,children:e.jsx(v.ReadingCard,{...S})},w))})}),e.jsx("div",{className:s.default.swiperControlsMobile,children:e.jsx(u.ProgressButton,{left:{disabled:n,onClick:l},right:{disabled:a,onClick:t}})})]})})};exports.ResearchEssentialReadings=N;
@@ -1,8 +1,7 @@
1
- "use client";
2
1
  import { jsx as e, jsxs as t } from "react/jsx-runtime";
3
2
  import { useEffect as c } from "react";
4
- import C from "../../node_modules/swiper/modules/navigation.es.js";
5
- import { Swiper as v, SwiperSlide as u } from "../../node_modules/swiper/swiper-react.es.js";
3
+ import v from "../../node_modules/swiper/modules/navigation.es.js";
4
+ import { Swiper as C, SwiperSlide as u } from "../../node_modules/swiper/swiper-react.es.js";
6
5
  import { useSwiper as R } from "../../utils/useSwiper/useSwiper.es.js";
7
6
  import { cn as E } from "../../utils/cn/cn.es.js";
8
7
  import { Typography as k } from "../../components/Typography/Typography.es.js";
@@ -12,15 +11,16 @@ import { ReadingCard as b } from "./components/ReadingCard/ReadingCard.es.js";
12
11
  /* empty css */
13
12
  /* empty css */
14
13
  import i from "./researchEssentialReadings.module.css.es.js";
15
- const P = [C], H = ({ readings: s }) => {
14
+ const x = [v], O = ({ readings: s }) => {
16
15
  const {
17
16
  swiper: r,
17
+ activeIndex: P,
18
18
  isEnd: o,
19
- isBeginning: l,
19
+ isBeginning: a,
20
20
  setIsEnd: p,
21
21
  hideNav: h,
22
22
  handleSlideChange: f,
23
- handlePrevClick: a,
23
+ handlePrevClick: l,
24
24
  handleNextClick: n,
25
25
  onSwiperInit: g,
26
26
  handleSwiperResize: w,
@@ -43,8 +43,8 @@ const P = [C], H = ({ readings: s }) => {
43
43
  m,
44
44
  {
45
45
  left: {
46
- disabled: l,
47
- onClick: a
46
+ disabled: a,
47
+ onClick: l
48
48
  },
49
49
  right: {
50
50
  disabled: o,
@@ -56,13 +56,13 @@ const P = [C], H = ({ readings: s }) => {
56
56
  )
57
57
  ] }),
58
58
  /* @__PURE__ */ e("div", { className: i.carouselArea, children: /* @__PURE__ */ e(
59
- v,
59
+ C,
60
60
  {
61
61
  onSwiper: g,
62
62
  onResize: w,
63
63
  onSlideChange: f,
64
64
  onReachEnd: () => p(!0),
65
- modules: P,
65
+ modules: x,
66
66
  spaceBetween: 0,
67
67
  slidesPerView: "auto",
68
68
  className: i.swiper,
@@ -73,8 +73,8 @@ const P = [C], H = ({ readings: s }) => {
73
73
  m,
74
74
  {
75
75
  left: {
76
- disabled: l,
77
- onClick: a
76
+ disabled: a,
77
+ onClick: l
78
78
  },
79
79
  right: {
80
80
  disabled: o,
@@ -85,5 +85,5 @@ const P = [C], H = ({ readings: s }) => {
85
85
  ] }) });
86
86
  };
87
87
  export {
88
- H as ResearchEssentialReadings
88
+ O as ResearchEssentialReadings
89
89
  };
@@ -1,3 +1 @@
1
1
  export { ResearchEssentialReadings } from './ResearchEssentialReadings';
2
- export type { TResearchEssentialReadings } from './types';
3
- export type { TReadingCard } from './components/ReadingCard/types';
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../components/Typography/Typography.cjs.js"),l=require("./components/HighlightedArticle/HighlightedArticle.cjs.js"),c=require("./components/FeaturedArticle/FeaturedArticle.cjs.js"),r=require("./researchFeatured.module.css.cjs.js"),n=({highlightedArticle:t,articles:a})=>e.jsx("div",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsx("div",{className:r.default.divider}),e.jsx(l.HighlightedArticle,{...t}),a.length>0&&e.jsxs("div",{className:r.default.featuredArticles,children:[e.jsx(d.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",children:"Featured"}),e.jsx("div",{className:r.default.articlesContainer,children:a.map((i,s)=>e.jsx(c.FeaturedArticle,{...i},s))})]})]})});exports.ResearchFeatured=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../components/Typography/Typography.cjs.js"),c=require("./components/HighlightedArticle/HighlightedArticle.cjs.js"),l=require("./components/FeaturedArticle/FeaturedArticle.cjs.js"),r=require("./researchFeatured.module.css.cjs.js"),n=({highlightedArticle:a,articles:t})=>e.jsx("div",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsx("div",{className:r.default.divider}),e.jsx(c.HighlightedArticle,{...a}),e.jsxs("div",{className:r.default.featuredArticles,children:[e.jsx(d.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",children:"Featured"}),e.jsx("div",{className:r.default.articlesContainer,children:t.map((i,s)=>e.jsx(l.FeaturedArticle,{...i},s))})]})]})});exports.ResearchFeatured=n;
@@ -1,14 +1,14 @@
1
- import { jsx as e, jsxs as a } from "react/jsx-runtime";
2
- import { Typography as m } from "../../components/Typography/Typography.es.js";
3
- import { HighlightedArticle as o } from "./components/HighlightedArticle/HighlightedArticle.es.js";
4
- import { FeaturedArticle as s } from "./components/FeaturedArticle/FeaturedArticle.es.js";
1
+ import { jsx as e, jsxs as i } from "react/jsx-runtime";
2
+ import { Typography as l } from "../../components/Typography/Typography.es.js";
3
+ import { HighlightedArticle as m } from "./components/HighlightedArticle/HighlightedArticle.es.js";
4
+ import { FeaturedArticle as o } from "./components/FeaturedArticle/FeaturedArticle.es.js";
5
5
  import r from "./researchFeatured.module.css.es.js";
6
- const g = ({ highlightedArticle: t, articles: i }) => /* @__PURE__ */ e("div", { className: r.root, children: /* @__PURE__ */ a("div", { className: r.container, children: [
6
+ const g = ({ highlightedArticle: a, articles: t }) => /* @__PURE__ */ e("div", { className: r.root, children: /* @__PURE__ */ i("div", { className: r.container, children: [
7
7
  /* @__PURE__ */ e("div", { className: r.divider }),
8
- /* @__PURE__ */ e(o, { ...t }),
9
- i.length > 0 && /* @__PURE__ */ a("div", { className: r.featuredArticles, children: [
10
- /* @__PURE__ */ e(m, { defaultVariant: "headingLg", mobileVariant: "headingSm", children: "Featured" }),
11
- /* @__PURE__ */ e("div", { className: r.articlesContainer, children: i.map((d, l) => /* @__PURE__ */ e(s, { ...d }, l)) })
8
+ /* @__PURE__ */ e(m, { ...a }),
9
+ /* @__PURE__ */ i("div", { className: r.featuredArticles, children: [
10
+ /* @__PURE__ */ e(l, { defaultVariant: "headingLg", mobileVariant: "headingSm", children: "Featured" }),
11
+ /* @__PURE__ */ e("div", { className: r.articlesContainer, children: t.map((d, s) => /* @__PURE__ */ e(o, { ...d }, s)) })
12
12
  ] })
13
13
  ] }) });
14
14
  export {
@@ -1,2 +1 @@
1
1
  export { ResearchFeatured } from './ResearchFeatured';
2
- export type { THighlightedArticle, TFeaturedArticle } from './components';
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../components/Typography/Typography.cjs.js");require("../../components/Tabs/Tabs.cjs.js");const l=require("../../components/Tabs/TabsWithFade.cjs.js"),r=require("./researchFilters.module.css.cjs.js"),c=({tabs:s,activeTab:a,onTabChange:i})=>e.jsx("section",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsx(t.Typography,{defaultVariant:"displayMd",mobileVariant:"displayXs",children:"Research"}),e.jsx("div",{className:r.default.filters,children:e.jsx("div",{className:r.default.tabsWrapper,children:e.jsx(l.TabsWithFade,{activeTab:a,tabs:s,size:"md",activeLinePosition:"bottom",onTabClick:i})})})]})});exports.ResearchFilters=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),o=require("../../components/Typography/Typography.cjs.js");require("../../components/Tabs/Tabs.cjs.js");const n=require("../../components/Tabs/TabsWithFade.cjs.js"),a=require("./researchFilters.module.css.cjs.js"),d=({tabs:s})=>{const[r,t]=l.useState(s[0].value),i=c=>{t(c)};return e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:a.default.container,children:[e.jsx(o.Typography,{defaultVariant:"displayMd",mobileVariant:"displayXs",children:"Research"}),e.jsx("div",{className:a.default.filters,children:e.jsx("div",{className:a.default.tabsWrapper,children:e.jsx(n.TabsWithFade,{activeTab:r,tabs:s,size:"md",activeLinePosition:"bottom",onTabClick:i})})})]})})};exports.ResearchFilters=d;
@@ -2,7 +2,5 @@ import { TTab } from '../../components/Tabs';
2
2
 
3
3
  export type TResearchFilters = {
4
4
  tabs: Array<TTab<string>>;
5
- activeTab: string;
6
- onTabChange: (value: string) => void;
7
5
  };
8
- export declare const ResearchFilters: ({ tabs, activeTab, onTabChange }: TResearchFilters) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const ResearchFilters: ({ tabs }: TResearchFilters) => import("react/jsx-runtime").JSX.Element;
@@ -1,21 +1,27 @@
1
- import { jsx as i, jsxs as t } from "react/jsx-runtime";
2
- import { Typography as o } from "../../components/Typography/Typography.es.js";
1
+ import { jsx as e, jsxs as c } from "react/jsx-runtime";
2
+ import { useState as l } from "react";
3
+ import { Typography as m } from "../../components/Typography/Typography.es.js";
3
4
  import "../../components/Tabs/Tabs.es.js";
4
- import { TabsWithFade as l } from "../../components/Tabs/TabsWithFade.es.js";
5
- import r from "./researchFilters.module.css.es.js";
6
- const h = ({ tabs: e, activeTab: s, onTabChange: a }) => /* @__PURE__ */ i("section", { className: r.root, children: /* @__PURE__ */ t("div", { className: r.container, children: [
7
- /* @__PURE__ */ i(o, { defaultVariant: "displayMd", mobileVariant: "displayXs", children: "Research" }),
8
- /* @__PURE__ */ i("div", { className: r.filters, children: /* @__PURE__ */ i("div", { className: r.tabsWrapper, children: /* @__PURE__ */ i(
9
- l,
10
- {
11
- activeTab: s,
12
- tabs: e,
13
- size: "md",
14
- activeLinePosition: "bottom",
15
- onTabClick: a
16
- }
17
- ) }) })
18
- ] }) });
5
+ import { TabsWithFade as n } from "../../components/Tabs/TabsWithFade.es.js";
6
+ import i from "./researchFilters.module.css.es.js";
7
+ const T = ({ tabs: a }) => {
8
+ const [r, t] = l(a[0].value), s = (o) => {
9
+ t(o);
10
+ };
11
+ return /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ c("div", { className: i.container, children: [
12
+ /* @__PURE__ */ e(m, { defaultVariant: "displayMd", mobileVariant: "displayXs", children: "Research" }),
13
+ /* @__PURE__ */ e("div", { className: i.filters, children: /* @__PURE__ */ e("div", { className: i.tabsWrapper, children: /* @__PURE__ */ e(
14
+ n,
15
+ {
16
+ activeTab: r,
17
+ tabs: a,
18
+ size: "md",
19
+ activeLinePosition: "bottom",
20
+ onTabClick: s
21
+ }
22
+ ) }) })
23
+ ] }) });
24
+ };
19
25
  export {
20
- h as ResearchFilters
26
+ T as ResearchFilters
21
27
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const d=require("../../components/Icon/constants.cjs.js"),u=require("./components/StudyCard/StudyCard.cjs.js"),t=require("./researchStudies.module.css.cjs.js"),l=({studies:r,hasMoreButton:s,onClickShowMore:n})=>e.jsx("div",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(a.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:"Studies"}),e.jsx("div",{className:t.default.studies,children:r.map((i,o)=>e.jsx(u.StudyCard,{...i},o))}),s&&e.jsx("div",{className:t.default.buttonContainer,children:e.jsx(c.Button,{size:"lg",variant:"muted",prefixIcon:d.EIconName.PLUS,onClick:n,children:"show more"})})]})});exports.ResearchStudies=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../components/Typography/Typography.cjs.js"),o=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const a=require("../../components/Icon/constants.cjs.js"),c=require("./components/StudyCard/StudyCard.cjs.js"),t=require("./researchStudies.module.css.cjs.js"),d=({studies:r})=>e.jsx("div",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(i.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:"Studies"}),e.jsx("div",{className:t.default.studies,children:r.map((s,n)=>e.jsx(c.StudyCard,{...s},n))}),e.jsx("div",{className:t.default.buttonContainer,children:e.jsx(o.Button,{size:"lg",variant:"muted",prefixIcon:a.EIconName.PLUS,onClick:()=>{},children:"show more"})})]})});exports.ResearchStudies=d;
@@ -1,9 +1,3 @@
1
- import { TStudyCard } from './types';
1
+ import { TResearchStudies } from './types';
2
2
 
3
- type ResearchStudiesProps = {
4
- studies: Array<TStudyCard>;
5
- hasMoreButton: boolean;
6
- onClickShowMore: () => void;
7
- };
8
- export declare const ResearchStudies: ({ studies, hasMoreButton, onClickShowMore }: ResearchStudiesProps) => import("react/jsx-runtime").JSX.Element;
9
- export {};
3
+ export declare const ResearchStudies: ({ studies }: TResearchStudies) => import("react/jsx-runtime").JSX.Element;
@@ -1,15 +1,16 @@
1
- import { jsx as r, jsxs as m } from "react/jsx-runtime";
2
- import { Typography as n } from "../../components/Typography/Typography.es.js";
3
- import { Button as d } from "../../components/Button/Button.es.js";
1
+ import { jsx as r, jsxs as a } from "react/jsx-runtime";
2
+ import { Typography as s } from "../../components/Typography/Typography.es.js";
3
+ import { Button as m } from "../../components/Button/Button.es.js";
4
4
  import "../../components/Icon/Icon.es.js";
5
- import { EIconName as c } from "../../components/Icon/constants.es.js";
6
- import { StudyCard as l } from "./components/StudyCard/StudyCard.es.js";
5
+ import { EIconName as n } from "../../components/Icon/constants.es.js";
6
+ import { StudyCard as d } from "./components/StudyCard/StudyCard.es.js";
7
7
  import i from "./researchStudies.module.css.es.js";
8
- const g = ({ studies: e, hasMoreButton: o, onClickShowMore: t }) => /* @__PURE__ */ r("div", { className: i.root, children: /* @__PURE__ */ m("div", { className: i.container, children: [
9
- /* @__PURE__ */ r(n, { defaultVariant: "displayXs", mobileVariant: "headingLg", children: "Studies" }),
10
- /* @__PURE__ */ r("div", { className: i.studies, children: e.map((a, s) => /* @__PURE__ */ r(l, { ...a }, s)) }),
11
- o && /* @__PURE__ */ r("div", { className: i.buttonContainer, children: /* @__PURE__ */ r(d, { size: "lg", variant: "muted", prefixIcon: c.PLUS, onClick: t, children: "show more" }) })
8
+ const y = ({ studies: e }) => /* @__PURE__ */ r("div", { className: i.root, children: /* @__PURE__ */ a("div", { className: i.container, children: [
9
+ /* @__PURE__ */ r(s, { defaultVariant: "displayXs", mobileVariant: "headingLg", children: "Studies" }),
10
+ /* @__PURE__ */ r("div", { className: i.studies, children: e.map((o, t) => /* @__PURE__ */ r(d, { ...o }, t)) }),
11
+ /* @__PURE__ */ r("div", { className: i.buttonContainer, children: /* @__PURE__ */ r(m, { size: "lg", variant: "muted", prefixIcon: n.PLUS, onClick: () => {
12
+ }, children: "show more" }) })
12
13
  ] }) });
13
14
  export {
14
- g as ResearchStudies
15
+ y as ResearchStudies
15
16
  };
@@ -1,3 +1,3 @@
1
- import { TStudyCard } from '../../types';
1
+ import { TStudyCard } from './types';
2
2
 
3
3
  export declare function StudyCard({ title, link, image, date, label, readTime }: TStudyCard): import("react/jsx-runtime").JSX.Element;
@@ -1 +1,2 @@
1
1
  export { StudyCard } from './StudyCard';
2
+ export type { TStudyCard } from './types';
@@ -0,0 +1,10 @@
1
+ import { LabelProps } from '../../../../components/Label';
2
+
3
+ export type TStudyCard = {
4
+ label: LabelProps;
5
+ image: string;
6
+ date: number;
7
+ readTime: number;
8
+ title: string;
9
+ link: string;
10
+ };
@@ -0,0 +1,2 @@
1
+ export { StudyCard } from './StudyCard';
2
+ export type { TStudyCard } from './StudyCard';
@@ -1,2 +1 @@
1
1
  export { ResearchStudies } from './ResearchStudies';
2
- export type { TStudyCard } from './types';
@@ -1,10 +1,5 @@
1
- import { LabelProps } from '../../components/Label';
1
+ import { TStudyCard } from './components';
2
2
 
3
- export type TStudyCard = {
4
- label: LabelProps;
5
- image: string;
6
- date: number;
7
- readTime: number;
8
- title: string;
9
- link: string;
3
+ export type TResearchStudies = {
4
+ studies: Array<TStudyCard>;
10
5
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zenpatient-org/healthspan-marketing-ui",
3
- "version": "0.1.44",
3
+ "version": "0.1.46",
4
4
  "description": "Design system",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.es.js",
@@ -330,6 +330,11 @@
330
330
  "import": "./dist/modules/FeaturesGallery/FeaturesGallery.es.js",
331
331
  "require": "./dist/modules/FeaturesGallery/FeaturesGallery.cjs.js"
332
332
  },
333
+ "./FAQComponentItem": {
334
+ "types": "./dist/components/FAQComponentItem/FAQComponentItem.d.ts",
335
+ "import": "./dist/components/FAQComponentItem/FAQComponentItem.es.js",
336
+ "require": "./dist/components/FAQComponentItem/FAQComponentItem.cjs.js"
337
+ },
333
338
  "./FollowTheScience": {
334
339
  "types": "./dist/modules/FollowTheScience/FollowTheScience.d.ts",
335
340
  "import": "./dist/modules/FollowTheScience/FollowTheScience.es.js",
@@ -425,6 +430,11 @@
425
430
  "import": "./dist/modules/CursorImageBlock/CursorImageBlock.es.js",
426
431
  "require": "./dist/modules/CursorImageBlock/CursorImageBlock.cjs.js"
427
432
  },
433
+ "./Curiosity": {
434
+ "types": "./dist/modules/Curiosity/Curiosity.d.ts",
435
+ "import": "./dist/modules/Curiosity/Curiosity.es.js",
436
+ "require": "./dist/modules/Curiosity/Curiosity.cjs.js"
437
+ },
428
438
  "./ImageWithText": {
429
439
  "types": "./dist/modules/ImageWithText/ImageWithText.d.ts",
430
440
  "import": "./dist/modules/ImageWithText/ImageWithText.es.js",
@@ -540,6 +550,11 @@
540
550
  "import": "./dist/pageComponents/HowItWorksHero/HowItWorksHero.es.js",
541
551
  "require": "./dist/pageComponents/HowItWorksHero/HowItWorksHero.cjs.js"
542
552
  },
553
+ "./TextBlockAnimated": {
554
+ "types": "./dist/modules/TextBlockAnimated/TextBlockAnimated.d.ts",
555
+ "import": "./dist/modules/TextBlockAnimated/TextBlockAnimated.es.js",
556
+ "require": "./dist/modules/TextBlockAnimated/TextBlockAnimated.cjs.js"
557
+ },
543
558
  "./dist/*.css": "./dist/*.css"
544
559
  }
545
560
  }
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../utils/cn/cn.cjs.js"),N=require("../../ProgressButton/ProgressButton.cjs.js"),u=require("../../Typography/Typography.cjs.js"),v=require("../useComplexImageCarousel.cjs.js"),r=require("./complexImageCarousel.module.css.cjs.js"),b=({images:a})=>{const{containerRef:m,carouselRef:f,imageRefs:p,descriptionRef:g,descriptionItemRef:h,progressButtonContainerRef:C,visible:s,cardSizes:n,handleCustomPrevClick:x,handleCustomNextClick:y,current:j,mobileCardIndex:o,xLargeCardIndex:l}=v.useComplexImageCarousel({images:a});return e.jsx("div",{className:r.default.root,children:e.jsxs("div",{ref:m,className:r.default.container,children:[e.jsx("div",{ref:f,className:r.default.carouselArea,children:s.length>0&&s.map((d,t)=>e.jsx("div",{className:i.cn(r.default.slideContainer,r.default[`size-${n[t]}`]),ref:c=>{c&&(p.current[t]=c)},"data-flip-id":`slide-${(j+t)%a.length}`,"data-size":n[t],children:e.jsx("img",{src:d.image,alt:`Slide ${t+1}`,className:r.default.image})},d.name))}),e.jsx("div",{ref:g,className:r.default.description,children:e.jsxs("div",{ref:h,className:i.cn("description-item",r.default.descriptionItem),children:[e.jsx(u.Typography,{as:"h3",defaultVariant:"headingLg",mobileVariant:"headingXxs",children:typeof window<"u"&&window.innerWidth<=768?s[o].title:s[l].title}),e.jsx(u.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:r.default.text,children:typeof window<"u"&&window.innerWidth<=768?s[o].description:s[l].description})]})}),e.jsx("div",{ref:C,className:r.default.progressButtonContainer,children:e.jsx(N.ProgressButton,{left:{onClick:x},right:{onClick:y},className:i.cn("progress-buttons",r.default.progressButton)})})]})})};exports.ComplexCarousel=b;
@@ -1,5 +0,0 @@
1
- import { TComplexImageCarouselView } from '../types';
2
-
3
- export declare const ComplexCarousel: ({ images }: {
4
- images: TComplexImageCarouselView["images"];
5
- }) => import("react/jsx-runtime").JSX.Element;
@@ -1,57 +0,0 @@
1
- import { jsx as i, jsxs as m } from "react/jsx-runtime";
2
- import { cn as s } from "../../../utils/cn/cn.es.js";
3
- import { ProgressButton as x } from "../../ProgressButton/ProgressButton.es.js";
4
- import { Typography as f } from "../../Typography/Typography.es.js";
5
- import { useComplexImageCarousel as y } from "../useComplexImageCarousel.es.js";
6
- import e from "./complexImageCarousel.module.css.es.js";
7
- const S = ({ images: o }) => {
8
- const {
9
- containerRef: p,
10
- carouselRef: h,
11
- imageRefs: u,
12
- descriptionRef: g,
13
- descriptionItemRef: C,
14
- progressButtonContainerRef: N,
15
- visible: r,
16
- cardSizes: a,
17
- handleCustomPrevClick: v,
18
- handleCustomNextClick: w,
19
- current: b,
20
- mobileCardIndex: n,
21
- xLargeCardIndex: d
22
- } = y({ images: o });
23
- return /* @__PURE__ */ i("div", { className: e.root, children: /* @__PURE__ */ m("div", { ref: p, className: e.container, children: [
24
- /* @__PURE__ */ i("div", { ref: h, className: e.carouselArea, children: r.length > 0 && r.map((l, t) => /* @__PURE__ */ i(
25
- "div",
26
- {
27
- className: s(e.slideContainer, e[`size-${a[t]}`]),
28
- ref: (c) => {
29
- c && (u.current[t] = c);
30
- },
31
- "data-flip-id": `slide-${(b + t) % o.length}`,
32
- "data-size": a[t],
33
- children: /* @__PURE__ */ i("img", { src: l.image, alt: `Slide ${t + 1}`, className: e.image })
34
- },
35
- l.name
36
- )) }),
37
- /* @__PURE__ */ i("div", { ref: g, className: e.description, children: /* @__PURE__ */ m("div", { ref: C, className: s("description-item", e.descriptionItem), children: [
38
- /* @__PURE__ */ i(f, { as: "h3", defaultVariant: "headingLg", mobileVariant: "headingXxs", children: typeof window < "u" && window.innerWidth <= 768 ? r[n].title : r[d].title }),
39
- /* @__PURE__ */ i(f, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", className: e.text, children: typeof window < "u" && window.innerWidth <= 768 ? r[n].description : r[d].description })
40
- ] }) }),
41
- /* @__PURE__ */ i("div", { ref: N, className: e.progressButtonContainer, children: /* @__PURE__ */ i(
42
- x,
43
- {
44
- left: {
45
- onClick: v
46
- },
47
- right: {
48
- onClick: w
49
- },
50
- className: s("progress-buttons", e.progressButton)
51
- }
52
- ) })
53
- ] }) });
54
- };
55
- export {
56
- S as ComplexCarousel
57
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="complexImageCarousel-module__container___kVKDY",o="complexImageCarousel-module__carouselArea___FSZ0C",s="complexImageCarousel-module__slideContainer___qYXXM",r="complexImageCarousel-module__description___QRpoA",_="complexImageCarousel-module__descriptionItem___X0E-4",l="complexImageCarousel-module__progressButtonContainer___XSlwf",t="complexImageCarousel-module__progressButton___G93Bn",a={container:e,carouselArea:o,slideContainer:s,"size-atom":"complexImageCarousel-module__size-atom___8IEXO","size-small":"complexImageCarousel-module__size-small___8Sjr3","size-medium":"complexImageCarousel-module__size-medium___Fi4B0","size-large":"complexImageCarousel-module__size-large___Kz59p","size-x-large":"complexImageCarousel-module__size-x-large___IGMf2",description:r,descriptionItem:_,progressButtonContainer:l,progressButton:t};exports.carouselArea=o;exports.container=e;exports.default=a;exports.description=r;exports.descriptionItem=_;exports.progressButton=t;exports.progressButtonContainer=l;exports.slideContainer=s;
@@ -1,24 +0,0 @@
1
- const e = "complexImageCarousel-module__container___kVKDY", o = "complexImageCarousel-module__carouselArea___FSZ0C", _ = "complexImageCarousel-module__slideContainer___qYXXM", s = "complexImageCarousel-module__description___QRpoA", l = "complexImageCarousel-module__descriptionItem___X0E-4", r = "complexImageCarousel-module__progressButtonContainer___XSlwf", a = "complexImageCarousel-module__progressButton___G93Bn", m = {
2
- container: e,
3
- carouselArea: o,
4
- slideContainer: _,
5
- "size-atom": "complexImageCarousel-module__size-atom___8IEXO",
6
- "size-small": "complexImageCarousel-module__size-small___8Sjr3",
7
- "size-medium": "complexImageCarousel-module__size-medium___Fi4B0",
8
- "size-large": "complexImageCarousel-module__size-large___Kz59p",
9
- "size-x-large": "complexImageCarousel-module__size-x-large___IGMf2",
10
- description: s,
11
- descriptionItem: l,
12
- progressButtonContainer: r,
13
- progressButton: a
14
- };
15
- export {
16
- o as carouselArea,
17
- e as container,
18
- m as default,
19
- s as description,
20
- l as descriptionItem,
21
- a as progressButton,
22
- r as progressButtonContainer,
23
- _ as slideContainer
24
- };
@@ -1 +0,0 @@
1
- export { ComplexCarousel } from './ComplexCarousel';
@@ -1 +0,0 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),p=require("../../ComplexTooltip/ComplexTooltip.cjs.js");require("../../Icon/Icon.cjs.js");const o=require("../../Typography/Typography.cjs.js"),m=require("../../InfiniteScroll/InfiniteScroll.cjs.js"),e=require("./simpleImageCarousel.module.css.cjs.js"),d=({images:a})=>{const[l,r]=c.useState(null);return t.jsx("div",{className:e.default.simpleContainer,children:t.jsx(m.InfiniteScroll,{items:a,renderItem:(s,n)=>t.jsxs("div",{className:e.default.simpleItem,onMouseEnter:i=>{r({x:i.clientX,y:i.clientY})},onMouseMove:i=>{r({x:i.clientX,y:i.clientY})},children:[t.jsx(p.ComplexTooltip,{trigger:"hover",title:s.title||"",description:s.description||"",style:"light",transformMode:"absolute",transform:{top:(l==null?void 0:l.y)||0,left:l==null?void 0:l.x},children:t.jsx("img",{src:s.image,alt:s.title,className:e.default.simpleImage})}),t.jsx(o.Typography,{as:"h4",defaultVariant:"headingXs",mobileVariant:"bodyLg",className:e.default.simpleTitle,children:s.title}),t.jsx(o.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:e.default.simpleDescription,children:s.description})]},n),itemClassName:e.default.simpleItemWrapper,contentClassName:e.default.simpleContent,rootClassName:e.default.simpleRoot})})};exports.SimpleImageCarousel=d;