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

package/dist/modules/ExpandingDetails/ExpandingDetails.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),H=require("../../node_modules/@gsap/react/src/index.cjs.js"),d=require("../../node_modules/gsap/index.cjs.js"),u=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),w=require("react"),A=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),g=require("../../components/Typography/Typography.cjs.js"),V=require("../../utils/debounce.cjs.js"),r=require("./expandingDetails.module.css.cjs.js");d.gsap.registerPlugin(u.ScrollTrigger);const $=({colorScheme:h,label:N,title:P,sections:b})=>{const c=w.useRef(null);return H.useGSAP(()=>{if(!c.current)return;const a=()=>{var S;d.gsap.killTweensOf("*"),u.ScrollTrigger.getAll().forEach(e=>e.kill());const o=d.gsap.utils.toArray('[data-scroll-id="section"]'),t=(S=c.current)==null?void 0:S.querySelector('[data-scroll-id="sections"]');if(!t)return;const f=d.gsap.timeline({scrollTrigger:{trigger:c.current,start:"top top",end:()=>`+=${o.length*500}`,scrub:1,markers:!1,pin:!0}}),p=t==null?void 0:t.querySelector('[data-scroll-id="heading"]');if(!p)return;d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="section"]'),{height:p.offsetHeight||0}),d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="protocol"]'),{scale:.5,yPercent:0}),d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="image-circle"]'),{scale:.5,yPercent:5});const y=window.innerWidth<768?1.2:2,m=window.innerWidth<768?1.2:2;o.forEach((e,E)=>{var x,q,T,j,v;const n=e==null?void 0:e.querySelector('[data-scroll-id="heading"]'),i=e==null?void 0:e.querySelector('[data-scroll-id="content"]');!n||!i||(f.to(e,{height:n.offsetHeight+i.offsetHeight}).to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:y,yPercent:50},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:m,yPercent:50},"<").to(i,{height:i.offsetHeight},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:1,yPercent:5},"<"),E<o.length-1&&f.to(e,{height:n.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:n.offsetHeight+i.offsetHeight},"<").to(((x=e.nextElementSibling)==null?void 0:x.querySelector('[data-scroll-id="section-title"]'))||null,{scale:y,yPercent:100},"<").to(((q=e.nextElementSibling)==null?void 0:q.querySelector('[data-scroll-id="section-index"]'))||null,{scale:m,yPercent:100},"<").to(((T=e.nextElementSibling)==null?void 0:T.querySelector('[data-scroll-id="content"]'))||null,{height:i.offsetHeight,yPercent:0},"<").to(((j=e.nextElementSibling)==null?void 0:j.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((v=e.nextElementSibling)==null?void 0:v.querySelector('[data-scroll-id="image-circle"]'))||null,{scale:1,yPercent:5},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(i,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<"))})};a();const s=V.default(()=>{a()},200);return window.addEventListener("resize",s),()=>{window.removeEventListener("resize",s),u.ScrollTrigger.getAll().forEach(o=>o.kill()),d.gsap.killTweensOf("*")}},{scope:c,dependencies:[c]}),l.jsx("div",{ref:c,className:`${r.default.root} ${r.default[h]}`,children:l.jsxs("div",{className:r.default.expandingDetailsWrapper,children:[l.jsxs("header",{"data-scroll-id":"header",className:r.default.header,children:[l.jsx(g.Typography,{as:"div",defaultVariant:"labelSm",emphasis:!0,className:r.default.label,children:N}),l.jsx(A.HighlightedTitle,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:h,className:r.default.title,title:P})]}),l.jsx("div",{"data-scroll-id":"sections",className:r.default.sections,children:b.map((a,s)=>l.jsxs("div",{id:`section-${s+1}`,"data-scroll-id":"section",className:r.default.section,children:[l.jsxs("div",{"data-scroll-id":"heading",className:r.default.heading,children:[l.jsx("div",{"data-scroll-id":"section-title",className:r.default.sectionTitleWrapper,children:l.jsx(g.Typography,{as:"h3",defaultVariant:"headingSm",className:r.default.sectionTitle,children:a.title})}),l.jsx("div",{"data-scroll-id":"section-index",className:r.default.sectionIndexWrapper,children:l.jsxs(g.Typography,{as:"p",defaultVariant:"headingSm",className:r.default.sectionIndex,children:["(",String(s+1).padStart(2,"0"),")"]})})]}),l.jsxs("div",{"data-scroll-id":"content",className:r.default.content,children:[l.jsx("div",{"data-scroll-id":"protocol",className:r.default.protocolWrapper,children:l.jsx(g.Typography,{as:"div",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:r.default.protocol,children:a.protocol})}),l.jsx("div",{"data-scroll-id":"image-circle",className:r.default.imageCircle,children:l.jsx("img",{src:a.image,alt:a.title})})]}),l.jsx("div",{className:r.default.leftBorder}),l.jsx("div",{className:r.default.rightBorder})]},a.title))})]})})};exports.ExpandingDetails=$;

package/dist/modules/ExpandingDetails/ExpandingDetails.d.ts

@@ -0,0 +1,3 @@
+import { ExpandingDetailsProps } from './types';
+
+export declare const ExpandingDetails: ({ colorScheme, label, title, sections }: ExpandingDetailsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ExpandingDetails/ExpandingDetails.es.js

@@ -0,0 +1,157 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { useGSAP as A } from "../../node_modules/@gsap/react/src/index.es.js";
+import { gsap as d } from "../../node_modules/gsap/index.es.js";
+import { ScrollTrigger as g } from "../../node_modules/gsap/ScrollTrigger.es.js";
+import { useRef as V } from "react";
+import { HighlightedTitle as W } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+import k from "../../utils/debounce.es.js";
+import l from "./expandingDetails.module.css.es.js";
+d.registerPlugin(g);
+const O = ({ colorScheme: u, label: E, title: w, sections: T }) => {
+  const c = V(null);
+  return A(
+    () => {
+      if (!c.current) return;
+      const a = () => {
+        var q;
+        d.killTweensOf("*"), g.getAll().forEach((e) => e.kill());
+        const n = d.utils.toArray('[data-scroll-id="section"]'), r = (q = c.current) == null ? void 0 : q.querySelector('[data-scroll-id="sections"]');
+        if (!r) return;
+        const f = d.timeline({
+          scrollTrigger: {
+            trigger: c.current,
+            start: "top top",
+            end: () => `+=${n.length * 500}`,
+            scrub: 1,
+            markers: !1,
+            pin: !0
+          }
+        }), p = r == null ? void 0 : r.querySelector('[data-scroll-id="heading"]');
+        if (!p) return;
+        d.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="section"]'), {
+          height: p.offsetHeight || 0
+        }), d.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="protocol"]'), {
+          scale: 0.5,
+          yPercent: 0
+        }), d.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="image-circle"]'), {
+          scale: 0.5,
+          yPercent: 5
+        });
+        const y = window.innerWidth < 768 ? 1.2 : 2, S = window.innerWidth < 768 ? 1.2 : 2;
+        n.forEach((e, H) => {
+          var v, N, x, P, b;
+          const h = e == null ? void 0 : e.querySelector('[data-scroll-id="heading"]'), i = e == null ? void 0 : e.querySelector('[data-scroll-id="content"]');
+          !h || !i || (f.to(e, { height: h.offsetHeight + i.offsetHeight }).to(
+            e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
+            { scale: y, yPercent: 50 },
+            "<"
+          ).to(
+            e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
+            { scale: S, yPercent: 50 },
+            "<"
+          ).to(i, { height: i.offsetHeight }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'), { scale: 1, yPercent: 5 }, "<"), H < n.length - 1 && f.to(e, { height: h.offsetHeight, delay: 0.5 }).to(
+            e.nextElementSibling,
+            { height: h.offsetHeight + i.offsetHeight },
+            "<"
+          ).to(
+            ((v = e.nextElementSibling) == null ? void 0 : v.querySelector('[data-scroll-id="section-title"]')) || null,
+            { scale: y, yPercent: 100 },
+            "<"
+          ).to(
+            ((N = e.nextElementSibling) == null ? void 0 : N.querySelector('[data-scroll-id="section-index"]')) || null,
+            { scale: S, yPercent: 100 },
+            "<"
+          ).to(
+            ((x = e.nextElementSibling) == null ? void 0 : x.querySelector('[data-scroll-id="content"]')) || null,
+            { height: i.offsetHeight, yPercent: 0 },
+            "<"
+          ).to(
+            ((P = e.nextElementSibling) == null ? void 0 : P.querySelector('[data-scroll-id="protocol"]')) || null,
+            { scale: 1 },
+            "<"
+          ).to(
+            ((b = e.nextElementSibling) == null ? void 0 : b.querySelector('[data-scroll-id="image-circle"]')) || null,
+            { scale: 1, yPercent: 5 },
+            "<"
+          ).to(
+            e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
+            { scale: 1, yPercent: -15 },
+            "<"
+          ).to(
+            e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
+            { scale: 1, yPercent: -15 },
+            "<"
+          ).to(i, { height: 0, yPercent: 0 }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 0, yPercent: 200 }, "<").to(
+            e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
+            { scale: 0, yPercent: 200 },
+            "<"
+          ));
+        });
+      };
+      a();
+      const s = k(() => {
+        a();
+      }, 200);
+      return window.addEventListener("resize", s), () => {
+        window.removeEventListener("resize", s), g.getAll().forEach((n) => n.kill()), d.killTweensOf("*");
+      };
+    },
+    {
+      scope: c,
+      dependencies: [c]
+    }
+  ), /* @__PURE__ */ t("div", { ref: c, className: `${l.root} ${l[u]}`, children: /* @__PURE__ */ o("div", { className: l.expandingDetailsWrapper, children: [
+    /* @__PURE__ */ o("header", { "data-scroll-id": "header", className: l.header, children: [
+      /* @__PURE__ */ t(m, { as: "div", defaultVariant: "labelSm", emphasis: !0, className: l.label, children: E }),
+      /* @__PURE__ */ t(
+        W,
+        {
+          as: "div",
+          defaultVariant: "displayMd",
+          mobileVariant: "headingXl",
+          colorScheme: u,
+          className: l.title,
+          title: w
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { "data-scroll-id": "sections", className: l.sections, children: T.map((a, s) => /* @__PURE__ */ o(
+      "div",
+      {
+        id: `section-${s + 1}`,
+        "data-scroll-id": "section",
+        className: l.section,
+        children: [
+          /* @__PURE__ */ o("div", { "data-scroll-id": "heading", className: l.heading, children: [
+            /* @__PURE__ */ t("div", { "data-scroll-id": "section-title", className: l.sectionTitleWrapper, children: /* @__PURE__ */ t(m, { as: "h3", defaultVariant: "headingSm", className: l.sectionTitle, children: a.title }) }),
+            /* @__PURE__ */ t("div", { "data-scroll-id": "section-index", className: l.sectionIndexWrapper, children: /* @__PURE__ */ o(m, { as: "p", defaultVariant: "headingSm", className: l.sectionIndex, children: [
+              "(",
+              String(s + 1).padStart(2, "0"),
+              ")"
+            ] }) })
+          ] }),
+          /* @__PURE__ */ o("div", { "data-scroll-id": "content", className: l.content, children: [
+            /* @__PURE__ */ t("div", { "data-scroll-id": "protocol", className: l.protocolWrapper, children: /* @__PURE__ */ t(
+              m,
+              {
+                as: "div",
+                defaultVariant: "bodyMd",
+                mobileVariant: "bodySm",
+                className: l.protocol,
+                children: a.protocol
+              }
+            ) }),
+            /* @__PURE__ */ t("div", { "data-scroll-id": "image-circle", className: l.imageCircle, children: /* @__PURE__ */ t("img", { src: a.image, alt: a.title }) })
+          ] }),
+          /* @__PURE__ */ t("div", { className: l.leftBorder }),
+          /* @__PURE__ */ t("div", { className: l.rightBorder })
+        ]
+      },
+      a.title
+    )) })
+  ] }) });
+};
+export {
+  O as ExpandingDetails
+};

package/dist/modules/ExpandingDetails/expandingDetails.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="expandingDetails-module__root___5WLQh",t="expandingDetails-module__dark___BhUf9",o="expandingDetails-module__expandingDetailsWrapper___sqLS5",n="expandingDetails-module__header___Rp1BD",r="expandingDetails-module__title___5WsER",i="expandingDetails-module__label___w2Sjs",_="expandingDetails-module__sections___xpvak",a="expandingDetails-module__section___zgXvg",l="expandingDetails-module__leftBorder___lZI-L",s="expandingDetails-module__rightBorder___xfwvL",d="expandingDetails-module__topLeftCorner___sT8-Q",p="expandingDetails-module__topRightCorner___q9HbO",c="expandingDetails-module__bottomLeftCorner___E3e0F",g="expandingDetails-module__bottomRightCorner___VQJBu",x="expandingDetails-module__heading___htlX-",m="expandingDetails-module__sectionTitleWrapper___WxS9B",u="expandingDetails-module__sectionIndexWrapper___l-3VD",D="expandingDetails-module__content___1uGIY",h="expandingDetails-module__protocolWrapper___nq7ij",C="expandingDetails-module__imageCircle___HZJB-",W="expandingDetails-module__sectionIndex___spgOf",f={root:e,dark:t,expandingDetailsWrapper:o,header:n,title:r,label:i,sections:_,section:a,leftBorder:l,rightBorder:s,topLeftCorner:d,topRightCorner:p,bottomLeftCorner:c,bottomRightCorner:g,heading:x,sectionTitleWrapper:m,sectionIndexWrapper:u,content:D,protocolWrapper:h,imageCircle:C,sectionIndex:W};exports.bottomLeftCorner=c;exports.bottomRightCorner=g;exports.content=D;exports.dark=t;exports.default=f;exports.expandingDetailsWrapper=o;exports.header=n;exports.heading=x;exports.imageCircle=C;exports.label=i;exports.leftBorder=l;exports.protocolWrapper=h;exports.rightBorder=s;exports.root=e;exports.section=a;exports.sectionIndex=W;exports.sectionIndexWrapper=u;exports.sectionTitleWrapper=m;exports.sections=_;exports.title=r;exports.topLeftCorner=d;exports.topRightCorner=p;

package/dist/modules/ExpandingDetails/expandingDetails.module.css.es.js

@@ -0,0 +1,47 @@
+const e = "expandingDetails-module__root___5WLQh", t = "expandingDetails-module__dark___BhUf9", n = "expandingDetails-module__expandingDetailsWrapper___sqLS5", o = "expandingDetails-module__header___Rp1BD", _ = "expandingDetails-module__title___5WsER", i = "expandingDetails-module__label___w2Sjs", r = "expandingDetails-module__sections___xpvak", a = "expandingDetails-module__section___zgXvg", s = "expandingDetails-module__leftBorder___lZI-L", l = "expandingDetails-module__rightBorder___xfwvL", d = "expandingDetails-module__topLeftCorner___sT8-Q", p = "expandingDetails-module__topRightCorner___q9HbO", c = "expandingDetails-module__bottomLeftCorner___E3e0F", g = "expandingDetails-module__bottomRightCorner___VQJBu", x = "expandingDetails-module__heading___htlX-", m = "expandingDetails-module__sectionTitleWrapper___WxS9B", D = "expandingDetails-module__sectionIndexWrapper___l-3VD", u = "expandingDetails-module__content___1uGIY", h = "expandingDetails-module__protocolWrapper___nq7ij", C = "expandingDetails-module__imageCircle___HZJB-", W = "expandingDetails-module__sectionIndex___spgOf", f = {
+  root: e,
+  dark: t,
+  expandingDetailsWrapper: n,
+  header: o,
+  title: _,
+  label: i,
+  sections: r,
+  section: a,
+  leftBorder: s,
+  rightBorder: l,
+  topLeftCorner: d,
+  topRightCorner: p,
+  bottomLeftCorner: c,
+  bottomRightCorner: g,
+  heading: x,
+  sectionTitleWrapper: m,
+  sectionIndexWrapper: D,
+  content: u,
+  protocolWrapper: h,
+  imageCircle: C,
+  sectionIndex: W
+};
+export {
+  c as bottomLeftCorner,
+  g as bottomRightCorner,
+  u as content,
+  t as dark,
+  f as default,
+  n as expandingDetailsWrapper,
+  o as header,
+  x as heading,
+  C as imageCircle,
+  i as label,
+  s as leftBorder,
+  h as protocolWrapper,
+  l as rightBorder,
+  e as root,
+  a as section,
+  W as sectionIndex,
+  D as sectionIndexWrapper,
+  m as sectionTitleWrapper,
+  r as sections,
+  _ as title,
+  d as topLeftCorner,
+  p as topRightCorner
+};

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

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

package/dist/modules/ExpandingDetails/types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { TColorScheme } from '../../types/common';
+
+export type ExpandingDetailsProps = {
+    colorScheme: TColorScheme;
+    label: string;
+    title: ReactNode;
+    sections: {
+        title: string;
+        protocol: React.ReactNode;
+        image: string;
+    }[];
+};

package/dist/modules/FollowTheScience/FollowTheScience.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const x=require("../../node_modules/swiper/modules/navigation.cjs.js"),c=require("../../node_modules/swiper/swiper-react.cjs.js"),f=require("../../components/Benefit/Benefit.cjs.js"),g=require("../../components/Icon/constants.cjs.js"),_=require("../../components/Label/Label.cjs.js"),a=require("../../components/ProgressButton/ProgressButton.cjs.js"),q=require("../../components/TextButton/TextButton.cjs.js"),B=require("../../utils/useSwiper/useSwiper.cjs.js"),i=require("./followTheScience.module.css.cjs.js"),j=[x.default];function v({labelText:d,benefits:u}){const{activeIndex:N,setIsEnd:h,isEnd:n,isBeginning:t,hideNav:o,handleSlideChange:p,handlePrevClick:r,handleNextClick:l,onSwiperInit:S,handleSwiperResize:m}=B.useSwiper();return e.jsxs("section",{className:i.default.container,children:[e.jsxs("div",{className:i.default.heading,children:[e.jsx(_.Label,{color:"white",size:"lg",children:d}),!o&&e.jsx("div",{className:i.default.progressButtons,"data-device":"desktop",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:t},right:{disabled:n,onClick:l}})})]}),e.jsx("div",{className:i.default.content,children:e.jsx(c.Swiper,{onSwiper:S,onResize:m,onSlideChange:p,onReachEnd:()=>h(!0),modules:j,spaceBetween:0,slidesPerView:"auto",className:i.default.swiper,children:u.map((s,w)=>e.jsx(c.SwiperSlide,{className:i.default.swiperSlide,children:e.jsx(f.Benefit,{title:s.title,description:s.description,button:e.jsx(q.TextButton,{as:"a",size:"sm",color:"white",suffixIcon:g.EIconName.ARROW_FORWARD,href:s.link,children:"READ THE STUDY"})})},w))})}),!o&&e.jsx("div",{className:i.default.progressButtons,"data-device":"mobile",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:t},right:{onClick:l,disabled:n}})})]})}exports.FollowTheScience=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const x=require("../../node_modules/swiper/modules/navigation.cjs.js"),c=require("../../node_modules/swiper/swiper-react.cjs.js"),g=require("../../components/Benefit/Benefit.cjs.js"),f=require("../../components/Icon/constants.cjs.js"),_=require("../../components/Label/Label.cjs.js"),a=require("../../components/ProgressButton/ProgressButton.cjs.js"),q=require("../../components/TextButton/TextButton.cjs.js"),B=require("../../utils/useSwiper/useSwiper.cjs.js"),s=require("./followTheScience.module.css.cjs.js"),j=[x.default];function v({labelText:d,benefits:u}){const{setIsEnd:h,isEnd:n,isBeginning:t,hideNav:o,handleSlideChange:p,handlePrevClick:r,handleNextClick:l,onSwiperInit:S,handleSwiperResize:m}=B.useSwiper();return e.jsxs("section",{className:s.default.container,children:[e.jsxs("div",{className:s.default.heading,children:[e.jsx(_.Label,{color:"white",size:"lg",children:d}),!o&&e.jsx("div",{className:s.default.progressButtons,"data-device":"desktop",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:t},right:{disabled:n,onClick:l}})})]}),e.jsx("div",{className:s.default.content,children:e.jsx(c.Swiper,{onSwiper:S,onResize:m,onSlideChange:p,onReachEnd:()=>h(!0),modules:j,spaceBetween:0,slidesPerView:"auto",className:s.default.swiper,children:u.map((i,w)=>e.jsx(c.SwiperSlide,{className:s.default.swiperSlide,children:e.jsx(g.Benefit,{title:i.title,description:i.description,button:e.jsx(q.TextButton,{as:"a",size:"sm",color:"white",suffixIcon:f.EIconName.ARROW_FORWARD,href:i.link,children:i.buttonText||"READ THE STUDY"})})},w))})}),!o&&e.jsx("div",{className:s.default.progressButtons,"data-device":"mobile",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:t},right:{onClick:l,disabled:n}})})]})}exports.FollowTheScience=v;

package/dist/modules/FollowTheScience/FollowTheScience.d.ts

@@ -5,6 +5,7 @@ export type TargetedProgramsProps = {
         title: string;
         description: string;
         link: string;
+        buttonText?: string;
     }>;
 };
 export declare function FollowTheScience({ labelText, benefits }: TargetedProgramsProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/FollowTheScience/FollowTheScience.es.js

@@ -13,27 +13,26 @@ import { TextButton as C } from "../../components/TextButton/TextButton.es.js";
 import { useSwiper as E } from "../../utils/useSwiper/useSwiper.es.js";
 import i from "./followTheScience.module.css.es.js";
 const x = [w];
-function _({ labelText: c, benefits: m }) {
+function U({ labelText: c, benefits: m }) {
   const {
-    activeIndex: B,
     setIsEnd: p,
     isEnd: r,
     isBeginning: t,
-    hideNav: n,
+    hideNav: s,
     handleSlideChange: h,
-    handlePrevClick: s,
+    handlePrevClick: n,
     handleNextClick: l,
     onSwiperInit: f,
-    handleSwiperResize: S
+    handleSwiperResize: u
   } = E();
   return /* @__PURE__ */ d("section", { className: i.container, children: [
     /* @__PURE__ */ d("div", { className: i.heading, children: [
       /* @__PURE__ */ e(k, { color: "white", size: "lg", children: c }),
-      !n && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "desktop", children: /* @__PURE__ */ e(
+      !s && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "desktop", children: /* @__PURE__ */ e(
         a,
         {
           left: {
-            onClick: s,
+            onClick: n,
             disabled: t
           },
           right: {
@@ -47,14 +46,14 @@ function _({ labelText: c, benefits: m }) {
       g,
       {
         onSwiper: f,
-        onResize: S,
+        onResize: u,
         onSlideChange: h,
         onReachEnd: () => p(!0),
         modules: x,
         spaceBetween: 0,
         slidesPerView: "auto",
         className: i.swiper,
-        children: m.map((o, u) => /* @__PURE__ */ e(N, { className: i.swiperSlide, children: /* @__PURE__ */ e(
+        children: m.map((o, S) => /* @__PURE__ */ e(N, { className: i.swiperSlide, children: /* @__PURE__ */ e(
           v,
           {
             title: o.title,
@@ -67,18 +66,18 @@ function _({ labelText: c, benefits: m }) {
                 color: "white",
                 suffixIcon: R.ARROW_FORWARD,
                 href: o.link,
-                children: "READ THE STUDY"
+                children: o.buttonText || "READ THE STUDY"
               }
             )
           }
-        ) }, u))
+        ) }, S))
       }
     ) }),
-    !n && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "mobile", children: /* @__PURE__ */ e(
+    !s && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "mobile", children: /* @__PURE__ */ e(
       a,
       {
         left: {
-          onClick: s,
+          onClick: n,
           disabled: t
         },
         right: {
@@ -90,5 +89,5 @@ function _({ labelText: c, benefits: m }) {
   ] });
 }
 export {
-  _ as FollowTheScience
+  U as FollowTheScience
 };

package/dist/modules/IndividualProductCard/IndividualProductCard.d.ts

@@ -9,8 +9,8 @@ type IndividualProductCardProps = {
     description?: string;
     label?: string;
     rating?: {
-        stars: number;
-        totalReviews: number;
+        stars?: number;
+        totalReviews?: number;
     };
     button: {
         label: string;

package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../../components/Typography/Typography.cjs.js"),t=require("../../../../utils/cn/cn.cjs.js"),r=require("./ingredient.module.css.cjs.js"),o=({title:d,description:a,isOpen:n,index:s,onClick:c})=>e.jsxs("div",{onClick:()=>c(s??0),className:t.cn(r.default.root,{[r.default.rootOpened]:n}),children:[e.jsx("div",{className:r.default.header,children:e.jsx(i.Typography,{defaultVariant:"headingXs",children:d})}),e.jsx("div",{className:t.cn(r.default.description,{[r.default.descriptionShow]:n}),children:e.jsx("div",{className:r.default.descriptionInner,children:e.jsx(i.Typography,{as:"p",defaultVariant:"bodySm",children:a})})})]});exports.Ingredient=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../../../components/Typography/Typography.cjs.js"),a=require("../../../../utils/cn/cn.cjs.js"),r=require("./ingredient.module.css.cjs.js"),l=({title:i,description:t,isOpen:n,index:o,onClick:c})=>e.jsxs("div",{onClick:()=>c(o??0),className:a.cn(r.default.root,{[r.default.rootOpened]:n}),children:[e.jsx("div",{className:r.default.header,children:e.jsx(d.Typography,{defaultVariant:"headingXs",color:`color-text-primary${n?"":"-disabled"}`,children:i})}),!!t&&e.jsx("div",{className:a.cn(r.default.description,{[r.default.descriptionShow]:n}),children:e.jsx("div",{className:r.default.descriptionInner,children:e.jsx(d.Typography,{as:"p",defaultVariant:"bodySm",children:t})})})]});exports.Ingredient=l;

package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.es.js

@@ -1,10 +1,10 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { Typography as o } from "../../../../components/Typography/Typography.es.js";
-import { cn as d } from "../../../../utils/cn/cn.es.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Typography as d } from "../../../../components/Typography/Typography.es.js";
+import { cn as a } from "../../../../utils/cn/cn.es.js";
 import r from "./ingredient.module.css.es.js";
-const f = ({ title: n, description: a, isOpen: i, index: s, onClick: t }) => /* @__PURE__ */ c("div", { onClick: () => t(s ?? 0), className: d(r.root, { [r.rootOpened]: i }), children: [
-  /* @__PURE__ */ e("div", { className: r.header, children: /* @__PURE__ */ e(o, { defaultVariant: "headingXs", children: n }) }),
-  /* @__PURE__ */ e("div", { className: d(r.description, { [r.descriptionShow]: i }), children: /* @__PURE__ */ e("div", { className: r.descriptionInner, children: /* @__PURE__ */ e(o, { as: "p", defaultVariant: "bodySm", children: a }) }) })
+const f = ({ title: t, description: i, isOpen: o, index: n, onClick: c }) => /* @__PURE__ */ l("div", { onClick: () => c(n ?? 0), className: a(r.root, { [r.rootOpened]: o }), children: [
+  /* @__PURE__ */ e("div", { className: r.header, children: /* @__PURE__ */ e(d, { defaultVariant: "headingXs", color: `color-text-primary${o ? "" : "-disabled"}`, children: t }) }),
+  !!i && /* @__PURE__ */ e("div", { className: a(r.description, { [r.descriptionShow]: o }), children: /* @__PURE__ */ e("div", { className: r.descriptionInner, children: /* @__PURE__ */ e(d, { as: "p", defaultVariant: "bodySm", children: i }) }) })
 ] });
 export {
   f as Ingredient

package/dist/modules/IngredientHighlight/components/Ingredient/types.d.ts

@@ -1,6 +1,6 @@
 export type TIngredient = {
     title: string;
-    description: string;
+    description?: string;
     index: number;
     isOpen: boolean;
     onClick: (index: number) => void;

package/dist/modules/IngredientHighlight/types.d.ts

@@ -2,6 +2,6 @@ export type TIngredientHighlight = {
     items: Array<{
         image: string;
         title: string;
-        description: string;
+        description?: string;
     }>;
 };

package/dist/modules/ResearchEssentialReadings/ResearchEssentialReadings.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),x=require("../../node_modules/swiper/modules/navigation.cjs.js"),c=require("../../node_modules/swiper/swiper-react.cjs.js"),j=require("../../utils/useSwiper/useSwiper.cjs.js"),R=require("../../utils/cn/cn.cjs.js"),q=require("../../components/Typography/Typography.cjs.js"),u=require("../../components/ProgressButton/ProgressButton.cjs.js"),v=require("./components/ReadingCard/ReadingCard.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const s=require("./researchEssentialReadings.module.css.cjs.js"),C=[x.default],N=({readings:r})=>{const{swiper:i,activeIndex:E,isEnd:a,isBeginning:n,setIsEnd:h,hideNav:p,handleSlideChange:g,handlePrevClick:l,handleNextClick:t,onSwiperInit:f,handleSwiperResize:m,handleSlideTo:d}=j.useSwiper();return o.useEffect(()=>{i==null||i.setProgress(0,300)},[i]),o.useEffect(()=>{r.length&&d(0)},[r,d]),e.jsx("div",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.topRow,children:[e.jsx("div",{className:s.default.headerWrapper,children:e.jsx("div",{className:s.default.header,children:e.jsx(q.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:"Essential Readings"})})}),e.jsx("div",{className:R.cn(s.default.swiperControlsDesktop,{[s.default.swiperControlsHidden]:p}),children:e.jsx(u.ProgressButton,{left:{disabled:n,onClick:l},right:{disabled:a,onClick:t}})})]}),e.jsx("div",{className:s.default.carouselArea,children:e.jsx(c.Swiper,{onSwiper:f,onResize:m,onSlideChange:g,onReachEnd:()=>h(!0),modules:C,spaceBetween:0,slidesPerView:"auto",className:s.default.swiper,children:r.map((S,w)=>e.jsx(c.SwiperSlide,{className:s.default.swiperSlide,children:e.jsx(v.ReadingCard,{...S})},w))})}),e.jsx("div",{className:s.default.swiperControlsMobile,children:e.jsx(u.ProgressButton,{left:{disabled:n,onClick:l},right:{disabled:a,onClick:t}})})]})})};exports.ResearchEssentialReadings=N;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),j=require("../../node_modules/swiper/modules/navigation.cjs.js"),c=require("../../node_modules/swiper/swiper-react.cjs.js"),x=require("../../utils/useSwiper/useSwiper.cjs.js"),R=require("../../utils/cn/cn.cjs.js"),q=require("../../components/Typography/Typography.cjs.js"),u=require("../../components/ProgressButton/ProgressButton.cjs.js"),C=require("./components/ReadingCard/ReadingCard.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const s=require("./researchEssentialReadings.module.css.cjs.js"),v=[j.default],N=({readings:r})=>{const{swiper:i,isEnd:a,isBeginning:n,setIsEnd:h,hideNav:p,handleSlideChange:g,handlePrevClick:l,handleNextClick:t,onSwiperInit:f,handleSwiperResize:m,handleSlideTo:d}=x.useSwiper();return o.useEffect(()=>{i==null||i.setProgress(0,300)},[i]),o.useEffect(()=>{r.length&&d(0)},[r,d]),e.jsx("div",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.topRow,children:[e.jsx("div",{className:s.default.headerWrapper,children:e.jsx("div",{className:s.default.header,children:e.jsx(q.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:"Essential Readings"})})}),e.jsx("div",{className:R.cn(s.default.swiperControlsDesktop,{[s.default.swiperControlsHidden]:p}),children:e.jsx(u.ProgressButton,{left:{disabled:n,onClick:l},right:{disabled:a,onClick:t}})})]}),e.jsx("div",{className:s.default.carouselArea,children:e.jsx(c.Swiper,{onSwiper:f,onResize:m,onSlideChange:g,onReachEnd:()=>h(!0),modules:v,spaceBetween:0,slidesPerView:"auto",className:s.default.swiper,children:r.map((S,w)=>e.jsx(c.SwiperSlide,{className:s.default.swiperSlide,children:e.jsx(C.ReadingCard,{...S})},w))})}),e.jsx("div",{className:s.default.swiperControlsMobile,children:e.jsx(u.ProgressButton,{left:{disabled:n,onClick:l},right:{disabled:a,onClick:t}})})]})})};exports.ResearchEssentialReadings=N;

package/dist/modules/ResearchEssentialReadings/ResearchEssentialReadings.es.js

@@ -1,7 +1,8 @@
+"use client";
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { useEffect as c } from "react";
-import v from "../../node_modules/swiper/modules/navigation.es.js";
-import { Swiper as C, SwiperSlide as u } from "../../node_modules/swiper/swiper-react.es.js";
+import C from "../../node_modules/swiper/modules/navigation.es.js";
+import { Swiper as v, SwiperSlide as u } from "../../node_modules/swiper/swiper-react.es.js";
 import { useSwiper as R } from "../../utils/useSwiper/useSwiper.es.js";
 import { cn as E } from "../../utils/cn/cn.es.js";
 import { Typography as k } from "../../components/Typography/Typography.es.js";
@@ -11,16 +12,15 @@ import { ReadingCard as b } from "./components/ReadingCard/ReadingCard.es.js";
 /* empty css                                                  */
 /* empty css                                                  */
 import i from "./researchEssentialReadings.module.css.es.js";
-const x = [v], O = ({ readings: s }) => {
+const P = [C], H = ({ readings: s }) => {
   const {
     swiper: r,
-    activeIndex: P,
     isEnd: o,
-    isBeginning: a,
+    isBeginning: l,
     setIsEnd: p,
     hideNav: h,
     handleSlideChange: f,
-    handlePrevClick: l,
+    handlePrevClick: a,
     handleNextClick: n,
     onSwiperInit: g,
     handleSwiperResize: w,
@@ -43,8 +43,8 @@ const x = [v], O = ({ readings: s }) => {
             m,
             {
               left: {
-                disabled: a,
-                onClick: l
+                disabled: l,
+                onClick: a
               },
               right: {
                 disabled: o,
@@ -56,13 +56,13 @@ const x = [v], O = ({ readings: s }) => {
       )
     ] }),
     /* @__PURE__ */ e("div", { className: i.carouselArea, children: /* @__PURE__ */ e(
-      C,
+      v,
       {
         onSwiper: g,
         onResize: w,
         onSlideChange: f,
         onReachEnd: () => p(!0),
-        modules: x,
+        modules: P,
         spaceBetween: 0,
         slidesPerView: "auto",
         className: i.swiper,
@@ -73,8 +73,8 @@ const x = [v], O = ({ readings: s }) => {
       m,
       {
         left: {
-          disabled: a,
-          onClick: l
+          disabled: l,
+          onClick: a
         },
         right: {
           disabled: o,
@@ -85,5 +85,5 @@ const x = [v], O = ({ readings: s }) => {
   ] }) });
 };
 export {
-  O as ResearchEssentialReadings
+  H as ResearchEssentialReadings
 };

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

@@ -1 +1,3 @@
 export { ResearchEssentialReadings } from './ResearchEssentialReadings';
+export type { TResearchEssentialReadings } from './types';
+export type { TReadingCard } from './components/ReadingCard/types';

package/dist/modules/ResearchFeatured/ResearchFeatured.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../components/Typography/Typography.cjs.js"),c=require("./components/HighlightedArticle/HighlightedArticle.cjs.js"),l=require("./components/FeaturedArticle/FeaturedArticle.cjs.js"),r=require("./researchFeatured.module.css.cjs.js"),n=({highlightedArticle:a,articles:t})=>e.jsx("div",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsx("div",{className:r.default.divider}),e.jsx(c.HighlightedArticle,{...a}),e.jsxs("div",{className:r.default.featuredArticles,children:[e.jsx(d.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",children:"Featured"}),e.jsx("div",{className:r.default.articlesContainer,children:t.map((i,s)=>e.jsx(l.FeaturedArticle,{...i},s))})]})]})});exports.ResearchFeatured=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../components/Typography/Typography.cjs.js"),l=require("./components/HighlightedArticle/HighlightedArticle.cjs.js"),c=require("./components/FeaturedArticle/FeaturedArticle.cjs.js"),r=require("./researchFeatured.module.css.cjs.js"),n=({highlightedArticle:t,articles:a})=>e.jsx("div",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsx("div",{className:r.default.divider}),e.jsx(l.HighlightedArticle,{...t}),a.length>0&&e.jsxs("div",{className:r.default.featuredArticles,children:[e.jsx(d.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",children:"Featured"}),e.jsx("div",{className:r.default.articlesContainer,children:a.map((i,s)=>e.jsx(c.FeaturedArticle,{...i},s))})]})]})});exports.ResearchFeatured=n;

package/dist/modules/ResearchFeatured/ResearchFeatured.es.js

@@ -1,14 +1,14 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Typography as l } from "../../components/Typography/Typography.es.js";
-import { HighlightedArticle as m } from "./components/HighlightedArticle/HighlightedArticle.es.js";
-import { FeaturedArticle as o } from "./components/FeaturedArticle/FeaturedArticle.es.js";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+import { HighlightedArticle as o } from "./components/HighlightedArticle/HighlightedArticle.es.js";
+import { FeaturedArticle as s } from "./components/FeaturedArticle/FeaturedArticle.es.js";
 import r from "./researchFeatured.module.css.es.js";
-const g = ({ highlightedArticle: a, articles: t }) => /* @__PURE__ */ e("div", { className: r.root, children: /* @__PURE__ */ i("div", { className: r.container, children: [
+const g = ({ highlightedArticle: t, articles: i }) => /* @__PURE__ */ e("div", { className: r.root, children: /* @__PURE__ */ a("div", { className: r.container, children: [
   /* @__PURE__ */ e("div", { className: r.divider }),
-  /* @__PURE__ */ e(m, { ...a }),
-  /* @__PURE__ */ i("div", { className: r.featuredArticles, children: [
-    /* @__PURE__ */ e(l, { defaultVariant: "headingLg", mobileVariant: "headingSm", children: "Featured" }),
-    /* @__PURE__ */ e("div", { className: r.articlesContainer, children: t.map((d, s) => /* @__PURE__ */ e(o, { ...d }, s)) })
+  /* @__PURE__ */ e(o, { ...t }),
+  i.length > 0 && /* @__PURE__ */ a("div", { className: r.featuredArticles, children: [
+    /* @__PURE__ */ e(m, { defaultVariant: "headingLg", mobileVariant: "headingSm", children: "Featured" }),
+    /* @__PURE__ */ e("div", { className: r.articlesContainer, children: i.map((d, l) => /* @__PURE__ */ e(s, { ...d }, l)) })
   ] })
 ] }) });
 export {

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

@@ -1 +1,2 @@
 export { ResearchFeatured } from './ResearchFeatured';
+export type { THighlightedArticle, TFeaturedArticle } from './components';

package/dist/modules/ResearchFilters/ResearchFilters.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),o=require("../../components/Typography/Typography.cjs.js");require("../../components/Tabs/Tabs.cjs.js");const n=require("../../components/Tabs/TabsWithFade.cjs.js"),a=require("./researchFilters.module.css.cjs.js"),d=({tabs:s})=>{const[r,t]=l.useState(s[0].value),i=c=>{t(c)};return e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:a.default.container,children:[e.jsx(o.Typography,{defaultVariant:"displayMd",mobileVariant:"displayXs",children:"Research"}),e.jsx("div",{className:a.default.filters,children:e.jsx("div",{className:a.default.tabsWrapper,children:e.jsx(n.TabsWithFade,{activeTab:r,tabs:s,size:"md",activeLinePosition:"bottom",onTabClick:i})})})]})})};exports.ResearchFilters=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../components/Typography/Typography.cjs.js");require("../../components/Tabs/Tabs.cjs.js");const l=require("../../components/Tabs/TabsWithFade.cjs.js"),r=require("./researchFilters.module.css.cjs.js"),c=({tabs:s,activeTab:a,onTabChange:i})=>e.jsx("section",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsx(t.Typography,{defaultVariant:"displayMd",mobileVariant:"displayXs",children:"Research"}),e.jsx("div",{className:r.default.filters,children:e.jsx("div",{className:r.default.tabsWrapper,children:e.jsx(l.TabsWithFade,{activeTab:a,tabs:s,size:"md",activeLinePosition:"bottom",onTabClick:i})})})]})});exports.ResearchFilters=c;

package/dist/modules/ResearchFilters/ResearchFilters.d.ts

@@ -2,5 +2,7 @@ import { TTab } from '../../components/Tabs';
 
 export type TResearchFilters = {
     tabs: Array<TTab<string>>;
+    activeTab: string;
+    onTabChange: (value: string) => void;
 };
-export declare const ResearchFilters: ({ tabs }: TResearchFilters) => import("react/jsx-runtime").JSX.Element;
+export declare const ResearchFilters: ({ tabs, activeTab, onTabChange }: TResearchFilters) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ResearchFilters/ResearchFilters.es.js

@@ -1,27 +1,21 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useState as l } from "react";
-import { Typography as m } from "../../components/Typography/Typography.es.js";
+import { jsx as i, jsxs as t } from "react/jsx-runtime";
+import { Typography as o } from "../../components/Typography/Typography.es.js";
 import "../../components/Tabs/Tabs.es.js";
-import { TabsWithFade as n } from "../../components/Tabs/TabsWithFade.es.js";
-import i from "./researchFilters.module.css.es.js";
-const T = ({ tabs: a }) => {
-  const [r, t] = l(a[0].value), s = (o) => {
-    t(o);
-  };
-  return /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ c("div", { className: i.container, children: [
-    /* @__PURE__ */ e(m, { defaultVariant: "displayMd", mobileVariant: "displayXs", children: "Research" }),
-    /* @__PURE__ */ e("div", { className: i.filters, children: /* @__PURE__ */ e("div", { className: i.tabsWrapper, children: /* @__PURE__ */ e(
-      n,
-      {
-        activeTab: r,
-        tabs: a,
-        size: "md",
-        activeLinePosition: "bottom",
-        onTabClick: s
-      }
-    ) }) })
-  ] }) });
-};
+import { TabsWithFade as l } from "../../components/Tabs/TabsWithFade.es.js";
+import r from "./researchFilters.module.css.es.js";
+const h = ({ tabs: e, activeTab: s, onTabChange: a }) => /* @__PURE__ */ i("section", { className: r.root, children: /* @__PURE__ */ t("div", { className: r.container, children: [
+  /* @__PURE__ */ i(o, { defaultVariant: "displayMd", mobileVariant: "displayXs", children: "Research" }),
+  /* @__PURE__ */ i("div", { className: r.filters, children: /* @__PURE__ */ i("div", { className: r.tabsWrapper, children: /* @__PURE__ */ i(
+    l,
+    {
+      activeTab: s,
+      tabs: e,
+      size: "md",
+      activeLinePosition: "bottom",
+      onTabClick: a
+    }
+  ) }) })
+] }) });
 export {
-  T as ResearchFilters
+  h as ResearchFilters
 };

package/dist/modules/ResearchStudies/ResearchStudies.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../components/Typography/Typography.cjs.js"),o=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const a=require("../../components/Icon/constants.cjs.js"),c=require("./components/StudyCard/StudyCard.cjs.js"),t=require("./researchStudies.module.css.cjs.js"),d=({studies:r})=>e.jsx("div",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(i.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:"Studies"}),e.jsx("div",{className:t.default.studies,children:r.map((s,n)=>e.jsx(c.StudyCard,{...s},n))}),e.jsx("div",{className:t.default.buttonContainer,children:e.jsx(o.Button,{size:"lg",variant:"muted",prefixIcon:a.EIconName.PLUS,onClick:()=>{},children:"show more"})})]})});exports.ResearchStudies=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const d=require("../../components/Icon/constants.cjs.js"),u=require("./components/StudyCard/StudyCard.cjs.js"),t=require("./researchStudies.module.css.cjs.js"),l=({studies:r,hasMoreButton:s,onClickShowMore:n})=>e.jsx("div",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(a.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:"Studies"}),e.jsx("div",{className:t.default.studies,children:r.map((i,o)=>e.jsx(u.StudyCard,{...i},o))}),s&&e.jsx("div",{className:t.default.buttonContainer,children:e.jsx(c.Button,{size:"lg",variant:"muted",prefixIcon:d.EIconName.PLUS,onClick:n,children:"show more"})})]})});exports.ResearchStudies=l;