@zenpatient-org/healthspan-marketing-ui 0.1.126 → 0.1.127

package/dist/modules/ScienceHero/ScienceHero.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"),u=require("./ScienceHeroCursor.cjs.js"),a=require("./scienceHero.module.css.cjs.js"),m=({firstLineTitle:n,optionalLineTitle:r,highlightedLineTitle:i,label:t,backgroundImage:l,badges:o,cursorLink:d})=>e.jsx(u.ScienceHeroCursor,{backgroundImage:l,cursorLink:d,children:e.jsxs("section",{className:a.default.root,"data-type":"hero",children:[e.jsx("div",{className:a.default.blurredBackground,style:{backgroundImage:`url(${l})`}}),e.jsxs("div",{className:a.default.container,children:[e.jsx("div",{className:a.default.leftColumn}),e.jsxs("div",{className:a.default.mainColumn,children:[e.jsx("div",{className:a.default.verticalBorder}),e.jsx("div",{className:a.default.circleVector}),e.jsx("a",{className:a.default.circleVectorMobile,href:d,style:{backgroundImage:`url(${l}`}}),e.jsxs("div",{className:a.default.content,children:[t&&e.jsx(s.Typography,{defaultVariant:"labelXs",emphasis:!0,className:a.default.label,children:t}),e.jsxs("div",{className:a.default.title,children:[e.jsx(s.Typography,{as:"h2",defaultVariant:"displayXl",mobileVariant:"displayXs",className:a.default.firstLineTitle,children:n}),r&&e.jsx(s.Typography,{defaultVariant:"displayXl",mobileVariant:"displayXs",className:a.default.optionalLineTitle,children:r}),i&&e.jsx(s.Typography,{defaultVariant:"displayXl",mobileVariant:"displayXs",className:a.default.highlightedLineTitle,children:i})]}),e.jsx("div",{className:a.default.badgesRow,children:o.map(c=>e.jsx(s.Typography,{as:"p",defaultVariant:"labelXs",emphasis:!0,className:a.default.badge,children:c},c))})]}),e.jsx("div",{className:a.default.verticalBorder})]}),e.jsx("div",{className:a.default.rightColumn})]})]})});exports.ScienceHero=m;

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

@@ -0,0 +1,10 @@
+export type ScienceHeroProps = {
+    firstLineTitle: string;
+    optionalLineTitle?: string;
+    highlightedLineTitle?: string;
+    label?: string;
+    backgroundImage: string;
+    cursorLink: string;
+    badges: Array<string>;
+};
+export declare const ScienceHero: ({ firstLineTitle, optionalLineTitle, highlightedLineTitle, label, backgroundImage, badges, cursorLink, }: ScienceHeroProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,79 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { Typography as s } from "../../components/Typography/Typography.es.js";
+import { ScienceHeroCursor as h } from "./ScienceHeroCursor.es.js";
+import a from "./scienceHero.module.css.es.js";
+const f = ({
+  firstLineTitle: n,
+  optionalLineTitle: r,
+  highlightedLineTitle: c,
+  label: t,
+  backgroundImage: i,
+  badges: o,
+  cursorLink: d
+}) => /* @__PURE__ */ e(h, { backgroundImage: i, cursorLink: d, children: /* @__PURE__ */ l("section", { className: a.root, "data-type": "hero", children: [
+  /* @__PURE__ */ e("div", { className: a.blurredBackground, style: { backgroundImage: `url(${i})` } }),
+  /* @__PURE__ */ l("div", { className: a.container, children: [
+    /* @__PURE__ */ e("div", { className: a.leftColumn }),
+    /* @__PURE__ */ l("div", { className: a.mainColumn, children: [
+      /* @__PURE__ */ e("div", { className: a.verticalBorder }),
+      /* @__PURE__ */ e("div", { className: a.circleVector }),
+      /* @__PURE__ */ e(
+        "a",
+        {
+          className: a.circleVectorMobile,
+          href: d,
+          style: { backgroundImage: `url(${i}` }
+        }
+      ),
+      /* @__PURE__ */ l("div", { className: a.content, children: [
+        t && /* @__PURE__ */ e(s, { defaultVariant: "labelXs", emphasis: !0, className: a.label, children: t }),
+        /* @__PURE__ */ l("div", { className: a.title, children: [
+          /* @__PURE__ */ e(
+            s,
+            {
+              as: "h2",
+              defaultVariant: "displayXl",
+              mobileVariant: "displayXs",
+              className: a.firstLineTitle,
+              children: n
+            }
+          ),
+          r && /* @__PURE__ */ e(
+            s,
+            {
+              defaultVariant: "displayXl",
+              mobileVariant: "displayXs",
+              className: a.optionalLineTitle,
+              children: r
+            }
+          ),
+          c && /* @__PURE__ */ e(
+            s,
+            {
+              defaultVariant: "displayXl",
+              mobileVariant: "displayXs",
+              className: a.highlightedLineTitle,
+              children: c
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: a.badgesRow, children: o.map((m) => /* @__PURE__ */ e(
+          s,
+          {
+            as: "p",
+            defaultVariant: "labelXs",
+            emphasis: !0,
+            className: a.badge,
+            children: m
+          },
+          m
+        )) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: a.verticalBorder })
+    ] }),
+    /* @__PURE__ */ e("div", { className: a.rightColumn })
+  ] })
+] }) });
+export {
+  f as ScienceHero
+};

package/dist/modules/ScienceHero/ScienceHeroCursor.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"),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;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+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 {};

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

@@ -0,0 +1,84 @@
+"use client";
+import { jsx as r, jsxs as k, Fragment as P } from "react/jsx-runtime";
+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);
+  p(() => {
+    c(!0);
+    const e = () => y(window.innerWidth <= 768);
+    return e(), window.addEventListener("resize", e), () => {
+      window.removeEventListener("resize", e), c(!1);
+    };
+  }, []), p(() => {
+    if (n) return;
+    const e = (f) => {
+      h({
+        x: f.clientX,
+        y: f.clientY
+      });
+    }, a = () => {
+      M(window.scrollY);
+    };
+    return window.addEventListener("mousemove", e), window.addEventListener("scroll", a), () => {
+      window.removeEventListener("mousemove", e), window.removeEventListener("scroll", a);
+    };
+  }, [n]);
+  const E = (e) => {
+    n || ($(e.currentTarget.getBoundingClientRect()), l(!0));
+  }, C = () => {
+    n || l(!1);
+  }, L = () => {
+    window.location.href = v;
+  };
+  if (typeof window > "u") return s;
+  if (n)
+    return /* @__PURE__ */ r("div", { children: s });
+  const d = `circle(270px at ${i.x}px ${i.y}px)`, u = b && 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(${m})`,
+            clipPath: d,
+            WebkitClipPath: d,
+            backgroundPosition: `center ${-x}px`
+          }
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ k(P, { children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        onMouseEnter: E,
+        onMouseLeave: C,
+        onClick: L,
+        style: { cursor: "pointer" },
+        children: s
+      }
+    ),
+    g && u && R(u, document.body)
+  ] });
+}
+export {
+  z as ScienceHeroCursor
+};

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

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

package/dist/modules/ScienceHero/scienceHero.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="scienceHero-module__root___1mxBF",o="scienceHero-module__blurredBackground___1nHn-",n="scienceHero-module__normalBackground___Nmff2",c="scienceHero-module__container___nARrv",l="scienceHero-module__circleVector___YRvlO",t="scienceHero-module__mainColumn___6FXPp",i="scienceHero-module__leftColumn___btXP-",_="scienceHero-module__rightColumn___NmO1h",r="scienceHero-module__verticalBorder___Yp2-F",s="scienceHero-module__content___-ns5L",d="scienceHero-module__label___uJCET",u="scienceHero-module__title___vVz4E",a="scienceHero-module__firstLineTitle___h1FKx",m="scienceHero-module__optionalLineTitle___erKDO",g="scienceHero-module__highlightedLineTitle___mmHaK",b="scienceHero-module__badgesRow___N0x9v",H="scienceHero-module__badge___oG08P",h="scienceHero-module__circleVectorMobile___QoQiY",T={root:e,blurredBackground:o,normalBackground:n,container:c,circleVector:l,mainColumn:t,leftColumn:i,rightColumn:_,verticalBorder:r,content:s,label:d,title:u,firstLineTitle:a,optionalLineTitle:m,highlightedLineTitle:g,badgesRow:b,badge:H,circleVectorMobile:h};exports.badge=H;exports.badgesRow=b;exports.blurredBackground=o;exports.circleVector=l;exports.circleVectorMobile=h;exports.container=c;exports.content=s;exports.default=T;exports.firstLineTitle=a;exports.highlightedLineTitle=g;exports.label=d;exports.leftColumn=i;exports.mainColumn=t;exports.normalBackground=n;exports.optionalLineTitle=m;exports.rightColumn=_;exports.root=e;exports.title=u;exports.verticalBorder=r;

package/dist/modules/ScienceHero/scienceHero.module.css.es.js

@@ -0,0 +1,41 @@
+const e = "scienceHero-module__root___1mxBF", o = "scienceHero-module__blurredBackground___1nHn-", _ = "scienceHero-module__normalBackground___Nmff2", c = "scienceHero-module__container___nARrv", n = "scienceHero-module__circleVector___YRvlO", l = "scienceHero-module__mainColumn___6FXPp", t = "scienceHero-module__leftColumn___btXP-", i = "scienceHero-module__rightColumn___NmO1h", r = "scienceHero-module__verticalBorder___Yp2-F", s = "scienceHero-module__content___-ns5L", d = "scienceHero-module__label___uJCET", m = "scienceHero-module__title___vVz4E", u = "scienceHero-module__firstLineTitle___h1FKx", a = "scienceHero-module__optionalLineTitle___erKDO", g = "scienceHero-module__highlightedLineTitle___mmHaK", H = "scienceHero-module__badgesRow___N0x9v", b = "scienceHero-module__badge___oG08P", h = "scienceHero-module__circleVectorMobile___QoQiY", B = {
+  root: e,
+  blurredBackground: o,
+  normalBackground: _,
+  container: c,
+  circleVector: n,
+  mainColumn: l,
+  leftColumn: t,
+  rightColumn: i,
+  verticalBorder: r,
+  content: s,
+  label: d,
+  title: m,
+  firstLineTitle: u,
+  optionalLineTitle: a,
+  highlightedLineTitle: g,
+  badgesRow: H,
+  badge: b,
+  circleVectorMobile: h
+};
+export {
+  b as badge,
+  H as badgesRow,
+  o as blurredBackground,
+  n as circleVector,
+  h as circleVectorMobile,
+  c as container,
+  s as content,
+  B as default,
+  u as firstLineTitle,
+  g as highlightedLineTitle,
+  d as label,
+  t as leftColumn,
+  l as mainColumn,
+  _ as normalBackground,
+  a as optionalLineTitle,
+  i as rightColumn,
+  e as root,
+  m as title,
+  r as verticalBorder
+};

package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../components/Button/Button.cjs.js"),c=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),d=require("../../components/Typography/Typography.cjs.js"),n=require("../../utils/cn/cn.cjs.js"),t=require("./stillHaveQuestions.module.css.cjs.js"),m=require("./assets/stillHaveQuestions.jpg.cjs.js"),h=require("./assets/joinOurTeam.jpg.cjs.js"),g=({variant:i="StillHaveQuestions"})=>{const s={StillHaveQuestions:{title:e.jsxs(e.Fragment,{children:["Still Have ",e.jsx("b",{children:"questions?"})]}),buttonText:"Contact Us",buttonLink:"/contact-us",image:m.default},JoinOurTeam:{title:e.jsxs(e.Fragment,{children:["Have a passion for ",e.jsx("b",{children:"longevity science?"})]}),buttonText:"Join Our Team",buttonLink:"https://careers.gethealthspan.com/",image:h.default}},{title:o,buttonText:a,buttonLink:l,image:r}=s[i];return e.jsx("section",{className:t.default.root,children:e.jsx("div",{className:n.cn(t.default.imageWrapper,{[t.default.joinOurTeam]:i==="JoinOurTeam"}),style:{backgroundImage:`url(${r})`},children:e.jsxs("div",{className:n.cn(t.default.contentBox,{[t.default.joinOurTeam]:i==="JoinOurTeam"}),children:[e.jsx(c.HighlightedTitle,{colorScheme:"dark",title:e.jsx(d.Typography,{as:"p",defaultVariant:"displayMd",mobileVariant:"displayXs",children:o})}),e.jsx("div",{className:t.default.actions,children:e.jsx(u.Button,{as:"a",href:l,variant:"secondary",size:"lg",children:a})})]})})})};exports.StillHaveQuestions=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../components/Button/Button.cjs.js"),c=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),d=require("../../components/Typography/Typography.cjs.js"),n=require("../../utils/cn/cn.cjs.js"),t=require("./stillHaveQuestions.module.css.cjs.js"),m=require("./assets/stillHaveQuestions.jpg.cjs.js"),h=require("./assets/joinOurTeam.jpg.cjs.js"),g=({variant:i="StillHaveQuestions"})=>{const s={StillHaveQuestions:{title:e.jsxs(e.Fragment,{children:["Still have ",e.jsx("b",{children:"questions?"})]}),buttonText:"Contact Us",buttonLink:"/contact-us",image:m.default},JoinOurTeam:{title:e.jsxs(e.Fragment,{children:["Have a passion for ",e.jsx("b",{children:"longevity science?"})]}),buttonText:"Join Our Team",buttonLink:"https://careers.gethealthspan.com/",image:h.default}},{title:o,buttonText:a,buttonLink:l,image:r}=s[i];return e.jsx("section",{className:t.default.root,children:e.jsx("div",{className:n.cn(t.default.imageWrapper,{[t.default.joinOurTeam]:i==="JoinOurTeam"}),style:{backgroundImage:`url(${r})`},children:e.jsxs("div",{className:n.cn(t.default.contentBox,{[t.default.joinOurTeam]:i==="JoinOurTeam"}),children:[e.jsx(c.HighlightedTitle,{colorScheme:"dark",title:e.jsx(d.Typography,{as:"p",defaultVariant:"displayMd",mobileVariant:"displayXs",children:o})}),e.jsx("div",{className:t.default.actions,children:e.jsx(u.Button,{as:"a",href:l,variant:"secondary",size:"lg",children:a})})]})})})};exports.StillHaveQuestions=g;

package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.es.js

@@ -1,21 +1,21 @@
 import { jsxs as o, jsx as t, Fragment as n } from "react/jsx-runtime";
 import { Button as u } from "../../components/Button/Button.es.js";
 import { HighlightedTitle as d } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as p } from "../../components/Typography/Typography.es.js";
+import { Typography as h } from "../../components/Typography/Typography.es.js";
 import { cn as r } from "../../utils/cn/cn.es.js";
 import e from "./stillHaveQuestions.module.css.es.js";
-import h from "./assets/stillHaveQuestions.jpg.es.js";
+import p from "./assets/stillHaveQuestions.jpg.es.js";
 import g from "./assets/joinOurTeam.jpg.es.js";
-const O = ({ variant: i = "StillHaveQuestions" }) => {
+const H = ({ variant: i = "StillHaveQuestions" }) => {
   const a = {
     StillHaveQuestions: {
       title: /* @__PURE__ */ o(n, { children: [
-        "Still Have ",
+        "Still have ",
         /* @__PURE__ */ t("b", { children: "questions?" })
       ] }),
       buttonText: "Contact Us",
       buttonLink: "/contact-us",
-      image: h
+      image: p
     },
     JoinOurTeam: {
       title: /* @__PURE__ */ o(n, { children: [
@@ -39,7 +39,7 @@ const O = ({ variant: i = "StillHaveQuestions" }) => {
           d,
           {
             colorScheme: "dark",
-            title: /* @__PURE__ */ t(p, { as: "p", defaultVariant: "displayMd", mobileVariant: "displayXs", children: s })
+            title: /* @__PURE__ */ t(h, { as: "p", defaultVariant: "displayMd", mobileVariant: "displayXs", children: s })
           }
         ),
         /* @__PURE__ */ t("div", { className: e.actions, children: /* @__PURE__ */ t(u, { as: "a", href: m, variant: "secondary", size: "lg", children: l }) })
@@ -48,5 +48,5 @@ const O = ({ variant: i = "StillHaveQuestions" }) => {
   ) });
 };
 export {
-  O as StillHaveQuestions
+  H as StillHaveQuestions
 };

package/package.json

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