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

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"),p=require("./scienceHero.module.css.cjs.js");function L({children:s,backgroundImage:w,cursorLink:v}){const[i,x]=t.useState({x:0,y:0}),[h,m]=t.useState(0),[$,c]=t.useState(!1),[g,l]=t.useState(!1),[o,b]=t.useState(null),[r,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(r)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)}},[r]);const S=e=>{r||(b(e.currentTarget.getBoundingClientRect()),c(!0))},y=()=>{r||c(!1)},E=()=>{window.location.href=v};if(typeof window>"u")return s;if(r)return n.jsx(n.Fragment,{children:s});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:s}),g&&a&&C.createPortal(a,document.body)]})}exports.ScienceHeroCursor=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("./components/ScienceClientCursor.cjs.js"),c=require("./components/ScienceServerCursor.cjs.js");function u({children:e,backgroundImage:n,cursorLink:i}){return typeof window>"u"?r.jsx(c.ScienceServerCursor,{children:e}):r.jsx(o.ScienceClientCursor,{backgroundImage:n,cursorLink:i,children:e})}exports.ScienceHeroCursor=u;

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

@@ -1,9 +1,8 @@
 import { default as React } from 'react';
 
-type ScienceHeroCursorProps = {
+export 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 {};
+export declare function ScienceHeroCursor({ children, backgroundImage, cursorLink }: ScienceHeroCursorProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/modules/ScienceHero/components/ScienceClientCursor.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"),E=require("react-dom"),p=require("../scienceHero.module.css.cjs.js");function L({children:r,backgroundImage:w,cursorLink:h}){const[i,v]=t.useState({x:0,y:0}),[x,m]=t.useState(0),[$,c]=t.useState(!1),[g,l]=t.useState(!1),[o,b]=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=>{v({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||(b(e.currentTarget.getBoundingClientRect()),c(!0))},C=()=>{s||c(!1)},y=()=>{window.location.href=h};if(s)return n.jsx(n.Fragment,{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 ${-x}px`}})});return n.jsxs(n.Fragment,{children:[n.jsx("div",{"data-type":"hero",onMouseEnter:S,onMouseLeave:C,onClick:y,style:{cursor:"pointer"},children:r}),g&&a&&E.createPortal(a,document.body)]})}exports.ScienceClientCursor=L;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+type ScienceClientCursorProps = {
+    children: React.ReactNode;
+    backgroundImage: string;
+    cursorLink: string;
+};
+export declare function ScienceClientCursor({ children, backgroundImage, cursorLink }: ScienceClientCursorProps): import("react/jsx-runtime").JSX.Element;
+export {};

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/package.json

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