@zenpatient-org/healthspan-marketing-ui 0.1.31 → 0.1.33

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                      */;/* empty css                       */;/* empty css                        */;/* empty css                      */;/* empty css                        */const e=require("./styles/typography.module.css.cjs.js");exports.typography=e.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                      */;/* empty css                       */;/* empty css                        */;/* empty css                      */;/* empty css                        */;/* empty css                       */const e=require("./styles/typography.module.css.cjs.js");exports.typography=e.default;

package/dist/index.es.js

@@ -3,7 +3,8 @@
 /* empty css                      */
 /* empty css                    */
 /* empty css                      */
-import { default as e } from "./styles/typography.module.css.es.js";
+/* empty css                     */
+import { default as f } from "./styles/typography.module.css.es.js";
 export {
-  e as typography
+  f as typography
 };

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

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

package/dist/modules/AllInOne/AllInOne.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+
+type AllInOneProps = {
+    title1?: ReactNode;
+    title2?: ReactNode;
+    description?: string;
+    scrollLabels?: readonly string[];
+    images?: readonly string[];
+};
+export declare const AllInOne: ({ title1, title2, description, scrollLabels, images }: AllInOneProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,222 @@
+"use client";
+import { jsx as t, jsxs as O } from "react/jsx-runtime";
+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 U } from "../../node_modules/gsap/ScrollTrigger.es.js";
+import { useState as Y, useRef as g, useCallback as _ } from "react";
+import { HighlightedTitle as A } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as q } from "../../components/Typography/Typography.es.js";
+import { cn as I } from "../../utils/cn/cn.es.js";
+import F from "../../utils/debounce.es.js";
+import { CallToAction as J } from "../CallToAction/CallToAction.es.js";
+import r from "./allInOne.module.css.es.js";
+e.registerPlugin(U);
+const X = [
+  "health",
+  "energy",
+  "strength",
+  "smiles",
+  "balance",
+  "sleep",
+  "miles",
+  "love",
+  "fun",
+  "years"
+], {
+  subtitle: D,
+  titleTop: M,
+  scrollableLabels: K,
+  titleBottom: Q,
+  description: Z,
+  hsaText: ee,
+  buttonText: te,
+  buttonLink: ie,
+  backgroundImage: ne
+} = {
+  subtitle: /* @__PURE__ */ t("p", { children: "YOUR LONGEVITY JOURNEY" }),
+  titleTop: /* @__PURE__ */ t("p", { children: "Get more" }),
+  scrollableLabels: X,
+  titleBottom: /* @__PURE__ */ t("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"
+}, he = ({ title1: B, title2: E, description: V, scrollLabels: R, images: C }) => {
+  const [k, W] = Y(!1), T = 932, f = g(null), l = g(null), d = g(null), p = g(null), u = g(null), s = g(null), S = _(() => {
+    if (!l.current || !f.current || !d.current || !p.current || !u.current || !s.current)
+      return;
+    const o = f.current, i = l.current, a = d.current, c = p.current, h = u.current, b = s.current, w = h.querySelectorAll("p");
+    if (w.length === 0) return;
+    w.forEach((m, n) => {
+      m.style.zIndex = String(w.length - n);
+    });
+    const y = i.querySelectorAll("img"), H = y.length;
+    y.forEach((m, n) => {
+      m.style.zIndex = String(H - n);
+    });
+    const N = o.scrollHeight / H, P = 0.8;
+    H > 0 && y.forEach((m, n) => {
+      const v = n * N, j = (n + 1) * N - P * N;
+      e.fromTo(
+        [m, w[n]],
+        { opacity: 1 },
+        {
+          opacity: 0,
+          scrollTrigger: {
+            trigger: o,
+            start: () => `top+=${v} top`,
+            end: () => `top+=${j} top`,
+            scrub: !0
+          }
+        }
+      );
+    });
+    const $ = i.getBoundingClientRect(), L = a.getBoundingClientRect(), x = o.getBoundingClientRect();
+    e.set(h, {
+      y: `${$.bottom - x.top + 20}px`
+    }), window.innerWidth > T ? (e.set(a, {
+      x: `${$.left - L.width - 50}px`
+    }), e.set(c, {
+      x: `${$.right + 25}px`
+    })) : (e.set(a, {
+      top: `${x.top - c.clientHeight - 25}px`
+    }), e.set(c, {
+      top: `${x.top - 25}px`
+    }));
+    const z = window.getComputedStyle(i).borderRadius;
+    e.to(i, {
+      scale: 1,
+      scrollTrigger: {
+        trigger: o,
+        start: "top top",
+        end: "95% bottom",
+        scrub: !0,
+        onUpdate: (m) => {
+          if (!l.current || !s.current || !a || !c)
+            return;
+          const n = i.getBoundingClientRect();
+          window.innerWidth > T ? (e.set(a, {
+            x: `${n.left - L.width - 50}px`
+          }), e.set(c, {
+            x: `${n.right + 25}px`
+          })) : (e.set(a, {
+            y: `${n.top - x.top - 25}px`
+          }), e.set(c, {
+            y: `${n.top - x.top - 25}px`
+          })), e.set(h, {
+            y: `${n.bottom + 20}px`
+          });
+          const v = s.current.getBoundingClientRect();
+          n.bottom + 60 >= v.top ? e.to(b, { opacity: 0, duration: 0.3 }) : e.to(b, { opacity: 1, duration: 0.3 }), m.progress >= 0.99 ? (e.to(i, {
+            borderRadius: 0,
+            duration: 0.3,
+            ease: "power1.inOut"
+          }), e.to(y, {
+            opacity: 0,
+            duration: 0.3,
+            ease: "power1.inOut"
+          })) : e.to(i, {
+            borderRadius: z,
+            duration: 0.3,
+            ease: "power1.inOut"
+          });
+        }
+      },
+      onComplete: () => {
+        W(!0);
+      }
+    });
+  }, [l, d, p, u, s]);
+  return G(
+    () => {
+      if (!l.current || !f.current || !d.current || !p || !u.current || !s.current)
+        return;
+      const o = l.current, i = d.current, a = p.current, c = u.current, h = s.current;
+      window.innerWidth <= T ? e.set(o, {
+        aspectRatio: `${window.innerWidth} / ${window.innerHeight}`,
+        scale: 0.5
+      }) : e.set(o, {
+        scale: 0.3,
+        aspectRatio: `${window.innerWidth} / ${window.innerHeight}`
+      }), S();
+      const b = F(S, 600);
+      return window.addEventListener("resize", () => {
+        b();
+      }), () => {
+        window.removeEventListener("resize", b), e.killTweensOf([o, c, i, a, h]);
+      };
+    },
+    {
+      scope: f,
+      dependencies: [
+        f,
+        l,
+        d,
+        p,
+        u,
+        S
+      ]
+    }
+  ), /* @__PURE__ */ t("div", { className: r.root, children: /* @__PURE__ */ t("div", { ref: f, className: r.container, children: /* @__PURE__ */ O("div", { className: r.pillContainerWrapper, children: [
+    /* @__PURE__ */ O("div", { ref: l, className: I("pillContainer", r.pillContainer), children: [
+      C == null ? void 0 : C.map((o, i) => /* @__PURE__ */ t("img", { src: o, alt: `Image ${i + 1}` }, i)),
+      /* @__PURE__ */ t("div", { className: r.callToActionContainer, children: k && /* @__PURE__ */ t(
+        J,
+        {
+          subtitle: D,
+          titleTop: M,
+          scrollableLabels: K,
+          titleBottom: Q,
+          description: Z,
+          hsaText: ee,
+          buttonText: te,
+          buttonLink: ie,
+          backgroundImage: ne
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t("div", { ref: d, className: r.fixedHeader, children: /* @__PURE__ */ t(
+      A,
+      {
+        className: r.title1,
+        as: "div",
+        defaultVariant: "displayXs",
+        title: B
+      }
+    ) }),
+    /* @__PURE__ */ t("div", { ref: p, className: r.fixedHeader, children: /* @__PURE__ */ t(
+      A,
+      {
+        className: r.title2,
+        as: "div",
+        defaultVariant: "displayXs",
+        title: E
+      }
+    ) }),
+    /* @__PURE__ */ t("div", { ref: u, className: I("scrollableLabels", r.scrollableLabels), children: R == null ? void 0 : R.map((o, i) => /* @__PURE__ */ t(
+      q,
+      {
+        as: "p",
+        defaultVariant: "labelLg",
+        mobileVariant: "labelSm",
+        className: r.scrollLabel,
+        children: o
+      },
+      i
+    )) }),
+    /* @__PURE__ */ t("div", { ref: s, className: I("description", r.description), children: /* @__PURE__ */ t(
+      A,
+      {
+        as: "p",
+        defaultVariant: "preambleMd",
+        mobileVariant: "preambleSm",
+        title: V,
+        className: r.descriptionText
+      }
+    ) })
+  ] }) }) });
+};
+export {
+  he as AllInOne
+};

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

@@ -0,0 +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;

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

@@ -0,0 +1,23 @@
+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,
+  pillContainerWrapper: n,
+  pillContainer: o,
+  callToActionContainer: _,
+  fixedHeader: t,
+  scrollableLabels: a,
+  description: i,
+  descriptionText: r
+};
+export {
+  _ as callToActionContainer,
+  l as container,
+  c as default,
+  i as description,
+  r as descriptionText,
+  t as fixedHeader,
+  o as pillContainer,
+  n as pillContainerWrapper,
+  e as root,
+  a as scrollableLabels
+};

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

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

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

@@ -0,0 +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"),t=require("./callToAction.module.css.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");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;

package/dist/modules/CallToAction/CallToAction.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+
+export type CallToActionProps = {
+    subtitle: ReactNode;
+    titleTop: ReactNode;
+    scrollableLabels: string[];
+    titleBottom: ReactNode;
+    description: string;
+    hsaText: string;
+    buttonText: string;
+    buttonLink?: string;
+    backgroundImage: string;
+    onButtonClick?: () => void;
+};
+export declare const CallToAction: ({ subtitle, titleTop, scrollableLabels, titleBottom, description, hsaText, buttonText, buttonLink, backgroundImage, }: CallToActionProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/modules/CallToAction/callToAction.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="callToAction-module__root___-Mx9p",t="callToAction-module__backgroundImage___ArlBX",e="callToAction-module__container___GcKf3",l="callToAction-module__leftContent___H0JJW",c="callToAction-module__content___UUQA-",_="callToAction-module__arrowWrapper___E9SUH",r="callToAction-module__arrow___zEmD9",n="callToAction-module__rightContent___P6E8E",a="callToAction-module__subtitleWrapper___rkYN-",i="callToAction-module__subtitle___3OYsg",s="callToAction-module__title___tF4ct",p="callToAction-module__scrollableLabels___rtBOU",u="callToAction-module__scrollableLabelsWrapper___kMiEE",b="callToAction-module__descriptionWrapper___wZ-TI",d="callToAction-module__buttonWrapper___y6mvR",m="callToAction-module__description___APtkj",T="callToAction-module__hsaEligible___zmkav",A="callToAction-module__checkIcon___kasFP",W="callToAction-module__hsaText___0MzD7",g={root:o,backgroundImage:t,container:e,leftContent:l,content:c,arrowWrapper:_,arrow:r,rightContent:n,subtitleWrapper:a,subtitle:i,title:s,scrollableLabels:p,scrollableLabelsWrapper:u,descriptionWrapper:b,buttonWrapper:d,description:m,hsaEligible:T,checkIcon:A,hsaText:W};exports.arrow=r;exports.arrowWrapper=_;exports.backgroundImage=t;exports.buttonWrapper=d;exports.checkIcon=A;exports.container=e;exports.content=c;exports.default=g;exports.description=m;exports.descriptionWrapper=b;exports.hsaEligible=T;exports.hsaText=W;exports.leftContent=l;exports.rightContent=n;exports.root=o;exports.scrollableLabels=p;exports.scrollableLabelsWrapper=u;exports.subtitle=i;exports.subtitleWrapper=a;exports.title=s;

package/dist/modules/CallToAction/callToAction.module.css.es.js

@@ -0,0 +1,43 @@
+const o = "callToAction-module__root___-Mx9p", t = "callToAction-module__backgroundImage___ArlBX", l = "callToAction-module__container___GcKf3", _ = "callToAction-module__leftContent___H0JJW", e = "callToAction-module__content___UUQA-", c = "callToAction-module__arrowWrapper___E9SUH", n = "callToAction-module__arrow___zEmD9", a = "callToAction-module__rightContent___P6E8E", r = "callToAction-module__subtitleWrapper___rkYN-", s = "callToAction-module__subtitle___3OYsg", i = "callToAction-module__title___tF4ct", p = "callToAction-module__scrollableLabels___rtBOU", u = "callToAction-module__scrollableLabelsWrapper___kMiEE", d = "callToAction-module__descriptionWrapper___wZ-TI", b = "callToAction-module__buttonWrapper___y6mvR", m = "callToAction-module__description___APtkj", T = "callToAction-module__hsaEligible___zmkav", A = "callToAction-module__checkIcon___kasFP", W = "callToAction-module__hsaText___0MzD7", g = {
+  root: o,
+  backgroundImage: t,
+  container: l,
+  leftContent: _,
+  content: e,
+  arrowWrapper: c,
+  arrow: n,
+  rightContent: a,
+  subtitleWrapper: r,
+  subtitle: s,
+  title: i,
+  scrollableLabels: p,
+  scrollableLabelsWrapper: u,
+  descriptionWrapper: d,
+  buttonWrapper: b,
+  description: m,
+  hsaEligible: T,
+  checkIcon: A,
+  hsaText: W
+};
+export {
+  n as arrow,
+  c as arrowWrapper,
+  t as backgroundImage,
+  b as buttonWrapper,
+  A as checkIcon,
+  l as container,
+  e as content,
+  g as default,
+  m as description,
+  d as descriptionWrapper,
+  T as hsaEligible,
+  W as hsaText,
+  _ as leftContent,
+  a as rightContent,
+  o as root,
+  p as scrollableLabels,
+  u as scrollableLabelsWrapper,
+  s as subtitle,
+  r as subtitleWrapper,
+  i as title
+};

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

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

package/dist/modules/HighestStandards/components/TabsMenu/TabsMenu.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),a=require("./components/TabsMenutem/TabsMenuItem.cjs.js"),i=require("./tabsMenu.module.css.cjs.js"),l=({items:s})=>{const[c,o]=r.useState(0),u=t=>{o(e=>e===t?e:t)};return n.jsx("div",{className:i.default.root,children:s.map((t,e)=>n.jsx(a.TabsMenuItem,{title:t.title,content:t.content,isOpen:c===e,index:e,onClick:u},e))})};exports.TabsMenu=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),a=require("./components/TabsMenutem/TabsMenuItem.cjs.js"),l=require("./tabsMenu.module.css.cjs.js"),i=({items:s})=>{const[u,c]=r.useState(0),o=e=>{c(t=>t===e?null:e)};return n.jsx("div",{className:l.default.root,children:s.map((e,t)=>n.jsx(a.TabsMenuItem,{title:e.title,content:e.content,isOpen:u===t,index:t,onClick:o},t))})};exports.TabsMenu=i;

package/dist/modules/HighestStandards/components/TabsMenu/TabsMenu.es.js

@@ -1,22 +1,22 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
 import { useState as m } from "react";
-import { TabsMenuItem as i } from "./components/TabsMenutem/TabsMenuItem.es.js";
-import l from "./tabsMenu.module.css.es.js";
-const I = ({ items: s }) => {
-  const [n, r] = m(0), c = (e) => {
-    r((t) => t === e ? t : e);
+import { TabsMenuItem as l } from "./components/TabsMenutem/TabsMenuItem.es.js";
+import i from "./tabsMenu.module.css.es.js";
+const I = ({ items: n }) => {
+  const [s, r] = m(0), c = (t) => {
+    r((e) => e === t ? null : t);
   };
-  return /* @__PURE__ */ o("div", { className: l.root, children: s.map((e, t) => /* @__PURE__ */ o(
-    i,
+  return /* @__PURE__ */ o("div", { className: i.root, children: n.map((t, e) => /* @__PURE__ */ o(
+    l,
     {
-      title: e.title,
-      content: e.content,
-      isOpen: n === t,
-      index: t,
+      title: t.title,
+      content: t.content,
+      isOpen: s === e,
+      index: e,
       onClick: c
     },
-    t
+    e
   )) });
 };
 export {

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/TabsMenuItem.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../../../../utils/cn/cn.cjs.js"),a=require("../../../../../../components/Icon/Icon.cjs.js"),s=require("../../../../../../components/Icon/constants.cjs.js"),t=require("../../../../../../components/Typography/Typography.cjs.js"),n=require("./tabsMenuItem.module.css.cjs.js"),u=({title:r,content:i,isOpen:c,index:l,onClick:d})=>e.jsxs("div",{onClick:()=>d(l??0),className:n.default.root,children:[e.jsxs("div",{className:n.default.header,children:[e.jsxs("div",{className:n.default.titleWithPrefixIconWrapper,children:[e.jsx(a.Icon,{name:s.EIconName.CIRCLE_CHECK_FILL,className:n.default.prefixIcon}),e.jsx(t.Typography,{defaultVariant:"headingSm",mobileVariant:"headingXxs",children:r})]}),e.jsxs("div",{className:n.default.closeButtonWrapper,children:[e.jsx(a.Icon,{name:s.EIconName.BRACKET_LEFT}),e.jsx("div",{className:o.cn(n.default.closeButton,{[n.default.closeButtonActive]:c}),children:e.jsx(a.Icon,{name:s.EIconName.PLUS})}),e.jsx(a.Icon,{name:s.EIconName.BRACKET_RIGHT})]})]}),e.jsx("div",{className:o.cn(n.default.description,{[n.default.descriptionShow]:c}),children:e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",mobileVariant:"bodyXs",children:i})})]});exports.TabsMenuItem=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../../../utils/cn/cn.cjs.js"),a=require("../../../../../../components/Icon/Icon.cjs.js"),s=require("../../../../../../components/Icon/constants.cjs.js"),o=require("../../../../../../components/Typography/Typography.cjs.js"),n=require("./tabsMenuItem.module.css.cjs.js"),u=({title:r,content:i,isOpen:c,index:l,onClick:d})=>e.jsxs("div",{onClick:()=>d(l??0),className:n.default.root,children:[e.jsxs("div",{className:n.default.header,children:[e.jsxs("div",{className:n.default.titleWithPrefixIconWrapper,children:[e.jsx(a.Icon,{name:s.EIconName.CIRCLE_CHECK_FILL,className:n.default.prefixIcon}),e.jsx(o.Typography,{defaultVariant:"headingSm",mobileVariant:"headingXxs",children:r})]}),e.jsxs("div",{className:n.default.closeButtonWrapper,children:[e.jsx(a.Icon,{name:s.EIconName.BRACKET_LEFT}),e.jsx("div",{className:t.cn(n.default.closeButton,{[n.default.closeButtonActive]:c}),children:e.jsx(a.Icon,{name:s.EIconName.PLUS})}),e.jsx(a.Icon,{name:s.EIconName.BRACKET_RIGHT})]})]}),e.jsx("div",{className:t.cn(n.default.description,{[n.default.descriptionShow]:c}),children:e.jsx("div",{className:n.default.descriptionInner,children:e.jsx(o.Typography,{as:"p",defaultVariant:"bodySm",mobileVariant:"bodyXs",children:i})})})]});exports.TabsMenuItem=u;

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/TabsMenuItem.es.js

@@ -1,31 +1,31 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { cn as t } from "../../../../../../utils/cn/cn.es.js";
-import { Icon as i } from "../../../../../../components/Icon/Icon.es.js";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { cn as c } from "../../../../../../utils/cn/cn.es.js";
+import { Icon as a } from "../../../../../../components/Icon/Icon.es.js";
 import { EIconName as o } from "../../../../../../components/Icon/constants.es.js";
-import { Typography as m } from "../../../../../../components/Typography/Typography.es.js";
+import { Typography as s } from "../../../../../../components/Typography/Typography.es.js";
 import e from "./tabsMenuItem.module.css.es.js";
-const v = ({ title: c, content: s, isOpen: n, index: l, onClick: d }) => /* @__PURE__ */ a("div", { onClick: () => d(l ?? 0), className: e.root, children: [
-  /* @__PURE__ */ a("div", { className: e.header, children: [
-    /* @__PURE__ */ a("div", { className: e.titleWithPrefixIconWrapper, children: [
-      /* @__PURE__ */ r(i, { name: o.CIRCLE_CHECK_FILL, className: e.prefixIcon }),
-      /* @__PURE__ */ r(m, { defaultVariant: "headingSm", mobileVariant: "headingXxs", children: c })
+const u = ({ title: t, content: m, isOpen: n, index: l, onClick: d }) => /* @__PURE__ */ r("div", { onClick: () => d(l ?? 0), className: e.root, children: [
+  /* @__PURE__ */ r("div", { className: e.header, children: [
+    /* @__PURE__ */ r("div", { className: e.titleWithPrefixIconWrapper, children: [
+      /* @__PURE__ */ i(a, { name: o.CIRCLE_CHECK_FILL, className: e.prefixIcon }),
+      /* @__PURE__ */ i(s, { defaultVariant: "headingSm", mobileVariant: "headingXxs", children: t })
     ] }),
-    /* @__PURE__ */ a("div", { className: e.closeButtonWrapper, children: [
-      /* @__PURE__ */ r(i, { name: o.BRACKET_LEFT }),
-      /* @__PURE__ */ r(
+    /* @__PURE__ */ r("div", { className: e.closeButtonWrapper, children: [
+      /* @__PURE__ */ i(a, { name: o.BRACKET_LEFT }),
+      /* @__PURE__ */ i(
         "div",
         {
-          className: t(e.closeButton, {
+          className: c(e.closeButton, {
             [e.closeButtonActive]: n
           }),
-          children: /* @__PURE__ */ r(i, { name: o.PLUS })
+          children: /* @__PURE__ */ i(a, { name: o.PLUS })
         }
       ),
-      /* @__PURE__ */ r(i, { name: o.BRACKET_RIGHT })
+      /* @__PURE__ */ i(a, { name: o.BRACKET_RIGHT })
     ] })
   ] }),
-  /* @__PURE__ */ r("div", { className: t(e.description, { [e.descriptionShow]: n }), children: /* @__PURE__ */ r(m, { as: "p", defaultVariant: "bodySm", mobileVariant: "bodyXs", children: s }) })
+  /* @__PURE__ */ i("div", { className: c(e.description, { [e.descriptionShow]: n }), children: /* @__PURE__ */ i("div", { className: e.descriptionInner, children: /* @__PURE__ */ i(s, { as: "p", defaultVariant: "bodySm", mobileVariant: "bodyXs", children: m }) }) })
 ] });
 export {
-  v as TabsMenuItem
+  u as TabsMenuItem
 };