@zenpatient-org/healthspan-marketing-ui 0.1.43 → 0.1.45

package/dist/components/InfiniteScroll/InfiniteScroll.es.js

@@ -1,67 +1,82 @@
 "use client";
-import { jsx as M } from "react/jsx-runtime";
-import { forwardRef as D, useRef as f, useState as g, useEffect as A, useCallback as h, useImperativeHandle as H } from "react";
-import { cn as w } from "../../utils/cn/cn.es.js";
-import x from "./infiniteScroll.module.css.es.js";
-function P({ items: c, speed: y = 50, contentClassName: W, itemClassName: q, rootClassName: F, renderItem: S }, T) {
-  const l = f(null), [s, C] = g(0), [i, E] = g(0), m = f(null), d = f(!1), u = f(performance.now()), [I, L] = g(2);
-  A(() => {
-    l.current && c.length > 0 && setTimeout(() => {
-      var o, r, a;
-      const t = ((r = (o = l.current) == null ? void 0 : o.parentElement) == null ? void 0 : r.offsetWidth) || 0, e = (((a = l.current) == null ? void 0 : a.scrollWidth) || 0) / 2, n = Math.ceil(t * 2 / e);
-      L(Math.max(2, n % 2 === 0 ? n : n + 1)), E(e);
+import { jsx as x } from "react/jsx-runtime";
+import { forwardRef as H, useRef as h, useState as y, useEffect as C, useCallback as p, useImperativeHandle as P } from "react";
+import { cn as R } from "../../utils/cn/cn.es.js";
+import v from "./infiniteScroll.module.css.es.js";
+function _({
+  items: l,
+  speed: d = 50,
+  direction: c = "left",
+  contentClassName: W,
+  itemClassName: q,
+  rootClassName: F,
+  renderItem: T
+}, E) {
+  const i = h(null), [u, g] = y(0), [r, I] = y(0), m = h(null), M = h(!1), f = h(performance.now()), [L, N] = y(2);
+  C(() => {
+    i.current && l.length > 0 && setTimeout(() => {
+      var s, a, e;
+      const n = ((a = (s = i.current) == null ? void 0 : s.parentElement) == null ? void 0 : a.offsetWidth) || 0, t = (((e = i.current) == null ? void 0 : e.scrollWidth) || 0) / 2, o = Math.ceil(n * 2 / t);
+      N(Math.max(2, o % 2 === 0 ? o : o + 1)), I(t);
     }, 0);
-  }, [c]);
-  const p = h(
-    (t) => {
-      if (!d.current) {
-        const e = t ?? performance.now(), n = e - u.current || 16.67;
-        u.current = e, C((o) => {
-          const r = o - y * (n / 1e3);
-          return Math.abs(r) >= i ? r + i : r;
+  }, [l]), C(() => {
+    g(c === "right" ? -r : 0);
+  }, [r, c]);
+  const w = p(
+    (n) => {
+      if (!M.current) {
+        const t = n ?? performance.now(), o = t - f.current || 16.67;
+        f.current = t, g((s) => {
+          const a = c === "right" ? -d : d, e = s - a * (o / 1e3);
+          if (c === "left") {
+            if (e <= -r)
+              return e + r;
+          } else if (c === "right" && e >= 0)
+            return e - r;
+          return e;
         });
       }
-      m.current = requestAnimationFrame(p);
+      m.current = requestAnimationFrame(w);
     },
-    [i, y]
+    [r, d, c]
   );
-  A(() => (u.current = performance.now(), m.current = requestAnimationFrame(p), () => {
+  C(() => (f.current = performance.now(), m.current = requestAnimationFrame(w), () => {
     m.current && cancelAnimationFrame(m.current);
-  }), [p]);
-  const N = h(() => {
-    d.current = !0;
-  }, []), X = h(() => {
-    d.current = !1, u.current = performance.now();
-  }, []), R = h(
-    (t, e = 300) => {
-      const n = s, o = t - n, r = performance.now(), a = (b) => {
-        const j = b - r, v = Math.min(j / e, 1), k = 1 - Math.pow(1 - v, 3);
-        C(n + o * k), v < 1 && requestAnimationFrame(a);
+  }), [w]);
+  const X = p(() => {
+    M.current = !0;
+  }, []), b = p(() => {
+    M.current = !1, f.current = performance.now();
+  }, []), A = p(
+    (n, t = 300) => {
+      const o = u, s = n - o, a = performance.now(), e = (j) => {
+        const k = j - a, S = Math.min(k / t, 1), D = 1 - Math.pow(1 - S, 3);
+        g(o + s * D), S < 1 && requestAnimationFrame(e);
       };
-      requestAnimationFrame(a);
+      requestAnimationFrame(e);
     },
-    [s]
+    [u]
   );
-  return H(T, () => ({
+  return P(E, () => ({
     scrollLeft: () => {
-      const t = s - 200, e = Math.max(t, -i);
-      R(e);
+      const n = u - 200, t = Math.max(n, -r);
+      A(t);
     },
     scrollRight: () => {
-      const t = s + 200, e = Math.min(t, 0);
-      R(e);
+      const n = u + 200, t = Math.min(n, r);
+      A(t);
     }
-  })), /* @__PURE__ */ M("div", { className: w(x.root, F), onMouseEnter: N, onMouseLeave: X, children: /* @__PURE__ */ M(
+  })), /* @__PURE__ */ x("div", { className: R(v.root, F), onMouseEnter: X, onMouseLeave: b, children: /* @__PURE__ */ x(
     "div",
     {
-      className: w(x.content, W),
-      style: { transform: `translate3D(${s}px, 0, 0)` },
-      ref: l,
-      children: Array.from({ length: c.length * I }, (t, e) => /* @__PURE__ */ M("div", { className: w(x.item, q), children: S(c[e % c.length], e) }, e))
+      className: R(v.content, W),
+      style: { transform: `translate3D(${u}px, 0, 0)` },
+      ref: i,
+      children: Array.from({ length: l.length * L }, (n, t) => /* @__PURE__ */ x("div", { className: R(v.item, q), children: T(l[t % l.length], t) }, t))
     }
   ) });
 }
-const G = D(P);
+const J = H(_);
 export {
-  G as InfiniteScroll
+  J as InfiniteScroll
 };

package/dist/components/StudyGridCard/StudyGridCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../utils/formatDate.cjs.js");require("../Icon/Icon.cjs.js");const o=require("../Icon/constants.cjs.js"),h=require("../Label/Label.cjs.js"),i=require("../TextButton/TextButton.cjs.js"),t=require("../Typography/Typography.cjs.js"),a=require("./studyGridCard.module.css.cjs.js");function f({title:n,link:r,inverted:d,image:u,date:c,label:s,readTime:l}){return e.jsxs("div",{className:a.default.study,"data-inverted":d,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${u})`},children:s&&e.jsx(h.Label,{...s})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(t.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:m.formatDate(c)}),!!l&&e.jsxs(e.Fragment,{children:[e.jsx(t.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(t.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[l," MIN READ"]})]})]}),e.jsx(t.Typography,{className:a.default.title,defaultVariant:"headingSm",mobileVariant:"bodySm",as:"h6",children:n}),e.jsxs("div",{className:a.default.button,children:[e.jsx(i.TextButton,{hideOn:"desktop",className:a.default.mobileButton,size:"sm",as:"a",href:r,suffixIcon:o.EIconName.ARROW_FORWARD,children:"READ MORE"}),e.jsx(i.TextButton,{hideOn:"mobile",className:a.default.desktopButton,size:"lg",as:"a",href:r,suffixIcon:o.EIconName.ARROW_FORWARD,children:"READ MORE"})]})]})]})}exports.StudyGridCard=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("../../utils/formatDate.cjs.js");require("../Icon/Icon.cjs.js");const l=require("../Icon/constants.cjs.js"),x=require("../Label/Label.cjs.js"),r=require("../TextButton/TextButton.cjs.js"),s=require("../Typography/Typography.cjs.js"),i=require("../../utils/cn/cn.cjs.js"),a=require("./studyGridCard.module.css.cjs.js");function b(d){if(d.compressed===!0){const{title:n,link:t,image:o}=d;return e.jsxs("div",{className:i.cn(a.default.study,a.default.studyCompressed),children:[e.jsx("div",{className:i.cn(a.default.imagePart,a.default.imagePartCompressed),style:{backgroundImage:`url(${o})`}}),e.jsxs("div",{className:i.cn(a.default.dataPart,a.default.dataPartCompressed),children:[e.jsx(s.Typography,{className:i.cn(a.default.title,a.default.titleCompressed),defaultVariant:"headingSm",mobileVariant:"bodySm",as:"h6",children:n}),e.jsxs("div",{className:a.default.button,children:[e.jsx(r.TextButton,{hideOn:"desktop",className:a.default.mobileButton,size:"sm",as:"a",href:t,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"}),e.jsx(r.TextButton,{hideOn:"mobile",className:a.default.desktopButton,size:"lg",as:"a",href:t,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"})]})]}),e.jsx("div",{className:a.default.borderLeft}),e.jsx("div",{className:a.default.borderRight})]})}else{const{title:n,link:t,image:o,inverted:c,date:m,label:u,readTime:f}=d;return e.jsxs("div",{className:a.default.study,"data-inverted":c,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${o})`},children:u&&e.jsx(x.Label,{...u})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(s.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:h.formatDate(m)}),e.jsxs(e.Fragment,{children:[e.jsx(s.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(s.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[f," MIN READ"]})]})]}),e.jsx(s.Typography,{className:a.default.title,defaultVariant:"headingSm",mobileVariant:"bodySm",as:"h6",children:n}),e.jsxs("div",{className:a.default.button,children:[e.jsx(r.TextButton,{hideOn:"desktop",className:a.default.mobileButton,size:"sm",as:"a",href:t,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"}),e.jsx(r.TextButton,{hideOn:"mobile",className:a.default.desktopButton,size:"lg",as:"a",href:t,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"})]})]})]})}}exports.StudyGridCard=b;

package/dist/components/StudyGridCard/StudyGridCard.d.ts

@@ -1,6 +1,13 @@
 import { LabelProps } from '../Label';
 
-export type StudyGridCardProps = {
+export type CompressedStudyCardProps = {
+    compressed: true;
+    title: string;
+    link: string;
+    image: string;
+};
+export type CompleteStudyCardProps = {
+    compressed?: false;
     title: string;
     inverted?: boolean;
     image: string;
@@ -9,4 +16,5 @@ export type StudyGridCardProps = {
     readTime: number;
     link: string;
 };
-export declare function StudyGridCard({ title, link, inverted, image, date, label, readTime }: StudyGridCardProps): import("react/jsx-runtime").JSX.Element;
+export type StudyGridCardProps = CompressedStudyCardProps | CompleteStudyCardProps;
+export declare function StudyGridCard(props: StudyGridCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/StudyGridCard/StudyGridCard.es.js

@@ -1,85 +1,140 @@
-import { jsxs as r, jsx as a, Fragment as u } from "react/jsx-runtime";
-import { formatDate as f } from "../../utils/formatDate.es.js";
+import { jsxs as i, jsx as a, Fragment as R } from "react/jsx-runtime";
+import { formatDate as b } from "../../utils/formatDate.es.js";
 import "../Icon/Icon.es.js";
-import { EIconName as m } from "../Icon/constants.es.js";
+import { EIconName as l } from "../Icon/constants.es.js";
 import { Label as p } from "../Label/Label.es.js";
 import { TextButton as s } from "../TextButton/TextButton.es.js";
-import { Typography as i } from "../Typography/Typography.es.js";
+import { Typography as r } from "../Typography/Typography.es.js";
+import { cn as m } from "../../utils/cn/cn.es.js";
 import e from "./studyGridCard.module.css.es.js";
-function v({ title: n, link: t, inverted: d, image: c, date: h, label: l, readTime: o }) {
-  return /* @__PURE__ */ r("div", { className: e.study, "data-inverted": d, children: [
-    /* @__PURE__ */ a("div", { className: e.imagePart, style: { backgroundImage: `url(${c})` }, children: l && /* @__PURE__ */ a(p, { ...l }) }),
-    /* @__PURE__ */ r("div", { className: e.dataPart, children: [
-      /* @__PURE__ */ r("div", { className: e.info, children: [
+function k(d) {
+  if (d.compressed === !0) {
+    const { title: o, link: t, image: n } = d;
+    return /* @__PURE__ */ i("div", { className: m(e.study, e.studyCompressed), children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: m(e.imagePart, e.imagePartCompressed),
+          style: { backgroundImage: `url(${n})` }
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: m(e.dataPart, e.dataPartCompressed), children: [
         /* @__PURE__ */ a(
-          i,
+          r,
           {
-            defaultVariant: "labelSm",
-            mobileVariant: "labelXs",
-            emphasis: !0,
-            weight: "medium",
-            color: "color-neutral-500",
-            children: f(h)
+            className: m(e.title, e.titleCompressed),
+            defaultVariant: "headingSm",
+            mobileVariant: "bodySm",
+            as: "h6",
+            children: o
           }
         ),
-        !!o && /* @__PURE__ */ r(u, { children: [
+        /* @__PURE__ */ i("div", { className: e.button, children: [
           /* @__PURE__ */ a(
-            i,
+            s,
             {
-              defaultVariant: "labelSm",
-              mobileVariant: "labelXs",
-              emphasis: !0,
-              weight: "medium",
-              color: "color-neutral-500",
-              children: "•"
+              hideOn: "desktop",
+              className: e.mobileButton,
+              size: "sm",
+              as: "a",
+              href: t,
+              suffixIcon: l.ARROW_FORWARD,
+              children: "READ MORE"
             }
           ),
-          /* @__PURE__ */ r(
-            i,
+          /* @__PURE__ */ a(
+            s,
+            {
+              hideOn: "mobile",
+              className: e.desktopButton,
+              size: "lg",
+              as: "a",
+              href: t,
+              suffixIcon: l.ARROW_FORWARD,
+              children: "READ MORE"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: e.borderLeft }),
+      /* @__PURE__ */ a("div", { className: e.borderRight })
+    ] });
+  } else {
+    const { title: o, link: t, image: n, inverted: h, date: u, label: c, readTime: f } = d;
+    return /* @__PURE__ */ i("div", { className: e.study, "data-inverted": h, children: [
+      /* @__PURE__ */ a("div", { className: e.imagePart, style: { backgroundImage: `url(${n})` }, children: c && /* @__PURE__ */ a(p, { ...c }) }),
+      /* @__PURE__ */ i("div", { className: e.dataPart, children: [
+        /* @__PURE__ */ i("div", { className: e.info, children: [
+          /* @__PURE__ */ a(
+            r,
             {
               defaultVariant: "labelSm",
               mobileVariant: "labelXs",
               emphasis: !0,
               weight: "medium",
               color: "color-neutral-500",
-              children: [
-                o,
-                " MIN READ"
-              ]
+              children: b(u)
+            }
+          ),
+          /* @__PURE__ */ i(R, { children: [
+            /* @__PURE__ */ a(
+              r,
+              {
+                defaultVariant: "labelSm",
+                mobileVariant: "labelXs",
+                emphasis: !0,
+                weight: "medium",
+                color: "color-neutral-500",
+                children: "•"
+              }
+            ),
+            /* @__PURE__ */ i(
+              r,
+              {
+                defaultVariant: "labelSm",
+                mobileVariant: "labelXs",
+                emphasis: !0,
+                weight: "medium",
+                color: "color-neutral-500",
+                children: [
+                  f,
+                  " MIN READ"
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ a(r, { className: e.title, defaultVariant: "headingSm", mobileVariant: "bodySm", as: "h6", children: o }),
+        /* @__PURE__ */ i("div", { className: e.button, children: [
+          /* @__PURE__ */ a(
+            s,
+            {
+              hideOn: "desktop",
+              className: e.mobileButton,
+              size: "sm",
+              as: "a",
+              href: t,
+              suffixIcon: l.ARROW_FORWARD,
+              children: "READ MORE"
+            }
+          ),
+          /* @__PURE__ */ a(
+            s,
+            {
+              hideOn: "mobile",
+              className: e.desktopButton,
+              size: "lg",
+              as: "a",
+              href: t,
+              suffixIcon: l.ARROW_FORWARD,
+              children: "READ MORE"
             }
           )
         ] })
-      ] }),
-      /* @__PURE__ */ a(i, { className: e.title, defaultVariant: "headingSm", mobileVariant: "bodySm", as: "h6", children: n }),
-      /* @__PURE__ */ r("div", { className: e.button, children: [
-        /* @__PURE__ */ a(
-          s,
-          {
-            hideOn: "desktop",
-            className: e.mobileButton,
-            size: "sm",
-            as: "a",
-            href: t,
-            suffixIcon: m.ARROW_FORWARD,
-            children: "READ MORE"
-          }
-        ),
-        /* @__PURE__ */ a(
-          s,
-          {
-            hideOn: "mobile",
-            className: e.desktopButton,
-            size: "lg",
-            as: "a",
-            href: t,
-            suffixIcon: m.ARROW_FORWARD,
-            children: "READ MORE"
-          }
-        )
       ] })
-    ] })
-  ] });
+    ] });
+  }
 }
 export {
-  v as StudyGridCard
+  k as StudyGridCard
 };

package/dist/components/StudyGridCard/studyGridCard.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="studyGridCard-module__study___mkYRU",d="studyGridCard-module__imagePart___fvIQO",_="studyGridCard-module__dataPart___mweMi",o="studyGridCard-module__info___xY-Kk",e="studyGridCard-module__title___U2va1",u="studyGridCard-module__button___bvI0u",a="studyGridCard-module__mobileButton___v-RZs",i={study:t,imagePart:d,dataPart:_,info:o,title:e,button:u,mobileButton:a};exports.button=u;exports.dataPart=_;exports.default=i;exports.imagePart=d;exports.info=o;exports.mobileButton=a;exports.study=t;exports.title=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="studyGridCard-module__study___mkYRU",d="studyGridCard-module__imagePart___fvIQO",e="studyGridCard-module__dataPart___mweMi",r="studyGridCard-module__dataPartCompressed___bLUMa",s="studyGridCard-module__info___xY-Kk",o="studyGridCard-module__title___U2va1",_="studyGridCard-module__button___bvI0u",a="studyGridCard-module__mobileButton___v-RZs",u="studyGridCard-module__studyCompressed___0XTXS",i="studyGridCard-module__imagePartCompressed___8GG-N",m="studyGridCard-module__titleCompressed___Z7uqM",l="studyGridCard-module__borderLeft___xGpbL",C="studyGridCard-module__borderRight___DmL9W",n={study:t,imagePart:d,dataPart:e,dataPartCompressed:r,info:s,title:o,button:_,mobileButton:a,studyCompressed:u,imagePartCompressed:i,titleCompressed:m,borderLeft:l,borderRight:C};exports.borderLeft=l;exports.borderRight=C;exports.button=_;exports.dataPart=e;exports.dataPartCompressed=r;exports.default=n;exports.imagePart=d;exports.imagePartCompressed=i;exports.info=s;exports.mobileButton=a;exports.study=t;exports.studyCompressed=u;exports.title=o;exports.titleCompressed=m;

package/dist/components/StudyGridCard/studyGridCard.module.css.es.js

@@ -1,19 +1,31 @@
-const t = "studyGridCard-module__study___mkYRU", d = "studyGridCard-module__imagePart___fvIQO", _ = "studyGridCard-module__dataPart___mweMi", o = "studyGridCard-module__info___xY-Kk", a = "studyGridCard-module__title___U2va1", u = "studyGridCard-module__button___bvI0u", s = "studyGridCard-module__mobileButton___v-RZs", r = {
+const t = "studyGridCard-module__study___mkYRU", d = "studyGridCard-module__imagePart___fvIQO", e = "studyGridCard-module__dataPart___mweMi", _ = "studyGridCard-module__dataPartCompressed___bLUMa", r = "studyGridCard-module__info___xY-Kk", s = "studyGridCard-module__title___U2va1", o = "studyGridCard-module__button___bvI0u", a = "studyGridCard-module__mobileButton___v-RZs", u = "studyGridCard-module__studyCompressed___0XTXS", m = "studyGridCard-module__imagePartCompressed___8GG-N", i = "studyGridCard-module__titleCompressed___Z7uqM", C = "studyGridCard-module__borderLeft___xGpbL", l = "studyGridCard-module__borderRight___DmL9W", n = {
   study: t,
   imagePart: d,
-  dataPart: _,
-  info: o,
-  title: a,
-  button: u,
-  mobileButton: s
+  dataPart: e,
+  dataPartCompressed: _,
+  info: r,
+  title: s,
+  button: o,
+  mobileButton: a,
+  studyCompressed: u,
+  imagePartCompressed: m,
+  titleCompressed: i,
+  borderLeft: C,
+  borderRight: l
 };
 export {
-  u as button,
-  _ as dataPart,
-  r as default,
+  C as borderLeft,
+  l as borderRight,
+  o as button,
+  e as dataPart,
+  _ as dataPartCompressed,
+  n as default,
   d as imagePart,
-  o as info,
-  s as mobileButton,
+  m as imagePartCompressed,
+  r as info,
+  a as mobileButton,
   t as study,
-  a as title
+  u as studyCompressed,
+  s as title,
+  i as titleCompressed
 };