@zenpatient-org/healthspan-marketing-ui 0.1.131 → 0.1.133

package/dist/modules/InfiniteScrollModule/InfiniteScrollModule.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../components/Typography/Typography.cjs.js"),i=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),l=require("./infiniteScrolle.module.css.cjs.js"),o=({label:r,url:n})=>e.jsx("a",{href:n,className:l.default.label,children:e.jsx(t.Typography,{defaultVariant:"labelMd",emphasis:!0,mobileVariant:"labelSm",weight:"regular",children:r})}),a=({labels:r})=>e.jsx("section",{className:l.default.root,children:r.length>0&&e.jsx("div",{className:l.default.footer,children:e.jsx(i.InfiniteScroll,{items:r,renderItem:o})})});exports.InfiniteScrollModule=a;

package/dist/modules/InfiniteScrollModule/InfiniteScrollModule.d.ts

@@ -0,0 +1,7 @@
+export type TInfiniteScrollModule = {
+    labels: ReadonlyArray<{
+        label: string;
+        url: string;
+    }>;
+};
+export declare const InfiniteScrollModule: ({ labels }: TInfiniteScrollModule) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/InfiniteScrollModule/InfiniteScrollModule.es.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Typography as o } from "../../components/Typography/Typography.es.js";
+import { InfiniteScroll as i } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
+import t from "./infiniteScrolle.module.css.es.js";
+const a = ({ label: r, url: l }) => /* @__PURE__ */ e("a", { href: l, className: t.label, children: /* @__PURE__ */ e(o, { defaultVariant: "labelMd", emphasis: !0, mobileVariant: "labelSm", weight: "regular", children: r }) }), d = ({ labels: r }) => /* @__PURE__ */ e("section", { className: t.root, children: r.length > 0 && /* @__PURE__ */ e("div", { className: t.footer, children: /* @__PURE__ */ e(i, { items: r, renderItem: a }) }) });
+export {
+  d as InfiniteScrollModule
+};

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

@@ -0,0 +1,2 @@
+export { InfiniteScrollModule } from './InfiniteScrollModule';
+export type { TInfiniteScrollModule } from './InfiniteScrollModule';

package/dist/modules/InfiniteScrollModule/infiniteScrolle.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="infiniteScrolle-module__root___CZywa",e="infiniteScrolle-module__footer___3AoPY",l="infiniteScrolle-module__label___NrIGo",t={root:o,footer:e,label:l};exports.default=t;exports.footer=e;exports.label=l;exports.root=o;

package/dist/modules/InfiniteScrollModule/infiniteScrolle.module.css.es.js

@@ -0,0 +1,11 @@
+const o = "infiniteScrolle-module__root___CZywa", e = "infiniteScrolle-module__footer___3AoPY", l = "infiniteScrolle-module__label___NrIGo", t = {
+  root: o,
+  footer: e,
+  label: l
+};
+export {
+  t as default,
+  e as footer,
+  l as label,
+  o as root
+};

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"),w=require("./scienceHero.module.css.cjs.js");function L({children:r,backgroundImage:p,cursorLink:v}){const[i,x]=t.useState({x:0,y:0}),[h,m]=t.useState(0),[$,c]=t.useState(!1),[b,l]=t.useState(!1),[o,g]=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=>{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)}},[s]);const S=e=>{s||(g(e.currentTarget.getBoundingClientRect()),c(!0))},y=()=>{s||c(!1)},E=()=>{window.location.href=v};if(typeof window>"u")return r;if(s)return n.jsx("div",{children:r});const u=`circle(270px at ${i.x}px ${i.y}px)`,a=$&&o&&n.jsx("div",{className:w.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:w.default.normalBackground,style:{position:"absolute",top:`${-o.top}px`,left:`${-o.left}px`,backgroundImage:`url(${p})`,clipPath:u,WebkitClipPath:u,backgroundPosition:`center ${-h}px`}})});return n.jsxs(n.Fragment,{children:[n.jsx("div",{onMouseEnter:S,onMouseLeave:y,onClick:E,style:{cursor:"pointer"},children:r}),b&&a&&C.createPortal(a,document.body)]})}exports.ScienceHeroCursor=L;
+"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:r,backgroundImage:w,cursorLink:v}){const[i,x]=t.useState({x:0,y:0}),[h,m]=t.useState(0),[$,c]=t.useState(!1),[b,l]=t.useState(!1),[o,g]=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=>{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)}},[s]);const S=e=>{s||(g(e.currentTarget.getBoundingClientRect()),c(!0))},y=()=>{s||c(!1)},E=()=>{window.location.href=v};if(typeof window>"u")return r;if(s)return n.jsx("div",{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 ${-h}px`}})});return n.jsxs(n.Fragment,{children:[n.jsx("div",{"data-type":"hero",onMouseEnter:S,onMouseLeave:y,onClick:E,style:{cursor:"pointer"},children:r}),b&&a&&C.createPortal(a,document.body)]})}exports.ScienceHeroCursor=L;

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

@@ -4,10 +4,10 @@ import { useState as o, useEffect as p } from "react";
 import { createPortal as R } from "react-dom";
 import w from "./scienceHero.module.css.es.js";
 function z({ children: s, backgroundImage: m, cursorLink: v }) {
-  const [i, h] = o({ x: 0, y: 0 }), [x, M] = o(0), [b, l] = o(!1), [g, c] = o(!1), [t, $] = o(null), [n, y] = o(!1);
+  const [i, h] = o({ x: 0, y: 0 }), [x, M] = o(0), [b, l] = o(!1), [g, c] = o(!1), [t, y] = o(null), [n, $] = o(!1);
   p(() => {
     c(!0);
-    const e = () => y(window.innerWidth <= 768);
+    const e = () => $(window.innerWidth <= 768);
     return e(), window.addEventListener("resize", e), () => {
       window.removeEventListener("resize", e), c(!1);
     };
@@ -26,7 +26,7 @@ function z({ children: s, backgroundImage: m, cursorLink: v }) {
     };
   }, [n]);
   const E = (e) => {
-    n || ($(e.currentTarget.getBoundingClientRect()), l(!0));
+    n || (y(e.currentTarget.getBoundingClientRect()), l(!0));
   }, C = () => {
     n || l(!1);
   }, L = () => {
@@ -69,6 +69,7 @@ function z({ children: s, backgroundImage: m, cursorLink: v }) {
     /* @__PURE__ */ r(
       "div",
       {
+        "data-type": "hero",
         onMouseEnter: E,
         onMouseLeave: C,
         onClick: L,

package/dist/pageComponents/BiologicalAge/BiologicalAge.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),l=require("./assets/biological-age-img.png.cjs.js"),i=require("./biologicalAge.module.css.cjs.js"),t=()=>e.jsx("section",{className:i.default.root,children:e.jsx("div",{className:i.default.container,children:e.jsxs("div",{className:i.default.content,children:[e.jsx("img",{src:l.default,alt:"background image",className:i.default.image}),e.jsx("div",{className:i.default.textContainer,children:e.jsx(a.HighlightedTitle,{title:e.jsxs("p",{children:["Our patients see an average reduction in biological age of ",e.jsx("b",{children:"8 years"})]}),defaultVariant:"displayXs",mobileVariant:"headingXs"})})]})})});exports.BiologicalAge=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),l=require("./assets/biological-age-img.png.cjs.js"),i=require("./biologicalAge.module.css.cjs.js"),t=()=>e.jsx("section",{className:i.default.root,children:e.jsx("div",{className:i.default.container,children:e.jsxs("div",{className:i.default.content,children:[e.jsx("img",{src:l.default,alt:"background image",className:i.default.image}),e.jsx("div",{className:i.default.textContainer,children:e.jsx(a.HighlightedTitle,{title:e.jsxs("p",{children:["Our patients see an average reduction in biological age of ",e.jsx("br",{className:i.default.mobileLineBreak}),e.jsx("b",{children:"8 years"})]}),defaultVariant:"displayXs",mobileVariant:"headingXs"})})]})})});exports.BiologicalAge=t;

package/dist/pageComponents/BiologicalAge/BiologicalAge.es.js

@@ -1,14 +1,15 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { HighlightedTitle as r } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import t from "./assets/biological-age-img.png.es.js";
+import s from "./assets/biological-age-img.png.es.js";
 import i from "./biologicalAge.module.css.es.js";
 const c = () => /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ e("div", { className: i.container, children: /* @__PURE__ */ a("div", { className: i.content, children: [
-  /* @__PURE__ */ e("img", { src: t, alt: "background image", className: i.image }),
+  /* @__PURE__ */ e("img", { src: s, alt: "background image", className: i.image }),
   /* @__PURE__ */ e("div", { className: i.textContainer, children: /* @__PURE__ */ e(
     r,
     {
       title: /* @__PURE__ */ a("p", { children: [
-        "Our patients see an average reduction in biological age of ",
+        "Our patients see an average reduction in biological age of ",
+        /* @__PURE__ */ e("br", { className: i.mobileLineBreak }),
         /* @__PURE__ */ e("b", { children: "8 years" })
       ] }),
       defaultVariant: "displayXs",

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

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

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

@@ -1,15 +1,17 @@
-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 = {
+const o = "biologicalAge-module__root___luBGX", e = "biologicalAge-module__container___KquJP", t = "biologicalAge-module__content___eOLjI", _ = "biologicalAge-module__image___bB1Mo", i = "biologicalAge-module__textContainer___LCwuU", n = "biologicalAge-module__mobileLineBreak___OiLig", l = {
   root: o,
-  container: t,
-  content: e,
+  container: e,
+  content: t,
   image: _,
-  textContainer: n
+  textContainer: i,
+  mobileLineBreak: n
 };
 export {
-  t as container,
-  e as content,
-  i as default,
+  e as container,
+  t as content,
+  l as default,
   _ as image,
+  n as mobileLineBreak,
   o as root,
-  n as textContainer
+  i as textContainer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.131",
+    "version": "0.1.133",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -556,6 +556,11 @@
             "import": "./dist/modules/ScienceHero/ScienceHero.es.js",
             "require": "./dist/modules/ScienceHero/ScienceHero.cjs.js"
         },
+        "./InfiniteScrollModule": {
+            "types": "./dist/modules/InfiniteScrollModule/InfiniteScrollModule.d.ts",
+            "import": "./dist/modules/InfiniteScrollModule/InfiniteScrollModule.es.js",
+            "require": "./dist/modules/InfiniteScrollModule/InfiniteScrollModule.cjs.js"
+        },
         "./Bubbles": {
             "types": "./dist/pageComponents/Bubbles/Bubbles.d.ts",
             "import": "./dist/pageComponents/Bubbles/Bubbles.es.js",