@zenpatient-org/healthspan-marketing-ui 0.1.143 → 0.1.145

package/dist/modules/FeaturedIn/FeaturedIn.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),o=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),a=require("./featuredIn.module.css.cjs.js");function i({media:n}){return e.jsx("div",{className:a.default.mediaFeaturedInBlock,children:n.filter(r=>!!r.logo).map(({logo:r,url:t},d)=>{const u=t?"a":"div";return e.jsx(u,{href:t,target:"_blank",rel:"noopener noreferrer",className:a.default.mediaFeaturedInImageContainer,children:e.jsx("div",{className:a.default.mediaFeaturedInImage,style:{backgroundImage:`url(${r})`}})},`${t}_${d}`)})})}function m({quote:n}){return e.jsx("div",{className:a.default.quoteFeaturedInBlock,children:e.jsxs(l.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingXxs",className:a.default.quoteFeaturedInText,children:["“",n,"”"]})})}function f({button_label:n}){return e.jsx("a",{href:"https://app.gethealthspan.com",className:a.default.ctaFeaturedIn,children:e.jsx("p",{className:a.default.ctaFeaturedInText,children:n})})}function p({label:n,content:r}){return e.jsxs("section",{className:a.default.container,children:[e.jsx("p",{className:s.cn(a.default.title,a.default.customTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",defaultVariant:"displayMd",className:s.cn(a.default.title,a.default.defaultTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",className:a.default.label,children:n}),e.jsx(o.InfiniteScroll,{items:r,contentClassName:a.default.content,itemClassName:a.default.item,rootClassName:a.default.scrollRoot,renderItem:t=>e.jsxs(c.Fragment,{children:[t.type==="media"&&e.jsx(i,{media:t.media}),t.type==="quote"&&e.jsx(m,{quote:t.quote}),t.type==="cta"&&e.jsx(f,{button_label:t.button_label}),e.jsx("div",{className:a.default.spacer})]},t.type)})]})}exports.FeaturedIn=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),o=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),a=require("./featuredIn.module.css.cjs.js");function i({media:n}){return e.jsx("div",{className:a.default.mediaFeaturedInBlock,children:n.filter(r=>!!r.logo).map(({logo:r,url:t},d)=>{const u=t?"a":"div";return e.jsx(u,{href:t,target:"_blank",rel:"noopener noreferrer",className:a.default.mediaFeaturedInImageContainer,children:e.jsx("div",{className:a.default.mediaFeaturedInImage,style:{backgroundImage:`url(${r})`}})},`${t}_${d}`)})})}function f({quote:n}){return e.jsx("div",{className:a.default.quoteFeaturedInBlock,children:e.jsxs(l.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingXxs",className:a.default.quoteFeaturedInText,children:["“",n,"”"]})})}function m({button_label:n}){return e.jsx("a",{href:"https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",className:a.default.ctaFeaturedIn,children:e.jsx("p",{className:a.default.ctaFeaturedInText,children:n})})}function p({label:n,content:r}){return e.jsxs("section",{className:a.default.container,children:[e.jsx("p",{className:s.cn(a.default.title,a.default.customTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",defaultVariant:"displayMd",className:s.cn(a.default.title,a.default.defaultTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",className:a.default.label,children:n}),e.jsx(o.InfiniteScroll,{items:r,contentClassName:a.default.content,itemClassName:a.default.item,rootClassName:a.default.scrollRoot,renderItem:t=>e.jsxs(c.Fragment,{children:[t.type==="media"&&e.jsx(i,{media:t.media}),t.type==="quote"&&e.jsx(f,{quote:t.quote}),t.type==="cta"&&e.jsx(m,{button_label:t.button_label}),e.jsx("div",{className:a.default.spacer})]},t.type)})]})}exports.FeaturedIn=p;

package/dist/modules/FeaturedIn/FeaturedIn.es.js

@@ -1,11 +1,11 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { Fragment as d } from "react";
+import { Fragment as s } from "react";
 import { InfiniteScroll as c } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
 import { Typography as o } from "../../components/Typography/Typography.es.js";
 import { cn as i } from "../../utils/cn/cn.es.js";
 import e from "./featuredIn.module.css.es.js";
 function m({ media: r }) {
-  return /* @__PURE__ */ a("div", { className: e.mediaFeaturedInBlock, children: r.filter((n) => !!n.logo).map(({ logo: n, url: t }, s) => /* @__PURE__ */ a(
+  return /* @__PURE__ */ a("div", { className: e.mediaFeaturedInBlock, children: r.filter((n) => !!n.logo).map(({ logo: n, url: t }, d) => /* @__PURE__ */ a(
     t ? "a" : "div",
     {
       href: t,
@@ -14,7 +14,7 @@ function m({ media: r }) {
       className: e.mediaFeaturedInImageContainer,
       children: /* @__PURE__ */ a("div", { className: e.mediaFeaturedInImage, style: { backgroundImage: `url(${n})` } })
     },
-    `${t}_${s}`
+    `${t}_${d}`
   )) });
 }
 function u({ quote: r }) {
@@ -34,7 +34,14 @@ function u({ quote: r }) {
   ) });
 }
 function p({ button_label: r }) {
-  return /* @__PURE__ */ a("a", { href: "https://app.gethealthspan.com", className: e.ctaFeaturedIn, children: /* @__PURE__ */ a("p", { className: e.ctaFeaturedInText, children: r }) });
+  return /* @__PURE__ */ a(
+    "a",
+    {
+      href: "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",
+      className: e.ctaFeaturedIn,
+      children: /* @__PURE__ */ a("p", { className: e.ctaFeaturedInText, children: r })
+    }
+  );
 }
 function y({ label: r, content: n }) {
   return /* @__PURE__ */ l("section", { className: e.container, children: [
@@ -48,7 +55,7 @@ function y({ label: r, content: n }) {
         contentClassName: e.content,
         itemClassName: e.item,
         rootClassName: e.scrollRoot,
-        renderItem: (t) => /* @__PURE__ */ l(d, { children: [
+        renderItem: (t) => /* @__PURE__ */ l(s, { children: [
           t.type === "media" && /* @__PURE__ */ a(m, { media: t.media }),
           t.type === "quote" && /* @__PURE__ */ a(u, { quote: t.quote }),
           t.type === "cta" && /* @__PURE__ */ a(p, { button_label: t.button_label }),

package/dist/pageComponents/HomepageHero/HomepageHero.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../components/Typography/Typography.cjs.js"),r=require("../../components/Button/Button.cjs.js"),s=require("./components/MiddleCarousel/MiddleCarousel.cjs.js"),i=require("../../utils/cn/cn.cjs.js"),t=require("./homepageHero.module.css.cjs.js");function n(){return e.jsxs("section",{className:t.default.root,"data-type":"hero",children:[e.jsx("div",{className:t.default.carouselArea,children:e.jsx(s.MiddleCarousel,{})}),e.jsxs("div",{className:t.default.contentContainer,children:[e.jsx("div",{className:t.default.headline,children:e.jsx(o.HighlightedTitle,{colorScheme:"dark",title:e.jsx(a.Typography,{as:"div",defaultVariant:"displayXs",mobileVariant:"headingLg",children:e.jsxs("p",{children:[e.jsx("b",{children:"Transform your quality of living"})," through the science of aging."]})})})}),e.jsxs("div",{className:t.default.callAction,children:[e.jsx(a.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",className:t.default.text,children:"Defy your age with advanced longevity protocols tailored to you by clinical experts and optimized over time through ongoing labs, performance coaching, and results tracking."}),e.jsx("div",{className:i.cn(t.default.buttonWrapper,t.default.desktop),children:e.jsx(r.Button,{as:"a",href:"https://app.gethealthspan.com/#/get-started",variant:"secondary",size:"lg",children:"Join Healthspan"})}),e.jsx("div",{className:i.cn(t.default.buttonWrapper,t.default.mobile),children:e.jsx(r.Button,{as:"a",href:"https://app.gethealthspan.com/#/get-started",variant:"secondary",size:"md",children:"Join Healthspan"})})]})]})]})}exports.HomepageHero=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("../../components/Typography/Typography.cjs.js"),i=require("../../components/Button/Button.cjs.js"),n=require("./components/MiddleCarousel/MiddleCarousel.cjs.js"),o=require("../../utils/cn/cn.cjs.js"),a=require("./homepageHero.module.css.cjs.js");function s(){return e.jsxs("section",{className:a.default.root,"data-type":"hero",children:[e.jsx("div",{className:a.default.carouselArea,children:e.jsx(n.MiddleCarousel,{})}),e.jsxs("div",{className:a.default.contentContainer,children:[e.jsx("div",{className:a.default.headline,children:e.jsx(r.HighlightedTitle,{colorScheme:"dark",title:e.jsx(t.Typography,{as:"div",defaultVariant:"displayXs",mobileVariant:"headingLg",children:e.jsxs("p",{children:[e.jsx("b",{children:"Transform your quality of living"})," through the science of aging."]})})})}),e.jsxs("div",{className:a.default.callAction,children:[e.jsx(t.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",className:a.default.text,children:"Defy your age with advanced longevity protocols tailored to you by clinical experts and optimized over time through ongoing labs, performance coaching, and results tracking."}),e.jsx("div",{className:o.cn(a.default.buttonWrapper,a.default.desktop),children:e.jsx(i.Button,{as:"a",href:"https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",variant:"secondary",size:"lg",children:"Join Healthspan"})}),e.jsx("div",{className:o.cn(a.default.buttonWrapper,a.default.mobile),children:e.jsx(i.Button,{as:"a",href:"https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",variant:"secondary",size:"md",children:"Join Healthspan"})})]})]})]})}exports.HomepageHero=s;

package/dist/pageComponents/HomepageHero/HomepageHero.es.js

@@ -1,32 +1,50 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { HighlightedTitle as n } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as t } from "../../components/Typography/Typography.es.js";
-import { Button as i } from "../../components/Button/Button.es.js";
+import { Typography as r } from "../../components/Typography/Typography.es.js";
+import { Button as o } from "../../components/Button/Button.es.js";
 import { MiddleCarousel as l } from "./components/MiddleCarousel/MiddleCarousel.es.js";
-import { cn as o } from "../../utils/cn/cn.es.js";
+import { cn as t } from "../../utils/cn/cn.es.js";
 import a from "./homepageHero.module.css.es.js";
-function f() {
-  return /* @__PURE__ */ r("section", { className: a.root, "data-type": "hero", children: [
+function u() {
+  return /* @__PURE__ */ i("section", { className: a.root, "data-type": "hero", children: [
     /* @__PURE__ */ e("div", { className: a.carouselArea, children: /* @__PURE__ */ e(l, {}) }),
-    /* @__PURE__ */ r("div", { className: a.contentContainer, children: [
+    /* @__PURE__ */ i("div", { className: a.contentContainer, children: [
       /* @__PURE__ */ e("div", { className: a.headline, children: /* @__PURE__ */ e(
         n,
         {
           colorScheme: "dark",
-          title: /* @__PURE__ */ e(t, { as: "div", defaultVariant: "displayXs", mobileVariant: "headingLg", children: /* @__PURE__ */ r("p", { children: [
+          title: /* @__PURE__ */ e(r, { as: "div", defaultVariant: "displayXs", mobileVariant: "headingLg", children: /* @__PURE__ */ i("p", { children: [
             /* @__PURE__ */ e("b", { children: "Transform your quality of living" }),
             " through the science of aging."
           ] }) })
         }
       ) }),
-      /* @__PURE__ */ r("div", { className: a.callAction, children: [
-        /* @__PURE__ */ e(t, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", className: a.text, children: "Defy your age with advanced longevity protocols tailored to you by clinical experts and optimized over time through ongoing labs, performance coaching, and results tracking." }),
-        /* @__PURE__ */ e("div", { className: o(a.buttonWrapper, a.desktop), children: /* @__PURE__ */ e(i, { as: "a", href: "https://app.gethealthspan.com/#/get-started", variant: "secondary", size: "lg", children: "Join Healthspan" }) }),
-        /* @__PURE__ */ e("div", { className: o(a.buttonWrapper, a.mobile), children: /* @__PURE__ */ e(i, { as: "a", href: "https://app.gethealthspan.com/#/get-started", variant: "secondary", size: "md", children: "Join Healthspan" }) })
+      /* @__PURE__ */ i("div", { className: a.callAction, children: [
+        /* @__PURE__ */ e(r, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", className: a.text, children: "Defy your age with advanced longevity protocols tailored to you by clinical experts and optimized over time through ongoing labs, performance coaching, and results tracking." }),
+        /* @__PURE__ */ e("div", { className: t(a.buttonWrapper, a.desktop), children: /* @__PURE__ */ e(
+          o,
+          {
+            as: "a",
+            href: "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",
+            variant: "secondary",
+            size: "lg",
+            children: "Join Healthspan"
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: t(a.buttonWrapper, a.mobile), children: /* @__PURE__ */ e(
+          o,
+          {
+            as: "a",
+            href: "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",
+            variant: "secondary",
+            size: "md",
+            children: "Join Healthspan"
+          }
+        ) })
       ] })
     ] })
   ] });
 }
 export {
-  f as HomepageHero
+  u as HomepageHero
 };

package/dist/pageComponents/PersonalizedProtocolHero/PersonalizedProtocolHero.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),m=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),p=require("../../components/Button/Button.cjs.js"),t=require("../../utils/cn/cn.cjs.js"),x=require("./assets/prod1.png.cjs.js"),v=require("./assets/prod2.png.cjs.js"),y=require("./assets/prod3.png.cjs.js"),N=require("./assets/pill1.jpg.cjs.js"),j=require("./assets/pill2.jpg.cjs.js"),b=require("./assets/pill3.jpg.cjs.js"),T=require("./assets/graph1.svg.cjs.js"),V=require("./assets/graph2.svg.cjs.js"),I=require("./assets/graph3.svg.cjs.js"),e=require("./personalizedProtocolHero.module.css.cjs.js"),n=[{pill:N.default,product:x.default,protocol:"ENERGY",dosage:{text:"Oxytocin Nasal Spray",value:"3MG"},goal:"REDUCE STRESS",svg:T.default},{pill:j.default,product:v.default,protocol:"METABOLISM",dosage:{text:"Metformin",value:"3MG"},goal:"AUTOPHAGY INDUCTION",svg:V.default},{pill:b.default,product:y.default,protocol:"SENESCENCE",dosage:{text:"Rapamycin",value:"3MG"},goal:"LONGEVITY",svg:I.default}],q=()=>{const[i,f]=r.useState(0),[h,g]=r.useState(0),[s,u]=r.useState(!1);r.useEffect(()=>{const c=setInterval(()=>{const o=(i+1)%n.length;f(o),setTimeout(()=>{u(!0),setTimeout(()=>{g(o),u(!1)},200)},200)},2500);return()=>clearInterval(c)},[i]);const d=n[h];return a.jsx("section",{className:e.default.root,"data-type":"hero",children:a.jsxs("div",{className:e.default.container,children:[a.jsxs("div",{className:e.default.leftContent,children:[a.jsx("div",{className:e.default.title,children:a.jsx(m.HighlightedTitle,{as:"p",colorScheme:"dark",defaultVariant:"displayMd",mobileVariant:"displayXs",title:a.jsxs(a.Fragment,{children:["A longevity protocol that's ",a.jsx("b",{children:"all you"})]})})}),a.jsx(l.Typography,{className:e.default.description,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:"There's nothing more personal than your health, which is why your Healthspan care team works closely with you — using lab testing, data, and coaching — to design and optimize a protocol to fit your unique goals."}),a.jsx("div",{className:t.cn(e.default.buttonWrap,e.default.mobile),children:a.jsx(p.Button,{as:"a",href:"https://app.gethealthspan.com/#/product/signup/61f89782d9ecee002014f33e",variant:"secondary",size:"md",children:"Join Healthspan"})}),a.jsx("div",{className:t.cn(e.default.buttonWrap,e.default.desktop),children:a.jsx(p.Button,{as:"a",href:"https://app.gethealthspan.com/#/product/signup/61f89782d9ecee002014f33e",variant:"secondary",size:"lg",children:"Join Healthspan"})})]}),a.jsx("div",{className:e.default.pillContainer,children:n.map((c,o)=>a.jsx("img",{src:c.pill,className:t.cn(e.default.pillImage,o===i&&e.default.active,o===(i-1+n.length)%n.length&&e.default.exiting),alt:"Pill"},o))}),a.jsxs("div",{className:e.default.textContainer,children:[a.jsxs("div",{className:e.default.protocolContainer,children:[a.jsx(l.Typography,{className:e.default.protocolText,as:"p",defaultVariant:"labelMd",mobileVariant:"labelXs",children:"Protocol"}),a.jsx("div",{className:t.cn(e.default.protocolFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.protocolValue,as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,children:d.protocol})})]}),a.jsxs("div",{className:e.default.dosageContainer,children:[a.jsx("div",{className:t.cn(e.default.dosageImageFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx("img",{src:d.product,className:e.default.dosageItem,alt:"Product"})}),a.jsxs("div",{className:e.default.dosageTextBlock,children:[a.jsx("div",{className:t.cn(e.default.dosageTextFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.dosageText,as:"p",defaultVariant:"labelMd",mobileVariant:"labelXs",children:d.dosage.text})}),a.jsx("div",{className:t.cn(e.default.dosageValueFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.dosageValue,as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,children:d.dosage.value})})]})]}),a.jsxs("div",{className:e.default.goalContainer,children:[a.jsx(l.Typography,{className:e.default.goalText,as:"p",defaultVariant:"labelMd",mobileVariant:"labelXs",children:"Goal"}),a.jsx("div",{className:t.cn(e.default.goalFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.goalValue,as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,children:d.goal})})]}),a.jsx("div",{className:e.default.svgContainer,children:a.jsx("div",{className:t.cn(e.default.svgFade,s?e.default.fadeOut:e.default.fadeIn),children:r.createElement(d.svg,{className:e.default.svg})})})]})]})})};exports.PersonalizedProtocolHero=q;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),m=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),p=require("../../components/Button/Button.cjs.js"),t=require("../../utils/cn/cn.cjs.js"),x=require("./assets/prod1.png.cjs.js"),v=require("./assets/prod2.png.cjs.js"),y=require("./assets/prod3.png.cjs.js"),N=require("./assets/pill1.jpg.cjs.js"),j=require("./assets/pill2.jpg.cjs.js"),b=require("./assets/pill3.jpg.cjs.js"),T=require("./assets/graph1.svg.cjs.js"),V=require("./assets/graph2.svg.cjs.js"),I=require("./assets/graph3.svg.cjs.js"),e=require("./personalizedProtocolHero.module.css.cjs.js"),n=[{pill:N.default,product:x.default,protocol:"ENERGY",dosage:{text:"Oxytocin Nasal Spray",value:"3MG"},goal:"REDUCE STRESS",svg:T.default},{pill:j.default,product:v.default,protocol:"METABOLISM",dosage:{text:"Metformin",value:"3MG"},goal:"AUTOPHAGY INDUCTION",svg:V.default},{pill:b.default,product:y.default,protocol:"SENESCENCE",dosage:{text:"Rapamycin",value:"3MG"},goal:"LONGEVITY",svg:I.default}],q=()=>{const[i,f]=r.useState(0),[h,g]=r.useState(0),[s,u]=r.useState(!1);r.useEffect(()=>{const c=setInterval(()=>{const o=(i+1)%n.length;f(o),setTimeout(()=>{u(!0),setTimeout(()=>{g(o),u(!1)},200)},200)},2500);return()=>clearInterval(c)},[i]);const d=n[h];return a.jsx("section",{className:e.default.root,"data-type":"hero",children:a.jsxs("div",{className:e.default.container,children:[a.jsxs("div",{className:e.default.leftContent,children:[a.jsx("div",{className:e.default.title,children:a.jsx(m.HighlightedTitle,{as:"p",colorScheme:"dark",defaultVariant:"displayMd",mobileVariant:"displayXs",title:a.jsxs(a.Fragment,{children:["A longevity protocol that's ",a.jsx("b",{children:"all you"})]})})}),a.jsx(l.Typography,{className:e.default.description,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:"There's nothing more personal than your health, which is why your Healthspan care team works closely with you — using lab testing, data, and coaching — to design and optimize a protocol to fit your unique goals."}),a.jsx("div",{className:t.cn(e.default.buttonWrap,e.default.mobile),children:a.jsx(p.Button,{as:"a",href:"https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",variant:"secondary",size:"md",children:"Join Healthspan"})}),a.jsx("div",{className:t.cn(e.default.buttonWrap,e.default.desktop),children:a.jsx(p.Button,{as:"a",href:"https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",variant:"secondary",size:"lg",children:"Join Healthspan"})})]}),a.jsx("div",{className:e.default.pillContainer,children:n.map((c,o)=>a.jsx("img",{src:c.pill,className:t.cn(e.default.pillImage,o===i&&e.default.active,o===(i-1+n.length)%n.length&&e.default.exiting),alt:"Pill"},o))}),a.jsxs("div",{className:e.default.textContainer,children:[a.jsxs("div",{className:e.default.protocolContainer,children:[a.jsx(l.Typography,{className:e.default.protocolText,as:"p",defaultVariant:"labelMd",mobileVariant:"labelXs",children:"Protocol"}),a.jsx("div",{className:t.cn(e.default.protocolFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.protocolValue,as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,children:d.protocol})})]}),a.jsxs("div",{className:e.default.dosageContainer,children:[a.jsx("div",{className:t.cn(e.default.dosageImageFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx("img",{src:d.product,className:e.default.dosageItem,alt:"Product"})}),a.jsxs("div",{className:e.default.dosageTextBlock,children:[a.jsx("div",{className:t.cn(e.default.dosageTextFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.dosageText,as:"p",defaultVariant:"labelMd",mobileVariant:"labelXs",children:d.dosage.text})}),a.jsx("div",{className:t.cn(e.default.dosageValueFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.dosageValue,as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,children:d.dosage.value})})]})]}),a.jsxs("div",{className:e.default.goalContainer,children:[a.jsx(l.Typography,{className:e.default.goalText,as:"p",defaultVariant:"labelMd",mobileVariant:"labelXs",children:"Goal"}),a.jsx("div",{className:t.cn(e.default.goalFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.goalValue,as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,children:d.goal})})]}),a.jsx("div",{className:e.default.svgContainer,children:a.jsx("div",{className:t.cn(e.default.svgFade,s?e.default.fadeOut:e.default.fadeIn),children:r.createElement(d.svg,{className:e.default.svg})})})]})]})})};exports.PersonalizedProtocolHero=q;

package/dist/pageComponents/PersonalizedProtocolHero/PersonalizedProtocolHero.es.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as a, jsxs as t, Fragment as v } from "react/jsx-runtime";
+import { jsx as e, jsxs as t, Fragment as v } from "react/jsx-runtime";
 import N, { useState as m, useEffect as b } from "react";
 import { HighlightedTitle as x } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
 import { Typography as o } from "../../components/Typography/Typography.es.js";
@@ -14,7 +14,7 @@ import C from "./assets/pill3.jpg.es.js";
 import E from "./assets/graph1.svg.es.js";
 import M from "./assets/graph2.svg.es.js";
 import O from "./assets/graph3.svg.es.js";
-import e from "./personalizedProtocolHero.module.css.es.js";
+import a from "./personalizedProtocolHero.module.css.es.js";
 const n = [
   {
     pill: T,
@@ -54,9 +54,9 @@ const n = [
     return () => clearInterval(c);
   }, [d]);
   const s = n[g];
-  return /* @__PURE__ */ a("section", { className: e.root, "data-type": "hero", children: /* @__PURE__ */ t("div", { className: e.container, children: [
-    /* @__PURE__ */ t("div", { className: e.leftContent, children: [
-      /* @__PURE__ */ a("div", { className: e.title, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ e("section", { className: a.root, "data-type": "hero", children: /* @__PURE__ */ t("div", { className: a.container, children: [
+    /* @__PURE__ */ t("div", { className: a.leftContent, children: [
+      /* @__PURE__ */ e("div", { className: a.title, children: /* @__PURE__ */ e(
         x,
         {
           as: "p",
@@ -65,61 +65,61 @@ const n = [
           mobileVariant: "displayXs",
           title: /* @__PURE__ */ t(v, { children: [
             "A longevity protocol that's ",
-            /* @__PURE__ */ a("b", { children: "all you" })
+            /* @__PURE__ */ e("b", { children: "all you" })
           ] })
         }
       ) }),
-      /* @__PURE__ */ a(o, { className: e.description, as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", children: "There's nothing more personal than your health, which is why your Healthspan care team works closely with you — using lab testing, data, and coaching — to design and optimize a protocol to fit your unique goals." }),
-      /* @__PURE__ */ a("div", { className: l(e.buttonWrap, e.mobile), children: /* @__PURE__ */ a(
+      /* @__PURE__ */ e(o, { className: a.description, as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", children: "There's nothing more personal than your health, which is why your Healthspan care team works closely with you — using lab testing, data, and coaching — to design and optimize a protocol to fit your unique goals." }),
+      /* @__PURE__ */ e("div", { className: l(a.buttonWrap, a.mobile), children: /* @__PURE__ */ e(
         h,
         {
           as: "a",
-          href: "https://app.gethealthspan.com/#/product/signup/61f89782d9ecee002014f33e",
+          href: "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",
           variant: "secondary",
           size: "md",
           children: "Join Healthspan"
         }
       ) }),
-      /* @__PURE__ */ a("div", { className: l(e.buttonWrap, e.desktop), children: /* @__PURE__ */ a(
+      /* @__PURE__ */ e("div", { className: l(a.buttonWrap, a.desktop), children: /* @__PURE__ */ e(
         h,
         {
           as: "a",
-          href: "https://app.gethealthspan.com/#/product/signup/61f89782d9ecee002014f33e",
+          href: "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",
           variant: "secondary",
           size: "lg",
           children: "Join Healthspan"
         }
       ) })
     ] }),
-    /* @__PURE__ */ a("div", { className: e.pillContainer, children: n.map((c, i) => /* @__PURE__ */ a(
+    /* @__PURE__ */ e("div", { className: a.pillContainer, children: n.map((c, i) => /* @__PURE__ */ e(
       "img",
       {
         src: c.pill,
         className: l(
-          e.pillImage,
-          i === d && e.active,
-          i === (d - 1 + n.length) % n.length && e.exiting
+          a.pillImage,
+          i === d && a.active,
+          i === (d - 1 + n.length) % n.length && a.exiting
         ),
         alt: "Pill"
       },
       i
     )) }),
-    /* @__PURE__ */ t("div", { className: e.textContainer, children: [
-      /* @__PURE__ */ t("div", { className: e.protocolContainer, children: [
-        /* @__PURE__ */ a(
+    /* @__PURE__ */ t("div", { className: a.textContainer, children: [
+      /* @__PURE__ */ t("div", { className: a.protocolContainer, children: [
+        /* @__PURE__ */ e(
           o,
           {
-            className: e.protocolText,
+            className: a.protocolText,
             as: "p",
             defaultVariant: "labelMd",
             mobileVariant: "labelXs",
             children: "Protocol"
           }
         ),
-        /* @__PURE__ */ a("div", { className: l(e.protocolFade, r ? e.fadeOut : e.fadeIn), children: /* @__PURE__ */ a(
+        /* @__PURE__ */ e("div", { className: l(a.protocolFade, r ? a.fadeOut : a.fadeIn), children: /* @__PURE__ */ e(
           o,
           {
-            className: e.protocolValue,
+            className: a.protocolValue,
             as: "p",
             defaultVariant: "labelSm",
             mobileVariant: "labelXs",
@@ -128,23 +128,23 @@ const n = [
           }
         ) })
       ] }),
-      /* @__PURE__ */ t("div", { className: e.dosageContainer, children: [
-        /* @__PURE__ */ a("div", { className: l(e.dosageImageFade, r ? e.fadeOut : e.fadeIn), children: /* @__PURE__ */ a("img", { src: s.product, className: e.dosageItem, alt: "Product" }) }),
-        /* @__PURE__ */ t("div", { className: e.dosageTextBlock, children: [
-          /* @__PURE__ */ a("div", { className: l(e.dosageTextFade, r ? e.fadeOut : e.fadeIn), children: /* @__PURE__ */ a(
+      /* @__PURE__ */ t("div", { className: a.dosageContainer, children: [
+        /* @__PURE__ */ e("div", { className: l(a.dosageImageFade, r ? a.fadeOut : a.fadeIn), children: /* @__PURE__ */ e("img", { src: s.product, className: a.dosageItem, alt: "Product" }) }),
+        /* @__PURE__ */ t("div", { className: a.dosageTextBlock, children: [
+          /* @__PURE__ */ e("div", { className: l(a.dosageTextFade, r ? a.fadeOut : a.fadeIn), children: /* @__PURE__ */ e(
             o,
             {
-              className: e.dosageText,
+              className: a.dosageText,
               as: "p",
               defaultVariant: "labelMd",
               mobileVariant: "labelXs",
               children: s.dosage.text
             }
           ) }),
-          /* @__PURE__ */ a("div", { className: l(e.dosageValueFade, r ? e.fadeOut : e.fadeIn), children: /* @__PURE__ */ a(
+          /* @__PURE__ */ e("div", { className: l(a.dosageValueFade, r ? a.fadeOut : a.fadeIn), children: /* @__PURE__ */ e(
             o,
             {
-              className: e.dosageValue,
+              className: a.dosageValue,
               as: "p",
               defaultVariant: "labelSm",
               mobileVariant: "labelXs",
@@ -154,12 +154,12 @@ const n = [
           ) })
         ] })
       ] }),
-      /* @__PURE__ */ t("div", { className: e.goalContainer, children: [
-        /* @__PURE__ */ a(o, { className: e.goalText, as: "p", defaultVariant: "labelMd", mobileVariant: "labelXs", children: "Goal" }),
-        /* @__PURE__ */ a("div", { className: l(e.goalFade, r ? e.fadeOut : e.fadeIn), children: /* @__PURE__ */ a(
+      /* @__PURE__ */ t("div", { className: a.goalContainer, children: [
+        /* @__PURE__ */ e(o, { className: a.goalText, as: "p", defaultVariant: "labelMd", mobileVariant: "labelXs", children: "Goal" }),
+        /* @__PURE__ */ e("div", { className: l(a.goalFade, r ? a.fadeOut : a.fadeIn), children: /* @__PURE__ */ e(
           o,
           {
-            className: e.goalValue,
+            className: a.goalValue,
             as: "p",
             defaultVariant: "labelSm",
             mobileVariant: "labelXs",
@@ -168,8 +168,8 @@ const n = [
           }
         ) })
       ] }),
-      /* @__PURE__ */ a("div", { className: e.svgContainer, children: /* @__PURE__ */ a("div", { className: l(e.svgFade, r ? e.fadeOut : e.fadeIn), children: N.createElement(s.svg, {
-        className: e.svg
+      /* @__PURE__ */ e("div", { className: a.svgContainer, children: /* @__PURE__ */ e("div", { className: l(a.svgFade, r ? a.fadeOut : a.fadeIn), children: N.createElement(s.svg, {
+        className: a.svg
       }) }) })
     ] })
   ] }) });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.143",
+    "version": "0.1.145",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",