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

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

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

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

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

package/dist/modules/FAQModule/FAQModule.cjs.js

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

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

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

package/dist/modules/ScienceHero/ScienceHeroCursor.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("react"),C=require("react-dom"),p=require("./scienceHero.module.css.cjs.js");function L({children:s,backgroundImage:w,cursorLink:v}){const[i,x]=t.useState({x:0,y:0}),[h,m]=t.useState(0),[$,c]=t.useState(!1),[g,l]=t.useState(!1),[o,b]=t.useState(null),[r,M]=t.useState(!1);t.useEffect(()=>{l(!0);const e=()=>M(window.innerWidth<=768);return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),l(!1)}},[]),t.useEffect(()=>{if(r)return;const e=f=>{x({x:f.clientX,y:f.clientY})},d=()=>{m(window.scrollY)};return window.addEventListener("mousemove",e),window.addEventListener("scroll",d),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("scroll",d)}},[r]);const S=e=>{r||(b(e.currentTarget.getBoundingClientRect()),c(!0))},y=()=>{r||c(!1)},E=()=>{window.location.href=v};if(typeof window>"u")return s;if(r)return n.jsx(n.Fragment,{children:s});const u=`circle(270px at ${i.x}px ${i.y}px)`,a=$&&o&&n.jsx("div",{className:p.default.cursorContainer,style:{position:"fixed",top:`${o.top}px`,left:`${o.left}px`,width:`${o.width}px`,height:`${o.height}px`,overflow:"hidden",cursor:"pointer"},children:n.jsx("div",{className:p.default.normalBackground,style:{position:"absolute",top:`${-o.top}px`,left:`${-o.left}px`,backgroundImage:`url(${w})`,clipPath:u,WebkitClipPath:u,backgroundPosition:`center ${-h}px`}})});return n.jsxs(n.Fragment,{children:[n.jsx("div",{"data-type":"hero",onMouseEnter:S,onMouseLeave:y,onClick:E,style:{cursor:"pointer"},children:s}),g&&a&&C.createPortal(a,document.body)]})}exports.ScienceHeroCursor=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("./components/ScienceClientCursor.cjs.js"),c=require("./components/ScienceServerCursor.cjs.js");function u({children:e,backgroundImage:n,cursorLink:i}){return typeof window>"u"?r.jsx(c.ScienceServerCursor,{children:e}):r.jsx(o.ScienceClientCursor,{backgroundImage:n,cursorLink:i,children:e})}exports.ScienceHeroCursor=u;

package/dist/modules/ScienceHero/ScienceHeroCursor.d.ts

@@ -1,9 +1,8 @@
 import { default as React } from 'react';
 
-type ScienceHeroCursorProps = {
+export type ScienceHeroCursorProps = {
     children: React.ReactNode;
     backgroundImage: string;
     cursorLink: string;
 };
-export declare function ScienceHeroCursor({ children, backgroundImage, cursorLink }: ScienceHeroCursorProps): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
-export {};
+export declare function ScienceHeroCursor({ children, backgroundImage, cursorLink }: ScienceHeroCursorProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/ScienceHero/ScienceHeroCursor.es.js

@@ -1,85 +1,9 @@
-"use client";
-import { jsx as r, Fragment as p, jsxs as P } from "react/jsx-runtime";
-import { useState as o, useEffect as w } from "react";
-import { createPortal as R } from "react-dom";
-import m from "./scienceHero.module.css.es.js";
-function z({ children: s, backgroundImage: h, cursorLink: v }) {
-  const [i, x] = o({ x: 0, y: 0 }), [M, b] = o(0), [g, l] = o(!1), [y, c] = o(!1), [t, $] = o(null), [n, E] = o(!1);
-  w(() => {
-    c(!0);
-    const e = () => E(window.innerWidth <= 768);
-    return e(), window.addEventListener("resize", e), () => {
-      window.removeEventListener("resize", e), c(!1);
-    };
-  }, []), w(() => {
-    if (n) return;
-    const e = (f) => {
-      x({
-        x: f.clientX,
-        y: f.clientY
-      });
-    }, a = () => {
-      b(window.scrollY);
-    };
-    return window.addEventListener("mousemove", e), window.addEventListener("scroll", a), () => {
-      window.removeEventListener("mousemove", e), window.removeEventListener("scroll", a);
-    };
-  }, [n]);
-  const C = (e) => {
-    n || ($(e.currentTarget.getBoundingClientRect()), l(!0));
-  }, L = () => {
-    n || l(!1);
-  }, k = () => {
-    window.location.href = v;
-  };
-  if (typeof window > "u") return s;
-  if (n)
-    return /* @__PURE__ */ r(p, { children: s });
-  const d = `circle(270px at ${i.x}px ${i.y}px)`, u = g && t && /* @__PURE__ */ r(
-    "div",
-    {
-      className: m.cursorContainer,
-      style: {
-        position: "fixed",
-        top: `${t.top}px`,
-        left: `${t.left}px`,
-        width: `${t.width}px`,
-        height: `${t.height}px`,
-        overflow: "hidden",
-        cursor: "pointer"
-      },
-      children: /* @__PURE__ */ r(
-        "div",
-        {
-          className: m.normalBackground,
-          style: {
-            position: "absolute",
-            top: `${-t.top}px`,
-            left: `${-t.left}px`,
-            backgroundImage: `url(${h})`,
-            clipPath: d,
-            WebkitClipPath: d,
-            backgroundPosition: `center ${-M}px`
-          }
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ P(p, { children: [
-    /* @__PURE__ */ r(
-      "div",
-      {
-        "data-type": "hero",
-        onMouseEnter: C,
-        onMouseLeave: L,
-        onClick: k,
-        style: { cursor: "pointer" },
-        children: s
-      }
-    ),
-    y && u && R(u, document.body)
-  ] });
+import { jsx as e } from "react/jsx-runtime";
+import { ScienceClientCursor as n } from "./components/ScienceClientCursor.es.js";
+import { ScienceServerCursor as t } from "./components/ScienceServerCursor.es.js";
+function m({ children: r, backgroundImage: o, cursorLink: i }) {
+  return typeof window > "u" ? /* @__PURE__ */ e(t, { children: r }) : /* @__PURE__ */ e(n, { backgroundImage: o, cursorLink: i, children: r });
 }
 export {
-  z as ScienceHeroCursor
+  m as ScienceHeroCursor
 };

package/dist/modules/ScienceHero/components/ScienceClientCursor.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("react"),E=require("react-dom"),p=require("../scienceHero.module.css.cjs.js");function L({children:r,backgroundImage:w,cursorLink:h}){const[i,v]=t.useState({x:0,y:0}),[x,m]=t.useState(0),[$,c]=t.useState(!1),[g,l]=t.useState(!1),[o,b]=t.useState(null),[s,M]=t.useState(!1);t.useEffect(()=>{l(!0);const e=()=>M(window.innerWidth<=768);return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),l(!1)}},[]),t.useEffect(()=>{if(s)return;const e=f=>{v({x:f.clientX,y:f.clientY})},d=()=>{m(window.scrollY)};return window.addEventListener("mousemove",e),window.addEventListener("scroll",d),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("scroll",d)}},[s]);const S=e=>{s||(b(e.currentTarget.getBoundingClientRect()),c(!0))},C=()=>{s||c(!1)},y=()=>{window.location.href=h};if(s)return n.jsx(n.Fragment,{children:r});const u=`circle(270px at ${i.x}px ${i.y}px)`,a=$&&o&&n.jsx("div",{className:p.default.cursorContainer,style:{position:"fixed",top:`${o.top}px`,left:`${o.left}px`,width:`${o.width}px`,height:`${o.height}px`,overflow:"hidden",cursor:"pointer"},children:n.jsx("div",{className:p.default.normalBackground,style:{position:"absolute",top:`${-o.top}px`,left:`${-o.left}px`,backgroundImage:`url(${w})`,clipPath:u,WebkitClipPath:u,backgroundPosition:`center ${-x}px`}})});return n.jsxs(n.Fragment,{children:[n.jsx("div",{"data-type":"hero",onMouseEnter:S,onMouseLeave:C,onClick:y,style:{cursor:"pointer"},children:r}),g&&a&&E.createPortal(a,document.body)]})}exports.ScienceClientCursor=L;

package/dist/modules/ScienceHero/components/ScienceClientCursor.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+type ScienceClientCursorProps = {
+    children: React.ReactNode;
+    backgroundImage: string;
+    cursorLink: string;
+};
+export declare function ScienceClientCursor({ children, backgroundImage, cursorLink }: ScienceClientCursorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/ScienceHero/components/ScienceClientCursor.es.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx as r, Fragment as f, jsxs as P } from "react/jsx-runtime";
+import { useState as o, useEffect as m } from "react";
+import { createPortal as R } from "react-dom";
+import w from "../scienceHero.module.css.es.js";
+function z({ children: s, backgroundImage: h, cursorLink: v }) {
+  const [i, x] = o({ x: 0, y: 0 }), [M, b] = o(0), [g, l] = o(!1), [$, c] = o(!1), [t, y] = o(null), [n, C] = o(!1);
+  m(() => {
+    c(!0);
+    const e = () => C(window.innerWidth <= 768);
+    return e(), window.addEventListener("resize", e), () => {
+      window.removeEventListener("resize", e), c(!1);
+    };
+  }, []), m(() => {
+    if (n) return;
+    const e = (p) => {
+      x({
+        x: p.clientX,
+        y: p.clientY
+      });
+    }, u = () => {
+      b(window.scrollY);
+    };
+    return window.addEventListener("mousemove", e), window.addEventListener("scroll", u), () => {
+      window.removeEventListener("mousemove", e), window.removeEventListener("scroll", u);
+    };
+  }, [n]);
+  const E = (e) => {
+    n || (y(e.currentTarget.getBoundingClientRect()), l(!0));
+  }, L = () => {
+    n || l(!1);
+  }, k = () => {
+    window.location.href = v;
+  };
+  if (n)
+    return /* @__PURE__ */ r(f, { children: s });
+  const a = `circle(270px at ${i.x}px ${i.y}px)`, d = g && t && /* @__PURE__ */ r(
+    "div",
+    {
+      className: w.cursorContainer,
+      style: {
+        position: "fixed",
+        top: `${t.top}px`,
+        left: `${t.left}px`,
+        width: `${t.width}px`,
+        height: `${t.height}px`,
+        overflow: "hidden",
+        cursor: "pointer"
+      },
+      children: /* @__PURE__ */ r(
+        "div",
+        {
+          className: w.normalBackground,
+          style: {
+            position: "absolute",
+            top: `${-t.top}px`,
+            left: `${-t.left}px`,
+            backgroundImage: `url(${h})`,
+            clipPath: a,
+            WebkitClipPath: a,
+            backgroundPosition: `center ${-M}px`
+          }
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ P(f, { children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        "data-type": "hero",
+        onMouseEnter: E,
+        onMouseLeave: L,
+        onClick: k,
+        style: { cursor: "pointer" },
+        children: s
+      }
+    ),
+    $ && d && R(d, document.body)
+  ] });
+}
+export {
+  z as ScienceClientCursor
+};

package/dist/modules/ScienceHero/components/ScienceServerCursor.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=({children:e})=>e;exports.ScienceServerCursor=r;

package/dist/modules/ScienceHero/components/ScienceServerCursor.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+export declare const ScienceServerCursor: ({ children }: {
+    children: React.ReactNode;
+}) => React.ReactNode;

package/dist/modules/ScienceHero/components/ScienceServerCursor.es.js

@@ -0,0 +1,4 @@
+const e = ({ children: r }) => r;
+export {
+  e as ScienceServerCursor
+};

package/package.json

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