@zenpatient-org/healthspan-marketing-ui 0.1.103 → 0.1.105

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),B=require("../../node_modules/@gsap/react/src/index.cjs.js"),e=require("../../node_modules/gsap/index.cjs.js"),E=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),p=require("react"),H=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),V=require("../../components/Typography/Typography.cjs.js"),S=require("../../utils/cn/cn.cjs.js"),P=require("../../utils/debounce.cjs.js"),W=require("../CallToAction/CallToAction.cjs.js"),a=require("./allInOne.module.css.cjs.js");e.gsap.registerPlugin(E.ScrollTrigger);const z=["health","energy","strength","smiles","balance","sleep","miles","love","fun","years"],{title1:U,title2:G,description:Y,scrollLabels:$,images:A,subtitle:D,titleTop:F,scrollableLabels:J,titleBottom:M,descriptionText:X,hsaText:K,buttonText:Q,buttonLink:Z,backgroundImage:ee}={subtitle:t.jsx("p",{children:"YOUR LONGEVITY JOURNEY"}),titleTop:t.jsx("p",{children:"Get more"}),scrollableLabels:z,titleBottom:t.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_67b550bfe1.jpg",title1:t.jsx("p",{children:"Unlimited access to"}),title2:t.jsxs("p",{children:["our ",t.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_67b550bfe1.jpg"]},te=()=>{const[L,I]=p.useState(!1),j=932,h=p.useRef(null),l=p.useRef(null),d=p.useRef(null),u=p.useRef(null),g=p.useRef(null),o=p.useRef(null),v=p.useCallback(()=>{if(!l.current||!h.current||!d.current||!u.current||!g.current||!o.current)return;const n=h.current,i=l.current,r=d.current,c=u.current,m=g.current,b=o.current,y=m.querySelectorAll("p");if(y.length===0)return;y.forEach((f,s)=>{f.style.zIndex=String(y.length-s)});const _=i.querySelectorAll("img"),R=_.length;_.forEach((f,s)=>{f.style.zIndex=String(R-s)});const T=n.scrollHeight/R,q=.8;R>0&&_.forEach((f,s)=>{const C=s*T,k=(s+1)*T-q*T;e.gsap.fromTo([f,y[s]],{opacity:1},{opacity:0,scrollTrigger:{trigger:n,start:()=>`top+=${C} top`,end:()=>`top+=${k} top`,scrub:!0}})});const w=i.getBoundingClientRect(),N=r.getBoundingClientRect(),x=n.getBoundingClientRect();e.gsap.set(m,{y:`${w.bottom-x.top+20}px`}),window.innerWidth>j?(e.gsap.set(r,{x:`${w.left-N.width-50}px`}),e.gsap.set(c,{x:`${w.right+25}px`})):(e.gsap.set(r,{top:`${x.top-c.clientHeight-25}px`}),e.gsap.set(c,{top:`${x.top-25}px`}));const O=window.getComputedStyle(i).borderRadius;e.gsap.to(i,{scale:1,scrollTrigger:{trigger:n,start:"top top",end:"95% bottom",scrub:!0,onUpdate:f=>{if(!l.current||!o.current||!r||!c)return;const s=i.getBoundingClientRect();window.innerWidth>j?(e.gsap.set(r,{x:`${s.left-N.width-50}px`}),e.gsap.set(c,{x:`${s.right+25}px`})):(e.gsap.set(r,{y:`${s.top-x.top-25}px`}),e.gsap.set(c,{y:`${s.top-x.top-25}px`})),e.gsap.set(m,{y:`${s.bottom+20}px`});const C=o.current.getBoundingClientRect();s.bottom+60>=C.top?e.gsap.to(b,{opacity:0,duration:.3}):e.gsap.to(b,{opacity:1,duration:.3}),f.progress>=.99?(e.gsap.to(i,{borderRadius:0,duration:.3,ease:"power1.inOut"}),e.gsap.to(_,{opacity:0,duration:.3,ease:"power1.inOut"})):e.gsap.to(i,{borderRadius:O,duration:.3,ease:"power1.inOut"})}},onComplete:()=>{I(!0)}})},[l,d,u,g,o]);return B.useGSAP(()=>{if(!l.current||!h.current||!d.current||!u||!g.current||!o.current)return;const n=l.current,i=d.current,r=u.current,c=g.current,m=o.current;window.innerWidth<=j?e.gsap.set(n,{aspectRatio:`${window.innerWidth} / ${window.innerHeight}`,scale:.5}):e.gsap.set(n,{scale:.3,aspectRatio:`${window.innerWidth} / ${window.innerHeight}`}),v();const b=P.default(v,600);return window.addEventListener("resize",()=>{b()}),()=>{window.removeEventListener("resize",b),e.gsap.killTweensOf([n,c,i,r,m])}},{scope:h,dependencies:[h,l,d,u,g,v]}),t.jsx("div",{className:a.default.root,children:t.jsx("div",{ref:h,className:a.default.container,children:t.jsxs("div",{className:a.default.pillContainerWrapper,children:[t.jsxs("div",{ref:l,className:S.cn("pillContainer",a.default.pillContainer),children:[A==null?void 0:A.map((n,i)=>t.jsx("img",{src:n,alt:`Image ${i+1}`},i)),t.jsx("div",{className:a.default.callToActionContainer,children:L&&t.jsx(W.CallToAction,{subtitle:D,titleTop:F,scrollableLabels:J,titleBottom:M,description:X,hsaText:K,buttonText:Q,buttonLink:Z,backgroundImage:ee})})]}),t.jsx("div",{ref:d,className:a.default.fixedHeader,children:t.jsx(H.HighlightedTitle,{className:a.default.title1,as:"div",defaultVariant:"displayXs",title:U})}),t.jsx("div",{ref:u,className:a.default.fixedHeader,children:t.jsx(H.HighlightedTitle,{className:a.default.title2,as:"div",defaultVariant:"displayXs",title:G})}),t.jsx("div",{ref:g,className:S.cn("scrollableLabels",a.default.scrollableLabels),children:$==null?void 0:$.map((n,i)=>t.jsx(V.Typography,{as:"p",defaultVariant:"labelLg",mobileVariant:"labelSm",className:a.default.scrollLabel,children:n},i))}),t.jsx("div",{ref:o,className:S.cn("description",a.default.description),children:t.jsx(H.HighlightedTitle,{as:"p",defaultVariant:"preambleMd",mobileVariant:"preambleSm",title:Y,className:a.default.descriptionText})})]})})})};exports.AllInOne=te;
+"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"),V=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),l=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(V.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:oe,backgroundImage:le}={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_67b550bfe1.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_67b550bfe1.jpg"]},re=()=>{const[C,I]=l.useState(!1),R=1300,x=l.useRef(null),c=l.useRef(null),f=l.useRef(null),h=l.useRef(null),m=l.useRef(null),p=l.useRef(null),v=l.useRef(!1),E=e.gsap.matchMedia();l.useEffect(()=>{v.current=C},[C]);const H=l.useCallback(()=>{if(!c.current||!x.current||!f.current||!h.current||!m.current||!p.current)return;const o=x.current,s=c.current,d=f.current,r=h.current,u=m.current,j=p.current,S=u.querySelectorAll("p");if(S.length===0)return;S.forEach((n,t)=>{n.style.zIndex=String(S.length-t)});const y=s.querySelectorAll('[data-type="image"]'),k=y.length;y.forEach((n,t)=>{n.style.zIndex=String(k-t)});const _=o.scrollHeight/k,O=.8;k>0&&y.forEach((n,t)=>{const T=t*_,b=(t+1)*_-O*_;console.log(`idx: ${t+1}, fadeStartPosition: ${T}, fadeEndPosition: ${b}`),e.gsap.fromTo([n,S[t]],{opacity:1},{opacity:0,scrollTrigger:{trigger:o,start:()=>`top+=${T} top`,end:()=>`top+=${b} top`,scrub:!0}})});const w=s.getBoundingClientRect(),P=d.getBoundingClientRect(),M=o.getBoundingClientRect();e.gsap.set(u,{y:`${w.bottom-M.top+20}px`}),E.add({isMobile:`(max-width: ${R-1}px)`,isDesktop:`(min-width: ${R}px)`},n=>{const t=n.conditions,T=t==null?void 0:t.isMobile;(t==null?void 0:t.isDesktop)&&(e.gsap.set(d,{x:`${w.left-P.width-50}px`}),e.gsap.set(r,{x:`${w.right+25}px`})),T&&(e.gsap.set(d,{top:`${w.top-r.clientHeight-25}px`}),e.gsap.set(r,{top:`${w.top-25}px`}))});const B=window.getComputedStyle(s).borderRadius;e.gsap.to(s,{scale:1,scrollTrigger:{trigger:o,start:"top top",end:"100% bottom",scrub:!0,onUpdate:n=>{if(!c.current||!p.current||!d||!r)return;const t=s.getBoundingClientRect();E.add({isMobile:`(max-width: ${R-1}px)`,isDesktop:`(min-width: ${R}px)`},b=>{const g=b.conditions,$=g==null?void 0:g.isMobile;(g==null?void 0:g.isDesktop)&&(e.gsap.set(d,{x:`${t.left-P.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 T=p.current.getBoundingClientRect();if(t.bottom+60>=T.top?e.gsap.to(j,{opacity:0,duration:.3}):e.gsap.to(j,{opacity:1,duration:.3}),n.progress>=.9)e.gsap.to(s,{borderRadius:0,duration:.3,ease:"power1.inOut"}),v.current||(v.current=!0,I(!0),e.gsap.to([y,u.querySelectorAll("p")],{opacity:0,duration:.8,delay:.2,ease:"power2.out",overwrite:!0}));else if(e.gsap.to(s,{borderRadius:B,duration:.3,ease:"power1.inOut"}),v.current){v.current=!1,I(!1),e.gsap.set(s,{borderRadius:B}),e.gsap.killTweensOf([y,u.querySelectorAll("p")]);const b=u.querySelectorAll("p");y.forEach((g,$)=>{const D=$*_,z=($+1)*_-O*_;e.gsap.fromTo([g,b[$]],{opacity:1},{opacity:0,scrollTrigger:{trigger:o,start:()=>`top+=${D} top`,end:()=>`top+=${z} top`,scrub:!0}})}),V.ScrollTrigger.refresh()}}}})},[c,f,h,m,p]);return W.useGSAP(()=>{if(!c.current||!x.current||!f.current||!h||!m.current||!p.current)return;const o=c.current,s=f.current,d=h.current,r=m.current,u=p.current;window.innerWidth<=R?e.gsap.set(o,{aspectRatio:`${window.innerWidth} / ${window.innerHeight}`,scale:.5}):e.gsap.set(o,{scale:.3,aspectRatio:`${window.innerWidth} / ${window.innerHeight}`}),H();const j=G.default(H,600);return window.addEventListener("resize",()=>{j()}),()=>{window.removeEventListener("resize",j),e.gsap.killTweensOf([o,r,s,d,u])}},{scope:x,dependencies:[x,c,f,h,m,H]}),i.jsx("div",{className:a.default.root,children:i.jsx("div",{ref:x,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((o,s)=>i.jsx("div",{className:a.default.imageBlock,"data-type":"image",style:{backgroundImage:`url(${o})`}},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:oe,backgroundImage:le})})]}),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((o,s)=>i.jsx(U.Typography,{as:"p",defaultVariant:"labelLg",mobileVariant:"labelSm",className:a.default.scrollLabel,children:o},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;

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

@@ -1,17 +1,17 @@
 "use client";
-import { jsx as t, jsxs as A } from "react/jsx-runtime";
-import { useGSAP as V } from "../../node_modules/@gsap/react/src/index.es.js";
+import { jsx as i, jsxs as j } from "react/jsx-runtime";
+import { useGSAP as U } 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 P, useRef as h, useCallback as z } from "react";
-import { HighlightedTitle as S } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as U } from "../../components/Typography/Typography.es.js";
-import { cn as N } from "../../utils/cn/cn.es.js";
-import G from "../../utils/debounce.es.js";
-import { CallToAction as Y } from "../CallToAction/CallToAction.es.js";
-import n from "./allInOne.module.css.es.js";
+import { useState as G, useRef as b, useEffect as Y, useCallback as F } from "react";
+import { HighlightedTitle as N } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as J } 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 r from "./allInOne.module.css.es.js";
 e.registerPlugin(W);
-const q = [
+const Q = [
   "health",
   "energy",
   "strength",
@@ -23,34 +23,34 @@ const q = [
   "fun",
   "years"
 ], {
-  title1: D,
-  title2: F,
-  description: J,
-  scrollLabels: $,
-  images: L,
-  subtitle: X,
-  titleTop: M,
-  scrollableLabels: K,
-  titleBottom: Q,
-  descriptionText: Z,
-  hsaText: ee,
-  buttonText: te,
-  buttonLink: ie,
-  backgroundImage: oe
+  title1: Z,
+  title2: ee,
+  description: te,
+  scrollLabels: E,
+  images: I,
+  subtitle: ie,
+  titleTop: oe,
+  scrollableLabels: re,
+  titleBottom: se,
+  descriptionText: ae,
+  hsaText: ne,
+  buttonText: le,
+  buttonLink: ce,
+  backgroundImage: pe
 } = {
-  subtitle: /* @__PURE__ */ t("p", { children: "YOUR LONGEVITY JOURNEY" }),
-  titleTop: /* @__PURE__ */ t("p", { children: "Get more" }),
-  scrollableLabels: q,
-  titleBottom: /* @__PURE__ */ t("p", { children: "out of life" }),
+  subtitle: /* @__PURE__ */ i("p", { children: "YOUR LONGEVITY JOURNEY" }),
+  titleTop: /* @__PURE__ */ i("p", { children: "Get more" }),
+  scrollableLabels: Q,
+  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: "#",
   backgroundImage: "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_67b550bfe1.jpg",
-  title1: /* @__PURE__ */ t("p", { children: "Unlimited access to" }),
-  title2: /* @__PURE__ */ A("p", { children: [
+  title1: /* @__PURE__ */ i("p", { children: "Unlimited access to" }),
+  title2: /* @__PURE__ */ j("p", { children: [
     "our ",
-    /* @__PURE__ */ t("b", { children: "team and tools" })
+    /* @__PURE__ */ i("b", { children: "team and tools" })
   ] }),
   descriptionText: "Healthspan is the only digital clinic that offers all your longevity needs in a single subscription.",
   scrollLabels: [
@@ -73,181 +73,233 @@ const q = [
     "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_8_ee8608b390.jpg",
     "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_67b550bfe1.jpg"
   ]
-}, ge = () => {
-  const [j, k] = P(!1), _ = 932, f = h(null), a = h(null), p = h(null), d = h(null), m = h(null), l = h(null), w = z(() => {
-    if (!a.current || !f.current || !p.current || !d.current || !m.current || !l.current)
+}, Re = () => {
+  const [k, B] = G(!1), w = 1300, y = b(null), l = b(null), f = b(null), u = b(null), h = b(null), c = b(null), R = b(!1), D = e.matchMedia();
+  Y(() => {
+    R.current = k;
+  }, [k]);
+  const H = F(() => {
+    if (!l.current || !y.current || !f.current || !u.current || !h.current || !c.current)
       return;
-    const r = f.current, i = a.current, s = p.current, c = d.current, g = m.current, b = l.current, x = g.querySelectorAll("p");
-    if (x.length === 0) return;
-    x.forEach((u, o) => {
-      u.style.zIndex = String(x.length - o);
+    const s = y.current, o = l.current, p = f.current, a = u.current, d = h.current, T = c.current, C = d.querySelectorAll("p");
+    if (C.length === 0) return;
+    C.forEach((n, t) => {
+      n.style.zIndex = String(C.length - t);
     });
-    const v = i.querySelectorAll("img"), R = v.length;
-    v.forEach((u, o) => {
-      u.style.zIndex = String(R - o);
+    const x = o.querySelectorAll('[data-type="image"]'), A = x.length;
+    x.forEach((n, t) => {
+      n.style.zIndex = String(A - t);
     });
-    const C = r.scrollHeight / R, O = 0.8;
-    R > 0 && v.forEach((u, o) => {
-      const H = o * C, E = (o + 1) * C - O * C;
-      e.fromTo(
-        [u, x[o]],
+    const v = s.scrollHeight / A, O = 0.8;
+    A > 0 && x.forEach((n, t) => {
+      const _ = t * v, g = (t + 1) * v - O * v;
+      console.log(
+        `idx: ${t + 1}, fadeStartPosition: ${_}, fadeEndPosition: ${g}`
+      ), e.fromTo(
+        [n, C[t]],
         { opacity: 1 },
         {
           opacity: 0,
           scrollTrigger: {
-            trigger: r,
-            start: () => `top+=${H} top`,
-            end: () => `top+=${E} top`,
+            trigger: s,
+            start: () => `top+=${_} top`,
+            end: () => `top+=${g} top`,
             scrub: !0
           }
         }
       );
     });
-    const T = i.getBoundingClientRect(), I = s.getBoundingClientRect(), y = r.getBoundingClientRect();
-    e.set(g, {
-      y: `${T.bottom - y.top + 20}px`
-    }), window.innerWidth > _ ? (e.set(s, {
-      x: `${T.left - I.width - 50}px`
-    }), e.set(c, {
-      x: `${T.right + 25}px`
-    })) : (e.set(s, {
-      top: `${y.top - c.clientHeight - 25}px`
-    }), e.set(c, {
-      top: `${y.top - 25}px`
-    }));
-    const B = window.getComputedStyle(i).borderRadius;
-    e.to(i, {
+    const $ = o.getBoundingClientRect(), P = p.getBoundingClientRect(), q = s.getBoundingClientRect();
+    e.set(d, {
+      y: `${$.bottom - q.top + 20}px`
+    }), D.add(
+      {
+        isMobile: `(max-width: ${w - 1}px)`,
+        isDesktop: `(min-width: ${w}px)`
+      },
+      (n) => {
+        const t = n.conditions, _ = t == null ? void 0 : t.isMobile;
+        (t == null ? void 0 : t.isDesktop) && (e.set(p, {
+          x: `${$.left - P.width - 50}px`
+        }), e.set(a, {
+          x: `${$.right + 25}px`
+        })), _ && (e.set(p, {
+          top: `${$.top - a.clientHeight - 25}px`
+        }), e.set(a, {
+          top: `${$.top - 25}px`
+        }));
+      }
+    );
+    const V = window.getComputedStyle(o).borderRadius;
+    e.to(o, {
       scale: 1,
       scrollTrigger: {
-        trigger: r,
+        trigger: s,
         start: "top top",
-        end: "95% bottom",
+        end: "100% bottom",
         scrub: !0,
-        onUpdate: (u) => {
-          if (!a.current || !l.current || !s || !c)
+        onUpdate: (n) => {
+          if (!l.current || !c.current || !p || !a)
             return;
-          const o = i.getBoundingClientRect();
-          window.innerWidth > _ ? (e.set(s, {
-            x: `${o.left - I.width - 50}px`
-          }), e.set(c, {
-            x: `${o.right + 25}px`
-          })) : (e.set(s, {
-            y: `${o.top - y.top - 25}px`
-          }), e.set(c, {
-            y: `${o.top - y.top - 25}px`
-          })), e.set(g, {
-            y: `${o.bottom + 20}px`
+          const t = o.getBoundingClientRect();
+          D.add(
+            {
+              isMobile: `(max-width: ${w - 1}px)`,
+              isDesktop: `(min-width: ${w}px)`
+            },
+            (g) => {
+              const m = g.conditions, S = m == null ? void 0 : m.isMobile;
+              (m == null ? void 0 : m.isDesktop) && (e.set(p, {
+                x: `${t.left - P.width - 50}px`
+              }), e.set(a, {
+                x: `${t.right + 25}px`
+              })), S && (e.set(p, {
+                top: `${t.top - a.clientHeight - 25}px`
+              }), e.set(a, {
+                top: `${t.top - 25}px`
+              }));
+            }
+          ), e.set(d, {
+            y: `${t.bottom + 20}px`
           });
-          const H = l.current.getBoundingClientRect();
-          o.bottom + 60 >= H.top ? e.to(b, { opacity: 0, duration: 0.3 }) : e.to(b, { opacity: 1, duration: 0.3 }), u.progress >= 0.99 ? (e.to(i, {
-            borderRadius: 0,
+          const _ = c.current.getBoundingClientRect();
+          if (t.bottom + 60 >= _.top ? e.to(T, { opacity: 0, duration: 0.3 }) : e.to(T, { opacity: 1, duration: 0.3 }), n.progress >= 0.9)
+            e.to(o, {
+              borderRadius: 0,
+              duration: 0.3,
+              ease: "power1.inOut"
+            }), R.current || (R.current = !0, B(!0), e.to([x, d.querySelectorAll("p")], {
+              opacity: 0,
+              duration: 0.8,
+              delay: 0.2,
+              ease: "power2.out",
+              overwrite: !0
+            }));
+          else if (e.to(o, {
+            borderRadius: V,
             duration: 0.3,
             ease: "power1.inOut"
-          }), e.to(v, {
-            opacity: 0,
-            duration: 0.3,
-            ease: "power1.inOut"
-          })) : e.to(i, {
-            borderRadius: B,
-            duration: 0.3,
-            ease: "power1.inOut"
-          });
+          }), R.current) {
+            R.current = !1, B(!1), e.set(o, { borderRadius: V }), e.killTweensOf([x, d.querySelectorAll("p")]);
+            const g = d.querySelectorAll("p");
+            x.forEach((m, S) => {
+              const M = S * v, z = (S + 1) * v - O * v;
+              e.fromTo(
+                [m, g[S]],
+                { opacity: 1 },
+                {
+                  opacity: 0,
+                  scrollTrigger: {
+                    trigger: s,
+                    start: () => `top+=${M} top`,
+                    end: () => `top+=${z} top`,
+                    scrub: !0
+                  }
+                }
+              );
+            }), W.refresh();
+          }
         }
-      },
-      onComplete: () => {
-        k(!0);
       }
     });
-  }, [a, p, d, m, l]);
-  return V(
+  }, [l, f, u, h, c]);
+  return U(
     () => {
-      if (!a.current || !f.current || !p.current || !d || !m.current || !l.current)
+      if (!l.current || !y.current || !f.current || !u || !h.current || !c.current)
         return;
-      const r = a.current, i = p.current, s = d.current, c = m.current, g = l.current;
-      window.innerWidth <= _ ? e.set(r, {
+      const s = l.current, o = f.current, p = u.current, a = h.current, d = c.current;
+      window.innerWidth <= w ? e.set(s, {
         aspectRatio: `${window.innerWidth} / ${window.innerHeight}`,
         scale: 0.5
-      }) : e.set(r, {
+      }) : e.set(s, {
         scale: 0.3,
         aspectRatio: `${window.innerWidth} / ${window.innerHeight}`
-      }), w();
-      const b = G(w, 600);
+      }), H();
+      const T = X(H, 600);
       return window.addEventListener("resize", () => {
-        b();
+        T();
       }), () => {
-        window.removeEventListener("resize", b), e.killTweensOf([r, c, i, s, g]);
+        window.removeEventListener("resize", T), e.killTweensOf([s, a, o, p, d]);
       };
     },
     {
-      scope: f,
+      scope: y,
       dependencies: [
+        y,
+        l,
         f,
-        a,
-        p,
-        d,
-        m,
-        w
+        u,
+        h,
+        H
       ]
     }
-  ), /* @__PURE__ */ t("div", { className: n.root, children: /* @__PURE__ */ t("div", { ref: f, className: n.container, children: /* @__PURE__ */ A("div", { className: n.pillContainerWrapper, children: [
-    /* @__PURE__ */ A("div", { ref: a, className: N("pillContainer", n.pillContainer), children: [
-      L == null ? void 0 : L.map((r, i) => /* @__PURE__ */ t("img", { src: r, alt: `Image ${i + 1}` }, i)),
-      /* @__PURE__ */ t("div", { className: n.callToActionContainer, children: j && /* @__PURE__ */ t(
-        Y,
+  ), /* @__PURE__ */ i("div", { className: r.root, children: /* @__PURE__ */ i("div", { ref: y, className: r.container, children: /* @__PURE__ */ j("div", { className: r.pillContainerWrapper, children: [
+    /* @__PURE__ */ j("div", { ref: l, className: L("pillContainer", r.pillContainer), children: [
+      I == null ? void 0 : I.map((s, o) => /* @__PURE__ */ i(
+        "div",
+        {
+          className: r.imageBlock,
+          "data-type": "image",
+          style: { backgroundImage: `url(${s})` }
+        },
+        o
+      )),
+      /* @__PURE__ */ i("div", { className: r.callToActionContainer, children: k && /* @__PURE__ */ i(
+        K,
         {
-          subtitle: X,
-          titleTop: M,
-          scrollableLabels: K,
-          titleBottom: Q,
-          description: Z,
-          hsaText: ee,
-          buttonText: te,
-          buttonLink: ie,
-          backgroundImage: oe
+          subtitle: ie,
+          titleTop: oe,
+          scrollableLabels: re,
+          titleBottom: se,
+          description: ae,
+          hsaText: ne,
+          buttonText: le,
+          buttonLink: ce,
+          backgroundImage: pe
         }
       ) })
     ] }),
-    /* @__PURE__ */ t("div", { ref: p, className: n.fixedHeader, children: /* @__PURE__ */ t(
-      S,
+    /* @__PURE__ */ i("div", { ref: f, className: r.fixedHeader, children: /* @__PURE__ */ i(
+      N,
       {
-        className: n.title1,
+        className: r.title1,
         as: "div",
         defaultVariant: "displayXs",
-        title: D
+        title: Z
       }
     ) }),
-    /* @__PURE__ */ t("div", { ref: d, className: n.fixedHeader, children: /* @__PURE__ */ t(
-      S,
+    /* @__PURE__ */ i("div", { ref: u, className: r.fixedHeader, children: /* @__PURE__ */ i(
+      N,
       {
-        className: n.title2,
+        className: r.title2,
         as: "div",
         defaultVariant: "displayXs",
-        title: F
+        title: ee
       }
     ) }),
-    /* @__PURE__ */ t("div", { ref: m, className: N("scrollableLabels", n.scrollableLabels), children: $ == null ? void 0 : $.map((r, i) => /* @__PURE__ */ t(
-      U,
+    /* @__PURE__ */ i("div", { ref: h, className: L("scrollableLabels", r.scrollableLabels), children: E == null ? void 0 : E.map((s, o) => /* @__PURE__ */ i(
+      J,
       {
         as: "p",
         defaultVariant: "labelLg",
         mobileVariant: "labelSm",
-        className: n.scrollLabel,
-        children: r
+        className: r.scrollLabel,
+        children: s
       },
-      i
+      o
     )) }),
-    /* @__PURE__ */ t("div", { ref: l, className: N("description", n.description), children: /* @__PURE__ */ t(
-      S,
+    /* @__PURE__ */ i("div", { ref: c, className: L("description", r.description), children: /* @__PURE__ */ i(
+      N,
       {
         as: "p",
         defaultVariant: "preambleMd",
         mobileVariant: "preambleSm",
-        title: J,
-        className: n.descriptionText
+        title: te,
+        className: r.descriptionText
       }
     ) })
   ] }) }) });
 };
 export {
-  ge as AllInOne
+  Re as AllInOne
 };

package/dist/modules/AllInOne/allInOne.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="allInOne-module__root___aRPBl",l="allInOne-module__container___FKeTW",n="allInOne-module__pillContainerWrapper___kXrF1",o="allInOne-module__pillContainer___PJAUY",t="allInOne-module__callToActionContainer___J0Gfh",i="allInOne-module__fixedHeader___4Lq8d",a="allInOne-module__scrollableLabels___BtN-2",r="allInOne-module__description___Y3gZh",_="allInOne-module__descriptionText___svjVl",c={root:e,container:l,pillContainerWrapper:n,pillContainer:o,callToActionContainer:t,fixedHeader:i,scrollableLabels:a,description:r,descriptionText:_};exports.callToActionContainer=t;exports.container=l;exports.default=c;exports.description=r;exports.descriptionText=_;exports.fixedHeader=i;exports.pillContainer=o;exports.pillContainerWrapper=n;exports.root=e;exports.scrollableLabels=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="allInOne-module__root___aRPBl",l="allInOne-module__container___FKeTW",n="allInOne-module__pillContainerWrapper___kXrF1",o="allInOne-module__pillContainer___PJAUY",t="allInOne-module__callToActionContainer___J0Gfh",a="allInOne-module__imageBlock___0a5Ir",i="allInOne-module__fixedHeader___4Lq8d",_="allInOne-module__scrollableLabels___BtN-2",r="allInOne-module__description___Y3gZh",c="allInOne-module__descriptionText___svjVl",s={root:e,container:l,pillContainerWrapper:n,pillContainer:o,callToActionContainer:t,imageBlock:a,fixedHeader:i,scrollableLabels:_,description:r,descriptionText:c};exports.callToActionContainer=t;exports.container=l;exports.default=s;exports.description=r;exports.descriptionText=c;exports.fixedHeader=i;exports.imageBlock=a;exports.pillContainer=o;exports.pillContainerWrapper=n;exports.root=e;exports.scrollableLabels=_;

package/dist/modules/AllInOne/allInOne.module.css.es.js

@@ -1,23 +1,25 @@
-const e = "allInOne-module__root___aRPBl", l = "allInOne-module__container___FKeTW", n = "allInOne-module__pillContainerWrapper___kXrF1", o = "allInOne-module__pillContainer___PJAUY", _ = "allInOne-module__callToActionContainer___J0Gfh", t = "allInOne-module__fixedHeader___4Lq8d", a = "allInOne-module__scrollableLabels___BtN-2", i = "allInOne-module__description___Y3gZh", r = "allInOne-module__descriptionText___svjVl", c = {
-  root: e,
-  container: l,
+const l = "allInOne-module__root___aRPBl", e = "allInOne-module__container___FKeTW", n = "allInOne-module__pillContainerWrapper___kXrF1", o = "allInOne-module__pillContainer___PJAUY", _ = "allInOne-module__callToActionContainer___J0Gfh", a = "allInOne-module__imageBlock___0a5Ir", t = "allInOne-module__fixedHeader___4Lq8d", i = "allInOne-module__scrollableLabels___BtN-2", r = "allInOne-module__description___Y3gZh", c = "allInOne-module__descriptionText___svjVl", s = {
+  root: l,
+  container: e,
   pillContainerWrapper: n,
   pillContainer: o,
   callToActionContainer: _,
+  imageBlock: a,
   fixedHeader: t,
-  scrollableLabels: a,
-  description: i,
-  descriptionText: r
+  scrollableLabels: i,
+  description: r,
+  descriptionText: c
 };
 export {
   _ as callToActionContainer,
-  l as container,
-  c as default,
-  i as description,
-  r as descriptionText,
+  e as container,
+  s as default,
+  r as description,
+  c as descriptionText,
   t as fixedHeader,
+  a as imageBlock,
   o as pillContainer,
   n as pillContainerWrapper,
-  e as root,
-  a as scrollableLabels
+  l as root,
+  i as scrollableLabels
 };

package/dist/modules/CallToAction/CallToAction.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),X=require("../../components/Button/Button.cjs.js"),d=require("../../components/Typography/Typography.cjs.js"),w=require("../../components/Icon/Icon.cjs.js"),M=require("../../components/Icon/constants.cjs.js"),x=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../node_modules/gsap/index.cjs.js"),z=require("../../node_modules/@gsap/react/src/index.cjs.js"),F=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),D=require("../../utils/debounce.cjs.js"),t=require("./callToAction.module.css.cjs.js");a.gsap.registerPlugin(F.ScrollTrigger);const G=({subtitle:A,titleTop:E,scrollableLabels:j,titleBottom:P,description:C,hsaText:W,buttonText:k,buttonLink:f,backgroundImage:B})=>{const R=l.useRef(null),i=l.useRef(null),T=l.useRef(null),p=l.useRef(null),h=l.useRef(null),N=l.useRef(null),m=l.useRef(null),g=l.useRef(null),y=l.useRef(null);return z.useGSAP(()=>{var V,L,H;const o=(V=T.current)==null?void 0:V.querySelector("p"),u=(L=N.current)==null?void 0:L.querySelector("p"),$=[o,p.current,i.current,h.current,u,m.current,g.current,y.current].filter(Boolean);a.gsap.set($,{clipPath:"inset(0% 0% 100% 0%)",yPercent:100}),a.gsap.to([o,p.current,i.current,h.current,u,m.current,g.current,y.current],{clipPath:"inset(0% 0% 0% 0%)",yPercent:0,duration:1,ease:"power2.out",delay:1,stagger:{amount:1,from:"start"},scrollTrigger:{trigger:R.current,start:"top center",end:"+=500"}});const r=(H=i.current)==null?void 0:H.querySelector("ul");if(!r)return;const v=r.innerHTML;let s=null,q=!0;const _=()=>{s&&s.kill(),r.innerHTML=v,a.gsap.set(r,{y:0});const n=Array.from(r.querySelectorAll("li"));if(n.length<=1)return;const b=n[0].clientHeight;if(!b)return;a.gsap.set(i.current,{height:b,overflow:"hidden"});const I=Array.from(n);I.forEach(S=>{r.appendChild(S.cloneNode(!0))}),s=a.gsap.timeline({repeat:-1,delay:q?2.5:0,onRepeat:()=>{a.gsap.set(r,{y:0})}}),I.forEach((S,O)=>{s&&s.to({},{duration:2}).to(r,{y:`-${(O+1)*b}`,duration:.5,ease:"power1.inOut"})}),q=!1},c=D.default(_,200);return _(),window.addEventListener("resize",c),()=>{var n;window.removeEventListener("resize",c),(n=c.kill)==null||n.call(c),s&&s.kill(),r&&(r.innerHTML=v,a.gsap.set(r,{y:0}))}},[j]),e.jsxs("section",{ref:R,className:t.default.root,children:[e.jsx("div",{className:t.default.backgroundImage,style:{backgroundImage:`url(${B})`}}),e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.leftContent,children:e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{ref:p,children:e.jsx(x.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:E})}),e.jsx("div",{ref:i,className:t.default.scrollableLabelsWrapper,children:e.jsx("ul",{className:t.default.scrollableLabels,children:j.map((o,u)=>e.jsx("li",{className:t.default.scrollableLabel,children:e.jsx(d.Typography,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"span",children:o})},u))})}),e.jsx("div",{ref:h,children:e.jsx(x.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:P})})]})}),e.jsx("div",{ref:T,className:t.default.subtitleWrapper,children:e.jsx(x.HighlightedTitle,{defaultVariant:"labelMd",mobileVariant:"labelSm",as:"div",className:t.default.subtitle,title:A})}),e.jsx("div",{ref:N,className:t.default.arrowWrapper,children:e.jsxs(d.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:t.default.arrow,as:"p",children:["(",e.jsx(w.Icon,{name:M.EIconName.ARROW_FORWARD}),")"]})}),e.jsx("div",{className:t.default.rightContent,children:e.jsxs("div",{className:t.default.descriptionWrapper,children:[e.jsx("div",{ref:m,children:e.jsx(d.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:t.default.description,children:C})}),e.jsx("div",{ref:g,className:t.default.buttonWrapper,children:f&&e.jsx(X.Button,{as:f?"a":"button",href:f,variant:"secondary",size:"lg",children:k})}),e.jsxs("div",{ref:y,className:t.default.hsaEligible,children:[e.jsx(w.Icon,{name:M.EIconName.CIRCLE_CHECK_FILL,className:t.default.checkIcon}),e.jsx(d.Typography,{defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.hsaText,children:W})]})]})})]})]})};exports.CallToAction=G;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),X=require("../../components/Button/Button.cjs.js"),d=require("../../components/Typography/Typography.cjs.js"),w=require("../../components/Icon/Icon.cjs.js"),M=require("../../components/Icon/constants.cjs.js"),x=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../node_modules/gsap/index.cjs.js"),z=require("../../node_modules/@gsap/react/src/index.cjs.js"),F=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),D=require("../../utils/debounce.cjs.js"),t=require("./callToAction.module.css.cjs.js");a.gsap.registerPlugin(F.ScrollTrigger);const G=({subtitle:A,titleTop:E,scrollableLabels:j,titleBottom:P,description:C,hsaText:W,buttonText:k,buttonLink:f,backgroundImage:B})=>{const R=l.useRef(null),i=l.useRef(null),T=l.useRef(null),p=l.useRef(null),h=l.useRef(null),N=l.useRef(null),m=l.useRef(null),g=l.useRef(null),y=l.useRef(null);return z.useGSAP(()=>{var V,L,H;const o=(V=T.current)==null?void 0:V.querySelector("p"),u=(L=N.current)==null?void 0:L.querySelector("p"),$=[o,p.current,i.current,h.current,u,m.current,g.current,y.current].filter(Boolean);a.gsap.set($,{clipPath:"inset(0% 0% 100% 0%)",yPercent:100}),a.gsap.to([o,p.current,i.current,h.current,u,m.current,g.current,y.current],{clipPath:"inset(0% 0% 0% 0%)",yPercent:0,duration:1,ease:"power2.out",delay:1,stagger:{amount:1,from:"start"},scrollTrigger:{trigger:R.current,start:"top 80%",end:"+=500"}});const r=(H=i.current)==null?void 0:H.querySelector("ul");if(!r)return;const v=r.innerHTML;let s=null,q=!0;const _=()=>{s&&s.kill(),r.innerHTML=v,a.gsap.set(r,{y:0});const n=Array.from(r.querySelectorAll("li"));if(n.length<=1)return;const b=n[0].clientHeight;if(!b)return;a.gsap.set(i.current,{height:b,overflow:"hidden"});const I=Array.from(n);I.forEach(S=>{r.appendChild(S.cloneNode(!0))}),s=a.gsap.timeline({repeat:-1,delay:q?2.5:0,onRepeat:()=>{a.gsap.set(r,{y:0})}}),I.forEach((S,O)=>{s&&s.to({},{duration:2}).to(r,{y:`-${(O+1)*b}`,duration:.5,ease:"power1.inOut"})}),q=!1},c=D.default(_,200);return _(),window.addEventListener("resize",c),()=>{var n;window.removeEventListener("resize",c),(n=c.kill)==null||n.call(c),s&&s.kill(),r&&(r.innerHTML=v,a.gsap.set(r,{y:0}))}},[j]),e.jsxs("section",{ref:R,className:t.default.root,children:[e.jsx("div",{className:t.default.backgroundImage,style:{backgroundImage:`url(${B})`}}),e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.leftContent,children:e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{ref:p,children:e.jsx(x.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:E})}),e.jsx("div",{ref:i,className:t.default.scrollableLabelsWrapper,children:e.jsx("ul",{className:t.default.scrollableLabels,children:j.map((o,u)=>e.jsx("li",{className:t.default.scrollableLabel,children:e.jsx(d.Typography,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"span",children:o})},u))})}),e.jsx("div",{ref:h,children:e.jsx(x.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:P})})]})}),e.jsx("div",{ref:T,className:t.default.subtitleWrapper,children:e.jsx(x.HighlightedTitle,{defaultVariant:"labelMd",mobileVariant:"labelSm",as:"div",className:t.default.subtitle,title:A})}),e.jsx("div",{ref:N,className:t.default.arrowWrapper,children:e.jsxs(d.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:t.default.arrow,as:"p",children:["(",e.jsx(w.Icon,{name:M.EIconName.ARROW_FORWARD}),")"]})}),e.jsx("div",{className:t.default.rightContent,children:e.jsxs("div",{className:t.default.descriptionWrapper,children:[e.jsx("div",{ref:m,children:e.jsx(d.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:t.default.description,children:C})}),e.jsx("div",{ref:g,className:t.default.buttonWrapper,children:f&&e.jsx(X.Button,{as:f?"a":"button",href:f,variant:"secondary",size:"lg",children:k})}),e.jsxs("div",{ref:y,className:t.default.hsaEligible,children:[e.jsx(w.Icon,{name:M.EIconName.CIRCLE_CHECK_FILL,className:t.default.checkIcon}),e.jsx(d.Typography,{as:"p",defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.hsaText,children:W})]})]})})]})]})};exports.CallToAction=G;

package/dist/modules/CallToAction/CallToAction.es.js

@@ -62,7 +62,7 @@ const ne = ({
         },
         scrollTrigger: {
           trigger: V.current,
-          start: "top center",
+          start: "top 80%",
           end: "+=500"
         }
       }
@@ -141,7 +141,16 @@ const ne = ({
         ")"
       ] }) }),
       /* @__PURE__ */ e("div", { className: r.rightContent, children: /* @__PURE__ */ s("div", { className: r.descriptionWrapper, children: [
-        /* @__PURE__ */ e("div", { ref: b, children: /* @__PURE__ */ e(u, { defaultVariant: "bodyLg", mobileVariant: "bodyMd", className: r.description, children: X }) }),
+        /* @__PURE__ */ e("div", { ref: b, children: /* @__PURE__ */ e(
+          u,
+          {
+            as: "p",
+            defaultVariant: "bodyLg",
+            mobileVariant: "bodyMd",
+            className: r.description,
+            children: X
+          }
+        ) }),
         /* @__PURE__ */ e("div", { ref: g, className: r.buttonWrapper, children: f && /* @__PURE__ */ e(
           j,
           {
@@ -154,7 +163,16 @@ const ne = ({
         ) }),
         /* @__PURE__ */ s("div", { ref: y, className: r.hsaEligible, children: [
           /* @__PURE__ */ e(A, { name: I.CIRCLE_CHECK_FILL, className: r.checkIcon }),
-          /* @__PURE__ */ e(u, { defaultVariant: "bodySm", mobileVariant: "bodySm", className: r.hsaText, children: _ })
+          /* @__PURE__ */ e(
+            u,
+            {
+              as: "p",
+              defaultVariant: "bodySm",
+              mobileVariant: "bodySm",
+              className: r.hsaText,
+              children: _
+            }
+          )
         ] })
       ] }) })
     ] })

package/dist/modules/HSModal/HSModal.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./components/MailchimpModal/MailchimpModal.cjs.js"),r=require("./useHSModal.cjs.js"),d=require("./hsModal.module.css.cjs.js"),u=l=>{const{isOpen:a,closeModal:i,handleClick:n,handleOverlayClick:c}=r.useHSModal({id:l.id,initiallyOpen:l.initiallyOpen,trigger:l.trigger,onCloseCallback:l.onCloseCallback,onClickCallback:l.onClickCallback}),o=()=>{switch(l.type){case"mailchimp":return e.jsx(t.MailchimpModal,{...l,onCloseCallback:i,onClickCallback:n});default:return null}};return a?e.jsx("div",{className:d.default.overlay,onClick:c,children:o()}):null};exports.HSModal=u;

package/dist/modules/HSModal/HSModal.d.ts

@@ -0,0 +1,4 @@
+import { TMailchimpModal } from './types';
+
+export type HSModalProps = TMailchimpModal;
+export declare const HSModal: (props: HSModalProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/modules/HSModal/HSModal.es.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { MailchimpModal as t } from "./components/MailchimpModal/MailchimpModal.es.js";
+import { useHSModal as r } from "./useHSModal.es.js";
+import C from "./hsModal.module.css.es.js";
+const u = (l) => {
+  const { isOpen: i, closeModal: a, handleClick: n, handleOverlayClick: o } = r({
+    id: l.id,
+    initiallyOpen: l.initiallyOpen,
+    trigger: l.trigger,
+    onCloseCallback: l.onCloseCallback,
+    onClickCallback: l.onClickCallback
+  }), c = () => {
+    switch (l.type) {
+      case "mailchimp":
+        return /* @__PURE__ */ e(t, { ...l, onCloseCallback: a, onClickCallback: n });
+      default:
+        return null;
+    }
+  };
+  return i ? /* @__PURE__ */ e("div", { className: C.overlay, onClick: o, children: c() }) : null;
+};
+export {
+  u as HSModal
+};