@zenpatient-org/healthspan-marketing-ui 0.1.70 → 0.1.72

package/dist/modules/HowItWorks/HowItWorks.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../components/Button/Button.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),i=require("./components/Content/Content.cjs.js"),t=require("./howItWorks.module.css.cjs.js"),l=({title:o,getStartedLink:s,items:a})=>e.jsxs("section",{className:t.default.root,children:[e.jsxs("div",{className:t.default.headerContainer,children:[e.jsx(n.Typography,{as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:o}),s&&e.jsx("div",{className:t.default.desktop,children:e.jsx(r.Button,{as:"a",href:s,variant:"muted",size:"lg",children:"Get started"})}),s&&e.jsx("div",{className:t.default.mobile,children:e.jsx(r.Button,{as:"a",href:s,variant:"muted",size:"sm",children:"Get started"})})]}),e.jsx(i.Content,{items:a})]});exports.HowItWorks=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../components/Button/Button.cjs.js"),o=require("../../components/ProgressButton/ProgressButton.cjs.js"),u=require("../../components/Typography/Typography.cjs.js"),c=require("./components/Content/Content.cjs.js"),t=require("./howItWorks.module.css.cjs.js"),h=require("../../utils/useSwiper/useSwiper.cjs.js"),p=({title:l,getStartedLink:i,items:d,colorScheme:n="light"})=>{const s=h.useSwiper(),r=n==="dark"?"muted-invert":"muted";return e.jsxs("section",{className:t.default.root,"data-color-scheme":n,children:[e.jsxs("div",{className:t.default.headerContainer,children:[e.jsx(u.Typography,{as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:l}),i&&e.jsx("div",{className:t.default.desktop,children:e.jsx(a.Button,{as:"a",href:i,variant:r,size:"lg",children:"Get started"})}),i&&e.jsx("div",{className:t.default.mobile,children:e.jsx(a.Button,{as:"a",href:i,variant:r,size:"sm",children:"Get started"})}),!i&&e.jsx("div",{className:t.default.navigation,children:e.jsx(o.ProgressButton,{invert:n==="dark",left:{disabled:s.isBeginning,onClick:s.handlePrevClick},right:{disabled:s.isEnd,onClick:s.handleNextClick}})})]}),e.jsx(c.Content,{items:d,colorScheme:n,swiper:s,showBottomNav:!!i}),!i&&e.jsx("div",{className:t.default.mobileNavigation,children:e.jsx(o.ProgressButton,{invert:n==="dark",left:{disabled:s.isBeginning,onClick:s.handlePrevClick},right:{disabled:s.isEnd,onClick:s.handleNextClick}})})]})};exports.HowItWorks=p;

package/dist/modules/HowItWorks/HowItWorks.d.ts

@@ -6,6 +6,7 @@ type HowItWorksProps = {
         image: string;
     }>;
     getStartedLink?: string;
+    colorScheme?: 'light' | 'dark';
 };
-export declare const HowItWorks: ({ title, getStartedLink, items }: HowItWorksProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HowItWorks: ({ title, getStartedLink, items, colorScheme }: HowItWorksProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modules/HowItWorks/HowItWorks.es.js

@@ -1,16 +1,50 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { Button as i } from "../../components/Button/Button.es.js";
-import { Typography as m } from "../../components/Typography/Typography.es.js";
-import { Content as l } from "./components/Content/Content.es.js";
-import a from "./howItWorks.module.css.es.js";
-const f = ({ title: o, getStartedLink: e, items: t }) => /* @__PURE__ */ s("section", { className: a.root, children: [
-  /* @__PURE__ */ s("div", { className: a.headerContainer, children: [
-    /* @__PURE__ */ r(m, { as: "h2", defaultVariant: "displayMd", mobileVariant: "headingXl", children: o }),
-    e && /* @__PURE__ */ r("div", { className: a.desktop, children: /* @__PURE__ */ r(i, { as: "a", href: e, variant: "muted", size: "lg", children: "Get started" }) }),
-    e && /* @__PURE__ */ r("div", { className: a.mobile, children: /* @__PURE__ */ r(i, { as: "a", href: e, variant: "muted", size: "sm", children: "Get started" }) })
-  ] }),
-  /* @__PURE__ */ r(l, { items: t })
-] });
+"use client";
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { Button as t } from "../../components/Button/Button.es.js";
+import { ProgressButton as o } from "../../components/ProgressButton/ProgressButton.es.js";
+import { Typography as c } from "../../components/Typography/Typography.es.js";
+import { Content as h } from "./components/Content/Content.es.js";
+import e from "./howItWorks.module.css.es.js";
+import { useSwiper as v } from "../../utils/useSwiper/useSwiper.es.js";
+const k = ({ title: d, getStartedLink: s, items: m, colorScheme: r = "light" }) => {
+  const a = v(), n = r === "dark" ? "muted-invert" : "muted";
+  return /* @__PURE__ */ l("section", { className: e.root, "data-color-scheme": r, children: [
+    /* @__PURE__ */ l("div", { className: e.headerContainer, children: [
+      /* @__PURE__ */ i(c, { as: "h2", defaultVariant: "displayMd", mobileVariant: "headingXl", children: d }),
+      s && /* @__PURE__ */ i("div", { className: e.desktop, children: /* @__PURE__ */ i(t, { as: "a", href: s, variant: n, size: "lg", children: "Get started" }) }),
+      s && /* @__PURE__ */ i("div", { className: e.mobile, children: /* @__PURE__ */ i(t, { as: "a", href: s, variant: n, size: "sm", children: "Get started" }) }),
+      !s && /* @__PURE__ */ i("div", { className: e.navigation, children: /* @__PURE__ */ i(
+        o,
+        {
+          invert: r === "dark",
+          left: {
+            disabled: a.isBeginning,
+            onClick: a.handlePrevClick
+          },
+          right: {
+            disabled: a.isEnd,
+            onClick: a.handleNextClick
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ i(h, { items: m, colorScheme: r, swiper: a, showBottomNav: !!s }),
+    !s && /* @__PURE__ */ i("div", { className: e.mobileNavigation, children: /* @__PURE__ */ i(
+      o,
+      {
+        invert: r === "dark",
+        left: {
+          disabled: a.isBeginning,
+          onClick: a.handlePrevClick
+        },
+        right: {
+          disabled: a.isEnd,
+          onClick: a.handleNextClick
+        }
+      }
+    ) })
+  ] });
+};
 export {
-  f as HowItWorks
+  k as HowItWorks
 };

package/dist/modules/HowItWorks/components/Content/Content.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("../../../../node_modules/swiper/modules/navigation.cjs.js"),r=require("../../../../node_modules/swiper/swiper-react.cjs.js"),j=require("../../../../components/ProgressButton/ProgressButton.cjs.js"),s=require("../../../../components/Typography/Typography.cjs.js"),y=require("../../../../utils/useSwiper/useSwiper.cjs.js");;/* empty css                                              */;/* empty css                                                          */;/* empty css                                                          */const i=require("./content.module.css.cjs.js"),q=[w.default],x=({items:l})=>{const{isEnd:t,isBeginning:d,hideNav:o,handleSlideChange:c,handlePrevClick:u,handleNextClick:h,onSwiperInit:g,handleSwiperResize:p,handleReachEnd:S,handleReachBeginning:m,handleSlideTo:f}=y.useSwiper();return e.jsxs("div",{className:i.default.root,children:[e.jsx("div",{className:i.default.carouselArea,children:e.jsx(r.Swiper,{onSwiper:g,onResize:p,onSlideChange:c,onReachEnd:S,onReachBeginning:m,modules:q,spaceBetween:0,slidesPerView:"auto",className:i.default.swiper,children:l.map((a,n)=>e.jsx(r.SwiperSlide,{className:i.default.swiperSlide,children:e.jsxs("div",{className:i.default.card,onClick:()=>f(n),children:[e.jsxs("div",{className:i.default.cardHeader,children:[e.jsx("img",{src:a.image,className:i.default.cardImage,alt:a.title}),e.jsx(s.Typography,{as:"h3",defaultVariant:"headingLg",mobileVariant:"headingXs",children:a.title})]}),e.jsx(s.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",children:a.description})]})},`${a.title}_${n}`))})}),!o&&e.jsx("div",{className:i.default.navigation,children:e.jsx(j.ProgressButton,{left:{disabled:d,onClick:u},right:{disabled:t,onClick:h}})})]})};exports.Content=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../../../node_modules/swiper/modules/navigation.cjs.js"),s=require("../../../../node_modules/swiper/swiper-react.cjs.js"),q=require("../../../../components/ProgressButton/ProgressButton.cjs.js"),t=require("../../../../components/Typography/Typography.cjs.js");;/* empty css                                              */;/* empty css                                                          */;/* empty css                                                          */const a=require("./content.module.css.cjs.js"),w=[x.default],N=({items:l,colorScheme:n,showBottomNav:d,swiper:o})=>{const{isEnd:c,isBeginning:u,hideNav:h,handleSlideChange:g,handlePrevClick:p,handleNextClick:m,onSwiperInit:f,handleSwiperResize:S,handleReachEnd:j,handleReachBeginning:y,handleSlideTo:v}=o;return e.jsxs("div",{className:a.default.root,children:[e.jsx("div",{className:a.default.carouselArea,"data-color-scheme":n,children:e.jsx(s.Swiper,{onSwiper:f,onResize:S,onSlideChange:g,onReachEnd:j,onReachBeginning:y,modules:w,spaceBetween:0,slidesPerView:"auto",className:a.default.swiper,children:l.map((i,r)=>e.jsx(s.SwiperSlide,{className:a.default.swiperSlide,"data-color-scheme":n,children:e.jsxs("div",{className:a.default.card,onClick:()=>v(r),children:[e.jsxs("div",{className:a.default.cardHeader,children:[e.jsx("img",{src:i.image,className:a.default.cardImage,alt:i.title}),e.jsx(t.Typography,{as:"h3",defaultVariant:"headingLg",mobileVariant:"headingXs",children:i.title})]}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",children:i.description})]})},`${i.title}_${r}`))})}),!h&&d&&e.jsx("div",{className:a.default.navigation,children:e.jsx(q.ProgressButton,{invert:n==="dark",left:{disabled:u,onClick:p},right:{disabled:c,onClick:m}})})]})};exports.Content=N;

package/dist/modules/HowItWorks/components/Content/Content.d.ts

@@ -1,3 +1,4 @@
+import { UseSwiperReturnProps } from '../../../../lib/useSwiper';
 
 type ContentProps = {
     items: Array<{
@@ -5,6 +6,9 @@ type ContentProps = {
         description: string;
         image: string;
     }>;
+    colorScheme: 'light' | 'dark';
+    showBottomNav: boolean;
+    swiper: UseSwiperReturnProps;
 };
-export declare const Content: ({ items }: ContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Content: ({ items, colorScheme, showBottomNav, swiper }: ContentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modules/HowItWorks/components/Content/Content.es.js

@@ -1,65 +1,73 @@
 "use client";
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import w from "../../../../node_modules/swiper/modules/navigation.es.js";
-import { Swiper as u, SwiperSlide as v } from "../../../../node_modules/swiper/swiper-react.es.js";
-import { ProgressButton as C } from "../../../../components/ProgressButton/ProgressButton.es.js";
-import { Typography as l } from "../../../../components/Typography/Typography.es.js";
-import { useSwiper as R } from "../../../../utils/useSwiper/useSwiper.es.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import C from "../../../../node_modules/swiper/modules/navigation.es.js";
+import { Swiper as R, SwiperSlide as b } from "../../../../node_modules/swiper/swiper-react.es.js";
+import { ProgressButton as k } from "../../../../components/ProgressButton/ProgressButton.es.js";
+import { Typography as d } from "../../../../components/Typography/Typography.es.js";
 /* empty css                                            */
 /* empty css                                                        */
 /* empty css                                                        */
 import i from "./content.module.css.es.js";
-const b = [w], z = ({ items: o }) => {
+const y = [C], T = ({ items: s, colorScheme: n, showBottomNav: o, swiper: t }) => {
   const {
-    isEnd: d,
-    isBeginning: s,
-    hideNav: t,
-    handleSlideChange: c,
-    handlePrevClick: m,
-    handleNextClick: h,
-    onSwiperInit: p,
-    handleSwiperResize: g,
-    handleReachEnd: S,
-    handleReachBeginning: N,
-    handleSlideTo: f
-  } = R();
-  return /* @__PURE__ */ n("div", { className: i.root, children: [
-    /* @__PURE__ */ e("div", { className: i.carouselArea, children: /* @__PURE__ */ e(
-      u,
+    isEnd: c,
+    isBeginning: h,
+    hideNav: m,
+    handleSlideChange: p,
+    handlePrevClick: g,
+    handleNextClick: N,
+    onSwiperInit: S,
+    handleSwiperResize: v,
+    handleReachEnd: f,
+    handleReachBeginning: w,
+    handleSlideTo: u
+  } = t;
+  return /* @__PURE__ */ r("div", { className: i.root, children: [
+    /* @__PURE__ */ e("div", { className: i.carouselArea, "data-color-scheme": n, children: /* @__PURE__ */ e(
+      R,
       {
-        onSwiper: p,
-        onResize: g,
-        onSlideChange: c,
-        onReachEnd: S,
-        onReachBeginning: N,
-        modules: b,
+        onSwiper: S,
+        onResize: v,
+        onSlideChange: p,
+        onReachEnd: f,
+        onReachBeginning: w,
+        modules: y,
         spaceBetween: 0,
         slidesPerView: "auto",
         className: i.swiper,
-        children: o.map((a, r) => /* @__PURE__ */ e(v, { className: i.swiperSlide, children: /* @__PURE__ */ n("div", { className: i.card, onClick: () => f(r), children: [
-          /* @__PURE__ */ n("div", { className: i.cardHeader, children: [
-            /* @__PURE__ */ e("img", { src: a.image, className: i.cardImage, alt: a.title }),
-            /* @__PURE__ */ e(l, { as: "h3", defaultVariant: "headingLg", mobileVariant: "headingXs", children: a.title })
-          ] }),
-          /* @__PURE__ */ e(l, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", children: a.description })
-        ] }) }, `${a.title}_${r}`))
+        children: s.map((a, l) => /* @__PURE__ */ e(
+          b,
+          {
+            className: i.swiperSlide,
+            "data-color-scheme": n,
+            children: /* @__PURE__ */ r("div", { className: i.card, onClick: () => u(l), children: [
+              /* @__PURE__ */ r("div", { className: i.cardHeader, children: [
+                /* @__PURE__ */ e("img", { src: a.image, className: i.cardImage, alt: a.title }),
+                /* @__PURE__ */ e(d, { as: "h3", defaultVariant: "headingLg", mobileVariant: "headingXs", children: a.title })
+              ] }),
+              /* @__PURE__ */ e(d, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", children: a.description })
+            ] })
+          },
+          `${a.title}_${l}`
+        ))
       }
     ) }),
-    !t && /* @__PURE__ */ e("div", { className: i.navigation, children: /* @__PURE__ */ e(
-      C,
+    !m && o && /* @__PURE__ */ e("div", { className: i.navigation, children: /* @__PURE__ */ e(
+      k,
       {
+        invert: n === "dark",
         left: {
-          disabled: s,
-          onClick: m
+          disabled: h,
+          onClick: g
         },
         right: {
-          disabled: d,
-          onClick: h
+          disabled: c,
+          onClick: N
         }
       }
     ) })
   ] });
 };
 export {
-  z as Content
+  T as Content
 };

package/dist/modules/HowItWorks/howItWorks.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="howItWorks-module__root___tgV6H",e="howItWorks-module__headerContainer___iw1t-",t="howItWorks-module__mobile___c4I-i",_="howItWorks-module__desktop___bZESp",r={root:o,headerContainer:e,mobile:t,desktop:_};exports.default=r;exports.desktop=_;exports.headerContainer=e;exports.mobile=t;exports.root=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="howItWorks-module__root___tgV6H",e="howItWorks-module__headerContainer___iw1t-",t="howItWorks-module__mobile___c4I-i",i="howItWorks-module__mobileNavigation___LPVHa",_="howItWorks-module__navigation___S0qCk",a="howItWorks-module__desktop___bZESp",n={root:o,headerContainer:e,mobile:t,mobileNavigation:i,navigation:_,desktop:a};exports.default=n;exports.desktop=a;exports.headerContainer=e;exports.mobile=t;exports.mobileNavigation=i;exports.navigation=_;exports.root=o;

package/dist/modules/HowItWorks/howItWorks.module.css.es.js

@@ -1,13 +1,17 @@
-const o = "howItWorks-module__root___tgV6H", t = "howItWorks-module__headerContainer___iw1t-", e = "howItWorks-module__mobile___c4I-i", _ = "howItWorks-module__desktop___bZESp", s = {
+const o = "howItWorks-module__root___tgV6H", t = "howItWorks-module__headerContainer___iw1t-", _ = "howItWorks-module__mobile___c4I-i", e = "howItWorks-module__mobileNavigation___LPVHa", i = "howItWorks-module__navigation___S0qCk", n = "howItWorks-module__desktop___bZESp", a = {
   root: o,
   headerContainer: t,
-  mobile: e,
-  desktop: _
+  mobile: _,
+  mobileNavigation: e,
+  navigation: i,
+  desktop: n
 };
 export {
-  s as default,
-  _ as desktop,
+  a as default,
+  n as desktop,
   t as headerContainer,
-  e as mobile,
+  _ as mobile,
+  e as mobileNavigation,
+  i as navigation,
   o as root
 };

package/dist/modules/ResearchEssentialReadings/ResearchEssentialReadings.d.ts

@@ -1,3 +1,7 @@
-import { TResearchEssentialReadings } from './types';
+import { TResearchArticleView } from '../../types/articles';
 
-export declare const ResearchEssentialReadings: ({ readings }: TResearchEssentialReadings) => import("react/jsx-runtime").JSX.Element;
+type TResearchEssentialReadingsProps = {
+    readings: Array<TResearchArticleView>;
+};
+export declare const ResearchEssentialReadings: ({ readings }: TResearchEssentialReadingsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/ResearchEssentialReadings/components/ReadingCard/ReadingCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../../../utils/formatDate.cjs.js"),c=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../components/Typography/Typography.cjs.js"),a=require("./readingCard.module.css.cjs.js");function u({title:s,link:i,image:o,date:n,label:t,readTime:l}){return e.jsx("a",{href:i,className:a.default.root,children:e.jsxs("div",{className:a.default.content,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${o})`},children:t&&e.jsx(c.Label,{...t})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:d.formatDate(n)}),!!l&&e.jsxs(e.Fragment,{children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[l," MIN READ"]})]})]}),e.jsx(r.Typography,{className:a.default.title,defaultVariant:"headingXs",children:s})]})]})})}exports.ReadingCard=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../../../utils/formatDate.cjs.js"),c=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../components/Typography/Typography.cjs.js"),a=require("./readingCard.module.css.cjs.js");function u({title:i,link:s,image:o,date:n,label:l,readTime:t}){return e.jsx("a",{href:s,className:a.default.root,children:e.jsxs("div",{className:a.default.content,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${o})`},children:l&&e.jsx(c.Label,{color:"white",size:"lg",children:l})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:d.formatDate(n)}),!!t&&e.jsxs(e.Fragment,{children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[t," MIN READ"]})]})]}),e.jsx(r.Typography,{className:a.default.title,defaultVariant:"headingXs",children:i})]})]})})}exports.ReadingCard=u;

package/dist/modules/ResearchEssentialReadings/components/ReadingCard/ReadingCard.d.ts

@@ -1,3 +1,3 @@
-import { TReadingCard } from './types';
+import { TResearchArticleView } from '../../../../types/articles';
 
-export declare function ReadingCard({ title, link, image, date, label, readTime }: TReadingCard): import("react/jsx-runtime").JSX.Element;
+export declare function ReadingCard({ title, link, image, date, label, readTime }: TResearchArticleView): import("react/jsx-runtime").JSX.Element;

package/dist/modules/ResearchEssentialReadings/components/ReadingCard/ReadingCard.es.js

@@ -1,23 +1,23 @@
-import { jsx as e, jsxs as r, Fragment as d } from "react/jsx-runtime";
+import { jsx as e, jsxs as a, Fragment as d } from "react/jsx-runtime";
 import { formatDate as s } from "../../../../utils/formatDate.es.js";
 import { Label as h } from "../../../../components/Label/Label.es.js";
 import { Typography as l } from "../../../../components/Typography/Typography.es.js";
-import a from "./readingCard.module.css.es.js";
-function b({ title: o, link: m, image: n, date: c, label: t, readTime: i }) {
-  return /* @__PURE__ */ e("a", { href: m, className: a.root, children: /* @__PURE__ */ r("div", { className: a.content, children: [
-    /* @__PURE__ */ e("div", { className: a.imagePart, style: { backgroundImage: `url(${n})` }, children: t && /* @__PURE__ */ e(h, { ...t }) }),
-    /* @__PURE__ */ r("div", { className: a.dataPart, children: [
-      /* @__PURE__ */ r("div", { className: a.info, children: [
+import r from "./readingCard.module.css.es.js";
+function b({ title: o, link: m, image: n, date: c, label: i, readTime: t }) {
+  return /* @__PURE__ */ e("a", { href: m, className: r.root, children: /* @__PURE__ */ a("div", { className: r.content, children: [
+    /* @__PURE__ */ e("div", { className: r.imagePart, style: { backgroundImage: `url(${n})` }, children: i && /* @__PURE__ */ e(h, { color: "white", size: "lg", children: i }) }),
+    /* @__PURE__ */ a("div", { className: r.dataPart, children: [
+      /* @__PURE__ */ a("div", { className: r.info, children: [
         /* @__PURE__ */ e(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: s(c) }),
-        !!i && /* @__PURE__ */ r(d, { children: [
+        !!t && /* @__PURE__ */ a(d, { children: [
           /* @__PURE__ */ e(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: "•" }),
-          /* @__PURE__ */ r(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: [
-            i,
+          /* @__PURE__ */ a(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: [
+            t,
             " MIN READ"
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ e(l, { className: a.title, defaultVariant: "headingXs", children: o })
+      /* @__PURE__ */ e(l, { className: r.title, defaultVariant: "headingXs", children: o })
     ] })
   ] }) });
 }

package/dist/modules/ResearchEssentialReadings/components/ReadingCard/index.d.ts

@@ -1,2 +1 @@
 export { ReadingCard } from './ReadingCard';
-export type { TReadingCard } from './types';

package/dist/modules/ResearchEssentialReadings/index.d.ts

@@ -1,3 +1 @@
 export { ResearchEssentialReadings } from './ResearchEssentialReadings';
-export type { TResearchEssentialReadings } from './types';
-export type { TReadingCard } from './components/ReadingCard/types';

package/dist/modules/ResearchFeatured/ResearchFeatured.d.ts

@@ -1,3 +1,8 @@
-import { TResearchFeatured } from './types';
+import { TResearchArticleView } from '../../types/articles';
 
+type TResearchFeatured = {
+    highlightedArticle: TResearchArticleView;
+    articles: Array<TResearchArticleView>;
+};
 export declare const ResearchFeatured: ({ highlightedArticle, articles }: TResearchFeatured) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/ResearchFeatured/components/FeaturedArticle/FeaturedArticle.d.ts

@@ -1,3 +1,3 @@
-import { TFeaturedArticle } from './types';
+import { TResearchArticleView } from '../../../../types/articles';
 
-export declare const FeaturedArticle: ({ image, date, readTime, title, link }: TFeaturedArticle) => import("react/jsx-runtime").JSX.Element;
+export declare const FeaturedArticle: ({ image, date, readTime, title, link }: TResearchArticleView) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ResearchFeatured/components/FeaturedArticle/index.d.ts

@@ -1,2 +1 @@
 export { FeaturedArticle } from './FeaturedArticle';
-export type { TFeaturedArticle } from './types';

package/dist/modules/ResearchFeatured/components/HighlightedArticle/HighlightedArticle.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../components/Label/Label.cjs.js"),t=require("../../../../components/Typography/Typography.cjs.js"),c=require("../../../../utils/formatDate.cjs.js"),a=require("./highlightedArticle.module.css.cjs.js"),d=({label:l,image:r,date:i,title:s,link:o})=>e.jsxs("a",{href:o,className:a.default.root,style:{backgroundImage:`url(${r})`},children:[e.jsx(n.Label,{...l,className:a.default.label}),e.jsxs("div",{className:a.default.text,children:[e.jsx(t.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,className:a.default.date,children:c.formatDate(i)}),e.jsx(t.Typography,{defaultVariant:"headingXl",mobileVariant:"headingXs",className:a.default.title,children:s})]})]});exports.HighlightedArticle=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../../components/Label/Label.cjs.js"),l=require("../../../../components/Typography/Typography.cjs.js"),n=require("../../../../utils/formatDate.cjs.js"),a=require("./highlightedArticle.module.css.cjs.js"),d=({label:t,image:r,date:i,title:s,link:o})=>e.jsxs("a",{href:o,className:a.default.root,style:{backgroundImage:`url(${r})`},children:[t&&e.jsx(c.Label,{size:"lg",color:"white",className:a.default.label,children:t}),e.jsxs("div",{className:a.default.text,children:[e.jsx(l.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,className:a.default.date,children:n.formatDate(i)}),e.jsx(l.Typography,{defaultVariant:"headingXl",mobileVariant:"headingXs",className:a.default.title,children:s})]})]});exports.HighlightedArticle=d;

package/dist/modules/ResearchFeatured/components/HighlightedArticle/HighlightedArticle.d.ts

@@ -1,3 +1,3 @@
-import { THighlightedArticle } from './types';
+import { TResearchArticleView } from '../../../../types/articles';
 
-export declare const HighlightedArticle: ({ label, image, date, title, link }: THighlightedArticle) => import("react/jsx-runtime").JSX.Element;
+export declare const HighlightedArticle: ({ label, image, date, title, link }: TResearchArticleView) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ResearchFeatured/components/HighlightedArticle/HighlightedArticle.es.js

@@ -1,15 +1,15 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Label as n } from "../../../../components/Label/Label.es.js";
-import { Typography as l } from "../../../../components/Typography/Typography.es.js";
-import { formatDate as c } from "../../../../utils/formatDate.es.js";
-import a from "./highlightedArticle.module.css.es.js";
-const g = ({ label: t, image: i, date: m, title: s, link: o }) => /* @__PURE__ */ r("a", { href: o, className: a.root, style: { backgroundImage: `url(${i})` }, children: [
-  /* @__PURE__ */ e(n, { ...t, className: a.label }),
-  /* @__PURE__ */ r("div", { className: a.text, children: [
-    /* @__PURE__ */ e(l, { defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, className: a.date, children: c(m) }),
-    /* @__PURE__ */ e(l, { defaultVariant: "headingXl", mobileVariant: "headingXs", className: a.title, children: s })
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { Label as c } from "../../../../components/Label/Label.es.js";
+import { Typography as t } from "../../../../components/Typography/Typography.es.js";
+import { formatDate as n } from "../../../../utils/formatDate.es.js";
+import e from "./highlightedArticle.module.css.es.js";
+const b = ({ label: r, image: i, date: s, title: m, link: o }) => /* @__PURE__ */ l("a", { href: o, className: e.root, style: { backgroundImage: `url(${i})` }, children: [
+  r && /* @__PURE__ */ a(c, { size: "lg", color: "white", className: e.label, children: r }),
+  /* @__PURE__ */ l("div", { className: e.text, children: [
+    /* @__PURE__ */ a(t, { defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, className: e.date, children: n(s) }),
+    /* @__PURE__ */ a(t, { defaultVariant: "headingXl", mobileVariant: "headingXs", className: e.title, children: m })
   ] })
 ] });
 export {
-  g as HighlightedArticle
+  b as HighlightedArticle
 };

package/dist/modules/ResearchFeatured/components/index.d.ts

@@ -1,4 +1,2 @@
 export { HighlightedArticle } from './HighlightedArticle';
 export { FeaturedArticle } from './FeaturedArticle';
-export type { THighlightedArticle } from './HighlightedArticle/types';
-export type { TFeaturedArticle } from './FeaturedArticle/types';

package/dist/modules/ResearchFeatured/index.d.ts

@@ -1,2 +1 @@
 export { ResearchFeatured } from './ResearchFeatured';
-export type { THighlightedArticle, TFeaturedArticle } from './components';

package/dist/modules/ResearchStudies/ResearchStudies.d.ts

@@ -1,7 +1,7 @@
-import { TStudyCard } from './types';
+import { TResearchArticleView } from '../../types/articles';
 
 type ResearchStudiesProps = {
-    studies: Array<TStudyCard>;
+    studies: Array<TResearchArticleView>;
     hasMoreButton: boolean;
     onClickShowMore: () => void;
 };

package/dist/modules/ResearchStudies/components/StudyCard/StudyCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../utils/formatDate.cjs.js"),u=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../components/Typography/Typography.cjs.js"),a=require("./studyCard.module.css.cjs.js");function c({title:s,link:d,image:o,date:i,label:t,readTime:l}){return e.jsxs("a",{href:d,className:a.default.root,children:[e.jsxs("div",{className:a.default.content,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${o})`},children:t&&e.jsx(u.Label,{...t})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:n.formatDate(i)}),!!l&&e.jsxs(e.Fragment,{children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[l," MIN READ"]})]})]}),e.jsx(r.Typography,{className:a.default.title,defaultVariant:"headingXs",children:s})]})]}),e.jsx("div",{className:a.default.borderLeft}),e.jsx("div",{className:a.default.borderRight})]})}exports.StudyCard=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../utils/formatDate.cjs.js"),c=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../components/Typography/Typography.cjs.js"),a=require("./studyCard.module.css.cjs.js");function u({title:s,link:i,image:o,date:d,label:t,readTime:l}){return e.jsxs("a",{href:i,className:a.default.root,children:[e.jsxs("div",{className:a.default.content,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${o})`},children:t&&e.jsx(c.Label,{color:"white",size:"lg",children:t})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:n.formatDate(d)}),!!l&&e.jsxs(e.Fragment,{children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[l," MIN READ"]})]})]}),e.jsx(r.Typography,{className:a.default.title,defaultVariant:"headingXs",children:s})]})]}),e.jsx("div",{className:a.default.borderLeft}),e.jsx("div",{className:a.default.borderRight})]})}exports.StudyCard=u;

package/dist/modules/ResearchStudies/components/StudyCard/StudyCard.d.ts

@@ -1,3 +1,3 @@
-import { TStudyCard } from '../../types';
+import { TResearchArticleView } from '../../../../types/articles';
 
-export declare function StudyCard({ title, link, image, date, label, readTime }: TStudyCard): import("react/jsx-runtime").JSX.Element;
+export declare function StudyCard({ title, link, image, date, label, readTime }: TResearchArticleView): import("react/jsx-runtime").JSX.Element;

package/dist/modules/ResearchStudies/components/StudyCard/StudyCard.es.js

@@ -3,17 +3,17 @@ import { formatDate as n } from "../../../../utils/formatDate.es.js";
 import { Label as h } from "../../../../components/Label/Label.es.js";
 import { Typography as l } from "../../../../components/Typography/Typography.es.js";
 import e from "./studyCard.module.css.es.js";
-function b({ title: o, link: m, image: d, date: s, label: t, readTime: i }) {
+function b({ title: o, link: m, image: d, date: s, label: i, readTime: t }) {
   return /* @__PURE__ */ a("a", { href: m, className: e.root, children: [
     /* @__PURE__ */ a("div", { className: e.content, children: [
-      /* @__PURE__ */ r("div", { className: e.imagePart, style: { backgroundImage: `url(${d})` }, children: t && /* @__PURE__ */ r(h, { ...t }) }),
+      /* @__PURE__ */ r("div", { className: e.imagePart, style: { backgroundImage: `url(${d})` }, children: i && /* @__PURE__ */ r(h, { color: "white", size: "lg", children: i }) }),
       /* @__PURE__ */ a("div", { className: e.dataPart, children: [
         /* @__PURE__ */ a("div", { className: e.info, children: [
           /* @__PURE__ */ r(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: n(s) }),
-          !!i && /* @__PURE__ */ a(c, { children: [
+          !!t && /* @__PURE__ */ a(c, { children: [
             /* @__PURE__ */ r(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: "•" }),
             /* @__PURE__ */ a(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: [
-              i,
+              t,
               " MIN READ"
             ] })
           ] })

package/dist/modules/ResearchStudies/index.d.ts

@@ -1,2 +1 @@
 export { ResearchStudies } from './ResearchStudies';
-export type { TStudyCard } from './types';

package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../components/Button/Button.cjs.js"),n=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),t=require("./stillHaveQuestions.module.css.cjs.js");function l(){return e.jsx("section",{className:t.default.root,children:e.jsx("div",{className:t.default.imageWrapper,children:e.jsxs("div",{className:t.default.contentBox,children:[e.jsx(n.HighlightedTitle,{colorScheme:"dark",title:e.jsxs(a.Typography,{defaultVariant:"displayMd",mobileVariant:"headingXl",children:["Still have ",e.jsx("b",{children:"questions?"})]})}),e.jsx("div",{className:s.cn(t.default.actions,t.default.desktop),children:e.jsx(i.Button,{as:"a",href:"/contact",variant:"secondary",size:"lg",children:"Contact Us"})}),e.jsx("div",{className:s.cn(t.default.actions,t.default.mobile),children:e.jsx(i.Button,{as:"a",href:"/contact",variant:"secondary",size:"md",children:"Contact Us"})})]})})})}exports.StillHaveQuestions=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../components/Button/Button.cjs.js"),c=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),d=require("../../components/Typography/Typography.cjs.js"),n=require("../../utils/cn/cn.cjs.js"),t=require("./stillHaveQuestions.module.css.cjs.js"),m=require("./assets/stillHaveQuestions.jpg.cjs.js"),h=require("./assets/joinOurTeam.jpg.cjs.js"),g=({variant:i="StillHaveQuestions"})=>{const s={StillHaveQuestions:{title:e.jsxs(e.Fragment,{children:["Still Have ",e.jsx("b",{children:"questions?"})]}),buttonText:"Contact Us",buttonLink:"/contact-us",image:m.default},JoinOurTeam:{title:e.jsxs(e.Fragment,{children:["Have a passion for ",e.jsx("b",{children:"longevity science?"})]}),buttonText:"Join Our Team",buttonLink:"https://careers.gethealthspan.com/",image:h.default}},{title:o,buttonText:a,buttonLink:l,image:r}=s[i];return e.jsx("section",{className:t.default.root,children:e.jsx("div",{className:n.cn(t.default.imageWrapper,{[t.default.joinOurTeam]:i==="JoinOurTeam"}),style:{backgroundImage:`url(${r})`},children:e.jsxs("div",{className:n.cn(t.default.contentBox,{[t.default.joinOurTeam]:i==="JoinOurTeam"}),children:[e.jsx(c.HighlightedTitle,{colorScheme:"dark",title:e.jsx(d.Typography,{as:"p",defaultVariant:"displayMd",mobileVariant:"displayXs",children:o})}),e.jsx("div",{className:t.default.actions,children:e.jsx(u.Button,{as:"a",href:l,variant:"secondary",size:"lg",children:a})})]})})})};exports.StillHaveQuestions=g;

package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.d.ts

@@ -1 +1,5 @@
-export declare function StillHaveQuestions(): import("react/jsx-runtime").JSX.Element;
+export interface StillHaveQuestionsProps {
+    variant?: StillHaveQuestionsVariant;
+}
+export type StillHaveQuestionsVariant = 'StillHaveQuestions' | 'JoinOurTeam';
+export declare const StillHaveQuestions: ({ variant }: StillHaveQuestionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.es.js

@@ -1,25 +1,52 @@
-import { jsx as i, jsxs as t } from "react/jsx-runtime";
-import { Button as a } from "../../components/Button/Button.es.js";
-import { HighlightedTitle as o } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as n } from "../../components/Typography/Typography.es.js";
+import { jsxs as o, jsx as t, Fragment as n } from "react/jsx-runtime";
+import { Button as u } from "../../components/Button/Button.es.js";
+import { HighlightedTitle as d } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as p } from "../../components/Typography/Typography.es.js";
 import { cn as r } from "../../utils/cn/cn.es.js";
 import e from "./stillHaveQuestions.module.css.es.js";
-function p() {
-  return /* @__PURE__ */ i("section", { className: e.root, children: /* @__PURE__ */ i("div", { className: e.imageWrapper, children: /* @__PURE__ */ t("div", { className: e.contentBox, children: [
-    /* @__PURE__ */ i(
-      o,
-      {
-        colorScheme: "dark",
-        title: /* @__PURE__ */ t(n, { defaultVariant: "displayMd", mobileVariant: "headingXl", children: [
-          "Still have ",
-          /* @__PURE__ */ i("b", { children: "questions?" })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ i("div", { className: r(e.actions, e.desktop), children: /* @__PURE__ */ i(a, { as: "a", href: "/contact", variant: "secondary", size: "lg", children: "Contact Us" }) }),
-    /* @__PURE__ */ i("div", { className: r(e.actions, e.mobile), children: /* @__PURE__ */ i(a, { as: "a", href: "/contact", variant: "secondary", size: "md", children: "Contact Us" }) })
-  ] }) }) });
-}
+import h from "./assets/stillHaveQuestions.jpg.es.js";
+import g from "./assets/joinOurTeam.jpg.es.js";
+const O = ({ variant: i = "StillHaveQuestions" }) => {
+  const a = {
+    StillHaveQuestions: {
+      title: /* @__PURE__ */ o(n, { children: [
+        "Still Have ",
+        /* @__PURE__ */ t("b", { children: "questions?" })
+      ] }),
+      buttonText: "Contact Us",
+      buttonLink: "/contact-us",
+      image: h
+    },
+    JoinOurTeam: {
+      title: /* @__PURE__ */ o(n, { children: [
+        "Have a passion for ",
+        /* @__PURE__ */ t("b", { children: "longevity science?" })
+      ] }),
+      buttonText: "Join Our Team",
+      buttonLink: "https://careers.gethealthspan.com/",
+      image: g
+    }
+  }, { title: s, buttonText: l, buttonLink: m, image: c } = a[i];
+  return /* @__PURE__ */ t("section", { className: e.root, children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: r(e.imageWrapper, { [e.joinOurTeam]: i === "JoinOurTeam" }),
+      style: {
+        backgroundImage: `url(${c})`
+      },
+      children: /* @__PURE__ */ o("div", { className: r(e.contentBox, { [e.joinOurTeam]: i === "JoinOurTeam" }), children: [
+        /* @__PURE__ */ t(
+          d,
+          {
+            colorScheme: "dark",
+            title: /* @__PURE__ */ t(p, { as: "p", defaultVariant: "displayMd", mobileVariant: "displayXs", children: s })
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: e.actions, children: /* @__PURE__ */ t(u, { as: "a", href: m, variant: "secondary", size: "lg", children: l }) })
+      ] })
+    }
+  ) });
+};
 export {
-  p as StillHaveQuestions
+  O as StillHaveQuestions
 };