@zenpatient-org/healthspan-marketing-ui 0.1.171 → 0.2.0

package/dist/modules/ProductsDisplay/useProductsData.es.js

@@ -1,21 +1,22 @@
 "use client";
-import { useMemo as c } from "react";
-const m = ({ productDisplays: e }) => {
-  const l = e.length > 1, r = e[0], a = r.title, b = r.description ?? "", n = c(() => e.map((t) => ({
+import { useMemo as l } from "react";
+const v = ({ productDisplays: e }) => {
+  var s;
+  const a = e.length > 1, r = e[0], b = r.title, u = (s = r.description) != null ? s : "", n = l(() => e.map((t) => ({
     value: t.title.replace(" ", "_").toLocaleLowerCase(),
     label: t.title
-  })), [e]), u = c(() => n.reduce((t, s) => {
-    const o = e.find((d) => d.title === s.label), i = o == null ? void 0 : o.productCards;
-    return i && (t[s.value] = i), t;
+  })), [e]), d = l(() => n.reduce((t, i) => {
+    const o = e.find((f) => f.title === i.label), c = o == null ? void 0 : o.productCards;
+    return c && (t[i.value] = c), t;
   }, {}), [n, e]);
   return {
-    isTabbed: l,
-    title: a,
-    description: b,
+    isTabbed: a,
+    title: b,
+    description: u,
     tabs: n,
-    slidesByTabs: u
+    slidesByTabs: d
   };
 };
 export {
-  m as useProductsData
+  v as useProductsData
 };

package/dist/modules/ProgramDetails/ProgramDetails.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../components/Typography/Typography.cjs.js"),o=require("./components/Features/Features.cjs.js"),a=require("./programDetails.module.css.cjs.js"),n=({label:r,description:l,image:i,features:s})=>e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:a.default.container,children:[e.jsxs("div",{className:a.default.header,children:[r&&e.jsx(t.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,children:r}),e.jsx(t.Typography,{as:"p",defaultVariant:"preambleLg",mobileVariant:"preambleSm",children:l})]}),e.jsxs("div",{className:a.default.content,children:[e.jsx("img",{className:a.default.image,src:i,alt:"program detatils"}),s.length>0&&e.jsx(o.Features,{features:s})]})]})});exports.ProgramDetails=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../src/modules/ProgramDetails/programDetails.module.css"),t=require("../../components/Typography/Typography.cjs.js"),n=require("./components/Features/Features.cjs.js"),o=({label:r,description:i,image:l,features:s})=>e.jsx("section",{className:a.root,children:e.jsxs("div",{className:a.container,children:[e.jsxs("div",{className:a.header,children:[r&&e.jsx(t.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,children:r}),e.jsx(t.Typography,{as:"p",defaultVariant:"preambleLg",mobileVariant:"preambleSm",children:i})]}),e.jsxs("div",{className:a.content,children:[e.jsx("img",{className:a.image,src:l,alt:"program detatils"}),s.length>0&&e.jsx(n.Features,{features:s})]})]})});exports.ProgramDetails=o;

package/dist/modules/ProgramDetails/ProgramDetails.es.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import e from "../../modules/ProgramDetails/programDetails.module.css";
 import { Typography as l } from "../../components/Typography/Typography.es.js";
 import { Features as o } from "./components/Features/Features.es.js";
-import e from "./programDetails.module.css.es.js";
 const h = ({ label: i, description: m, image: s, features: t }) => /* @__PURE__ */ a("section", { className: e.root, children: /* @__PURE__ */ r("div", { className: e.container, children: [
   /* @__PURE__ */ r("div", { className: e.header, children: [
     i && /* @__PURE__ */ a(l, { as: "p", defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, children: i }),

package/dist/modules/ProgramDetails/components/Features/Features.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),r=require("../../../../utils/cn/cn.cjs.js"),c=require("../../../../components/Typography/Typography.cjs.js"),h=require("../../../../components/IconBracket/IconBracket.cjs.js"),p=require("../../../../components/Label/Label.cjs.js"),a=require("./features.module.css.cjs.js"),m=({features:i})=>{const[l,o]=u.useState(0);return e.jsx("div",{className:a.default.root,children:i.map((s,n)=>e.jsxs("div",{className:a.default.feature,children:[e.jsxs("button",{className:a.default.header,onClick:()=>o(t=>n===t?null:n),children:[e.jsx(c.Typography,{as:"h4",defaultVariant:"headingSm",mobileVariant:"headingSm",weight:"regular",children:s.label}),s.description&&e.jsx(h.IconBracket,{variant:l===n?"close":"plus",size:"sm"})]}),e.jsx("div",{className:r.cn(a.default.content,l===n&&a.default.contentActive),children:e.jsxs("div",{className:r.cn(a.default.contentInner),children:[s.description&&e.jsx(c.Typography,{as:"p",defaultVariant:"bodyXs",weight:"regular",children:s.description}),s.info&&e.jsxs("div",{className:a.default.info,children:[e.jsx(c.Typography,{defaultVariant:"bodyXs",children:s.info.label}),e.jsx("div",{className:a.default.labels,children:s.info.labels.map((t,d)=>e.jsx(p.Label,{color:"black",size:"sm",children:t},`${t}-${d}`))})]})]})})]},`${s.label}-${n}`))})};exports.Features=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),i=require("../../../../utils/cn/cn.cjs.js"),n=require("../../../../src/modules/ProgramDetails/components/Features/features.module.css"),r=require("../../../../components/Typography/Typography.cjs.js"),p=require("../../../../components/IconBracket/IconBracket.cjs.js"),u=require("../../../../components/Label/Label.cjs.js"),m=({features:l})=>{const[t,o]=h.useState(0);return e.jsx("div",{className:n.root,children:l.map((s,c)=>e.jsxs("div",{className:n.feature,children:[e.jsxs("button",{className:n.header,onClick:()=>o(a=>c===a?null:c),children:[e.jsx(r.Typography,{as:"h4",defaultVariant:"headingSm",mobileVariant:"headingSm",weight:"regular",children:s.label}),s.description&&e.jsx(p.IconBracket,{variant:t===c?"close":"plus",size:"sm"})]}),e.jsx("div",{className:i.cn(n.content,t===c&&n.contentActive),children:e.jsxs("div",{className:i.cn(n.contentInner),children:[s.description&&e.jsx(r.Typography,{as:"p",defaultVariant:"bodyXs",weight:"regular",children:s.description}),s.info&&e.jsxs("div",{className:n.info,children:[e.jsx(r.Typography,{defaultVariant:"bodyXs",children:s.info.label}),e.jsx("div",{className:n.labels,children:s.info.labels.map((a,d)=>e.jsx(u.Label,{color:"black",size:"sm",children:a},`${a}-${d}`))})]})]})})]},`${s.label}-${c}`))})};exports.Features=m;

package/dist/modules/ProgramDetails/components/Features/Features.es.js

@@ -2,10 +2,10 @@
 import { jsx as i, jsxs as n } from "react/jsx-runtime";
 import { useState as h } from "react";
 import { cn as t } from "../../../../utils/cn/cn.es.js";
+import a from "../../../../modules/ProgramDetails/components/Features/features.module.css";
 import { Typography as s } from "../../../../components/Typography/Typography.es.js";
 import { IconBracket as p } from "../../../../components/IconBracket/IconBracket.es.js";
 import { Label as b } from "../../../../components/Label/Label.es.js";
-import a from "./features.module.css.es.js";
 const V = ({ features: c }) => {
   const [o, m] = h(0);
   return /* @__PURE__ */ i("div", { className: a.root, children: c.map((e, r) => /* @__PURE__ */ n("div", { className: a.feature, children: [

package/dist/modules/ProgramDetails/components/Features/features.module.css

@@ -0,0 +1,69 @@
+.root {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.feature {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    flex-direction: column;
+    padding: 24px 0;
+    border-bottom: var(--border-width-sm) solid var(--border-color-light);
+    color: var(--color-text-primary);
+    text-align: left;
+}
+
+.header {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    text-align: left;
+    padding: 0;
+    gap: 16px;
+    border: none;
+    background: none;
+    box-shadow: none;
+    cursor: pointer;
+    color: var(--color-text-primary);
+}
+
+.content {
+    display: grid;
+    grid-template-rows: 0fr;
+    overflow: hidden;
+    transition: grid-template-rows 0.3s, margin-top 0.3s;
+    width: 100%;
+    color: var(--color-text-secondary);
+}
+
+.contentActive {
+    grid-template-rows: 1fr;
+    margin-top: 16px;
+}
+
+.contentInner {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    min-height: 0;
+}
+
+.info {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    padding: 24px;
+    border-radius: var(--border-radius-md);
+    border: var(--border-width-sm) solid var(--border-color-alpha-black-10);
+    background-color: var(--color-bg-neutral-light);
+}
+
+.labels {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+}

package/dist/modules/ProgramDetails/programDetails.module.css

@@ -0,0 +1,58 @@
+.root {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.container {
+    width: 100%;
+    max-width: var(--content-max-width);
+    padding: 96px 120px;
+    display: flex;
+    flex-direction: column;
+    gap: 64px;
+}
+
+.header {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 32px;
+}
+
+.content {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    gap: 60px;
+}
+
+.image {
+    width: 100%;
+    max-width: 540px;
+    height: auto;
+    object-fit: cover;
+    flex-shrink: 0;
+    border-radius: var(--border-radius-lg);
+    aspect-ratio: 1 / 1;
+}
+
+@media (width <= 1024px) {
+    .container {
+        padding: 64px 20px 20px;
+        gap: 40px;
+    }
+
+    .content {
+        align-items: center;
+        flex-direction: column;
+        gap: 40px;
+    }
+
+    .image {
+        width: 100%;
+        height: auto;
+    }
+}

package/dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/Button/Button.cjs.js"),a=require("./programsDetailsHero.module.css.cjs.js"),r=require("../../types/analytics/analytics.cjs.js"),d=({title:i,description:n,button:t,backgroundImage:l})=>{const o={event:r.EAnalyticsEvent.ctaClicked,type:r.EAnalyticsEventType.interaction,component:"ProgramsDetailsHero",payload:{ctaLink:t.link,ctaLabel:t.text}};return e.jsx("section",{className:a.default.root,"data-type":"hero",style:{backgroundImage:`url(${l})`},children:e.jsx("div",{className:a.default.container,children:e.jsxs("div",{className:a.default.headline,children:[e.jsx("div",{className:a.default.titleContainer,children:e.jsx(s.Typography,{className:a.default.title,as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:i})}),e.jsx("div",{className:a.default.midBorder}),e.jsx("div",{className:a.default.infoContainer,children:e.jsxs("div",{className:a.default.infoBox,children:[e.jsx(s.Typography,{className:a.default.description,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:n}),e.jsx(c.Button,{as:"a",href:t.link,variant:"secondary",size:"md",analyticsProps:o,children:t.text})]})})]})})})};exports.ProgramsDetailsHero=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../src/modules/ProgramsDetailsHero/programsDetailsHero.module.css"),t=require("../../types/analytics/analytics.cjs.js"),i=require("../../components/Typography/Typography.cjs.js"),l=require("../../components/Button/Button.cjs.js"),d=({title:n,description:r,button:s,backgroundImage:o})=>{const c={event:t.EAnalyticsEvent.ctaClicked,type:t.EAnalyticsEventType.interaction,component:"ProgramsDetailsHero",payload:{ctaLink:s.link,ctaLabel:s.text}};return e.jsx("section",{className:a.root,"data-type":"hero",style:{backgroundImage:`url(${o})`},children:e.jsx("div",{className:a.container,children:e.jsxs("div",{className:a.headline,children:[e.jsx("div",{className:a.titleContainer,children:e.jsx(i.Typography,{className:a.title,as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:n})}),e.jsx("div",{className:a.midBorder}),e.jsx("div",{className:a.infoContainer,children:e.jsxs("div",{className:a.infoBox,children:[e.jsx(i.Typography,{className:a.description,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:r}),e.jsx(l.Button,{as:"a",href:s.link,variant:"secondary",size:"md",analyticsProps:c,children:s.text})]})})]})})})};exports.ProgramsDetailsHero=d;

package/dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.es.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import a from "../../modules/ProgramsDetailsHero/programsDetailsHero.module.css";
+import { EAnalyticsEventType as c, EAnalyticsEvent as d } from "../../types/analytics/analytics.es.js";
 import { Typography as t } from "../../components/Typography/Typography.es.js";
-import { Button as c } from "../../components/Button/Button.es.js";
-import a from "./programsDetailsHero.module.css.es.js";
-import { EAnalyticsEventType as d, EAnalyticsEvent as m } from "../../types/analytics/analytics.es.js";
+import { Button as m } from "../../components/Button/Button.es.js";
 const N = ({ title: n, description: s, button: i, backgroundImage: l }) => {
   const o = {
-    event: m.ctaClicked,
-    type: d.interaction,
+    event: d.ctaClicked,
+    type: c.interaction,
     component: "ProgramsDetailsHero",
     payload: {
       ctaLink: i.link,
@@ -36,7 +36,7 @@ const N = ({ title: n, description: s, button: i, backgroundImage: l }) => {
           children: s
         }
       ),
-      /* @__PURE__ */ e(c, { as: "a", href: i.link, variant: "secondary", size: "md", analyticsProps: o, children: i.text })
+      /* @__PURE__ */ e(m, { as: "a", href: i.link, variant: "secondary", size: "md", analyticsProps: o, children: i.text })
     ] }) })
   ] }) }) });
 };

package/dist/modules/ProgramsDetailsHero/programsDetailsHero.module.css

@@ -0,0 +1,153 @@
+.root {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+.container {
+    position: relative;
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+    max-width: var(--content-max-width);
+    height: 100%;
+}
+
+.headline {
+    position: relative;
+    display: flex;
+    width: 100%;
+    min-height: 216px;
+    justify-content: center;
+    align-items: flex-start;
+    margin-top: 564px;
+    margin-bottom: 30px;
+}
+
+.infoContainer,
+.titleContainer {
+    display: flex;
+    padding-top: 54px;
+    position: relative;
+    width: 50%;
+    height: 100%;
+    overflow: hidden;
+}
+
+.infoContainer {
+    padding-left: 46px;
+    padding-bottom: 46px;
+}
+
+.titleContainer {
+    justify-content: flex-end;
+    padding-right: 46px;
+}
+
+.titleContainer::before,
+.titleContainer::after,
+.infoContainer::before,
+.infoContainer::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: var(--border-width-sm);
+    background: var(--border-color-alpha-white-20);
+}
+
+.titleContainer::before {
+    top: 0;
+    right: 30px;
+}
+
+.titleContainer::after {
+    right: 30px;
+    bottom: 0;
+}
+
+.infoContainer::before {
+    top: 0;
+    left: 30px;
+}
+
+.infoContainer::after {
+    bottom: 0;
+    left: 30px;
+}
+
+.title {
+    color: var(--color-white);
+    text-align: center;
+}
+
+.midBorder {
+    position: relative;
+    height: 148px;
+    margin-top: 38px;
+    width: var(--border-width-sm);
+    background: var(--border-color-alpha-white-20);
+    min-height: 1px;
+}
+
+.infoBox {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    justify-content: flex-start;
+}
+
+.description {
+    color: var(--color-white);
+    max-width: 390px;
+    text-align: left;
+}
+
+.infoBox a {
+    width: fit-content;
+}
+
+@media screen and (width <= 768px) {
+    .headline {
+        flex-direction: column;
+        margin-top: 372px;
+        margin-bottom: 16px;
+        height: 100%;
+        max-height: none;
+    }
+
+    .infoContainer,
+    .titleContainer {
+        padding: 24px;
+        width: 100%;
+        justify-content: flex-start;
+    }
+
+    .title {
+        text-align: left;
+    }
+
+    .midBorder {
+        height: var(--border-width-sm);
+        width: 100%;
+        margin: 0;
+    }
+
+    .titleContainer::before,
+    .titleContainer::after,
+    .infoContainer::before,
+    .infoContainer::after {
+        content: none;
+    }
+
+    .infoBox {
+        gap: 16px;
+        justify-content: center;
+        margin: 0 8px;
+        width: 100%;
+    }
+}

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

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

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

@@ -1,17 +1,17 @@
 "use client";
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { useEffect as c } from "react";
-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 { Navigation as C } from "swiper/modules";
+import { Swiper as v, SwiperSlide as u } from "swiper/react";
 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";
-import { ProgressButton as m } from "../../components/ProgressButton/ProgressButton.es.js";
-import { ReadingCard as b } from "./components/ReadingCard/ReadingCard.es.js";
 /* empty css                                      */
 /* empty css                                                  */
 /* empty css                                                  */
-import i from "./researchEssentialReadings.module.css.es.js";
+import i from "../../modules/ResearchEssentialReadings/researchEssentialReadings.module.css";
+import { Typography as k } from "../../components/Typography/Typography.es.js";
+import { ProgressButton as m } from "../../components/ProgressButton/ProgressButton.es.js";
+import { ReadingCard as b } from "./components/ReadingCard/ReadingCard.es.js";
 const P = [C], H = ({ readings: s }) => {
   const {
     swiper: r,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../../../utils/formatDate.cjs.js"),c=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../components/Typography/Typography.cjs.js"),a=require("./readingCard.module.css.cjs.js");function u({title:i,link:s,image:o,date:n,label:l,readTime:t}){return e.jsx("a",{href:s,className:a.default.root,children:e.jsxs("div",{className:a.default.content,children:[e.jsx("div",{className:a.default.imagePart,style:{backgroundImage:`url(${o})`},children:l&&e.jsx(c.Label,{color:"white",size:"lg",children:l})}),e.jsxs("div",{className:a.default.dataPart,children:[e.jsxs("div",{className:a.default.info,children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:d.formatDate(n)}),!!t&&e.jsxs(e.Fragment,{children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[t," MIN READ"]})]})]}),e.jsx(r.Typography,{className:a.default.title,defaultVariant:"headingXs",children:i})]})]})})}exports.ReadingCard=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../../utils/formatDate.cjs.js"),a=require("../../../../src/modules/ResearchEssentialReadings/components/ReadingCard/readingCard.module.css"),d=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../components/Typography/Typography.cjs.js");function h({title:l,link:i,image:o,date:n,label:s,readTime:t}){return e.jsx("a",{href:i,className:a.root,children:e.jsxs("div",{className:a.content,children:[e.jsx("div",{className:a.imagePart,style:{backgroundImage:`url(${o})`},children:s&&e.jsx(d.Label,{color:"white",size:"lg",children:s})}),e.jsxs("div",{className:a.dataPart,children:[e.jsxs("div",{className:a.info,children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:c.formatDate(n)}),!!t&&e.jsxs(e.Fragment,{children:[e.jsx(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(r.Typography,{defaultVariant:"labelSm",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[t," MIN READ"]})]})]}),e.jsx(r.Typography,{className:a.title,defaultVariant:"headingXs",children:l})]})]})})}exports.ReadingCard=h;

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

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as a, Fragment as d } from "react/jsx-runtime";
 import { formatDate as s } from "../../../../utils/formatDate.es.js";
+import r from "../../../../modules/ResearchEssentialReadings/components/ReadingCard/readingCard.module.css";
 import { Label as h } from "../../../../components/Label/Label.es.js";
 import { Typography as l } from "../../../../components/Typography/Typography.es.js";
-import r from "./readingCard.module.css.es.js";
 function b({ title: o, link: m, image: n, date: c, label: i, readTime: t }) {
   return /* @__PURE__ */ e("a", { href: m, className: r.root, children: /* @__PURE__ */ a("div", { className: r.content, children: [
     /* @__PURE__ */ e("div", { className: r.imagePart, style: { backgroundImage: `url(${n})` }, children: i && /* @__PURE__ */ e(h, { color: "white", size: "lg", children: i }) }),

package/dist/modules/ResearchEssentialReadings/components/ReadingCard/readingCard.module.css

@@ -0,0 +1,77 @@
+.root {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    min-height: 575px;
+    text-decoration: none;
+    color: inherit;
+    position: relative;
+}
+
+.content {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    width: 100%;
+    max-width: 634px;
+    padding: 32px;
+}
+
+.imagePart {
+    display: flex;
+    align-items: flex-start;
+    aspect-ratio: 1 / 1;
+    max-width: 570px;
+    max-height: 426px;
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    border-radius: var(--border-radius-sm);
+    padding: 24px;
+}
+
+.dataPart {
+    display: flex;
+    flex-direction: column;
+    row-gap: 12px;
+}
+
+.info {
+    display: flex;
+    gap: 8px;
+}
+
+.title {
+    width: 100%;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    line-clamp: 3;
+    overflow: hidden;
+    text-wrap: balance;
+}
+
+@media (width <= 768px) {
+    .root {
+        min-height: 390px;
+    }
+
+    .content {
+        padding: 8px;
+        max-width: 335px;
+    }
+
+    .imagePart {
+        max-width: 319px;
+        max-height: 250px;
+        padding: 16px;
+    }
+
+    .title {
+        -webkit-line-clamp: 2;
+        line-clamp: 2;
+    }
+}

package/dist/modules/ResearchEssentialReadings/researchEssentialReadings.module.css

@@ -0,0 +1,115 @@
+.root {
+    display: flex;
+    width: 100%;
+    padding: 60px 0 48px;
+}
+
+.container {
+    width: 100%;
+}
+
+.header {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    white-space: pre-line;
+}
+
+.topRow {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    gap: 16px;
+    padding: 0 60px;
+    max-width: var(--content-max-width);
+    margin: 0 auto 32px;
+}
+
+.headerWrapper {
+    display: flex;
+    flex: 1 1 auto;
+    width: 100%;
+}
+
+.carouselArea {
+    display: flex;
+    width: 100%;
+    border-top: var(--border-width-sm) solid var(--border-color-light);
+    border-bottom: var(--border-width-sm) solid var(--border-color-light);
+    padding: 0 28px;
+    overflow: hidden;
+}
+
+.swiper {
+    width: 100%;
+    overflow: visible;
+}
+
+.swiperControlsHidden {
+    visibility: hidden;
+}
+
+.swiperControlsDesktop {
+    display: flex;
+    flex: 0 0 auto;
+    position: relative;
+}
+
+.swiperControlsMobile {
+    display: none;
+    flex: 0 0 auto;
+    position: relative;
+    margin-top: 24px;
+}
+
+.swiperSlide {
+    width: auto;
+    flex-shrink: 0;
+    position: relative;
+}
+
+.swiperSlide:not(:first-child)::after {
+    content: '';
+    width: 1px;
+    position: absolute;
+    top: 29px;
+    bottom: 29px;
+    left: 0;
+    background-color: var(--border-color-light);
+    z-index: 10;
+}
+
+@media (width <= 768px) {
+    .root {
+        padding: 24px 0;
+    }
+
+    .topRow {
+        padding: 0 20px;
+        margin-bottom: 16px;
+    }
+
+    .carouselArea {
+        padding: 0 20px 0;
+        border-top: none;
+        border-bottom: none;
+    }
+
+    .swiper {
+        border-top: var(--border-width-sm) solid var(--border-color-light);
+    }
+
+    .swiperControlsDesktop {
+        display: none;
+    }
+
+    .swiperControlsMobile {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .headerTitle {
+        padding-bottom: 10px;
+    }
+}

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

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