@zenpatient-org/healthspan-marketing-ui 0.1.44 → 0.1.46

package/dist/components/Button/Button.d.ts

@@ -11,5 +11,5 @@ interface BaseButtonProps {
     suffixIcon?: EIconName;
 }
 export type ButtonProps = BaseButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "className"> & React.RefAttributes<HTMLElement>>;
+export declare const Button: React.ForwardRefExoticComponent<BaseButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLElement>>;
 export {};

package/dist/components/ComplexImageCarousel/ComplexImageCarousel.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("./ComplexCarousel/ComplexCarousel.cjs.js"),s=require("./SimpleImageCarousel/SimpleImageCarousel.cjs.js"),u=({view:l,images:e})=>l==="simple"?r.jsx(s.SimpleImageCarousel,{images:e}):r.jsx(o.ComplexCarousel,{images:e});exports.ComplexImageCarousel=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../utils/cn/cn.cjs.js"),N=require("../ProgressButton/ProgressButton.cjs.js"),u=require("../Typography/Typography.cjs.js"),r=require("./complexImageCarousel.module.css.cjs.js"),v=require("./useComplexImageCarousel.cjs.js"),b=({images:i})=>{const{containerRef:m,carouselRef:f,imageRefs:p,descriptionRef:g,descriptionItemRef:h,progressButtonContainerRef:C,visible:s,cardSizes:n,handleCustomPrevClick:x,handleCustomNextClick:y,current:j,mobileCardIndex:o,xLargeCardIndex:l}=v.useComplexImageCarousel({images:i});return e.jsx("div",{className:r.default.root,children:e.jsxs("div",{ref:m,className:r.default.container,children:[e.jsx("div",{ref:f,className:r.default.carouselArea,children:s.length>0&&s.map((d,t)=>e.jsx("div",{className:a.cn(r.default.slideContainer,r.default[`size-${n[t]}`]),ref:c=>{c&&(p.current[t]=c)},"data-flip-id":`slide-${(j+t)%i.length}`,"data-size":n[t],children:e.jsx("img",{src:d.image,alt:`Slide ${t+1}`,className:r.default.image})},d.name))}),e.jsx("div",{ref:g,className:r.default.description,children:e.jsxs("div",{ref:h,className:a.cn("description-item",r.default.descriptionItem),children:[e.jsx(u.Typography,{as:"h3",defaultVariant:"headingLg",mobileVariant:"headingXxs",children:typeof window<"u"&&window.innerWidth<=768?s[o].title:s[l].title}),e.jsx(u.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:r.default.text,children:typeof window<"u"&&window.innerWidth<=768?s[o].description:s[l].description})]})}),e.jsx("div",{ref:C,className:r.default.progressButtonContainer,children:e.jsx(N.ProgressButton,{left:{onClick:x},right:{onClick:y},className:a.cn("progress-buttons",r.default.progressButton)})})]})})};exports.ComplexImageCarousel=b;

package/dist/components/ComplexImageCarousel/ComplexImageCarousel.d.ts

@@ -1,3 +1,3 @@
 import { TComplexImageCarouselView } from './types';
 
-export declare const ComplexImageCarousel: ({ view, images }: TComplexImageCarouselView) => import("react/jsx-runtime").JSX.Element;
+export declare const ComplexImageCarousel: ({ images }: TComplexImageCarouselView) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ComplexImageCarousel/ComplexImageCarousel.es.js

@@ -1,8 +1,58 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { ComplexCarousel as m } from "./ComplexCarousel/ComplexCarousel.es.js";
-import { SimpleImageCarousel as l } from "./SimpleImageCarousel/SimpleImageCarousel.es.js";
-const i = ({ view: o, images: e }) => o === "simple" ? /* @__PURE__ */ r(l, { images: e }) : /* @__PURE__ */ r(m, { images: e });
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import { cn as s } from "../../utils/cn/cn.es.js";
+import { ProgressButton as x } from "../ProgressButton/ProgressButton.es.js";
+import { Typography as f } from "../Typography/Typography.es.js";
+import e from "./complexImageCarousel.module.css.es.js";
+import { useComplexImageCarousel as y } from "./useComplexImageCarousel.es.js";
+const S = ({ images: a }) => {
+  const {
+    containerRef: p,
+    carouselRef: h,
+    imageRefs: u,
+    descriptionRef: g,
+    descriptionItemRef: C,
+    progressButtonContainerRef: N,
+    visible: r,
+    cardSizes: n,
+    handleCustomPrevClick: v,
+    handleCustomNextClick: w,
+    current: b,
+    mobileCardIndex: o,
+    xLargeCardIndex: d
+  } = y({ images: a });
+  return /* @__PURE__ */ i("div", { className: e.root, children: /* @__PURE__ */ m("div", { ref: p, className: e.container, children: [
+    /* @__PURE__ */ i("div", { ref: h, className: e.carouselArea, children: r.length > 0 && r.map((l, t) => /* @__PURE__ */ i(
+      "div",
+      {
+        className: s(e.slideContainer, e[`size-${n[t]}`]),
+        ref: (c) => {
+          c && (u.current[t] = c);
+        },
+        "data-flip-id": `slide-${(b + t) % a.length}`,
+        "data-size": n[t],
+        children: /* @__PURE__ */ i("img", { src: l.image, alt: `Slide ${t + 1}`, className: e.image })
+      },
+      l.name
+    )) }),
+    /* @__PURE__ */ i("div", { ref: g, className: e.description, children: /* @__PURE__ */ m("div", { ref: C, className: s("description-item", e.descriptionItem), children: [
+      /* @__PURE__ */ i(f, { as: "h3", defaultVariant: "headingLg", mobileVariant: "headingXxs", children: typeof window < "u" && window.innerWidth <= 768 ? r[o].title : r[d].title }),
+      /* @__PURE__ */ i(f, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", className: e.text, children: typeof window < "u" && window.innerWidth <= 768 ? r[o].description : r[d].description })
+    ] }) }),
+    /* @__PURE__ */ i("div", { ref: N, className: e.progressButtonContainer, children: /* @__PURE__ */ i(
+      x,
+      {
+        left: {
+          onClick: v
+        },
+        right: {
+          onClick: w
+        },
+        className: s("progress-buttons", e.progressButton)
+      }
+    ) })
+  ] }) });
+};
 export {
-  i as ComplexImageCarousel
+  S as ComplexImageCarousel
 };

package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="complexImageCarousel-module__container___uoYKj",o="complexImageCarousel-module__carouselArea___dqNWo",s="complexImageCarousel-module__slideContainer___H-r26",r="complexImageCarousel-module__description___R8XsG",t="complexImageCarousel-module__descriptionItem___SAPt8",_="complexImageCarousel-module__progressButtonContainer___l3Qih",l="complexImageCarousel-module__progressButton___b78tE",a={container:e,carouselArea:o,slideContainer:s,"size-atom":"complexImageCarousel-module__size-atom___t7PmI","size-small":"complexImageCarousel-module__size-small___mjSZM","size-medium":"complexImageCarousel-module__size-medium___M-0BQ","size-large":"complexImageCarousel-module__size-large___GITeg","size-x-large":"complexImageCarousel-module__size-x-large___e-BOY",description:r,descriptionItem:t,progressButtonContainer:_,progressButton:l};exports.carouselArea=o;exports.container=e;exports.default=a;exports.description=r;exports.descriptionItem=t;exports.progressButton=l;exports.progressButtonContainer=_;exports.slideContainer=s;

package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.es.js

@@ -0,0 +1,24 @@
+const e = "complexImageCarousel-module__container___uoYKj", o = "complexImageCarousel-module__carouselArea___dqNWo", s = "complexImageCarousel-module__slideContainer___H-r26", _ = "complexImageCarousel-module__description___R8XsG", l = "complexImageCarousel-module__descriptionItem___SAPt8", r = "complexImageCarousel-module__progressButtonContainer___l3Qih", a = "complexImageCarousel-module__progressButton___b78tE", m = {
+  container: e,
+  carouselArea: o,
+  slideContainer: s,
+  "size-atom": "complexImageCarousel-module__size-atom___t7PmI",
+  "size-small": "complexImageCarousel-module__size-small___mjSZM",
+  "size-medium": "complexImageCarousel-module__size-medium___M-0BQ",
+  "size-large": "complexImageCarousel-module__size-large___GITeg",
+  "size-x-large": "complexImageCarousel-module__size-x-large___e-BOY",
+  description: _,
+  descriptionItem: l,
+  progressButtonContainer: r,
+  progressButton: a
+};
+export {
+  o as carouselArea,
+  e as container,
+  m as default,
+  _ as description,
+  l as descriptionItem,
+  a as progressButton,
+  r as progressButtonContainer,
+  s as slideContainer
+};

package/dist/components/ComplexTooltip/ComplexTooltip.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),e=require("react"),q=require("../../_virtual/Popover.cjs.js"),k=require("../../utils/useIsMobile.cjs.js"),P=require("./components/ComplexTooltipContent/ComplexTooltipContent.cjs.js"),E=require("./complexTooltip.module.css.cjs.js"),O=({trigger:n,title:a,description:m,link:v,transformMode:u="relative",transform:b={top:0,left:0},style:f="light",isBlurred:C=!1,children:c,positions:T=["top","bottom","left","right"],onClose:r})=>{const[d,l]=e.useState(!1),o=e.useRef(null),s=e.useCallback(()=>{o.current&&clearTimeout(o.current),o.current=setTimeout(()=>l(!0),200)},[]),t=e.useCallback(()=>{o.current=setTimeout(()=>{l(!1),r==null||r()},200)},[r]),p=e.useCallback(()=>l(h=>!h),[]),x=e.useMemo(()=>n==="hover"?{onMouseEnter:s,onMouseLeave:t}:{onClick:p},[n,s,t,p]),M=e.useMemo(()=>n==="hover"?{onMouseEnter:s,onMouseLeave:t}:{},[n,s,t]);return e.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]),k.useIsMobile()?c:i.jsx(q.PopoverExports.Popover,{isOpen:d,positions:T,padding:8,onClickOutside:t,containerClassName:E.default.popover,transformMode:u,transform:u==="absolute"?b:void 0,containerStyle:{pointerEvents:u==="absolute"?"none":"auto"},content:i.jsx(P.ComplexTooltipContent,{title:a,description:m,link:v,style:f,isBlurred:C,onClose:t,...M}),children:i.jsx("div",{...x,children:c})})};exports.ComplexTooltip=O;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),e=require("react"),x=require("../../_virtual/Popover.cjs.js"),h=require("../../utils/useIsMobile.cjs.js"),q=require("./components/ComplexTooltipContent/ComplexTooltipContent.cjs.js"),k=require("./complexTooltip.module.css.cjs.js"),P=({trigger:r,title:p,description:a,link:m,style:f="light",isBlurred:d=!1,children:i,positions:v=["top","bottom","left","right"],onClose:n})=>{const[C,u]=e.useState(!1),o=e.useRef(null),s=e.useCallback(()=>{o.current&&clearTimeout(o.current),o.current=setTimeout(()=>u(!0),200)},[]),t=e.useCallback(()=>{o.current=setTimeout(()=>{u(!1),n==null||n()},200)},[n]),c=e.useCallback(()=>u(b=>!b),[]),M=e.useMemo(()=>r==="hover"?{onMouseEnter:s,onMouseLeave:t}:{onClick:c},[r,s,t,c]),T=e.useMemo(()=>r==="hover"?{onMouseEnter:s,onMouseLeave:t}:{},[r,s,t]);return e.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]),h.useIsMobile()?i:l.jsx(x.PopoverExports.Popover,{isOpen:C,positions:v,padding:8,onClickOutside:t,containerClassName:k.default.popover,content:l.jsx(q.ComplexTooltipContent,{title:p,description:a,link:m,style:f,isBlurred:d,onClose:t,...T}),children:l.jsx("div",{...M,children:i})})};exports.ComplexTooltip=P;

package/dist/components/ComplexTooltip/ComplexTooltip.d.ts

@@ -1,14 +1,11 @@
 import { ReactElement } from 'react';
-import { PopoverPosition, PositionTransform } from 'react-tiny-popover';
+import { PopoverPosition } from 'react-tiny-popover';
 import { CommonComplexTooltipProps } from './types';
 
 type ComplexTooltipProps = {
     children: ReactElement;
     trigger: 'hover' | 'click';
     positions?: Array<PopoverPosition>;
-    transformMode?: 'absolute' | 'relative';
-    transform?: PositionTransform;
-    onMouseEnter?: () => void;
 } & CommonComplexTooltipProps;
-export declare const ComplexTooltip: ({ trigger, title, description, link, transformMode, transform, style, isBlurred, children, positions, onClose, }: ComplexTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComplexTooltip: ({ trigger, title, description, link, style, isBlurred, children, positions, onClose, }: ComplexTooltipProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ComplexTooltip/ComplexTooltip.es.js

@@ -1,67 +1,62 @@
 "use client";
-import { jsx as u } from "react/jsx-runtime";
-import { useState as P, useRef as k, useCallback as l, useMemo as a, useEffect as O } from "react";
-import { P as y } from "../../_virtual/Popover.es.js";
-import { useIsMobile as L } from "../../utils/useIsMobile.es.js";
-import { ComplexTooltipContent as S } from "./components/ComplexTooltipContent/ComplexTooltipContent.es.js";
+import { jsx as i } from "react/jsx-runtime";
+import { useState as x, useRef as P, useCallback as u, useMemo as l, useEffect as k } from "react";
+import { P as E } from "../../_virtual/Popover.es.js";
+import { useIsMobile as O } from "../../utils/useIsMobile.es.js";
+import { ComplexTooltipContent as L } from "./components/ComplexTooltipContent/ComplexTooltipContent.es.js";
 import j from "./complexTooltip.module.css.es.js";
-const B = ({
+const z = ({
   trigger: t,
   title: m,
-  description: f,
-  link: v,
-  transformMode: s = "relative",
-  transform: b = { top: 0, left: 0 },
-  style: h = "light",
-  isBlurred: T = !1,
+  description: a,
+  link: f,
+  style: v = "light",
+  isBlurred: M = !1,
   children: p,
   positions: d = ["top", "bottom", "left", "right"],
   onClose: r
 }) => {
-  const [C, i] = P(!1), e = k(null), n = l(() => {
-    e.current && clearTimeout(e.current), e.current = setTimeout(() => i(!0), 200);
-  }, []), o = l(() => {
+  const [h, s] = x(!1), e = P(null), n = u(() => {
+    e.current && clearTimeout(e.current), e.current = setTimeout(() => s(!0), 200);
+  }, []), o = u(() => {
     e.current = setTimeout(() => {
-      i(!1), r == null || r();
+      s(!1), r == null || r();
     }, 200);
-  }, [r]), c = l(() => i((E) => !E), []), M = a(() => t === "hover" ? {
+  }, [r]), c = u(() => s((b) => !b), []), T = l(() => t === "hover" ? {
     onMouseEnter: n,
     onMouseLeave: o
   } : {
     onClick: c
-  }, [t, n, o, c]), x = a(() => t === "hover" ? {
+  }, [t, n, o, c]), C = l(() => t === "hover" ? {
     onMouseEnter: n,
     onMouseLeave: o
   } : {}, [t, n, o]);
-  return O(() => () => {
+  return k(() => () => {
     e.current && clearTimeout(e.current);
-  }, []), L() ? p : /* @__PURE__ */ u(
-    y.Popover,
+  }, []), O() ? p : /* @__PURE__ */ i(
+    E.Popover,
     {
-      isOpen: C,
+      isOpen: h,
       positions: d,
       padding: 8,
       onClickOutside: o,
       containerClassName: j.popover,
-      transformMode: s,
-      transform: s === "absolute" ? b : void 0,
-      containerStyle: { pointerEvents: s === "absolute" ? "none" : "auto" },
-      content: /* @__PURE__ */ u(
-        S,
+      content: /* @__PURE__ */ i(
+        L,
         {
           title: m,
-          description: f,
-          link: v,
-          style: h,
-          isBlurred: T,
+          description: a,
+          link: f,
+          style: v,
+          isBlurred: M,
           onClose: o,
-          ...x
+          ...C
         }
       ),
-      children: /* @__PURE__ */ u("div", { ...M, children: p })
+      children: /* @__PURE__ */ i("div", { ...T, children: p })
     }
   );
 };
 export {
-  B as ComplexTooltip
+  z as ComplexTooltip
 };

package/dist/components/IconButton/IconButton.d.ts

@@ -10,5 +10,5 @@ interface BaseButtonProps {
     as?: ElementType;
 }
 export type ButtonProps = BaseButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const IconButton: ({ iconName, variant, size, as: Component, disabled, ...props }: Omit<ButtonProps, "children" | "className">) => import("react/jsx-runtime").JSX.Element;
+export declare const IconButton: ({ iconName, variant, size, as: Component, disabled, ...props }: Omit<ButtonProps, "children">) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/InfiniteScroll/InfiniteScroll.cjs.js

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

package/dist/components/InfiniteScroll/InfiniteScroll.d.ts

@@ -7,7 +7,6 @@ export type InfiniteScrollHandle = {
 type InfiniteScrollProps<T> = {
     items: ReadonlyArray<T>;
     speed?: number;
-    direction?: 'left' | 'right';
     contentClassName?: string;
     itemClassName?: string;
     rootClassName?: string;

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

@@ -1,82 +1,67 @@
 "use client";
-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);
+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);
     }, 0);
-  }, [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;
+  }, [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;
         });
       }
-      m.current = requestAnimationFrame(w);
+      m.current = requestAnimationFrame(p);
     },
-    [r, d, c]
+    [i, y]
   );
-  C(() => (f.current = performance.now(), m.current = requestAnimationFrame(w), () => {
+  A(() => (u.current = performance.now(), m.current = requestAnimationFrame(p), () => {
     m.current && cancelAnimationFrame(m.current);
-  }), [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);
+  }), [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);
       };
-      requestAnimationFrame(e);
+      requestAnimationFrame(a);
     },
-    [u]
+    [s]
   );
-  return P(E, () => ({
+  return H(T, () => ({
     scrollLeft: () => {
-      const n = u - 200, t = Math.max(n, -r);
-      A(t);
+      const t = s - 200, e = Math.max(t, -i);
+      R(e);
     },
     scrollRight: () => {
-      const n = u + 200, t = Math.min(n, r);
-      A(t);
+      const t = s + 200, e = Math.min(t, 0);
+      R(e);
     }
-  })), /* @__PURE__ */ x("div", { className: R(v.root, F), onMouseEnter: X, onMouseLeave: b, children: /* @__PURE__ */ x(
+  })), /* @__PURE__ */ M("div", { className: w(x.root, F), onMouseEnter: N, onMouseLeave: X, children: /* @__PURE__ */ M(
     "div",
     {
-      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))
+      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))
     }
   ) });
 }
-const J = H(_);
+const G = D(P);
 export {
-  J as InfiniteScroll
+  G as InfiniteScroll
 };

package/dist/components/Label/index.d.ts

@@ -1,2 +1,2 @@
 export { Label } from './Label';
-export type { LabelColor, LabelProps, LabelSize } from './types';
+export type { LabelColor, LabelProps } from './types';

package/dist/components/Label/types.d.ts

@@ -1,7 +1,9 @@
+import { ReactNode } from 'react';
+
 export type LabelSize = 'sm' | 'lg';
 export type LabelColor = 'black' | 'grey' | 'white' | 'solar' | 'indigo' | 'orchre' | 'alpha-white';
 export type LabelProps = {
-    children: string;
+    children: ReactNode;
     color: LabelColor;
     size?: LabelSize;
     className?: string;

package/dist/components/StepsCarousel/StepsCarousel.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),h=require("../../utils/cn/cn.cjs.js"),g=require("../Label/Label.cjs.js"),C=require("../ProgressButton/ProgressButton.cjs.js"),m=require("../Typography/Typography.cjs.js"),a=require("./stepsCarousel.module.css.cjs.js"),T=({steps:o,colorScheme:n})=>{const[c,b]=r.useState(0),f=r.useRef([]),i=r.useRef(null),u=r.useRef(null),j=r.useCallback(t=>{i.current=t.touches[0].clientX},[]),y=r.useCallback(t=>{u.current=t.touches[0].clientX},[]),d=r.useCallback(t=>{var s;b(t),(s=f.current[t])==null||s.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})},[]),k=r.useCallback(()=>{if(i.current!==null&&u.current!==null){const t=u.current-i.current,s=50;b(l=>t>s&&l>0?l-1:t<-s&&l<o.length-1?l+1:l)}i.current=null,u.current=null},[o.length]);return e.jsxs("div",{className:a.default.root,"data-scheme":n,children:[e.jsx("div",{className:a.default.stepsContainer,"data-scheme":n,onTouchStart:j,onTouchMove:y,onTouchEnd:k,children:o.map((t,s)=>{const l=c===s;return e.jsxs("button",{ref:p=>{p&&(f.current[s]=p)},className:h.cn(a.default.card,l&&a.default.cardActive),onClick:()=>d(s),type:"button",children:[e.jsx("div",{className:h.cn(a.default.imageWrapper,l&&a.default.imageWrapperActive),children:e.jsx("img",{src:t.image,alt:t.title,className:a.default.image})}),e.jsx("div",{className:a.default.stepLabel,children:l?e.jsxs(e.Fragment,{children:[e.jsx(g.Label,{size:"lg",className:a.default.desktop,color:n==="dark"?"white":"black",children:`Step ${s+1}`}),e.jsx(g.Label,{size:"sm",className:a.default.mobile,color:n==="dark"?"white":"black",children:`Step ${s+1}`})]}):e.jsxs(m.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,className:a.default.labelText,children:["Step ",s+1]})}),e.jsxs("div",{className:a.default.textContainer,children:[e.jsx(m.Typography,{as:"h3",defaultVariant:"headingXs",mobileVariant:"headingXxs",children:t.title}),t.description&&e.jsx(m.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.cardDescription,children:t.description})]})]},`step-${s}`)})}),e.jsx("div",{className:h.cn(a.default.mobile,a.default.progressButtonContainer),children:e.jsx(C.ProgressButton,{invert:n==="dark",left:{disabled:c<=0,onClick:()=>d(c-1)},right:{disabled:c>=o.length-1,onClick:()=>d(c+1)}})})]})};exports.StepsCarousel=T;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),h=require("../../utils/cn/cn.cjs.js"),g=require("../Label/Label.cjs.js"),C=require("../ProgressButton/ProgressButton.cjs.js"),m=require("../Typography/Typography.cjs.js"),a=require("./stepsCarousel.module.css.cjs.js"),T=({steps:o,colorScheme:n})=>{const[c,b]=r.useState(0),f=r.useRef([]),i=r.useRef(null),u=r.useRef(null),j=r.useCallback(t=>{i.current=t.touches[0].clientX},[]),y=r.useCallback(t=>{u.current=t.touches[0].clientX},[]),d=r.useCallback(t=>{var s;b(t),(s=f.current[t])==null||s.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})},[]),k=r.useCallback(()=>{if(i.current!==null&&u.current!==null){const t=u.current-i.current,s=50;b(l=>t>s&&l>0?l-1:t<-s&&l<o.length-1?l+1:l)}i.current=null,u.current=null},[o.length]);return e.jsxs("div",{className:a.default.root,"data-scheme":n,children:[e.jsx("div",{className:a.default.stepsContainer,"data-scheme":n,onTouchStart:j,onTouchMove:y,onTouchEnd:k,children:o.map((t,s)=>{const l=c===s;return e.jsxs("button",{ref:p=>{p&&(f.current[s]=p)},className:h.cn(a.default.card,l&&a.default.cardActive),onClick:()=>d(s),type:"button",children:[e.jsx("div",{className:h.cn(a.default.imageWrapper,l&&a.default.imageWrapperActive),children:e.jsx("img",{src:t.image,alt:t.title,className:a.default.image})}),e.jsx("div",{className:a.default.stepLabel,children:l?e.jsxs(e.Fragment,{children:[e.jsxs(g.Label,{size:"lg",className:a.default.desktop,color:n==="dark"?"white":"black",children:["Step ",s+1]}),e.jsxs(g.Label,{size:"sm",className:a.default.mobile,color:n==="dark"?"white":"black",children:["Step ",s+1]})]}):e.jsxs(m.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,className:a.default.labelText,children:["Step ",s+1]})}),e.jsxs("div",{className:a.default.textContainer,children:[e.jsx(m.Typography,{as:"h3",defaultVariant:"headingXs",mobileVariant:"headingXxs",children:t.title}),t.description&&e.jsx(m.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.cardDescription,children:t.description})]})]},`step-${s}`)})}),e.jsx("div",{className:h.cn(a.default.mobile,a.default.progressButtonContainer),children:e.jsx(C.ProgressButton,{invert:n==="dark",left:{disabled:c<=0,onClick:()=>d(c-1)},right:{disabled:c>=o.length-1,onClick:()=>d(c+1)}})})]})};exports.StepsCarousel=T;

package/dist/components/StepsCarousel/StepsCarousel.es.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as i, jsx as a, Fragment as X } from "react/jsx-runtime";
+import { jsxs as l, jsx as n, Fragment as X } from "react/jsx-runtime";
 import { useState as V, useRef as m, useCallback as u } from "react";
 import { cn as b } from "../../utils/cn/cn.es.js";
 import { Label as k } from "../Label/Label.es.js";
 import { ProgressButton as y } from "../ProgressButton/ProgressButton.es.js";
 import { Typography as p } from "../Typography/Typography.es.js";
 import t from "./stepsCarousel.module.css.es.js";
-const z = ({ steps: s, colorScheme: l }) => {
-  const [c, f] = V(0), g = m([]), o = m(null), d = m(null), v = u((e) => {
+const B = ({ steps: s, colorScheme: c }) => {
+  const [i, f] = V(0), g = m([]), o = m(null), d = m(null), v = u((e) => {
     o.current = e.touches[0].clientX;
   }, []), C = u((e) => {
     d.current = e.touches[0].clientX;
@@ -17,52 +17,58 @@ const z = ({ steps: s, colorScheme: l }) => {
   }, []), T = u(() => {
     if (o.current !== null && d.current !== null) {
       const e = d.current - o.current, r = 50;
-      f((n) => e > r && n > 0 ? n - 1 : e < -r && n < s.length - 1 ? n + 1 : n);
+      f((a) => e > r && a > 0 ? a - 1 : e < -r && a < s.length - 1 ? a + 1 : a);
     }
     o.current = null, d.current = null;
   }, [s.length]);
-  return /* @__PURE__ */ i("div", { className: t.root, "data-scheme": l, children: [
-    /* @__PURE__ */ a(
+  return /* @__PURE__ */ l("div", { className: t.root, "data-scheme": c, children: [
+    /* @__PURE__ */ n(
       "div",
       {
         className: t.stepsContainer,
-        "data-scheme": l,
+        "data-scheme": c,
         onTouchStart: v,
         onTouchMove: C,
         onTouchEnd: T,
         children: s.map((e, r) => {
-          const n = c === r;
-          return /* @__PURE__ */ i(
+          const a = i === r;
+          return /* @__PURE__ */ l(
             "button",
             {
               ref: (N) => {
                 N && (g.current[r] = N);
               },
-              className: b(t.card, n && t.cardActive),
+              className: b(t.card, a && t.cardActive),
               onClick: () => h(r),
               type: "button",
               children: [
-                /* @__PURE__ */ a("div", { className: b(t.imageWrapper, n && t.imageWrapperActive), children: /* @__PURE__ */ a("img", { src: e.image, alt: e.title, className: t.image }) }),
-                /* @__PURE__ */ a("div", { className: t.stepLabel, children: n ? /* @__PURE__ */ i(X, { children: [
-                  /* @__PURE__ */ a(
+                /* @__PURE__ */ n("div", { className: b(t.imageWrapper, a && t.imageWrapperActive), children: /* @__PURE__ */ n("img", { src: e.image, alt: e.title, className: t.image }) }),
+                /* @__PURE__ */ n("div", { className: t.stepLabel, children: a ? /* @__PURE__ */ l(X, { children: [
+                  /* @__PURE__ */ l(
                     k,
                     {
                       size: "lg",
                       className: t.desktop,
-                      color: l === "dark" ? "white" : "black",
-                      children: `Step ${r + 1}`
+                      color: c === "dark" ? "white" : "black",
+                      children: [
+                        "Step ",
+                        r + 1
+                      ]
                     }
                   ),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ l(
                     k,
                     {
                       size: "sm",
                       className: t.mobile,
-                      color: l === "dark" ? "white" : "black",
-                      children: `Step ${r + 1}`
+                      color: c === "dark" ? "white" : "black",
+                      children: [
+                        "Step ",
+                        r + 1
+                      ]
                     }
                   )
-                ] }) : /* @__PURE__ */ i(
+                ] }) : /* @__PURE__ */ l(
                   p,
                   {
                     defaultVariant: "labelSm",
@@ -75,9 +81,9 @@ const z = ({ steps: s, colorScheme: l }) => {
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ i("div", { className: t.textContainer, children: [
-                  /* @__PURE__ */ a(p, { as: "h3", defaultVariant: "headingXs", mobileVariant: "headingXxs", children: e.title }),
-                  e.description && /* @__PURE__ */ a(
+                /* @__PURE__ */ l("div", { className: t.textContainer, children: [
+                  /* @__PURE__ */ n(p, { as: "h3", defaultVariant: "headingXs", mobileVariant: "headingXxs", children: e.title }),
+                  e.description && /* @__PURE__ */ n(
                     p,
                     {
                       as: "p",
@@ -95,22 +101,22 @@ const z = ({ steps: s, colorScheme: l }) => {
         })
       }
     ),
-    /* @__PURE__ */ a("div", { className: b(t.mobile, t.progressButtonContainer), children: /* @__PURE__ */ a(
+    /* @__PURE__ */ n("div", { className: b(t.mobile, t.progressButtonContainer), children: /* @__PURE__ */ n(
       y,
       {
-        invert: l === "dark",
+        invert: c === "dark",
         left: {
-          disabled: c <= 0,
-          onClick: () => h(c - 1)
+          disabled: i <= 0,
+          onClick: () => h(i - 1)
         },
         right: {
-          disabled: c >= s.length - 1,
-          onClick: () => h(c + 1)
+          disabled: i >= s.length - 1,
+          onClick: () => h(i + 1)
         }
       }
     ) })
   ] });
 };
 export {
-  z as StepsCarousel
+  B as StepsCarousel
 };

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

@@ -1 +1 @@
-"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;
+"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;

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

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