@zenpatient-org/healthspan-marketing-ui 0.1.39 → 0.1.40

package/dist/pageComponents/BiologicalAge/biologicalAge.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="biologicalAge-module__root___luBGX",e="biologicalAge-module__container___KquJP",t="biologicalAge-module__content___eOLjI",n="biologicalAge-module__image___bB1Mo",_="biologicalAge-module__textContainer___LCwuU",i={root:o,container:e,content:t,image:n,textContainer:_};exports.container=e;exports.content=t;exports.default=i;exports.image=n;exports.root=o;exports.textContainer=_;

package/dist/pageComponents/BiologicalAge/biologicalAge.module.css.es.js

@@ -0,0 +1,15 @@
+const o = "biologicalAge-module__root___luBGX", t = "biologicalAge-module__container___KquJP", e = "biologicalAge-module__content___eOLjI", _ = "biologicalAge-module__image___bB1Mo", n = "biologicalAge-module__textContainer___LCwuU", i = {
+  root: o,
+  container: t,
+  content: e,
+  image: _,
+  textContainer: n
+};
+export {
+  t as container,
+  e as content,
+  i as default,
+  _ as image,
+  o as root,
+  n as textContainer
+};

package/dist/pageComponents/BiologicalAge/index.d.ts

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

package/dist/pageComponents/Bubbles/Bubbles.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("react"),n=require("../../utils/cn/cn.cjs.js"),e=require("./bubbles.module.css.cjs.js"),r=["xs","lg","sm","sm","xl","sm","xl","xl","xl","md","md","md","lg"],b=({className:a})=>{const[u,o]=t.useState(!1),[i,m]=t.useState(!1),c=t.useRef(null);return s.jsx("section",{ref:c,className:n.cn(e.default.root,a),children:s.jsx("div",{className:e.default.container,children:r.map((d,l)=>s.jsx("div",{className:n.cn(e.default.bubble,(i||u)&&e.default.bubbleFinished),"data-size":d,"data-index":l},l))})})};exports.Bubbles=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),e=require("react"),d=require("../../utils/cn/cn.cjs.js"),r=require("./bubbles.module.css.cjs.js"),v=["xs","lg","md","md","xl","sm","sm","md","lg","md","xl","xl","xl"],w=({className:b})=>{const[n,f]=e.useState(!1),[c,m]=e.useState("forward"),[o,u]=e.useState(!1),l=e.useRef(null),a=e.useRef(0);return e.useEffect(()=>{const s=()=>{const t=window.scrollY;m(t>a.current?"forward":"reverse"),a.current=t};return window.addEventListener("scroll",s,{passive:!0}),()=>window.removeEventListener("scroll",s)},[]),e.useEffect(()=>{const s=new window.IntersectionObserver(([t])=>{f(t.isIntersecting)},{threshold:.5});return l.current&&s.observe(l.current),()=>s.disconnect()},[]),e.useEffect(()=>{n&&c==="forward"&&u(!0),n&&c==="reverse"&&u(!1)},[n,c]),i.jsx("section",{ref:l,className:d.cn(r.default.root,b),children:i.jsx("div",{className:r.default.container,children:v.map((s,t)=>i.jsx("div",{className:d.cn(r.default.bubble,o&&r.default.bubbleFinished,!o&&r.default.bubbleReverse),"data-size":s,"data-index":t},t))})})};exports.Bubbles=w;

package/dist/pageComponents/Bubbles/Bubbles.es.js

@@ -1,20 +1,40 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { useState as l, useRef as c } from "react";
-import { cn as i } from "../../utils/cn/cn.es.js";
-import s from "./bubbles.module.css.es.js";
-const d = ["xs", "lg", "sm", "sm", "xl", "sm", "xl", "xl", "xl", "md", "md", "md", "lg"], N = ({ className: m }) => {
-  const [n, b] = l(!1), [a, f] = l(!1), o = c(null);
-  return /* @__PURE__ */ e("section", { ref: o, className: i(s.root, m), children: /* @__PURE__ */ e("div", { className: s.container, children: d.map((r, t) => /* @__PURE__ */ e(
+import { jsx as i } from "react/jsx-runtime";
+import { useState as c, useRef as u, useEffect as l } from "react";
+import { cn as b } from "../../utils/cn/cn.es.js";
+import r from "./bubbles.module.css.es.js";
+const h = ["xs", "lg", "md", "md", "xl", "sm", "sm", "md", "lg", "md", "xl", "xl", "xl"], F = ({ className: f }) => {
+  const [t, v] = c(!1), [n, w] = c("forward"), [d, a] = c(!1), o = u(null), m = u(0);
+  return l(() => {
+    const e = () => {
+      const s = window.scrollY;
+      w(s > m.current ? "forward" : "reverse"), m.current = s;
+    };
+    return window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
+  }, []), l(() => {
+    const e = new window.IntersectionObserver(
+      ([s]) => {
+        v(s.isIntersecting);
+      },
+      { threshold: 0.5 }
+    );
+    return o.current && e.observe(o.current), () => e.disconnect();
+  }, []), l(() => {
+    t && n === "forward" && a(!0), t && n === "reverse" && a(!1);
+  }, [t, n]), /* @__PURE__ */ i("section", { ref: o, className: b(r.root, f), children: /* @__PURE__ */ i("div", { className: r.container, children: h.map((e, s) => /* @__PURE__ */ i(
     "div",
     {
-      className: i(s.bubble, (a || n) && s.bubbleFinished),
-      "data-size": r,
-      "data-index": t
+      className: b(
+        r.bubble,
+        d && r.bubbleFinished,
+        !d && r.bubbleReverse
+      ),
+      "data-size": e,
+      "data-index": s
     },
-    t
+    s
   )) }) });
 };
 export {
-  N as Bubbles
+  F as Bubbles
 };

package/dist/pageComponents/Bubbles/bubbles.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="bubbles-module__root___DUhTG",b="bubbles-module__container___eH7Zj",o="bubbles-module__bubble___FKp2x",l="bubbles-module__bubbleFinished___TNKmv",u={root:e,container:b,bubble:o,bubbleFinished:l};exports.bubble=o;exports.bubbleFinished=l;exports.container=b;exports.default=u;exports.root=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="bubbles-module__root___DUhTG",b="bubbles-module__container___eH7Zj",l="bubbles-module__bubble___FKp2x",u="bubbles-module__bubbleReverse___9awzJ",o="bubbles-module__bubbleFinished___TNKmv",_={root:e,container:b,bubble:l,bubbleReverse:u,bubbleFinished:o};exports.bubble=l;exports.bubbleFinished=o;exports.bubbleReverse=u;exports.container=b;exports.default=_;exports.root=e;

package/dist/pageComponents/Bubbles/bubbles.module.css.es.js

@@ -1,13 +1,15 @@
-const b = "bubbles-module__root___DUhTG", e = "bubbles-module__container___eH7Zj", _ = "bubbles-module__bubble___FKp2x", o = "bubbles-module__bubbleFinished___TNKmv", l = {
+const b = "bubbles-module__root___DUhTG", e = "bubbles-module__container___eH7Zj", _ = "bubbles-module__bubble___FKp2x", l = "bubbles-module__bubbleReverse___9awzJ", o = "bubbles-module__bubbleFinished___TNKmv", s = {
   root: b,
   container: e,
   bubble: _,
+  bubbleReverse: l,
   bubbleFinished: o
 };
 export {
   _ as bubble,
   o as bubbleFinished,
+  l as bubbleReverse,
   e as container,
-  l as default,
+  s as default,
   b as root
 };

package/dist/pageComponents/ContactUs/ContactUs.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/Typography/Typography.cjs.js"),t=require("../../components/Button/Button.cjs.js"),i=require("../../utils/cn/cn.cjs.js"),a=require("./contactUs.module.css.cjs.js"),n=()=>e.jsx("div",{className:a.default.root,children:e.jsxs("div",{className:a.default.container,children:[e.jsxs("div",{className:a.default.headline,children:[e.jsx(s.Typography,{as:"h2",defaultVariant:"displayLg",mobileVariant:"displayXs",children:"Contact Us"}),e.jsx(s.Typography,{defaultVariant:"headingXl",mobileVariant:"headingXs",children:"From general questions to specific issues, we're eager to chat with you about any aspect of Healthspan."})]}),e.jsxs("div",{className:a.default.itemContainer,children:[e.jsx(s.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",children:"Message Us"}),e.jsxs("div",{className:a.default.messageBlock,children:[e.jsx(s.Typography,{className:a.default.messageResponse,defaultVariant:"labelMd",mobileVariant:"labelSm",children:"RESPONSE TYPICALLY WITHIN 24 HOURS"}),e.jsxs(s.Typography,{className:a.default.messageDescription,defaultVariant:"headingMd",mobileVariant:"headingXs",children:["Current and former members are welcome to get in touch at anytime, for any reason.",e.jsx("br",{}),e.jsx("br",{})," Simply log in to your account, click on Messages, and send us a message — we're here to help."]}),e.jsx("div",{className:i.cn(a.default.messageButton,a.default.mobile),children:e.jsx(t.Button,{as:"a",href:"https://app.gethealthspan.com/#/login?redirectTo=/messages",variant:"primary",size:"md",children:"Log In"})}),e.jsx("div",{className:i.cn(a.default.messageButton,a.default.desktop),children:e.jsx(t.Button,{as:"a",href:"https://app.gethealthspan.com/#/login?redirectTo=/messages",variant:"primary",size:"lg",children:"Log In"})})]}),e.jsx("div",{className:a.default.leftBorder}),e.jsx("div",{className:a.default.rightBorder})]}),e.jsxs("div",{className:a.default.itemContainer,children:[e.jsx(s.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",children:"Submit Question"}),e.jsxs("div",{className:a.default.questionBlock,children:[e.jsx(s.Typography,{className:a.default.questionResponse,defaultVariant:"labelMd",mobileVariant:"labelSm",children:"RESPONSE TYPICALLY 24-72 HOURS"}),e.jsx(s.Typography,{className:a.default.questionDescription,defaultVariant:"headingMd",mobileVariant:"headingXs",children:"Have a question about a Healthspan but you're not a member? Let's talk!"}),e.jsxs("div",{className:a.default.buttonWrap,children:[e.jsx("div",{className:i.cn(a.default.questionButton,a.default.mobile),children:e.jsx(t.Button,{as:"a",href:"mailto:support@gethealthspan.com",variant:"primary",size:"md",children:"Send A Message"})}),e.jsx("div",{className:i.cn(a.default.questionButton,a.default.desktop),children:e.jsx(t.Button,{as:"a",href:"mailto:support@gethealthspan.com",variant:"primary",size:"lg",children:"Send a Message"})}),e.jsx("div",{className:i.cn(a.default.phoneButton,a.default.mobile),children:e.jsx(t.Button,{as:"a",href:"tel:6505638696",variant:"muted",size:"md",children:"call (650) 563-8696"})}),e.jsx("div",{className:i.cn(a.default.phoneButton,a.default.desktop),children:e.jsx(t.Button,{as:"a",href:"tel:6505638696",variant:"muted",size:"lg",children:"call (650) 563-8696"})})]})]}),e.jsx("div",{className:a.default.leftBorder}),e.jsx("div",{className:a.default.rightBorder})]})]})});exports.ContactUs=n;

package/dist/pageComponents/ContactUs/ContactUs.d.ts

@@ -0,0 +1 @@
+export declare const ContactUs: () => import("react/jsx-runtime").JSX.Element;

package/dist/pageComponents/ContactUs/ContactUs.es.js

@@ -0,0 +1,79 @@
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { Typography as s } from "../../components/Typography/Typography.es.js";
+import { Button as t } from "../../components/Button/Button.es.js";
+import { cn as n } from "../../utils/cn/cn.es.js";
+import e from "./contactUs.module.css.es.js";
+const c = () => /* @__PURE__ */ a("div", { className: e.root, children: /* @__PURE__ */ i("div", { className: e.container, children: [
+  /* @__PURE__ */ i("div", { className: e.headline, children: [
+    /* @__PURE__ */ a(s, { as: "h2", defaultVariant: "displayLg", mobileVariant: "displayXs", children: "Contact Us" }),
+    /* @__PURE__ */ a(s, { defaultVariant: "headingXl", mobileVariant: "headingXs", children: "From general questions to specific issues, we're eager to chat with you about any aspect of Healthspan." })
+  ] }),
+  /* @__PURE__ */ i("div", { className: e.itemContainer, children: [
+    /* @__PURE__ */ a(s, { defaultVariant: "headingLg", mobileVariant: "headingSm", children: "Message Us" }),
+    /* @__PURE__ */ i("div", { className: e.messageBlock, children: [
+      /* @__PURE__ */ a(s, { className: e.messageResponse, defaultVariant: "labelMd", mobileVariant: "labelSm", children: "RESPONSE TYPICALLY WITHIN 24 HOURS" }),
+      /* @__PURE__ */ i(
+        s,
+        {
+          className: e.messageDescription,
+          defaultVariant: "headingMd",
+          mobileVariant: "headingXs",
+          children: [
+            "Current and former members are welcome to get in touch at anytime, for any reason.",
+            /* @__PURE__ */ a("br", {}),
+            /* @__PURE__ */ a("br", {}),
+            " Simply log in to your account, click on Messages, and send us a message — we're here to help."
+          ]
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: n(e.messageButton, e.mobile), children: /* @__PURE__ */ a(
+        t,
+        {
+          as: "a",
+          href: "https://app.gethealthspan.com/#/login?redirectTo=/messages",
+          variant: "primary",
+          size: "md",
+          children: "Log In"
+        }
+      ) }),
+      /* @__PURE__ */ a("div", { className: n(e.messageButton, e.desktop), children: /* @__PURE__ */ a(
+        t,
+        {
+          as: "a",
+          href: "https://app.gethealthspan.com/#/login?redirectTo=/messages",
+          variant: "primary",
+          size: "lg",
+          children: "Log In"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ a("div", { className: e.leftBorder }),
+    /* @__PURE__ */ a("div", { className: e.rightBorder })
+  ] }),
+  /* @__PURE__ */ i("div", { className: e.itemContainer, children: [
+    /* @__PURE__ */ a(s, { defaultVariant: "headingLg", mobileVariant: "headingSm", children: "Submit Question" }),
+    /* @__PURE__ */ i("div", { className: e.questionBlock, children: [
+      /* @__PURE__ */ a(s, { className: e.questionResponse, defaultVariant: "labelMd", mobileVariant: "labelSm", children: "RESPONSE TYPICALLY 24-72 HOURS" }),
+      /* @__PURE__ */ a(
+        s,
+        {
+          className: e.questionDescription,
+          defaultVariant: "headingMd",
+          mobileVariant: "headingXs",
+          children: "Have a question about a Healthspan but you're not a member? Let's talk!"
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: e.buttonWrap, children: [
+        /* @__PURE__ */ a("div", { className: n(e.questionButton, e.mobile), children: /* @__PURE__ */ a(t, { as: "a", href: "mailto:support@gethealthspan.com", variant: "primary", size: "md", children: "Send A Message" }) }),
+        /* @__PURE__ */ a("div", { className: n(e.questionButton, e.desktop), children: /* @__PURE__ */ a(t, { as: "a", href: "mailto:support@gethealthspan.com", variant: "primary", size: "lg", children: "Send a Message" }) }),
+        /* @__PURE__ */ a("div", { className: n(e.phoneButton, e.mobile), children: /* @__PURE__ */ a(t, { as: "a", href: "tel:6505638696", variant: "muted", size: "md", children: "call (650) 563-8696" }) }),
+        /* @__PURE__ */ a("div", { className: n(e.phoneButton, e.desktop), children: /* @__PURE__ */ a(t, { as: "a", href: "tel:6505638696", variant: "muted", size: "lg", children: "call (650) 563-8696" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: e.leftBorder }),
+    /* @__PURE__ */ a("div", { className: e.rightBorder })
+  ] })
+] }) });
+export {
+  c as ContactUs
+};

package/dist/pageComponents/ContactUs/contactUs.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="contactUs-module__root___-LvE-",o="contactUs-module__container___4qANF",t="contactUs-module__headline___CRWZf",s="contactUs-module__itemContainer___WVmQL",n="contactUs-module__leftBorder___jkpFD",_="contactUs-module__rightBorder___P06qN",c="contactUs-module__messageBlock___Jiyfn",i="contactUs-module__questionBlock___V1WyW",a="contactUs-module__messageDescription___m8SXb",r="contactUs-module__questionDescription___D0N06",l="contactUs-module__messageButton___3rWLR",m="contactUs-module__buttonWrap___xW2Qy",u="contactUs-module__mobile___20aEG",d="contactUs-module__desktop___TnXxr",p="contactUs-module__messageResponse___t3gzE",g="contactUs-module__questionResponse___0SQGi",B={root:e,container:o,headline:t,itemContainer:s,leftBorder:n,rightBorder:_,messageBlock:c,questionBlock:i,messageDescription:a,questionDescription:r,messageButton:l,buttonWrap:m,mobile:u,desktop:d,messageResponse:p,questionResponse:g};exports.buttonWrap=m;exports.container=o;exports.default=B;exports.desktop=d;exports.headline=t;exports.itemContainer=s;exports.leftBorder=n;exports.messageBlock=c;exports.messageButton=l;exports.messageDescription=a;exports.messageResponse=p;exports.mobile=u;exports.questionBlock=i;exports.questionDescription=r;exports.questionResponse=g;exports.rightBorder=_;exports.root=e;

package/dist/pageComponents/ContactUs/contactUs.module.css.es.js

@@ -0,0 +1,37 @@
+const o = "contactUs-module__root___-LvE-", t = "contactUs-module__container___4qANF", e = "contactUs-module__headline___CRWZf", s = "contactUs-module__itemContainer___WVmQL", _ = "contactUs-module__leftBorder___jkpFD", n = "contactUs-module__rightBorder___P06qN", c = "contactUs-module__messageBlock___Jiyfn", a = "contactUs-module__questionBlock___V1WyW", i = "contactUs-module__messageDescription___m8SXb", m = "contactUs-module__questionDescription___D0N06", r = "contactUs-module__messageButton___3rWLR", l = "contactUs-module__buttonWrap___xW2Qy", u = "contactUs-module__mobile___20aEG", d = "contactUs-module__desktop___TnXxr", p = "contactUs-module__messageResponse___t3gzE", g = "contactUs-module__questionResponse___0SQGi", U = {
+  root: o,
+  container: t,
+  headline: e,
+  itemContainer: s,
+  leftBorder: _,
+  rightBorder: n,
+  messageBlock: c,
+  questionBlock: a,
+  messageDescription: i,
+  questionDescription: m,
+  messageButton: r,
+  buttonWrap: l,
+  mobile: u,
+  desktop: d,
+  messageResponse: p,
+  questionResponse: g
+};
+export {
+  l as buttonWrap,
+  t as container,
+  U as default,
+  d as desktop,
+  e as headline,
+  s as itemContainer,
+  _ as leftBorder,
+  c as messageBlock,
+  r as messageButton,
+  i as messageDescription,
+  p as messageResponse,
+  u as mobile,
+  a as questionBlock,
+  m as questionDescription,
+  g as questionResponse,
+  n as rightBorder,
+  o as root
+};

package/dist/pageComponents/ContactUs/index.d.ts

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

package/dist/pageComponents/DiscoverTheStory/DiscoverTheStory.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../components/Typography/Typography.cjs.js"),o=require("./assets/content-img.png.cjs.js"),t=require("./discoverTheStory.module.css.cjs.js"),a=()=>e.jsx("div",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx("img",{src:o.default,alt:"content image",className:t.default.contentImg}),e.jsxs("div",{className:t.default.contentTextContainer,children:[e.jsx(r.Typography,{defaultVariant:"displayMd",mobileVariant:"headingXl",children:"Discover the story behind your numbers"}),e.jsx(r.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",children:"Our intuitive interface makes complex biomarker data easy to understand. Personalized reports provide context and meaning to your results, so you can see the full picture of your health."})]})]})});exports.DiscoverTheStory=a;

package/dist/pageComponents/DiscoverTheStory/DiscoverTheStory.d.ts

@@ -0,0 +1 @@
+export declare const DiscoverTheStory: () => import("react/jsx-runtime").JSX.Element;

package/dist/pageComponents/DiscoverTheStory/DiscoverTheStory.es.js

@@ -0,0 +1,14 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Typography as o } from "../../components/Typography/Typography.es.js";
+import a from "./assets/content-img.png.es.js";
+import t from "./discoverTheStory.module.css.es.js";
+const c = () => /* @__PURE__ */ e("div", { className: t.root, children: /* @__PURE__ */ r("div", { className: t.container, children: [
+  /* @__PURE__ */ e("img", { src: a, alt: "content image", className: t.contentImg }),
+  /* @__PURE__ */ r("div", { className: t.contentTextContainer, children: [
+    /* @__PURE__ */ e(o, { defaultVariant: "displayMd", mobileVariant: "headingXl", children: "Discover the story behind your numbers" }),
+    /* @__PURE__ */ e(o, { defaultVariant: "bodyMd", mobileVariant: "bodySm", children: "Our intuitive interface makes complex biomarker data easy to understand. Personalized reports provide context and meaning to your results, so you can see the full picture of your health." })
+  ] })
+] }) });
+export {
+  c as DiscoverTheStory
+};