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

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

@@ -0,0 +1 @@
+"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.d.ts

@@ -0,0 +1,3 @@
+export declare const Bubbles: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,40 @@
+"use client";
+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: b(
+        r.bubble,
+        d && r.bubbleFinished,
+        !d && r.bubbleReverse
+      ),
+      "data-size": e,
+      "data-index": s
+    },
+    s
+  )) }) });
+};
+export {
+  F as Bubbles
+};

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

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

@@ -0,0 +1,15 @@
+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,
+  s as default,
+  b as root
+};

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

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

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
+};