@zenpatient-org/healthspan-marketing-ui 0.1.71 → 0.1.73

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/ProgramsDetailsHero/ProgramsDetailsHero.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/Typography/Typography.cjs.js"),d=require("../../components/Button/Button.cjs.js"),a=require("./programsDetailsHero.module.css.cjs.js"),n=({title:t,description:i,button:r,backgroundImage:l})=>e.jsx("section",{className:a.default.root,"data-type":"hero",style:{backgroundImage:`url(${l})`},children:e.jsx("div",{className:a.default.container,children:e.jsxs("div",{className:a.default.headline,children:[e.jsx("div",{className:a.default.headlineContainer,children:e.jsx(s.Typography,{className:a.default.title,as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:t})}),e.jsx("div",{className:a.default.midBorder}),e.jsx("div",{className:a.default.headlineContainer,children:e.jsxs("div",{className:a.default.infoBox,children:[e.jsx(s.Typography,{className:a.default.description,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:i}),e.jsx(d.Button,{as:"a",href:r.link,variant:"secondary",size:"md",children:r.text})]})})]})})});exports.ProgramsDetailsHero=n;

package/dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.d.ts

@@ -0,0 +1,10 @@
+export type ProgramsProps = {
+    title: string;
+    description: string;
+    button: {
+        text: string;
+        link: string;
+    };
+    backgroundImage: string;
+};
+export declare const ProgramsDetailsHero: ({ title, description, button, backgroundImage }: ProgramsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.es.js

@@ -0,0 +1,33 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Typography as s } from "../../components/Typography/Typography.es.js";
+import { Button as o } from "../../components/Button/Button.es.js";
+import a from "./programsDetailsHero.module.css.es.js";
+const p = ({ title: d, description: l, button: i, backgroundImage: n }) => /* @__PURE__ */ e("section", { className: a.root, "data-type": "hero", style: { backgroundImage: `url(${n})` }, children: /* @__PURE__ */ e("div", { className: a.container, children: /* @__PURE__ */ r("div", { className: a.headline, children: [
+  /* @__PURE__ */ e("div", { className: a.headlineContainer, children: /* @__PURE__ */ e(
+    s,
+    {
+      className: a.title,
+      as: "h2",
+      defaultVariant: "displayMd",
+      mobileVariant: "headingXl",
+      children: d
+    }
+  ) }),
+  /* @__PURE__ */ e("div", { className: a.midBorder }),
+  /* @__PURE__ */ e("div", { className: a.headlineContainer, children: /* @__PURE__ */ r("div", { className: a.infoBox, children: [
+    /* @__PURE__ */ e(
+      s,
+      {
+        className: a.description,
+        as: "p",
+        defaultVariant: "bodyMd",
+        mobileVariant: "bodySm",
+        children: l
+      }
+    ),
+    /* @__PURE__ */ e(o, { as: "a", href: i.link, variant: "secondary", size: "md", children: i.text })
+  ] }) })
+] }) }) });
+export {
+  p as ProgramsDetailsHero
+};

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

@@ -0,0 +1 @@
+export { ProgramsDetailsHero } from './ProgramsDetailsHero';

package/dist/modules/ProgramsDetailsHero/programsDetailsHero.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="programsDetailsHero-module__root___tDtrT",o="programsDetailsHero-module__container___5dH1m",r="programsDetailsHero-module__headline___Y-4jv",t="programsDetailsHero-module__headlineContainer___-gYgz",i="programsDetailsHero-module__title___xHkWk",n="programsDetailsHero-module__midBorder___aleDm",_="programsDetailsHero-module__infoBox___xvieB",a="programsDetailsHero-module__description___ac7Pb",l={root:e,container:o,headline:r,headlineContainer:t,title:i,midBorder:n,infoBox:_,description:a};exports.container=o;exports.default=l;exports.description=a;exports.headline=r;exports.headlineContainer=t;exports.infoBox=_;exports.midBorder=n;exports.root=e;exports.title=i;

package/dist/modules/ProgramsDetailsHero/programsDetailsHero.module.css.es.js

@@ -0,0 +1,21 @@
+const o = "programsDetailsHero-module__root___tDtrT", e = "programsDetailsHero-module__container___5dH1m", r = "programsDetailsHero-module__headline___Y-4jv", t = "programsDetailsHero-module__headlineContainer___-gYgz", _ = "programsDetailsHero-module__title___xHkWk", i = "programsDetailsHero-module__midBorder___aleDm", n = "programsDetailsHero-module__infoBox___xvieB", a = "programsDetailsHero-module__description___ac7Pb", s = {
+  root: o,
+  container: e,
+  headline: r,
+  headlineContainer: t,
+  title: _,
+  midBorder: i,
+  infoBox: n,
+  description: a
+};
+export {
+  e as container,
+  s as default,
+  a as description,
+  r as headline,
+  t as headlineContainer,
+  n as infoBox,
+  i as midBorder,
+  o as root,
+  _ as title
+};

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
 };