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

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"),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;

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 E } 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 g, 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: I,
+  images: j,
+  subtitle: ie,
+  titleTop: oe,
+  scrollableLabels: re,
+  titleBottom: se,
+  descriptionText: ae,
+  hsaText: le,
+  buttonText: ne,
+  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: [
+  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: [
     "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: [
@@ -71,183 +71,234 @@ const q = [
     "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"
+    "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_1_6d46345746.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), _ = 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)
       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 = 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 v = i.querySelectorAll("img"), R = v.length;
-    v.forEach((u, o) => {
-      u.style.zIndex = String(R - o);
+    const y = o.querySelectorAll('[data-type="image"]'), A = y.length;
+    y.forEach((l, t) => {
+      l.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;
+    const x = s.scrollHeight / A, O = 0.8;
+    A > 0 && y.forEach((l, t) => {
+      const C = t * x, v = (t + 1) * x - O * x;
       e.fromTo(
-        [u, x[o]],
+        [l, $[t]],
         { opacity: 1 },
         {
           opacity: 0,
           scrollTrigger: {
-            trigger: r,
-            start: () => `top+=${H} top`,
-            end: () => `top+=${E} top`,
+            trigger: s,
+            start: () => `top+=${C} top`,
+            end: () => `top+=${v} 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 T = o.getBoundingClientRect(), V = p.getBoundingClientRect(), q = s.getBoundingClientRect();
+    e.set(d, {
+      y: `${T.bottom - q.top + 20}px`
+    }), D.add(
+      {
+        isMobile: `(max-width: ${_ - 1}px)`,
+        isDesktop: `(min-width: ${_}px)`
+      },
+      (l) => {
+        const t = l.conditions, C = t == null ? void 0 : t.isMobile;
+        (t == null ? void 0 : t.isDesktop) && (e.set(p, {
+          x: `${T.left - V.width - 50}px`
+        }), e.set(a, {
+          x: `${T.right + 25}px`
+        })), C && (e.set(p, {
+          top: `${T.top - a.clientHeight - 25}px`
+        }), e.set(a, {
+          top: `${T.top - 25}px`
+        }));
+      }
+    );
+    const M = 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: (l) => {
+          if (!n.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: ${_ - 1}px)`,
+              isDesktop: `(min-width: ${_}px)`
+            },
+            (v) => {
+              const m = v.conditions, S = m == null ? void 0 : m.isMobile;
+              (m == null ? void 0 : m.isDesktop) && (e.set(p, {
+                x: `${t.left - V.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 = 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)
+            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")], {
+              opacity: 0,
+              duration: 0.8,
+              delay: 0.2,
+              ease: "power2.out",
+              overwrite: !0
+            }));
+          else if (e.to(o, {
+            borderRadius: M,
             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"
-          });
+          }), w.current) {
+            w.current = !1, B(!1), e.set(o, { borderRadius: M }), 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;
+              e.fromTo(
+                [m, v[S]],
+                { opacity: 1 },
+                {
+                  opacity: 0,
+                  scrollTrigger: {
+                    trigger: s,
+                    start: () => `top+=${P} top`,
+                    end: () => `top+=${z} top`,
+                    scrub: !0
+                  }
+                }
+              );
+            }), W.refresh();
+          }
         }
-      },
-      onComplete: () => {
-        k(!0);
       }
     });
-  }, [a, p, d, m, l]);
-  return V(
+  }, [n, u, f, h, c]);
+  return U(
     () => {
-      if (!a.current || !f.current || !p.current || !d || !m.current || !l.current)
+      if (!n.current || !b.current || !u.current || !f || !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 = n.current, o = u.current, p = f.current, a = h.current, d = c.current;
+      window.innerWidth <= _ ? 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 R = X(H, 600);
       return window.addEventListener("resize", () => {
-        b();
+        R();
       }), () => {
-        window.removeEventListener("resize", b), e.killTweensOf([r, c, i, s, g]);
+        window.removeEventListener("resize", R), e.killTweensOf([s, a, o, p, d]);
       };
     },
     {
-      scope: f,
+      scope: b,
       dependencies: [
+        b,
+        n,
+        u,
         f,
-        a,
-        p,
-        d,
-        m,
-        w
+        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: b, className: r.container, children: /* @__PURE__ */ E("div", { className: r.pillContainerWrapper, children: [
+    /* @__PURE__ */ E("div", { ref: n, className: L("pillContainer", r.pillContainer), children: [
+      j == null ? void 0 : j.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: le,
+          buttonText: ne,
+          buttonLink: ce,
+          backgroundImage: pe
         }
       ) })
     ] }),
-    /* @__PURE__ */ t("div", { ref: p, className: n.fixedHeader, children: /* @__PURE__ */ t(
-      S,
+    /* @__PURE__ */ i("div", { ref: u, 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: f, 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: I == null ? void 0 : I.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"),G=require("../../components/Button/Button.cjs.js"),p=require("../../components/Typography/Typography.cjs.js"),A=require("../../components/Icon/Icon.cjs.js"),C=require("../../components/Icon/constants.cjs.js"),v=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../node_modules/gsap/index.cjs.js"),K=require("../../node_modules/@gsap/react/src/index.cjs.js"),M=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),J=require("../../utils/debounce.cjs.js"),t=require("./callToAction.module.css.cjs.js");a.gsap.registerPlugin(M.ScrollTrigger);const Q=({subtitle:k,titleTop:P,scrollableLabels:R,titleBottom:B,description:W,hsaText:$,buttonText:O,buttonLink:g,backgroundImage:X})=>{const u=l.useRef(null),i=l.useRef(null),T=l.useRef(null),h=l.useRef(null),m=l.useRef(null),N=l.useRef(null),y=l.useRef(null),b=l.useRef(null),x=l.useRef(null);return K.useGSAP(()=>{var S,V,w;const d=u.current&&u.current.getBoundingClientRect().top<window.innerHeight*.8,f=(S=T.current)==null?void 0:S.querySelector("p"),q=(V=N.current)==null?void 0:V.querySelector("p"),z=[f,h.current,i.current,m.current,q,y.current,b.current,x.current].filter(Boolean);a.gsap.set(z,{clipPath:"inset(0% 0% 100% 0%)",yPercent:100});const o=a.gsap.to([f,h.current,i.current,m.current,q,y.current,b.current,x.current],{clipPath:"inset(0% 0% 0% 0%)",yPercent:0,duration:1,ease:"power2.out",delay:1,stagger:{amount:1,from:"start"},paused:!0});M.ScrollTrigger.create({trigger:u.current,start:"top 80%",end:"+=500",onEnter:()=>o.play(),onLeave:()=>o.reverse(),onEnterBack:()=>o.play(),onLeaveBack:()=>o.reverse()}),d&&a.gsap.delayedCall(.1,()=>{o.play()});const r=(w=i.current)==null?void 0:w.querySelector("ul");if(!r)return;const L=r.innerHTML;let n=null,_=!0;const H=()=>{n&&n.kill(),r.innerHTML=L,a.gsap.set(r,{y:0});const s=Array.from(r.querySelectorAll("li"));if(s.length<=1)return;const j=s[0].clientHeight;if(!j)return;a.gsap.set(i.current,{height:j,overflow:"hidden"});const I=Array.from(s);I.forEach(E=>{r.appendChild(E.cloneNode(!0))});const F=_&&!d?2.5:0;n=a.gsap.timeline({repeat:-1,delay:F,onRepeat:()=>{a.gsap.set(r,{y:0})}}),I.forEach((E,D)=>{n&&n.to({},{duration:2}).to(r,{y:`-${(D+1)*j}`,duration:.5,ease:"power1.inOut"})}),_=!1},c=J.default(H,200);return H(),window.addEventListener("resize",c),()=>{var s;window.removeEventListener("resize",c),(s=c.kill)==null||s.call(c),n&&n.kill(),r&&(r.innerHTML=L,a.gsap.set(r,{y:0}))}},[R]),e.jsxs("section",{ref:u,className:t.default.root,children:[e.jsx("div",{className:t.default.backgroundImage,style:{backgroundImage:`url(${X})`}}),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:h,children:e.jsx(v.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:P})}),e.jsx("div",{ref:i,className:t.default.scrollableLabelsWrapper,children:e.jsx("ul",{className:t.default.scrollableLabels,children:R.map((d,f)=>e.jsx("li",{className:t.default.scrollableLabel,children:e.jsx(p.Typography,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"span",children:d})},f))})}),e.jsx("div",{ref:m,children:e.jsx(v.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:B})})]})}),e.jsx("div",{ref:T,className:t.default.subtitleWrapper,children:e.jsx(v.HighlightedTitle,{defaultVariant:"labelMd",mobileVariant:"labelSm",as:"div",className:t.default.subtitle,title:k})}),e.jsx("div",{ref:N,className:t.default.arrowWrapper,children:e.jsxs(p.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:t.default.arrow,as:"p",children:["(",e.jsx(A.Icon,{name:C.EIconName.ARROW_FORWARD}),")"]})}),e.jsx("div",{className:t.default.rightContent,children:e.jsxs("div",{className:t.default.descriptionWrapper,children:[e.jsx("div",{ref:y,children:e.jsx(p.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:t.default.description,children:W})}),e.jsx("div",{ref:b,className:t.default.buttonWrapper,children:g&&e.jsx(G.Button,{as:g?"a":"button",href:g,variant:"secondary",size:"lg",children:O})}),e.jsxs("div",{ref:x,className:t.default.hsaEligible,children:[e.jsx(A.Icon,{name:C.EIconName.CIRCLE_CHECK_FILL,className:t.default.checkIcon}),e.jsx(p.Typography,{as:"p",defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.hsaText,children:$})]})]})})]})]})};exports.CallToAction=Q;