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

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 u=require("react/jsx-runtime"),t=require("react"),l=require("../../utils/cn/cn.cjs.js"),n=require("./bubbles.module.css.cjs.js"),b=["xs","lg","sm","sm","xl","sm","xl","xl","xl","md","md","md","lg"],m=({className:o})=>{const[r,a]=t.useState(!1),[i,d]=t.useState(!1),c=t.useRef(null);return t.useEffect(()=>{const s=new window.IntersectionObserver(([e])=>{e.isIntersecting&&e.intersectionRatio===1&&!r&&!i&&(a(!0),setTimeout(()=>d(!0),5e3))},{threshold:1});return c.current&&s.observe(c.current),()=>s.disconnect()},[r,i]),u.jsx("section",{ref:c,className:l.cn(n.default.root,o),children:u.jsx("div",{className:n.default.container,children:b.map((s,e)=>u.jsx("div",{className:l.cn(n.default.bubble,(i||r)&&n.default.bubbleFinished),"data-size":s,"data-index":e},e))})})};exports.Bubbles=m;

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

@@ -1,20 +1,28 @@
 "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 o } from "react/jsx-runtime";
+import { useState as c, useRef as u, useEffect as b } from "react";
+import { cn as l } from "../../utils/cn/cn.es.js";
+import t from "./bubbles.module.css.es.js";
+const f = ["xs", "lg", "sm", "sm", "xl", "sm", "xl", "xl", "xl", "md", "md", "md", "lg"], g = ({ className: m }) => {
+  const [n, a] = c(!1), [r, d] = c(!1), i = u(null);
+  return b(() => {
+    const s = new window.IntersectionObserver(
+      ([e]) => {
+        e.isIntersecting && e.intersectionRatio === 1 && !n && !r && (a(!0), setTimeout(() => d(!0), 5e3));
+      },
+      { threshold: 1 }
+    );
+    return i.current && s.observe(i.current), () => s.disconnect();
+  }, [n, r]), /* @__PURE__ */ o("section", { ref: i, className: l(t.root, m), children: /* @__PURE__ */ o("div", { className: t.container, children: f.map((s, e) => /* @__PURE__ */ o(
     "div",
     {
-      className: i(s.bubble, (a || n) && s.bubbleFinished),
-      "data-size": r,
-      "data-index": t
+      className: l(t.bubble, (r || n) && t.bubbleFinished),
+      "data-size": s,
+      "data-index": e
     },
-    t
+    e
   )) }) });
 };
 export {
-  N as Bubbles
+  g as 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
+};