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

package/dist/modules/ResearchStudies/components/StudyCard/StudyCard.es.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as r, Fragment as p } from "react/jsx-runtime";
 import { formatDate as g } from "../../../../utils/formatDate.es.js";
-import { Label as y } from "../../../../components/Label/Label.es.js";
+import { EAnalyticsEventType as y } from "../../../../types/analytics/analytics.es.js";
+import a from "../../../../modules/ResearchStudies/components/StudyCard/studyCard.module.css";
+import { Label as v } from "../../../../components/Label/Label.es.js";
 import { Typography as t } from "../../../../components/Typography/Typography.es.js";
-import { EAnalyticsEventType as v } from "../../../../types/analytics/analytics.es.js";
-import a from "./studyCard.module.css.es.js";
 function C({
   title: i,
   link: m,
@@ -20,7 +20,7 @@ function C({
       const f = {
         event: n,
         location: h || "",
-        type: v.interaction,
+        type: y.interaction,
         payload: {
           articleTitle: i
         }
@@ -29,7 +29,7 @@ function C({
     }
   };
   return /* @__PURE__ */ e("a", { href: m, className: a.root, onClick: u, children: /* @__PURE__ */ r("div", { className: a.content, children: [
-    /* @__PURE__ */ e("div", { className: a.imagePart, style: { backgroundImage: `url(${d})` }, children: l && /* @__PURE__ */ e(y, { color: "white", size: "lg", children: l }) }),
+    /* @__PURE__ */ e("div", { className: a.imagePart, style: { backgroundImage: `url(${d})` }, children: l && /* @__PURE__ */ e(v, { color: "white", size: "lg", children: l }) }),
     /* @__PURE__ */ r("div", { className: a.dataPart, children: [
       /* @__PURE__ */ r("div", { className: a.info, children: [
         /* @__PURE__ */ e(t, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: g(s) }),

package/dist/modules/ResearchStudies/components/StudyCard/studyCard.module.css

@@ -0,0 +1,113 @@
+.root {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    text-decoration: none;
+    color: inherit;
+    position: relative;
+    padding: 24px 0;
+}
+
+.content {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    width: 100%;
+    padding: 8px;
+}
+
+.root::before,
+.root::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    height: var(--border-width-sm);
+    background-color: var(--border-color-light);
+    z-index: 10;
+}
+
+.root::before {
+    top: 0;
+}
+
+.root::after {
+    bottom: 0;
+}
+
+.borderLeft,
+.borderRight {
+    width: var(--border-width-sm);
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    background-color: var(--border-color-light);
+    z-index: 10;
+}
+
+.borderLeft {
+    left: -24px;
+}
+
+.borderRight {
+    right: -24px;
+}
+
+.imagePart {
+    display: flex;
+    align-items: flex-start;
+    aspect-ratio: 4 / 3;
+    width: 100%;
+    max-width: 100%;
+    max-height: 293px;
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    border-radius: var(--border-radius-sm);
+    padding: 16px;
+}
+
+.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;
+}
+
+/* since this is local component and for screens narrower then that only 1 column fits we can use this width as mobile */
+@media (width <= 981px) {
+    .root {
+        max-width: 100%;
+    }
+
+    .imagePart {
+        max-height: 250px;
+    }
+
+    .borderLeft,
+    .borderRight {
+        display: none;
+    }
+
+    .content {
+        max-width: none;
+    }
+}

package/dist/modules/ResearchStudies/researchStudies.module.css

@@ -0,0 +1,120 @@
+.root {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+}
+
+.container {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding: 60px;
+    gap: 28px;
+    max-width: var(--content-max-width);
+}
+
+.header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-start;
+    flex-direction: column;
+    width: 100%;
+    padding-left: 8px;
+}
+
+.backButton {
+    display: flex;
+    justify-content: flex-start;
+    z-index: 1;
+}
+
+.studies {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(407px, 1fr));
+    place-items: center;
+    column-gap: 48px;
+}
+
+.studyCard {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+}
+
+.buttonContainer {
+    display: flex;
+    margin-left: auto;
+    margin-right: auto;
+    flex-shrink: 0;
+}
+
+/* put these under media to not override for every other screen width */
+@media (width >= 1341px) {
+    /* hide left dividers for 1, 4, 7, etc studies */
+    .studyCard:nth-child(3n + 1) [data-line='left'] {
+        display: none;
+    }
+
+    /* hide right dividers for 3, 6, 9, etc studies */
+    .studyCard:nth-child(3n + 3) [data-line='right'] {
+        display: none;
+    }
+
+    /* hide double horizontal dividers by moving -1px left all except 1, 4, 7, etc */
+    .studyCard:not(:nth-child(3n + 1)) {
+        margin-left: -1px;
+    }
+
+    /* hide double vertical dividers by moving -1px top all except 1, 2, 3 only */
+    .studyCard:nth-child(n + 4) {
+        margin-top: -1px;
+    }
+}
+
+/* only 2 columns fit from this screen width */
+@media (width <= 1340px) {
+    /* hide left dividers for 1, 3, 5, etc studies */
+    .studyCard:nth-child(2n + 1) [data-line='left'] {
+        display: none;
+    }
+
+    /* hide right dividers for 2, 4, 6, etc studies */
+    .studyCard:nth-child(2n + 2) [data-line='right'] {
+        display: none;
+    }
+
+    /* hide double horizontal dividers by moving -1px left all except 1, 3, 5, etc */
+    .studyCard:not(:nth-child(2n + 1)) {
+        margin-left: -1px;
+    }
+
+    /* hide double vertical dividers by moving -1px top all except 1, 2 only */
+    .studyCard:nth-child(n + 3) {
+        margin-top: -1px;
+    }
+}
+
+@media (width <= 981px) {
+    .container {
+        padding: 40px 20px 24px;
+        gap: 16px;
+    }
+
+    .studies {
+        display: grid;
+        grid-template-columns: 1fr;
+        place-items: center;
+    }
+
+    .studyCard:last-child::after {
+        display: none;
+    }
+
+    .buttonContainer {
+        margin-left: 0;
+        margin-right: 0;
+    }
+}

package/dist/modules/Reviews/Reviews.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"),d=require("../../components/RatingStars/RatingStars.cjs.js"),c=require("../../components/Pagination/Pagination.cjs.js"),u=require("./components/ReviewList/ReviewList.cjs.js"),a=require("./reviews.module.css.cjs.js"),h=({rating:s,reviews:o,page:r,pagesCount:t,isLoading:n,onPageChange:l})=>e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:a.default.container,children:[e.jsxs("div",{className:a.default.headerContainer,children:[e.jsx(i.Typography,{as:"h2",defaultVariant:"displaySm",mobileVariant:"headingXl",children:"Reviews"}),!!(s!=null&&s.stars)&&e.jsxs("div",{className:a.default.headerRow,children:[e.jsxs(i.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",children:[s.stars,"/5"]}),e.jsx(d.RatingStars,{rating:s.stars,size:"lg"}),!!s.totalReviews&&e.jsxs(i.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,weight:"regular",children:[s.totalReviews," reviews"]})]})]}),e.jsxs("div",{className:a.default.reviewsContainer,children:[e.jsx(u.ReviewList,{reviews:o,page:r,pagesCount:t,isLoading:!!n,onPageChange:l}),e.jsx("div",{className:a.default.pagination,children:e.jsx(c.Pagination,{page:r,pagesCount:t,visiblePagesLimit:3,disabled:n,onPageChange:l})})]})]})});exports.Reviews=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../src/modules/Reviews/reviews.module.css"),a=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/RatingStars/RatingStars.cjs.js"),d=require("./components/ReviewList/ReviewList.cjs.js"),h=require("../../components/Pagination/Pagination.cjs.js"),m=({rating:s,reviews:l,page:r,pagesCount:t,isLoading:n,onPageChange:o})=>e.jsx("section",{className:i.root,children:e.jsxs("div",{className:i.container,children:[e.jsxs("div",{className:i.headerContainer,children:[e.jsx(a.Typography,{as:"h2",defaultVariant:"displaySm",mobileVariant:"headingXl",children:"Reviews"}),!!(s!=null&&s.stars)&&e.jsxs("div",{className:i.headerRow,children:[e.jsxs(a.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",children:[s.stars,"/5"]}),e.jsx(c.RatingStars,{rating:s.stars,size:"lg"}),!!s.totalReviews&&e.jsxs(a.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,weight:"regular",children:[s.totalReviews," reviews"]})]})]}),e.jsxs("div",{className:i.reviewsContainer,children:[e.jsx(d.ReviewList,{reviews:l,page:r,pagesCount:t,isLoading:!!n,onPageChange:o}),e.jsx("div",{className:i.pagination,children:e.jsx(h.Pagination,{page:r,pagesCount:t,visiblePagesLimit:3,disabled:n,onPageChange:o})})]})]})});exports.Reviews=m;

package/dist/modules/Reviews/Reviews.es.js

@@ -1,9 +1,9 @@
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import s from "../../modules/Reviews/reviews.module.css";
 import { Typography as r } from "../../components/Typography/Typography.es.js";
 import { RatingStars as n } from "../../components/RatingStars/RatingStars.es.js";
-import { Pagination as c } from "../../components/Pagination/Pagination.es.js";
-import { ReviewList as h } from "./components/ReviewList/ReviewList.es.js";
-import s from "./reviews.module.css.es.js";
+import { ReviewList as c } from "./components/ReviewList/ReviewList.es.js";
+import { Pagination as h } from "../../components/Pagination/Pagination.es.js";
 const b = ({ rating: e, reviews: m, page: l, pagesCount: t, isLoading: o, onPageChange: d }) => /* @__PURE__ */ i("section", { className: s.root, children: /* @__PURE__ */ a("div", { className: s.container, children: [
   /* @__PURE__ */ a("div", { className: s.headerContainer, children: [
     /* @__PURE__ */ i(r, { as: "h2", defaultVariant: "displaySm", mobileVariant: "headingXl", children: "Reviews" }),
@@ -21,7 +21,7 @@ const b = ({ rating: e, reviews: m, page: l, pagesCount: t, isLoading: o, onPage
   ] }),
   /* @__PURE__ */ a("div", { className: s.reviewsContainer, children: [
     /* @__PURE__ */ i(
-      h,
+      c,
       {
         reviews: m,
         page: l,
@@ -31,7 +31,7 @@ const b = ({ rating: e, reviews: m, page: l, pagesCount: t, isLoading: o, onPage
       }
     ),
     /* @__PURE__ */ i("div", { className: s.pagination, children: /* @__PURE__ */ i(
-      c,
+      h,
       {
         page: l,
         pagesCount: t,

package/dist/modules/Reviews/components/ReviewCard/ReviewCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../../../components/Typography/Typography.cjs.js"),s=require("../../../../components/RatingStars/RatingStars.cjs.js"),t=require("./reviewCard.module.css.cjs.js"),i=({review:e})=>a.jsxs("div",{className:t.default.root,children:[a.jsxs("div",{className:t.default.authorContainer,children:[a.jsx(r.Typography,{as:"p",defaultVariant:"bodyMd",emphasis:!0,className:t.default.author,children:e.author}),!!e.stars&&a.jsx(s.RatingStars,{rating:e.stars,size:"sm"})]}),a.jsxs("div",{className:t.default.content,children:[a.jsx(r.Typography,{as:"h3",defaultVariant:"bodyXl",mobileVariant:"bodyMd",emphasis:!0,children:e.title}),a.jsx(r.Typography,{as:"p",defaultVariant:"bodyMd",children:e.description})]})]});exports.ReviewCard=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("../../../../src/modules/Reviews/components/ReviewCard/reviewCard.module.css"),r=require("../../../../components/Typography/Typography.cjs.js"),e=require("../../../../components/RatingStars/RatingStars.cjs.js"),n=({review:a})=>s.jsxs("div",{className:t.root,children:[s.jsxs("div",{className:t.authorContainer,children:[s.jsx(r.Typography,{as:"p",defaultVariant:"bodyMd",emphasis:!0,className:t.author,children:a.author}),!!a.stars&&s.jsx(e.RatingStars,{rating:a.stars,size:"sm"})]}),s.jsxs("div",{className:t.content,children:[s.jsx(r.Typography,{as:"h3",defaultVariant:"bodyXl",mobileVariant:"bodyMd",emphasis:!0,children:a.title}),s.jsx(r.Typography,{as:"p",defaultVariant:"bodyMd",children:a.description})]})]});exports.ReviewCard=n;

package/dist/modules/Reviews/components/ReviewCard/ReviewCard.es.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import r from "../../../../modules/Reviews/components/ReviewCard/reviewCard.module.css";
 import { Typography as i } from "../../../../components/Typography/Typography.es.js";
 import { RatingStars as o } from "../../../../components/RatingStars/RatingStars.es.js";
-import r from "./reviewCard.module.css.es.js";
 const m = ({ review: a }) => /* @__PURE__ */ s("div", { className: r.root, children: [
   /* @__PURE__ */ s("div", { className: r.authorContainer, children: [
     /* @__PURE__ */ t(i, { as: "p", defaultVariant: "bodyMd", emphasis: !0, className: r.author, children: a.author }),

package/dist/modules/Reviews/components/ReviewCard/reviewCard.module.css

@@ -0,0 +1,55 @@
+.root {
+    width: 100%;
+    display: flex;
+    padding: 32px 0;
+    border-bottom: var(--border-width-sm) solid var(--border-color-alpha-black-10);
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 16px;
+}
+
+.root:first-child {
+    padding-top: 0;
+}
+
+.authorContainer {
+    width: 100%;
+    max-width: 172px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 12px;
+}
+
+.author {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.content {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    gap: 12px;
+}
+
+@media (width <= 768px) {
+    .root {
+        padding: 20px 0;
+        flex-direction: column;
+    }
+
+    .root:first-child {
+        padding-top: 20px;
+    }
+
+    .authorContainer {
+        gap: 8px;
+        max-width: 100%;
+    }
+
+    .content {
+        gap: 8px;
+    }
+}

package/dist/modules/Reviews/components/ReviewList/ReviewList.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),S=require("../../../../node_modules/swiper/swiper-react.cjs.js");;/* empty css                                              */const a=require("../../../../components/Skeleton/Skeleton.cjs.js"),q=require("../../../../utils/useSwiper/useSwiper.cjs.js"),R=require("../ReviewCard/ReviewCard.cjs.js"),r=require("./reviewList.module.css.cjs.js"),k=({reviews:w,page:i,pagesCount:s,isLoading:h,onPageChange:x})=>{const n=o.useRef("external"),{activeIndex:c,onSwiperInit:f,handleSlideTo:u,handleSlideChange:m,handleSwiperResize:p}=q.useSwiper();o.useEffect(()=>{n.current==="external"&&c!==i-1&&u(i-1),n.current="external"},[c,i,u]);const v=o.useMemo(()=>Array.from({length:s}),[s]);return e.jsx(S.Swiper,{onSwiper:f,onResize:p,onSlideChange:l=>{const t=l.activeIndex+1;t!==i&&(n.current="swiper",x(t)),m(l)},slidesPerView:1,allowTouchMove:s>1,spaceBetween:0,initialSlide:i-1,className:r.default.swiper,children:v.map((l,t)=>e.jsx(S.SwiperSlide,{children:t===i-1?e.jsx("div",{className:r.default.reviewsContainer,children:h?e.jsxs("div",{className:r.default.loadingContainer,children:[e.jsx(a.Skeleton,{height:"130px",className:r.default.skeleton}),e.jsx(a.Skeleton,{height:"110px",className:r.default.skeleton}),e.jsx(a.Skeleton,{height:"90px",className:r.default.skeleton})]}):w.map(({review:d},j)=>e.jsx(R.ReviewCard,{review:d},`${d.author}_${j}`))}):null},t))})};exports.ReviewList=k;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),S=require("swiper/react");;/* empty css                                              */const k=require("../../../../utils/useSwiper/useSwiper.cjs.js"),s=require("../../../../src/modules/Reviews/components/ReviewList/reviewList.module.css"),c=require("../../../../components/Skeleton/Skeleton.cjs.js"),q=require("../ReviewCard/ReviewCard.cjs.js"),f=({reviews:h,page:i,pagesCount:n,isLoading:w,onPageChange:x})=>{const t=o.useRef("external"),{activeIndex:a,onSwiperInit:m,handleSlideTo:u,handleSlideChange:j,handleSwiperResize:p}=k.useSwiper();o.useEffect(()=>{t.current==="external"&&a!==i-1&&u(i-1),t.current="external"},[a,i,u]);const v=o.useMemo(()=>Array.from({length:n}),[n]);return e.jsx(S.Swiper,{onSwiper:m,onResize:p,onSlideChange:l=>{const r=l.activeIndex+1;r!==i&&(t.current="swiper",x(r)),j(l)},slidesPerView:1,allowTouchMove:n>1,spaceBetween:0,initialSlide:i-1,className:s.swiper,children:v.map((l,r)=>e.jsx(S.SwiperSlide,{children:r===i-1?e.jsx("div",{className:s.reviewsContainer,children:w?e.jsxs("div",{className:s.loadingContainer,children:[e.jsx(c.Skeleton,{height:"130px",className:s.skeleton}),e.jsx(c.Skeleton,{height:"110px",className:s.skeleton}),e.jsx(c.Skeleton,{height:"90px",className:s.skeleton})]}):h.map(({review:d},R)=>e.jsx(q.ReviewCard,{review:d},`${d.author}_${R}`))}):null},r))})};exports.ReviewList=f;

package/dist/modules/Reviews/components/ReviewList/ReviewList.es.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as e, jsxs as v } from "react/jsx-runtime";
 import { useRef as N, useEffect as R, useMemo as k } from "react";
-import { Swiper as g, SwiperSlide as y } from "../../../../node_modules/swiper/swiper-react.es.js";
+import { Swiper as g, SwiperSlide as y } from "swiper/react";
 /* empty css                                            */
-import { Skeleton as o } from "../../../../components/Skeleton/Skeleton.es.js";
 import { useSwiper as C } from "../../../../utils/useSwiper/useSwiper.es.js";
+import i from "../../../../modules/Reviews/components/ReviewList/reviewList.module.css";
+import { Skeleton as o } from "../../../../components/Skeleton/Skeleton.es.js";
 import { ReviewCard as T } from "../ReviewCard/ReviewCard.es.js";
-import i from "./reviewList.module.css.es.js";
 const A = ({ reviews: d, page: r, pagesCount: n, isLoading: h, onPageChange: p }) => {
   const s = N("external"), { activeIndex: a, onSwiperInit: f, handleSlideTo: m, handleSlideChange: w, handleSwiperResize: S } = C();
   R(() => {

package/dist/modules/Reviews/components/ReviewList/reviewList.module.css

@@ -0,0 +1,36 @@
+.swiper {
+    width: 100%;
+    max-width: 100%;
+    overflow: hidden;
+}
+
+.reviewsContainer {
+    width: 100%;
+    min-width: 0;
+    max-width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.loadingContainer {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    gap: 64px;
+    margin-bottom: 32px;
+}
+
+.skeleton {
+    position: relative;
+
+    &::before {
+        content: '';
+        position: absolute;
+        bottom: -32px;
+        left: 0;
+        width: 100%;
+        height: var(--border-width-sm);
+        background-color: var(--border-color-light);
+    }
+}

package/dist/modules/Reviews/reviews.module.css

@@ -0,0 +1,74 @@
+.root {
+    width: 100%;
+    max-width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+}
+
+.container {
+    width: 100%;
+    max-width: var(--content-max-width);
+    padding: var(--spacing-120) var(--spacing-64);
+    display: flex;
+    gap: 80px;
+}
+
+.headerContainer {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    width: 336px;
+    min-width: 336px;
+    max-width: 100%;
+    flex-shrink: 0;
+}
+
+.headerRow {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+    gap: 8px;
+}
+
+.reviewsContainer {
+    width: 100%;
+    min-width: 0;
+    max-width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.pagination {
+    display: flex;
+    width: 100%;
+    justify-content: flex-start;
+    margin-top: 32px;
+}
+
+@media (width <= 1024px) {
+    .container {
+        padding: var(--spacing-120) var(--spacing-20);
+        flex-direction: column;
+        gap: 28px;
+    }
+}
+
+@media (width <= 768px) {
+    .container {
+        padding: var(--spacing-64) var(--spacing-20);
+    }
+
+    .headerContainer {
+        gap: 24px;
+    }
+
+    .pagination {
+        justify-content: center;
+        margin-top: 28px;
+    }
+}

package/dist/modules/ScienceHero/ScienceHero.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"),u=require("./ScienceHeroCursor.cjs.js"),a=require("./scienceHero.module.css.cjs.js"),m=({firstLineTitle:n,optionalLineTitle:r,highlightedLineTitle:i,label:t,backgroundImage:l,badges:o,cursorLink:d})=>e.jsx(u.ScienceHeroCursor,{backgroundImage:l,cursorLink:d,children:e.jsxs("section",{className:a.default.root,"data-type":"hero",children:[e.jsx("div",{className:a.default.blurredBackground,style:{backgroundImage:`url(${l})`}}),e.jsxs("div",{className:a.default.container,children:[e.jsx("div",{className:a.default.leftColumn}),e.jsxs("div",{className:a.default.mainColumn,children:[e.jsx("div",{className:a.default.verticalBorder}),e.jsx("div",{className:a.default.circleVector}),e.jsx("a",{className:a.default.circleVectorMobile,href:d,style:{backgroundImage:`url(${l}`}}),e.jsxs("div",{className:a.default.content,children:[t&&e.jsx(s.Typography,{defaultVariant:"labelXs",emphasis:!0,className:a.default.label,children:t}),e.jsxs("div",{className:a.default.title,children:[e.jsx(s.Typography,{as:"h2",defaultVariant:"displayXl",mobileVariant:"displayXs",className:a.default.firstLineTitle,children:n}),r&&e.jsx(s.Typography,{defaultVariant:"displayXl",mobileVariant:"displayXs",className:a.default.optionalLineTitle,children:r}),i&&e.jsx(s.Typography,{defaultVariant:"displayXl",mobileVariant:"displayXs",className:a.default.highlightedLineTitle,children:i})]}),e.jsx("div",{className:a.default.badgesRow,children:o.map(c=>e.jsx(s.Typography,{as:"p",defaultVariant:"labelXs",emphasis:!0,className:a.default.badge,children:c},c))})]}),e.jsx("div",{className:a.default.verticalBorder})]}),e.jsx("div",{className:a.default.rightColumn})]})]})});exports.ScienceHero=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("./ScienceHeroCursor.cjs.js"),s=require("../../src/modules/ScienceHero/scienceHero.module.css"),a=require("../../components/Typography/Typography.cjs.js"),p=({firstLineTitle:d,optionalLineTitle:r,highlightedLineTitle:i,label:c,backgroundImage:l,badges:o,cursorLink:t})=>e.jsx(m.ScienceHeroCursor,{backgroundImage:l,cursorLink:t,children:e.jsxs("section",{className:s.root,"data-type":"hero",children:[e.jsx("div",{className:s.blurredBackground,style:{backgroundImage:`url(${l})`}}),e.jsxs("div",{className:s.container,children:[e.jsx("div",{className:s.leftColumn}),e.jsxs("div",{className:s.mainColumn,children:[e.jsx("div",{className:s.verticalBorder}),e.jsx("div",{className:s.circleVector}),e.jsx("a",{className:s.circleVectorMobile,href:t,style:{backgroundImage:`url(${l}`}}),e.jsxs("div",{className:s.content,children:[c&&e.jsx(a.Typography,{defaultVariant:"labelXs",emphasis:!0,className:s.label,children:c}),e.jsxs("div",{className:s.title,children:[e.jsx(a.Typography,{as:"h2",defaultVariant:"displayXl",mobileVariant:"displayXs",className:s.firstLineTitle,children:d}),r&&e.jsx(a.Typography,{defaultVariant:"displayXl",mobileVariant:"displayXs",className:s.optionalLineTitle,children:r}),i&&e.jsx(a.Typography,{defaultVariant:"displayXl",mobileVariant:"displayXs",className:s.highlightedLineTitle,children:i})]}),e.jsx("div",{className:s.badgesRow,children:o.map(n=>e.jsx(a.Typography,{as:"p",defaultVariant:"labelXs",emphasis:!0,className:s.badge,children:n},n))})]}),e.jsx("div",{className:s.verticalBorder})]}),e.jsx("div",{className:s.rightColumn})]})]})});exports.ScienceHero=p;

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

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { Typography as s } from "../../components/Typography/Typography.es.js";
 import { ScienceHeroCursor as h } from "./ScienceHeroCursor.es.js";
-import a from "./scienceHero.module.css.es.js";
+import a from "../../modules/ScienceHero/scienceHero.module.css";
+import { Typography as s } from "../../components/Typography/Typography.es.js";
 const f = ({
   firstLineTitle: n,
   optionalLineTitle: r,

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),u=require("./components/ScienceClientCursor.cjs.js"),o=require("./components/ScienceServerCursor.cjs.js");function S({children:e,backgroundImage:c,cursorLink:s}){const[i,n]=t.useState(!1);return t.useEffect(()=>{n(!0)},[]),i?r.jsx(u.ScienceClientCursor,{backgroundImage:c,cursorLink:s,children:e}):r.jsx(o.ScienceServerCursor,{children:e})}exports.ScienceHeroCursor=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),u=require("./components/ScienceClientCursor.cjs.js"),o=require("./components/ScienceServerCursor.cjs.js");function S({children:e,backgroundImage:s,cursorLink:c}){const[n,i]=t.useState(!1);return t.useEffect(()=>{i(!0)},[]),n?r.jsx(u.ScienceClientCursor,{backgroundImage:s,cursorLink:c,children:e}):r.jsx(o.ScienceServerCursor,{children:e})}exports.ScienceHeroCursor=S;

package/dist/modules/ScienceHero/components/ScienceClientCursor.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),E=require("react-dom"),w=require("../scienceHero.module.css.cjs.js");function M({children:u,backgroundImage:h,cursorLink:m}){const[l,x]=o.useState({x:0,y:0}),[c,a]=o.useState(!1),[g,d]=o.useState(!1),[e,f]=o.useState(null),[r,$]=o.useState(!1);o.useEffect(()=>{d(!0);const t=()=>$(window.innerWidth<=768);return t(),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t),d(!1)}},[]),o.useEffect(()=>{if(r)return;const t=s=>{x({x:s.clientX,y:s.clientY})},i=()=>{if(c&&e){const s=document.querySelector('[data-type="hero"]');s&&f(s.getBoundingClientRect())}};return window.addEventListener("mousemove",t),window.addEventListener("scroll",i,{passive:!0}),window.addEventListener("resize",i,{passive:!0}),()=>{window.removeEventListener("mousemove",t),window.removeEventListener("scroll",i),window.removeEventListener("resize",i)}},[r,c,e]);const b=t=>{r||(f(t.currentTarget.getBoundingClientRect()),a(!0))},y=()=>{r||a(!1)},C=()=>{window.location.href=m};if(r)return n.jsx(n.Fragment,{children:u});const p=`circle(270px at ${l.x}px ${l.y}px)`,v=c&&e&&n.jsx("div",{className:w.default.cursorContainer,style:{position:"fixed",top:`${e.top}px`,left:`${e.left}px`,width:`${e.width}px`,height:`${e.height}px`,overflow:"hidden",cursor:"pointer"},children:n.jsx("div",{className:w.default.normalBackground,style:{position:"absolute",top:`${-e.top}px`,left:`${-e.left}px`,backgroundImage:`url(${h})`,clipPath:p,WebkitClipPath:p,backgroundPosition:"center"}})});return n.jsxs(n.Fragment,{children:[n.jsx("div",{"data-type":"hero",onMouseEnter:b,onMouseLeave:y,onClick:C,style:{cursor:"pointer"},children:u}),g&&v&&E.createPortal(v,document.body)]})}exports.ScienceClientCursor=M;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),M=require("react-dom"),w=require("../../../src/modules/ScienceHero/scienceHero.module.css");function S({children:l,backgroundImage:h,cursorLink:m}){const[u,x]=o.useState({x:0,y:0}),[c,a]=o.useState(!1),[g,d]=o.useState(!1),[e,f]=o.useState(null),[s,y]=o.useState(!1);o.useEffect(()=>{d(!0);const t=()=>y(window.innerWidth<=768);return t(),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t),d(!1)}},[]),o.useEffect(()=>{if(s)return;const t=r=>{x({x:r.clientX,y:r.clientY})},i=()=>{if(c&&e){const r=document.querySelector('[data-type="hero"]');r&&f(r.getBoundingClientRect())}};return window.addEventListener("mousemove",t),window.addEventListener("scroll",i,{passive:!0}),window.addEventListener("resize",i,{passive:!0}),()=>{window.removeEventListener("mousemove",t),window.removeEventListener("scroll",i),window.removeEventListener("resize",i)}},[s,c,e]);const b=t=>{s||(f(t.currentTarget.getBoundingClientRect()),a(!0))},C=()=>{s||a(!1)},E=()=>{window.location.href=m};if(s)return n.jsx(n.Fragment,{children:l});const p=`circle(270px at ${u.x}px ${u.y}px)`,v=c&&e&&n.jsx("div",{className:w.cursorContainer,style:{position:"fixed",top:`${e.top}px`,left:`${e.left}px`,width:`${e.width}px`,height:`${e.height}px`,overflow:"hidden",cursor:"pointer"},children:n.jsx("div",{className:w.normalBackground,style:{position:"absolute",top:`${-e.top}px`,left:`${-e.left}px`,backgroundImage:`url(${h})`,clipPath:p,WebkitClipPath:p,backgroundPosition:"center"}})});return n.jsxs(n.Fragment,{children:[n.jsx("div",{"data-type":"hero",onMouseEnter:b,onMouseLeave:C,onClick:E,style:{cursor:"pointer"},children:l}),g&&v&&M.createPortal(v,document.body)]})}exports.ScienceClientCursor=S;

package/dist/modules/ScienceHero/components/ScienceClientCursor.es.js

@@ -2,7 +2,7 @@
 import { jsx as i, Fragment as v, jsxs as $ } from "react/jsx-runtime";
 import { useState as r, useEffect as w } from "react";
 import { createPortal as k } from "react-dom";
-import h from "../scienceHero.module.css.es.js";
+import h from "../../../modules/ScienceHero/scienceHero.module.css";
 function S({ children: l, backgroundImage: x, cursorLink: g }) {
   const [d, y] = r({ x: 0, y: 0 }), [c, a] = r(!1), [E, u] = r(!1), [e, p] = r(null), [o, M] = r(!1);
   w(() => {