@zenpatient-org/healthspan-marketing-ui 0.1.142 → 0.1.144

package/dist/modules/AllInOne/AllInOne.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),W=require("../../node_modules/@gsap/react/src/index.cjs.js"),e=require("../../node_modules/gsap/index.cjs.js"),M=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),o=require("react"),A=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),U=require("../../components/Typography/Typography.cjs.js"),N=require("../../utils/cn/cn.cjs.js"),G=require("../../utils/debounce.cjs.js"),Y=require("../CallToAction/CallToAction.cjs.js"),a=require("./allInOne.module.css.cjs.js");e.gsap.registerPlugin(M.ScrollTrigger);const F=["health","energy","strength","smiles","balance","sleep","miles","love","fun","years"],{title1:J,title2:X,description:K,scrollLabels:q,images:L,subtitle:Q,titleTop:Z,scrollableLabels:ee,titleBottom:te,descriptionText:ie,hsaText:se,buttonText:ae,buttonLink:le,backgroundImage:oe}={subtitle:i.jsx("p",{children:"YOUR LONGEVITY JOURNEY"}),titleTop:i.jsx("p",{children:"Get more"}),scrollableLabels:F,titleBottom:i.jsx("p",{children:"out of life"}),description:"It's time to shift our thinking from healthcare and lifespan to something deeper. Healthspan.",hsaText:"Healthspan is HSA/FSA Eligible",buttonText:"JOIN NOW",buttonLink:"#",backgroundImage:"https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg",title1:i.jsx("p",{children:"Unlimited access to"}),title2:i.jsxs("p",{children:["our ",i.jsx("b",{children:"team and tools"})]}),descriptionText:"Healthspan is the only digital clinic that offers all your longevity needs in a single subscription.",scrollLabels:["Advanced labwork analysis","Research analysis","Dedicated physicians","Advanced biomarker profiling","Personalized health tracking","In house bioavailability testing","Advanced longevity protocols"],images:["https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_1_729dd70cbe.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_2_3adf3d2087.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_3_62002f2bdc.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_4_e623019155.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_5_bd81db569b.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_6_e9d432735b.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_7_3c396d9385.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_8_ee8608b390.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg"]},re=()=>{const[C,I]=o.useState(!1),T=1300,b=o.useRef(null),c=o.useRef(null),f=o.useRef(null),h=o.useRef(null),m=o.useRef(null),p=o.useRef(null),R=o.useRef(!1),O=e.gsap.matchMedia();o.useEffect(()=>{R.current=C},[C]);const H=o.useCallback(()=>{if(!c.current||!b.current||!f.current||!h.current||!m.current||!p.current)return;const l=b.current,s=c.current,d=f.current,r=h.current,u=m.current,v=p.current,S=u.querySelectorAll("p");if(S.length===0)return;S.forEach((n,t)=>{n.style.zIndex=String(S.length-t)});const x=s.querySelectorAll('[data-type="image"]'),k=x.length;x.forEach((n,t)=>{n.style.zIndex=String(k-t)});const y=l.scrollHeight/k,E=.8;k>0&&x.forEach((n,t)=>{const w=t*y,_=(t+1)*y-E*y;e.gsap.fromTo([n,S[t]],{opacity:1},{opacity:0,scrollTrigger:{trigger:l,start:()=>`top+=${w} top`,end:()=>`top+=${_} top`,scrub:!0}})});const j=s.getBoundingClientRect(),B=d.getBoundingClientRect(),P=l.getBoundingClientRect();e.gsap.set(u,{y:`${j.bottom-P.top+20}px`}),O.add({isMobile:`(max-width: ${T-1}px)`,isDesktop:`(min-width: ${T}px)`},n=>{const t=n.conditions,w=t==null?void 0:t.isMobile;(t==null?void 0:t.isDesktop)&&(e.gsap.set(d,{x:`${j.left-B.width-50}px`}),e.gsap.set(r,{x:`${j.right+25}px`})),w&&(e.gsap.set(d,{top:`${j.top-r.clientHeight-25}px`}),e.gsap.set(r,{top:`${j.top-25}px`}))});const D=window.getComputedStyle(s).borderRadius;e.gsap.to(s,{scale:1,scrollTrigger:{trigger:l,start:"top top",end:"100% bottom",scrub:!0,onUpdate:n=>{if(!c.current||!p.current||!d||!r)return;const t=s.getBoundingClientRect();O.add({isMobile:`(max-width: ${T-1}px)`,isDesktop:`(min-width: ${T}px)`},_=>{const g=_.conditions,$=g==null?void 0:g.isMobile;(g==null?void 0:g.isDesktop)&&(e.gsap.set(d,{x:`${t.left-B.width-50}px`}),e.gsap.set(r,{x:`${t.right+25}px`})),$&&(e.gsap.set(d,{top:`${t.top-r.clientHeight-25}px`}),e.gsap.set(r,{top:`${t.top-25}px`}))}),e.gsap.set(u,{y:`${t.bottom+20}px`});const w=p.current.getBoundingClientRect();if(t.bottom+60>=w.top?e.gsap.to(v,{opacity:0,duration:.3}):e.gsap.to(v,{opacity:1,duration:.3}),n.progress>=.9)e.gsap.to(s,{scale:1,borderRadius:0,duration:.3,ease:"power1.inOut"}),R.current||(R.current=!0,I(!0),e.gsap.to([x,u.querySelectorAll("p")],{opacity:0,duration:.8,delay:.2,ease:"power2.out",overwrite:!0}));else if(e.gsap.to(s,{borderRadius:D,duration:.3,ease:"power1.inOut"}),R.current){R.current=!1,I(!1),e.gsap.set(s,{borderRadius:D}),e.gsap.killTweensOf([x,u.querySelectorAll("p")]);const _=u.querySelectorAll("p");x.forEach((g,$)=>{const V=$*y,z=($+1)*y-E*y;e.gsap.fromTo([g,_[$]],{opacity:1},{opacity:0,scrollTrigger:{trigger:l,start:()=>`top+=${V} top`,end:()=>`top+=${z} top`,scrub:!0}})}),M.ScrollTrigger.refresh()}}}})},[c,f,h,m,p]);return W.useGSAP(()=>{if(!c.current||!b.current||!f.current||!h||!m.current||!p.current)return;const l=c.current,s=f.current,d=h.current,r=m.current,u=p.current;window.innerWidth<=T?e.gsap.set(l,{aspectRatio:`${window.innerWidth} / ${window.innerHeight}`,scale:.5}):e.gsap.set(l,{scale:.3,aspectRatio:`${window.innerWidth} / ${window.innerHeight}`}),H();const v=G.default(H,600);return window.addEventListener("resize",()=>{v()}),()=>{window.removeEventListener("resize",v),e.gsap.killTweensOf([l,r,s,d,u])}},{scope:b,dependencies:[b,c,f,h,m,H]}),i.jsx("div",{className:a.default.root,children:i.jsx("div",{ref:b,className:a.default.container,children:i.jsxs("div",{className:a.default.pillContainerWrapper,children:[i.jsxs("div",{ref:c,className:N.cn("pillContainer",a.default.pillContainer),children:[L==null?void 0:L.map((l,s)=>i.jsx("div",{className:a.default.imageBlock,"data-type":"image",style:{backgroundImage:`url(${l})`}},s)),i.jsx("div",{className:a.default.callToActionContainer,children:C&&i.jsx(Y.CallToAction,{subtitle:Q,titleTop:Z,scrollableLabels:ee,titleBottom:te,description:ie,hsaText:se,buttonText:ae,buttonLink:le,backgroundImage:oe})})]}),i.jsx("div",{ref:f,className:a.default.fixedHeader,children:i.jsx(A.HighlightedTitle,{className:a.default.title1,as:"div",defaultVariant:"displayXs",title:J})}),i.jsx("div",{ref:h,className:a.default.fixedHeader,children:i.jsx(A.HighlightedTitle,{className:a.default.title2,as:"div",defaultVariant:"displayXs",title:X})}),i.jsx("div",{ref:m,className:N.cn("scrollableLabels",a.default.scrollableLabels),children:q==null?void 0:q.map((l,s)=>i.jsx(U.Typography,{as:"p",defaultVariant:"labelLg",mobileVariant:"labelSm",className:a.default.scrollLabel,children:l},s))}),i.jsx("div",{ref:p,className:N.cn("description",a.default.description),children:i.jsx(A.HighlightedTitle,{as:"p",defaultVariant:"preambleMd",mobileVariant:"preambleSm",title:K,className:a.default.descriptionText})})]})})})};exports.AllInOne=re;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),U=require("../../node_modules/@gsap/react/src/index.cjs.js"),e=require("../../node_modules/gsap/index.cjs.js"),P=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),o=require("react"),k=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),G=require("../../components/Typography/Typography.cjs.js"),q=require("../../utils/cn/cn.cjs.js"),Y=require("../../utils/debounce.cjs.js"),F=require("../CallToAction/CallToAction.cjs.js"),a=require("./allInOne.module.css.cjs.js");e.gsap.registerPlugin(P.ScrollTrigger);const J=["health","energy","strength","smiles","balance","sleep","miles","love","fun","years"],{title1:X,title2:K,description:Q,scrollLabels:N,images:I,subtitle:Z,titleTop:ee,scrollableLabels:te,titleBottom:ie,descriptionText:se,hsaText:ae,buttonText:le,buttonLink:oe,backgroundImage:ne}={subtitle:i.jsx("p",{children:"YOUR LONGEVITY JOURNEY"}),titleTop:i.jsx("p",{children:"Get more"}),scrollableLabels:J,titleBottom:i.jsx("p",{children:"out of life"}),description:"It's time to shift our thinking from healthcare and lifespan to something deeper. Healthspan.",hsaText:"Healthspan is HSA/FSA Eligible",buttonText:"JOIN NOW",buttonLink:"https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",backgroundImage:"https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg",title1:i.jsx("p",{children:"Unlimited access to"}),title2:i.jsxs("p",{children:["our ",i.jsx("b",{children:"team and tools"})]}),descriptionText:"Healthspan is the only digital clinic that offers all your longevity needs in a single subscription.",scrollLabels:["Advanced labwork analysis","Research analysis","Dedicated physicians","Advanced biomarker profiling","Personalized health tracking","In house bioavailability testing","Advanced longevity protocols"],images:["https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_1_729dd70cbe.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_2_3adf3d2087.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_3_62002f2bdc.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_4_e623019155.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_5_bd81db569b.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_6_e9d432735b.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_7_3c396d9385.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_8_ee8608b390.jpg","https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg"]},re=()=>{const[T,L]=o.useState(!1),R=1300,b=o.useRef(null),c=o.useRef(null),f=o.useRef(null),h=o.useRef(null),m=o.useRef(null),p=o.useRef(null),v=o.useRef(!1),O=e.gsap.matchMedia();o.useEffect(()=>{v.current=T},[T]);const H=o.useCallback(()=>{if(!c.current||!b.current||!f.current||!h.current||!m.current||!p.current)return;const l=b.current,s=c.current,d=f.current,n=h.current,u=m.current,j=p.current,$=u.querySelectorAll("p");if($.length===0)return;$.forEach((r,t)=>{r.style.zIndex=String($.length-t)});const x=s.querySelectorAll('[data-type="image"]'),A=x.length;x.forEach((r,t)=>{r.style.zIndex=String(A-t)});const E=s.querySelector('[class*="callToActionContainer"]');T?E.style.zIndex=String(A+1):E.style.zIndex="1";const y=l.scrollHeight/A,B=.8;A>0&&x.forEach((r,t)=>{const S=t*y,_=(t+1)*y-B*y;e.gsap.fromTo([r,$[t]],{opacity:1},{opacity:0,scrollTrigger:{trigger:l,start:()=>`top+=${S} top`,end:()=>`top+=${_} top`,scrub:!0}})});const w=s.getBoundingClientRect(),D=d.getBoundingClientRect(),z=l.getBoundingClientRect();e.gsap.set(u,{y:`${w.bottom-z.top+20}px`}),O.add({isMobile:`(max-width: ${R-1}px)`,isDesktop:`(min-width: ${R}px)`},r=>{const t=r.conditions,S=t==null?void 0:t.isMobile;(t==null?void 0:t.isDesktop)&&(e.gsap.set(d,{x:`${w.left-D.width-50}px`}),e.gsap.set(n,{x:`${w.right+25}px`})),S&&(e.gsap.set(d,{top:`${w.top-n.clientHeight-25}px`}),e.gsap.set(n,{top:`${w.top-25}px`}))});const V=window.getComputedStyle(s).borderRadius;e.gsap.to(s,{scale:1,scrollTrigger:{trigger:l,start:"top top",end:"100% bottom",scrub:!0,onUpdate:r=>{if(!c.current||!p.current||!d||!n)return;const t=s.getBoundingClientRect();O.add({isMobile:`(max-width: ${R-1}px)`,isDesktop:`(min-width: ${R}px)`},_=>{const g=_.conditions,C=g==null?void 0:g.isMobile;(g==null?void 0:g.isDesktop)&&(e.gsap.set(d,{x:`${t.left-D.width-50}px`}),e.gsap.set(n,{x:`${t.right+25}px`})),C&&(e.gsap.set(d,{top:`${t.top-n.clientHeight-25}px`}),e.gsap.set(n,{top:`${t.top-25}px`}))}),e.gsap.set(u,{y:`${t.bottom+20}px`});const S=p.current.getBoundingClientRect();if(t.bottom+60>=S.top?e.gsap.to(j,{opacity:0,duration:.3}):e.gsap.to(j,{opacity:1,duration:.3}),r.progress>=.9)e.gsap.to(s,{scale:1,borderRadius:0,duration:.3,ease:"power1.inOut"}),v.current||(v.current=!0,L(!0),e.gsap.to([x,u.querySelectorAll("p")],{opacity:0,duration:.8,delay:.2,ease:"power2.out",overwrite:!0}));else if(e.gsap.to(s,{borderRadius:V,duration:.3,ease:"power1.inOut"}),v.current){v.current=!1,L(!1),e.gsap.set(s,{borderRadius:V}),e.gsap.killTweensOf([x,u.querySelectorAll("p")]);const _=u.querySelectorAll("p");x.forEach((g,C)=>{const M=C*y,W=(C+1)*y-B*y;e.gsap.fromTo([g,_[C]],{opacity:1},{opacity:0,scrollTrigger:{trigger:l,start:()=>`top+=${M} top`,end:()=>`top+=${W} top`,scrub:!0}})}),P.ScrollTrigger.refresh()}}}})},[c,f,h,m,p,T]);return U.useGSAP(()=>{if(!c.current||!b.current||!f.current||!h||!m.current||!p.current)return;const l=c.current,s=f.current,d=h.current,n=m.current,u=p.current;window.innerWidth<=R?e.gsap.set(l,{aspectRatio:`${window.innerWidth} / ${window.innerHeight}`,scale:.5}):e.gsap.set(l,{scale:.3,aspectRatio:`${window.innerWidth} / ${window.innerHeight}`}),H();const j=Y.default(H,600);return window.addEventListener("resize",()=>{j()}),()=>{window.removeEventListener("resize",j),e.gsap.killTweensOf([l,n,s,d,u])}},{scope:b,dependencies:[b,c,f,h,m,H]}),i.jsx("div",{className:a.default.root,children:i.jsx("div",{ref:b,className:a.default.container,children:i.jsxs("div",{className:a.default.pillContainerWrapper,children:[i.jsxs("div",{ref:c,className:q.cn("pillContainer",a.default.pillContainer),children:[I==null?void 0:I.map((l,s)=>i.jsx("div",{className:a.default.imageBlock,"data-type":"image",style:{backgroundImage:`url(${l})`}},s)),i.jsx("div",{className:a.default.callToActionContainer,children:T&&i.jsx(F.CallToAction,{subtitle:Z,titleTop:ee,scrollableLabels:te,titleBottom:ie,description:se,hsaText:ae,buttonText:le,buttonLink:oe,backgroundImage:ne})})]}),i.jsx("div",{ref:f,className:a.default.fixedHeader,children:i.jsx(k.HighlightedTitle,{className:a.default.title1,as:"div",defaultVariant:"displayXs",title:X})}),i.jsx("div",{ref:h,className:a.default.fixedHeader,children:i.jsx(k.HighlightedTitle,{className:a.default.title2,as:"div",defaultVariant:"displayXs",title:K})}),i.jsx("div",{ref:m,className:q.cn("scrollableLabels",a.default.scrollableLabels),children:N==null?void 0:N.map((l,s)=>i.jsx(G.Typography,{as:"p",defaultVariant:"labelLg",mobileVariant:"labelSm",className:a.default.scrollLabel,children:l},s))}),i.jsx("div",{ref:p,className:q.cn("description",a.default.description),children:i.jsx(k.HighlightedTitle,{as:"p",defaultVariant:"preambleMd",mobileVariant:"preambleSm",title:Q,className:a.default.descriptionText})})]})})})};exports.AllInOne=re;

package/dist/modules/AllInOne/AllInOne.es.js

@@ -1,17 +1,17 @@
 "use client";
 import { jsx as i, jsxs as E } from "react/jsx-runtime";
-import { useGSAP as U } from "../../node_modules/@gsap/react/src/index.es.js";
+import { useGSAP as G } from "../../node_modules/@gsap/react/src/index.es.js";
 import { gsap as e } from "../../node_modules/gsap/index.es.js";
-import { ScrollTrigger as W } from "../../node_modules/gsap/ScrollTrigger.es.js";
-import { useState as G, useRef as g, useEffect as Y, useCallback as F } from "react";
+import { ScrollTrigger as q } from "../../node_modules/gsap/ScrollTrigger.es.js";
+import { useState as Y, useRef as g, useEffect as F, useCallback as J } from "react";
 import { HighlightedTitle as N } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as J } from "../../components/Typography/Typography.es.js";
+import { Typography as X } from "../../components/Typography/Typography.es.js";
 import { cn as L } from "../../utils/cn/cn.es.js";
-import X from "../../utils/debounce.es.js";
-import { CallToAction as K } from "../CallToAction/CallToAction.es.js";
+import K from "../../utils/debounce.es.js";
+import { CallToAction as Q } from "../CallToAction/CallToAction.es.js";
 import r from "./allInOne.module.css.es.js";
-e.registerPlugin(W);
-const Q = [
+e.registerPlugin(q);
+const Z = [
   "health",
   "energy",
   "strength",
@@ -23,29 +23,29 @@ const Q = [
   "fun",
   "years"
 ], {
-  title1: Z,
-  title2: ee,
-  description: te,
+  title1: ee,
+  title2: te,
+  description: ie,
   scrollLabels: I,
   images: j,
-  subtitle: ie,
-  titleTop: oe,
-  scrollableLabels: re,
-  titleBottom: se,
-  descriptionText: ae,
+  subtitle: oe,
+  titleTop: re,
+  scrollableLabels: se,
+  titleBottom: ae,
+  descriptionText: ne,
   hsaText: le,
-  buttonText: ne,
-  buttonLink: ce,
-  backgroundImage: pe
+  buttonText: ce,
+  buttonLink: pe,
+  backgroundImage: de
 } = {
   subtitle: /* @__PURE__ */ i("p", { children: "YOUR LONGEVITY JOURNEY" }),
   titleTop: /* @__PURE__ */ i("p", { children: "Get more" }),
-  scrollableLabels: Q,
+  scrollableLabels: Z,
   titleBottom: /* @__PURE__ */ i("p", { children: "out of life" }),
   description: "It's time to shift our thinking from healthcare and lifespan to something deeper. Healthspan.",
   hsaText: "Healthspan is HSA/FSA Eligible",
   buttonText: "JOIN NOW",
-  buttonLink: "#",
+  buttonLink: "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",
   backgroundImage: "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg",
   title1: /* @__PURE__ */ i("p", { children: "Unlimited access to" }),
   title2: /* @__PURE__ */ E("p", { children: [
@@ -73,62 +73,64 @@ const Q = [
     "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_8_ee8608b390.jpg",
     "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.jpg"
   ]
-}, Re = () => {
-  const [k, B] = G(!1), _ = 1300, b = g(null), n = g(null), u = g(null), f = g(null), h = g(null), c = g(null), w = g(!1), D = e.matchMedia();
-  Y(() => {
-    w.current = k;
-  }, [k]);
-  const H = F(() => {
-    if (!n.current || !b.current || !u.current || !f.current || !h.current || !c.current)
+}, Te = () => {
+  const [_, B] = Y(!1), w = 1300, b = g(null), l = g(null), u = g(null), f = g(null), h = g(null), c = g(null), R = g(!1), D = e.matchMedia();
+  F(() => {
+    R.current = _;
+  }, [_]);
+  const H = J(() => {
+    if (!l.current || !b.current || !u.current || !f.current || !h.current || !c.current)
       return;
-    const s = b.current, o = n.current, p = u.current, a = f.current, d = h.current, R = c.current, $ = d.querySelectorAll("p");
-    if ($.length === 0) return;
-    $.forEach((l, t) => {
-      l.style.zIndex = String($.length - t);
+    const s = b.current, o = l.current, p = u.current, a = f.current, d = h.current, T = c.current, k = d.querySelectorAll("p");
+    if (k.length === 0) return;
+    k.forEach((n, t) => {
+      n.style.zIndex = String(k.length - t);
     });
     const y = o.querySelectorAll('[data-type="image"]'), A = y.length;
-    y.forEach((l, t) => {
-      l.style.zIndex = String(A - t);
+    y.forEach((n, t) => {
+      n.style.zIndex = String(A - t);
     });
-    const x = s.scrollHeight / A, O = 0.8;
-    A > 0 && y.forEach((l, t) => {
-      const C = t * x, v = (t + 1) * x - O * x;
+    const O = o.querySelector('[class*="callToActionContainer"]');
+    _ ? O.style.zIndex = String(A + 1) : O.style.zIndex = "1";
+    const x = s.scrollHeight / A, V = 0.8;
+    A > 0 && y.forEach((n, t) => {
+      const S = t * x, v = (t + 1) * x - V * x;
       e.fromTo(
-        [l, $[t]],
+        [n, k[t]],
         { opacity: 1 },
         {
           opacity: 0,
           scrollTrigger: {
             trigger: s,
-            start: () => `top+=${C} top`,
+            start: () => `top+=${S} top`,
             end: () => `top+=${v} top`,
             scrub: !0
           }
         }
       );
     });
-    const T = o.getBoundingClientRect(), V = p.getBoundingClientRect(), q = s.getBoundingClientRect();
+    const C = o.getBoundingClientRect(), M = p.getBoundingClientRect(), W = s.getBoundingClientRect();
     e.set(d, {
-      y: `${T.bottom - q.top + 20}px`
+      y: `${C.bottom - W.top + 20}px`
     }), D.add(
       {
-        isMobile: `(max-width: ${_ - 1}px)`,
-        isDesktop: `(min-width: ${_}px)`
+        isMobile: `(max-width: ${w - 1}px)`,
+        isDesktop: `(min-width: ${w}px)`
       },
-      (l) => {
-        const t = l.conditions, C = t == null ? void 0 : t.isMobile;
+      (n) => {
+        const t = n.conditions, S = t == null ? void 0 : t.isMobile;
         (t == null ? void 0 : t.isDesktop) && (e.set(p, {
-          x: `${T.left - V.width - 50}px`
+          x: `${C.left - M.width - 50}px`
         }), e.set(a, {
-          x: `${T.right + 25}px`
-        })), C && (e.set(p, {
-          top: `${T.top - a.clientHeight - 25}px`
+          x: `${C.right + 25}px`
+        })), S && (e.set(p, {
+          top: `${C.top - a.clientHeight - 25}px`
         }), e.set(a, {
-          top: `${T.top - 25}px`
+          top: `${C.top - 25}px`
         }));
       }
     );
-    const M = window.getComputedStyle(o).borderRadius;
+    const P = window.getComputedStyle(o).borderRadius;
     e.to(o, {
       scale: 1,
       scrollTrigger: {
@@ -136,22 +138,22 @@ const Q = [
         start: "top top",
         end: "100% bottom",
         scrub: !0,
-        onUpdate: (l) => {
-          if (!n.current || !c.current || !p || !a)
+        onUpdate: (n) => {
+          if (!l.current || !c.current || !p || !a)
             return;
           const t = o.getBoundingClientRect();
           D.add(
             {
-              isMobile: `(max-width: ${_ - 1}px)`,
-              isDesktop: `(min-width: ${_}px)`
+              isMobile: `(max-width: ${w - 1}px)`,
+              isDesktop: `(min-width: ${w}px)`
             },
             (v) => {
-              const m = v.conditions, S = m == null ? void 0 : m.isMobile;
+              const m = v.conditions, $ = m == null ? void 0 : m.isMobile;
               (m == null ? void 0 : m.isDesktop) && (e.set(p, {
-                x: `${t.left - V.width - 50}px`
+                x: `${t.left - M.width - 50}px`
               }), e.set(a, {
                 x: `${t.right + 25}px`
-              })), S && (e.set(p, {
+              })), $ && (e.set(p, {
                 top: `${t.top - a.clientHeight - 25}px`
               }), e.set(a, {
                 top: `${t.top - 25}px`
@@ -160,14 +162,14 @@ const Q = [
           ), e.set(d, {
             y: `${t.bottom + 20}px`
           });
-          const C = c.current.getBoundingClientRect();
-          if (t.bottom + 60 >= C.top ? e.to(R, { opacity: 0, duration: 0.3 }) : e.to(R, { opacity: 1, duration: 0.3 }), l.progress >= 0.9)
+          const S = c.current.getBoundingClientRect();
+          if (t.bottom + 60 >= S.top ? e.to(T, { opacity: 0, duration: 0.3 }) : e.to(T, { opacity: 1, duration: 0.3 }), n.progress >= 0.9)
             e.to(o, {
               scale: 1,
               borderRadius: 0,
               duration: 0.3,
               ease: "power1.inOut"
-            }), w.current || (w.current = !0, B(!0), e.to([y, d.querySelectorAll("p")], {
+            }), R.current || (R.current = !0, B(!0), e.to([y, d.querySelectorAll("p")], {
               opacity: 0,
               duration: 0.8,
               delay: 0.2,
@@ -175,57 +177,64 @@ const Q = [
               overwrite: !0
             }));
           else if (e.to(o, {
-            borderRadius: M,
+            borderRadius: P,
             duration: 0.3,
             ease: "power1.inOut"
-          }), w.current) {
-            w.current = !1, B(!1), e.set(o, { borderRadius: M }), e.killTweensOf([y, d.querySelectorAll("p")]);
+          }), R.current) {
+            R.current = !1, B(!1), e.set(o, { borderRadius: P }), e.killTweensOf([y, d.querySelectorAll("p")]);
             const v = d.querySelectorAll("p");
-            y.forEach((m, S) => {
-              const P = S * x, z = (S + 1) * x - O * x;
+            y.forEach((m, $) => {
+              const z = $ * x, U = ($ + 1) * x - V * x;
               e.fromTo(
-                [m, v[S]],
+                [m, v[$]],
                 { opacity: 1 },
                 {
                   opacity: 0,
                   scrollTrigger: {
                     trigger: s,
-                    start: () => `top+=${P} top`,
-                    end: () => `top+=${z} top`,
+                    start: () => `top+=${z} top`,
+                    end: () => `top+=${U} top`,
                     scrub: !0
                   }
                 }
               );
-            }), W.refresh();
+            }), q.refresh();
           }
         }
       }
     });
-  }, [n, u, f, h, c]);
-  return U(
+  }, [
+    l,
+    u,
+    f,
+    h,
+    c,
+    _
+  ]);
+  return G(
     () => {
-      if (!n.current || !b.current || !u.current || !f || !h.current || !c.current)
+      if (!l.current || !b.current || !u.current || !f || !h.current || !c.current)
         return;
-      const s = n.current, o = u.current, p = f.current, a = h.current, d = c.current;
-      window.innerWidth <= _ ? e.set(s, {
+      const s = l.current, o = u.current, p = f.current, a = h.current, d = c.current;
+      window.innerWidth <= w ? e.set(s, {
         aspectRatio: `${window.innerWidth} / ${window.innerHeight}`,
         scale: 0.5
       }) : e.set(s, {
         scale: 0.3,
         aspectRatio: `${window.innerWidth} / ${window.innerHeight}`
       }), H();
-      const R = X(H, 600);
+      const T = K(H, 600);
       return window.addEventListener("resize", () => {
-        R();
+        T();
       }), () => {
-        window.removeEventListener("resize", R), e.killTweensOf([s, a, o, p, d]);
+        window.removeEventListener("resize", T), e.killTweensOf([s, a, o, p, d]);
       };
     },
     {
       scope: b,
       dependencies: [
         b,
-        n,
+        l,
         u,
         f,
         h,
@@ -233,7 +242,7 @@ const Q = [
       ]
     }
   ), /* @__PURE__ */ i("div", { className: r.root, children: /* @__PURE__ */ i("div", { ref: b, className: r.container, children: /* @__PURE__ */ E("div", { className: r.pillContainerWrapper, children: [
-    /* @__PURE__ */ E("div", { ref: n, className: L("pillContainer", r.pillContainer), children: [
+    /* @__PURE__ */ E("div", { ref: l, className: L("pillContainer", r.pillContainer), children: [
       j == null ? void 0 : j.map((s, o) => /* @__PURE__ */ i(
         "div",
         {
@@ -243,18 +252,18 @@ const Q = [
         },
         o
       )),
-      /* @__PURE__ */ i("div", { className: r.callToActionContainer, children: k && /* @__PURE__ */ i(
-        K,
+      /* @__PURE__ */ i("div", { className: r.callToActionContainer, children: _ && /* @__PURE__ */ i(
+        Q,
         {
-          subtitle: ie,
-          titleTop: oe,
-          scrollableLabels: re,
-          titleBottom: se,
-          description: ae,
+          subtitle: oe,
+          titleTop: re,
+          scrollableLabels: se,
+          titleBottom: ae,
+          description: ne,
           hsaText: le,
-          buttonText: ne,
-          buttonLink: ce,
-          backgroundImage: pe
+          buttonText: ce,
+          buttonLink: pe,
+          backgroundImage: de
         }
       ) })
     ] }),
@@ -264,7 +273,7 @@ const Q = [
         className: r.title1,
         as: "div",
         defaultVariant: "displayXs",
-        title: Z
+        title: ee
       }
     ) }),
     /* @__PURE__ */ i("div", { ref: f, className: r.fixedHeader, children: /* @__PURE__ */ i(
@@ -273,11 +282,11 @@ const Q = [
         className: r.title2,
         as: "div",
         defaultVariant: "displayXs",
-        title: ee
+        title: te
       }
     ) }),
     /* @__PURE__ */ i("div", { ref: h, className: L("scrollableLabels", r.scrollableLabels), children: I == null ? void 0 : I.map((s, o) => /* @__PURE__ */ i(
-      J,
+      X,
       {
         as: "p",
         defaultVariant: "labelLg",
@@ -293,12 +302,12 @@ const Q = [
         as: "p",
         defaultVariant: "preambleMd",
         mobileVariant: "preambleSm",
-        title: te,
+        title: ie,
         className: r.descriptionText
       }
     ) })
   ] }) }) });
 };
 export {
-  Re as AllInOne
+  Te as AllInOne
 };

package/dist/modules/FAQModule/FAQModule.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"),n=require("../../components/Button/Button.cjs.js"),s=require("../../components/FAQComponent/FAQComponent.cjs.js"),t=require("./faqModule.module.css.cjs.js"),a=({title:l,questions:i})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.header,children:[e.jsx(o.HighlightedTitle,{title:l,defaultVariant:"displayMd",mobileVariant:"headingXl"}),e.jsx("div",{className:t.default.buttonWrapperDesktop,children:e.jsx(n.Button,{variant:"muted",size:"lg",as:"a",href:"/faq",children:"VIEW ALL FAQ"})}),e.jsx("div",{className:t.default.buttonWrapperMobile,children:e.jsx(n.Button,{variant:"muted",size:"sm",as:"a",href:"/faq",children:"VIEW ALL FAQ"})})]}),e.jsx("div",{className:t.default.contentDesktop,children:e.jsx(s.FAQComponent,{items:i,mode:"multiple"})}),e.jsx("div",{className:t.default.contentMobile,children:e.jsx(s.FAQComponent,{items:i,mode:"multiple"})})]})});exports.FAQModule=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),i=require("../../components/Button/Button.cjs.js"),n=require("../../components/FAQComponent/FAQComponent.cjs.js"),t=require("./faqModule.module.css.cjs.js"),a=({title:l,questions:s})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.header,children:[e.jsx(o.HighlightedTitle,{title:l,defaultVariant:"displayMd",mobileVariant:"headingXl"}),e.jsx("div",{className:t.default.buttonWrapperDesktop,children:e.jsx(i.Button,{variant:"muted",size:"lg",as:"a",href:"/faqs",children:"VIEW ALL FAQ"})}),e.jsx("div",{className:t.default.buttonWrapperMobile,children:e.jsx(i.Button,{variant:"muted",size:"sm",as:"a",href:"/faqs",children:"VIEW ALL FAQ"})})]}),e.jsx("div",{className:t.default.contentDesktop,children:e.jsx(n.FAQComponent,{items:s,mode:"multiple"})}),e.jsx("div",{className:t.default.contentMobile,children:e.jsx(n.FAQComponent,{items:s,mode:"multiple"})})]})});exports.FAQModule=a;

package/dist/modules/FAQModule/FAQModule.es.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { HighlightedTitle as s } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { HighlightedTitle as o } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
 import { Button as r } from "../../components/Button/Button.es.js";
 import { FAQComponent as l } from "../../components/FAQComponent/FAQComponent.es.js";
 import i from "./faqModule.module.css.es.js";
-const h = ({ title: o, questions: t }) => /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ a("div", { className: i.container, children: [
+const h = ({ title: s, questions: t }) => /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ a("div", { className: i.container, children: [
   /* @__PURE__ */ a("div", { className: i.header, children: [
-    /* @__PURE__ */ e(s, { title: o, defaultVariant: "displayMd", mobileVariant: "headingXl" }),
-    /* @__PURE__ */ e("div", { className: i.buttonWrapperDesktop, children: /* @__PURE__ */ e(r, { variant: "muted", size: "lg", as: "a", href: "/faq", children: "VIEW ALL FAQ" }) }),
-    /* @__PURE__ */ e("div", { className: i.buttonWrapperMobile, children: /* @__PURE__ */ e(r, { variant: "muted", size: "sm", as: "a", href: "/faq", children: "VIEW ALL FAQ" }) })
+    /* @__PURE__ */ e(o, { title: s, defaultVariant: "displayMd", mobileVariant: "headingXl" }),
+    /* @__PURE__ */ e("div", { className: i.buttonWrapperDesktop, children: /* @__PURE__ */ e(r, { variant: "muted", size: "lg", as: "a", href: "/faqs", children: "VIEW ALL FAQ" }) }),
+    /* @__PURE__ */ e("div", { className: i.buttonWrapperMobile, children: /* @__PURE__ */ e(r, { variant: "muted", size: "sm", as: "a", href: "/faqs", children: "VIEW ALL FAQ" }) })
   ] }),
   /* @__PURE__ */ e("div", { className: i.contentDesktop, children: /* @__PURE__ */ e(l, { items: t, mode: "multiple" }) }),
   /* @__PURE__ */ e("div", { className: i.contentMobile, children: /* @__PURE__ */ e(l, { items: t, mode: "multiple" }) })

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.142",
+    "version": "0.1.144",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",