@zenpatient-org/healthspan-marketing-ui 0.1.140 → 0.1.142

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

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

package/dist/modules/ScienceHero/components/ScienceServerCursor.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=({children:e})=>e;exports.ScienceServerCursor=r;

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+export declare const ScienceServerCursor: ({ children }: {
+    children: React.ReactNode;
+}) => React.ReactNode;

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

@@ -0,0 +1,4 @@
+const e = ({ children: r }) => r;
+export {
+  e as ScienceServerCursor
+};

package/dist/pageComponents/HomepageHero/HomepageHero.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("../../components/Typography/Typography.cjs.js"),i=require("../../components/Button/Button.cjs.js"),n=require("./components/MiddleCarousel/MiddleCarousel.cjs.js"),o=require("../../utils/cn/cn.cjs.js"),a=require("./homepageHero.module.css.cjs.js");function s(){return e.jsxs("section",{className:a.default.root,"data-type":"hero",children:[e.jsx("div",{className:a.default.carouselArea,children:e.jsx(n.MiddleCarousel,{})}),e.jsxs("div",{className:a.default.contentContainer,children:[e.jsx("div",{className:a.default.headline,children:e.jsx(r.HighlightedTitle,{colorScheme:"dark",title:e.jsx(t.Typography,{as:"div",defaultVariant:"displayXs",mobileVariant:"headingLg",children:e.jsxs("p",{children:[e.jsx("b",{children:"Transform your quality of living"})," through the science of aging."]})})})}),e.jsxs("div",{className:a.default.callAction,children:[e.jsx(t.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",className:a.default.text,children:"Defy your age with advanced longevity protocols tailored to you by clinical experts and optimized over time through ongoing labs, performance coaching, and results tracking."}),e.jsx("div",{className:o.cn(a.default.buttonWrapper,a.default.desktop),children:e.jsx(i.Button,{as:"a",href:"/join",variant:"secondary",size:"lg",children:"Join Healthspan"})}),e.jsx("div",{className:o.cn(a.default.buttonWrapper,a.default.mobile),children:e.jsx(i.Button,{as:"a",href:"/join",variant:"secondary",size:"md",children:"Join Healthspan"})})]})]})]})}exports.HomepageHero=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../components/Typography/Typography.cjs.js"),r=require("../../components/Button/Button.cjs.js"),s=require("./components/MiddleCarousel/MiddleCarousel.cjs.js"),i=require("../../utils/cn/cn.cjs.js"),t=require("./homepageHero.module.css.cjs.js");function n(){return e.jsxs("section",{className:t.default.root,"data-type":"hero",children:[e.jsx("div",{className:t.default.carouselArea,children:e.jsx(s.MiddleCarousel,{})}),e.jsxs("div",{className:t.default.contentContainer,children:[e.jsx("div",{className:t.default.headline,children:e.jsx(o.HighlightedTitle,{colorScheme:"dark",title:e.jsx(a.Typography,{as:"div",defaultVariant:"displayXs",mobileVariant:"headingLg",children:e.jsxs("p",{children:[e.jsx("b",{children:"Transform your quality of living"})," through the science of aging."]})})})}),e.jsxs("div",{className:t.default.callAction,children:[e.jsx(a.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",className:t.default.text,children:"Defy your age with advanced longevity protocols tailored to you by clinical experts and optimized over time through ongoing labs, performance coaching, and results tracking."}),e.jsx("div",{className:i.cn(t.default.buttonWrapper,t.default.desktop),children:e.jsx(r.Button,{as:"a",href:"https://app.gethealthspan.com/#/get-started",variant:"secondary",size:"lg",children:"Join Healthspan"})}),e.jsx("div",{className:i.cn(t.default.buttonWrapper,t.default.mobile),children:e.jsx(r.Button,{as:"a",href:"https://app.gethealthspan.com/#/get-started",variant:"secondary",size:"md",children:"Join Healthspan"})})]})]})]})}exports.HomepageHero=n;

package/dist/pageComponents/HomepageHero/HomepageHero.es.js

@@ -1,28 +1,28 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { HighlightedTitle as t } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as r } from "../../components/Typography/Typography.es.js";
-import { Button as o } from "../../components/Button/Button.es.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { HighlightedTitle as n } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as t } from "../../components/Typography/Typography.es.js";
+import { Button as i } from "../../components/Button/Button.es.js";
 import { MiddleCarousel as l } from "./components/MiddleCarousel/MiddleCarousel.es.js";
-import { cn as n } from "../../utils/cn/cn.es.js";
+import { cn as o } from "../../utils/cn/cn.es.js";
 import a from "./homepageHero.module.css.es.js";
 function f() {
-  return /* @__PURE__ */ i("section", { className: a.root, "data-type": "hero", children: [
+  return /* @__PURE__ */ r("section", { className: a.root, "data-type": "hero", children: [
     /* @__PURE__ */ e("div", { className: a.carouselArea, children: /* @__PURE__ */ e(l, {}) }),
-    /* @__PURE__ */ i("div", { className: a.contentContainer, children: [
+    /* @__PURE__ */ r("div", { className: a.contentContainer, children: [
       /* @__PURE__ */ e("div", { className: a.headline, children: /* @__PURE__ */ e(
-        t,
+        n,
         {
           colorScheme: "dark",
-          title: /* @__PURE__ */ e(r, { as: "div", defaultVariant: "displayXs", mobileVariant: "headingLg", children: /* @__PURE__ */ i("p", { children: [
+          title: /* @__PURE__ */ e(t, { as: "div", defaultVariant: "displayXs", mobileVariant: "headingLg", children: /* @__PURE__ */ r("p", { children: [
             /* @__PURE__ */ e("b", { children: "Transform your quality of living" }),
             " through the science of aging."
           ] }) })
         }
       ) }),
-      /* @__PURE__ */ i("div", { className: a.callAction, children: [
-        /* @__PURE__ */ e(r, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", className: a.text, children: "Defy your age with advanced longevity protocols tailored to you by clinical experts and optimized over time through ongoing labs, performance coaching, and results tracking." }),
-        /* @__PURE__ */ e("div", { className: n(a.buttonWrapper, a.desktop), children: /* @__PURE__ */ e(o, { as: "a", href: "/join", variant: "secondary", size: "lg", children: "Join Healthspan" }) }),
-        /* @__PURE__ */ e("div", { className: n(a.buttonWrapper, a.mobile), children: /* @__PURE__ */ e(o, { as: "a", href: "/join", variant: "secondary", size: "md", children: "Join Healthspan" }) })
+      /* @__PURE__ */ r("div", { className: a.callAction, children: [
+        /* @__PURE__ */ e(t, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", className: a.text, children: "Defy your age with advanced longevity protocols tailored to you by clinical experts and optimized over time through ongoing labs, performance coaching, and results tracking." }),
+        /* @__PURE__ */ e("div", { className: o(a.buttonWrapper, a.desktop), children: /* @__PURE__ */ e(i, { as: "a", href: "https://app.gethealthspan.com/#/get-started", variant: "secondary", size: "lg", children: "Join Healthspan" }) }),
+        /* @__PURE__ */ e("div", { className: o(a.buttonWrapper, a.mobile), children: /* @__PURE__ */ e(i, { as: "a", href: "https://app.gethealthspan.com/#/get-started", variant: "secondary", size: "md", children: "Join Healthspan" }) })
       ] })
     ] })
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.140",
+    "version": "0.1.142",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",