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

package/dist/modules/Comparison/components/ComparisonMobileView/comparisonMobileView.module.css

@@ -0,0 +1,84 @@
+.root {
+    display: none;
+    flex-direction: column;
+    width: 100%;
+    gap: var(--spacing-40);
+}
+
+.table {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+}
+
+.headers {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-bottom: var(--border-width-sm) solid var(--border-color-light);
+}
+
+.feature {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    padding: var(--spacing-24) 0;
+    gap: var(--spacing-16);
+    border-bottom: var(--border-width-sm) solid var(--border-color-light);
+}
+
+.row {
+    display: flex;
+    width: 100%;
+    flex-wrap: nowrap;
+    gap: var(--spacing-8);
+}
+
+.cell {
+    width: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+}
+
+.cellHighlighted {
+    padding: var(--spacing-24) var(--spacing-8) var(--spacing-16);
+    border-radius: var(--border-radius-xl) var(--border-radius-xl) 0 0;
+    background:
+        linear-gradient(180deg, rgba(143, 161, 205, 0) 0%, rgba(143, 161, 205, 0.4) 100%), var(--color-bg-fill-primary);
+}
+
+.companyLogo {
+    height: 20px;
+}
+
+.iconCell {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    min-width: 32px;
+    height: 32px;
+    border-radius: var(--border-radius-full);
+}
+
+.iconCellHighlighted {
+    color: var(--color-text-primary-inverted);
+    background:
+        linear-gradient(180deg, rgba(143, 161, 205, 0.3) 0%, rgba(143, 161, 205, 0) 100%),
+        linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%),
+        var(--color-bg-fill-primary);
+}
+
+.icon {
+    width: 20px;
+    height: 20px;
+}
+
+@media screen and (width <= 768px) {
+    .root {
+        display: flex;
+    }
+}

package/dist/modules/ContentHighlight/ContentHighlight.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../components/Typography/Typography.cjs.js"),t=require("./contentHighlight.module.css.cjs.js"),r=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Button/Button.cjs.js"),d=({label:l,title:s,content:i})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.topContainer,children:e.jsx(r.HighlightedTitle,{title:s,label:l,as:"div",defaultVariant:"displayMd",className:t.default.title})}),e.jsxs("div",{className:t.default.card,children:[e.jsx("img",{src:i.image,alt:i.title,className:t.default.image}),e.jsxs("div",{className:t.default.content,children:[e.jsx(a.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",className:t.default.contentTitle,children:i.title}),i.description&&e.jsx(a.Typography,{defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.description,children:i.description}),e.jsx("div",{className:t.default.button,children:e.jsx(n.Button,{as:"a",href:i.link,target:"_blank",rel:"noopener noreferrer",size:"sm",children:i.buttonLabel})})]})]})]})});exports.ContentHighlight=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../src/modules/ContentHighlight/contentHighlight.module.css"),l=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("../../components/Typography/Typography.cjs.js"),n=require("../../components/Button/Button.cjs.js"),o=({label:a,title:r,content:s})=>e.jsx("section",{className:i.root,children:e.jsxs("div",{className:i.container,children:[e.jsx("div",{className:i.topContainer,children:e.jsx(l.HighlightedTitle,{title:r,label:a,as:"div",defaultVariant:"displayMd",className:i.title})}),e.jsxs("div",{className:i.card,children:[e.jsx("img",{src:s.image,alt:s.title,className:i.image}),e.jsxs("div",{className:i.content,children:[e.jsx(t.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",className:i.contentTitle,children:s.title}),s.description&&e.jsx(t.Typography,{defaultVariant:"bodySm",mobileVariant:"bodySm",className:i.description,children:s.description}),e.jsx("div",{className:i.button,children:e.jsx(n.Button,{as:"a",href:s.link,target:"_blank",rel:"noopener noreferrer",size:"sm",children:s.buttonLabel})})]})]})]})});exports.ContentHighlight=o;

package/dist/modules/ContentHighlight/ContentHighlight.es.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { Typography as l } from "../../components/Typography/Typography.es.js";
-import i from "./contentHighlight.module.css.es.js";
+import i from "../../modules/ContentHighlight/contentHighlight.module.css";
 import { HighlightedTitle as d } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as l } from "../../components/Typography/Typography.es.js";
 import { Button as m } from "../../components/Button/Button.es.js";
 const g = ({ label: t, title: s, content: a }) => /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ r("div", { className: i.container, children: [
   /* @__PURE__ */ e("div", { className: i.topContainer, children: /* @__PURE__ */ e(

package/dist/modules/ContentHighlight/contentHighlight.module.css

@@ -0,0 +1,149 @@
+.root {
+    background: var(--color-bg-neutral-light);
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin: 0 auto;
+}
+
+.container {
+    display: flex;
+    flex-direction: column;
+    max-width: var(--content-max-width);
+    width: 100%;
+    padding: 120px;
+    gap: 60px;
+}
+
+.topContainer {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 16px;
+}
+
+.title {
+    margin-right: 200px;
+}
+
+.card {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    align-items: center;
+    padding: 24px;
+    width: 100%;
+    border-radius: 32px;
+    background: var(--color-bg-base-light);
+    gap: 60px;
+}
+
+.image {
+    width: 50%;
+    aspect-ratio: 16/9;
+    object-fit: cover;
+    border-radius: var(--border-radius-lg);
+    flex-shrink: 0;
+    max-width: none;
+}
+
+.content {
+    display: flex;
+    width: 50%;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+    gap: 16px;
+    flex: 1 0 0;
+    max-width: none;
+}
+
+.button{
+    margin-top: 16px;
+}
+
+.description {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    text-overflow: ellipsis;
+}
+
+@media (width <= 1440px) {
+    .title{
+        margin-right: 140px;
+    }
+
+    .image {
+        max-width: 540px;
+    }
+
+    .card{
+        gap: 40px;
+    }
+}
+
+@media (width <= 1280px) {
+    .title{
+        margin-right: 0px;
+
+        > div > p {
+            font-size: var(--font-size-display-sm);
+        }
+    }
+
+    .contentTitle{
+        font-size: var(--font-size-heading-md);
+    }
+}
+
+@media (width <= 1100px) {
+    .title{
+        margin-right: 0px;
+
+        > div > p {
+            font-size: var(--font-size-heading-xl);
+        }
+    }
+}
+
+@media (width <= 1024px) {
+    .container{
+        padding: 64px 20px;
+    }
+
+    .contentTitle{
+        font-size: var(--font-size-heading-sm);
+    }
+
+}
+
+@media (width <= 768px) {
+    .card{
+        flex-direction: column;
+        gap: 20px;
+        padding: 16px 12px;
+    }
+
+    .container{
+        padding: 64px 20px;
+        gap: 20px;
+    }
+
+    .content{
+        gap: 8px;
+        width: 100%;
+    }
+
+    .image {
+        width: 100%;
+    }
+
+    .button{
+        margin-top: 12px;
+    }
+}

package/dist/modules/Curiosity/Curiosity.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("../../components/Button/Button.cjs.js"),h=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),u=require("../../components/StudyGridCard/StudyGridCard.cjs.js"),y=require("../../utils/cn/cn.cjs.js"),t=require("./curiosity.module.css.cjs.js"),p=({title:m,description:r,studies:s,indexed:l,trackingEvent:o,trackingLocation:d})=>e.jsxs("div",{className:y.cn(t.default.root,{[t.default.notIndexed]:!l}),children:[e.jsxs("div",{className:t.default.contentContainer,children:[e.jsxs("div",{className:t.default.containerHeader,children:[e.jsx(h.HighlightedTitle,{title:m,className:t.default.title,defaultVariant:"displayXl",mobileVariant:"displayXs"}),e.jsxs("div",{className:t.default.contentTextContainer,children:[r&&e.jsx(n.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",className:t.default.contentText,children:r}),e.jsx("div",{className:t.default.buttonContainer,children:e.jsx(f.Button,{as:"a",href:"/research",variant:"muted",size:"lg",children:"View all studies"})})]})]}),l&&e.jsxs("div",{className:t.default.dividerContainer,children:[e.jsx(n.Typography,{defaultVariant:"labelMd",children:l.number}),e.jsx("div",{className:t.default.divider}),e.jsx(n.Typography,{defaultVariant:"labelMd",emphasis:!0,children:l.label})]})]}),e.jsxs("div",{className:t.default.containerBottom,children:[e.jsx(c.InfiniteScroll,{items:s,speed:50,slowOnTouch:!0,enableManualScroll:!0,contentClassName:t.default.infiniteScrollContent,itemClassName:t.default.infiniteScrollItem,rootClassName:t.default.infiniteScrollRoot,renderItem:(i,a)=>e.jsx(u.StudyGridCard,{...i,compressed:!0,trackingEvent:o,trackingLocation:d},a)}),e.jsx(c.InfiniteScroll,{items:s,speed:50,direction:"right",slowOnTouch:!0,enableManualScroll:!0,contentClassName:t.default.infiniteScrollContent,itemClassName:t.default.infiniteScrollItemTwo,renderItem:(i,a)=>e.jsx(u.StudyGridCard,{...i,compressed:!0,trackingEvent:o,trackingLocation:d},a)})]})]});exports.Curiosity=p;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../components/StudyGridCard/StudyGridCard.cjs.js"),h=require("../../utils/cn/cn.cjs.js"),t=require("../../src/modules/Curiosity/curiosity.module.css"),y=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),r=require("../../components/Typography/Typography.cjs.js"),p=require("../../components/Button/Button.cjs.js"),u=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),j=({title:m,description:l,studies:a,indexed:i,trackingEvent:o,trackingLocation:c})=>e.jsxs("div",{className:h.cn(t.root,{[t.notIndexed]:!i}),children:[e.jsxs("div",{className:t.contentContainer,children:[e.jsxs("div",{className:t.containerHeader,children:[e.jsx(y.HighlightedTitle,{title:m,className:t.title,defaultVariant:"displayXl",mobileVariant:"displayXs"}),e.jsxs("div",{className:t.contentTextContainer,children:[l&&e.jsx(r.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",className:t.contentText,children:l}),e.jsx("div",{className:t.buttonContainer,children:e.jsx(p.Button,{as:"a",href:"/research",variant:"muted",size:"lg",children:"View all studies"})})]})]}),i&&e.jsxs("div",{className:t.dividerContainer,children:[e.jsx(r.Typography,{defaultVariant:"labelMd",children:i.number}),e.jsx("div",{className:t.divider}),e.jsx(r.Typography,{defaultVariant:"labelMd",emphasis:!0,children:i.label})]})]}),e.jsxs("div",{className:t.containerBottom,children:[e.jsx(u.InfiniteScroll,{items:a,speed:50,slowOnTouch:!0,enableManualScroll:!0,contentClassName:t.infiniteScrollContent,itemClassName:t.infiniteScrollItem,rootClassName:t.infiniteScrollRoot,renderItem:(n,s)=>e.jsx(d.StudyGridCard,{...n,compressed:!0,trackingEvent:o,trackingLocation:c},s)}),e.jsx(u.InfiniteScroll,{items:a,speed:50,direction:"right",slowOnTouch:!0,enableManualScroll:!0,contentClassName:t.infiniteScrollContent,itemClassName:t.infiniteScrollItemTwo,renderItem:(n,s)=>e.jsx(d.StudyGridCard,{...n,compressed:!0,trackingEvent:o,trackingLocation:c},s)})]})]});exports.Curiosity=j;

package/dist/modules/Curiosity/Curiosity.es.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { Button as f } from "../../components/Button/Button.es.js";
+import { StudyGridCard as d } from "../../components/StudyGridCard/StudyGridCard.es.js";
+import { cn as f } from "../../utils/cn/cn.es.js";
+import e from "../../modules/Curiosity/curiosity.module.css";
 import { HighlightedTitle as p } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { InfiniteScroll as d } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
 import { Typography as n } from "../../components/Typography/Typography.es.js";
-import { StudyGridCard as u } from "../../components/StudyGridCard/StudyGridCard.es.js";
-import { cn as N } from "../../utils/cn/cn.es.js";
-import e from "./curiosity.module.css.es.js";
-const g = ({ title: h, description: o, studies: s, indexed: r, trackingEvent: m, trackingLocation: c }) => /* @__PURE__ */ i("div", { className: N(e.root, { [e.notIndexed]: !r }), children: [
+import { Button as N } from "../../components/Button/Button.es.js";
+import { InfiniteScroll as u } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
+const g = ({ title: h, description: o, studies: s, indexed: r, trackingEvent: m, trackingLocation: c }) => /* @__PURE__ */ i("div", { className: f(e.root, { [e.notIndexed]: !r }), children: [
   /* @__PURE__ */ i("div", { className: e.contentContainer, children: [
     /* @__PURE__ */ i("div", { className: e.containerHeader, children: [
       /* @__PURE__ */ t(
@@ -21,7 +21,7 @@ const g = ({ title: h, description: o, studies: s, indexed: r, trackingEvent: m,
       ),
       /* @__PURE__ */ i("div", { className: e.contentTextContainer, children: [
         o && /* @__PURE__ */ t(n, { defaultVariant: "bodyLg", mobileVariant: "bodySm", className: e.contentText, children: o }),
-        /* @__PURE__ */ t("div", { className: e.buttonContainer, children: /* @__PURE__ */ t(f, { as: "a", href: "/research", variant: "muted", size: "lg", children: "View all studies" }) })
+        /* @__PURE__ */ t("div", { className: e.buttonContainer, children: /* @__PURE__ */ t(N, { as: "a", href: "/research", variant: "muted", size: "lg", children: "View all studies" }) })
       ] })
     ] }),
     r && /* @__PURE__ */ i("div", { className: e.dividerContainer, children: [
@@ -32,7 +32,7 @@ const g = ({ title: h, description: o, studies: s, indexed: r, trackingEvent: m,
   ] }),
   /* @__PURE__ */ i("div", { className: e.containerBottom, children: [
     /* @__PURE__ */ t(
-      d,
+      u,
       {
         items: s,
         speed: 50,
@@ -42,7 +42,7 @@ const g = ({ title: h, description: o, studies: s, indexed: r, trackingEvent: m,
         itemClassName: e.infiniteScrollItem,
         rootClassName: e.infiniteScrollRoot,
         renderItem: (l, a) => /* @__PURE__ */ t(
-          u,
+          d,
           {
             ...l,
             compressed: !0,
@@ -54,7 +54,7 @@ const g = ({ title: h, description: o, studies: s, indexed: r, trackingEvent: m,
       }
     ),
     /* @__PURE__ */ t(
-      d,
+      u,
       {
         items: s,
         speed: 50,
@@ -64,7 +64,7 @@ const g = ({ title: h, description: o, studies: s, indexed: r, trackingEvent: m,
         contentClassName: e.infiniteScrollContent,
         itemClassName: e.infiniteScrollItemTwo,
         renderItem: (l, a) => /* @__PURE__ */ t(
-          u,
+          d,
           {
             ...l,
             compressed: !0,

package/dist/modules/Curiosity/curiosity.module.css

@@ -0,0 +1,153 @@
+.root {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    padding: 120px 60px;
+}
+
+.contentContainer {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    max-width: var(--content-max-width);
+    justify-content: center;
+    align-items: center;
+    box-sizing: border-box;
+    background-color: var(--color-bg-base-light);
+}
+
+.notIndexed {
+    gap: 60px;
+}
+
+.containerHeader {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 24px;
+}
+
+.title {
+    font-size: 120px;
+}
+
+.contentTextContainer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 676px;
+    gap: 24px;
+}
+
+.tempContainer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+    margin-bottom: 40px;
+}
+
+.dividerContainer {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    font-family: var(--font-decorative);
+    padding: 60px 0;
+    gap: 10px;
+    justify-content: space-between;
+    pointer-events: none;
+    z-index: 0;
+}
+
+.divider {
+    flex: 1;
+    height: 1px;
+    background-color: var(--border-color-medium);
+}
+
+.contentText {
+    text-align: center;
+}
+
+.infiniteScrollItem,
+.infiniteScrollItemTwo {
+    max-width: 494px;
+    min-width: 0;
+    flex: 0 0 100%;
+    box-sizing: border-box;
+    width: 100%;
+    display: flex;
+    margin-left: -1px;
+}
+
+.infiniteScrollItem {
+    margin-bottom: -1px;
+}
+
+.infiniteScrollItemTwo {
+    margin-top: -2px;
+}
+
+.infiniteScrollRoot {
+    border-bottom: var(--border-width-sm) solid var(--border-color-light);
+}
+
+.titleCompressed {
+    white-space: normal;
+    overflow-wrap: break-word;
+    word-break: break-word;
+}
+
+.containerBottom {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-bottom: 32px;
+    width: calc(100% + 120px);
+    margin-left: -60px;
+    margin-right: -60px;
+}
+
+@media (width <= 1380px) {
+    .infiniteScrollItem,
+    .infiniteScrollItemTwo {
+        max-width: 350px;
+    }
+
+    .title {
+        text-align: center;
+    }
+}
+
+@media (width <= 1000px) {
+    .root {
+        padding: 60px 20px;
+    }
+
+    .infiniteScrollItem,
+    .infiniteScrollItemTwo {
+        max-width: 297px;
+    }
+
+    .contentTextContainer {
+        width: 100%;
+    }
+
+    .dividerContainer {
+        padding: 53px 0 48px;
+    }
+
+    .containerBottom {
+        width: calc(100% + 40px);
+        margin-left: -20px;
+        margin-right: -20px;
+    }
+}
+
+@media (width <= 768px) {
+    .containerHeader {
+        width: 335px;
+    }
+}

package/dist/modules/CursorImageBlock/CursorImageBlock.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/Cursor/Cursor.cjs.js"),a=require("./cursorImageBlock.module.css.cjs.js"),o=({title:r,description:l,cursorLabel:t,link:i,image:d})=>e.jsxs("div",{className:a.default.root,children:[e.jsx("div",{className:a.default.desktopLayout,children:e.jsx(c.Cursor,{label:t,colorScheme:"dark",children:e.jsxs("a",{href:i,className:a.default.desktopLink,children:[e.jsx("img",{src:d,alt:"",className:a.default.image}),e.jsxs("div",{className:a.default.textContent,children:[e.jsx(s.Typography,{defaultVariant:"displayLg",className:a.default.title,children:r}),l&&e.jsx(s.Typography,{defaultVariant:"headingSm",className:a.default.description,children:l})]})]})})}),e.jsxs("div",{className:a.default.mobileLayout,children:[e.jsx("img",{src:d,alt:"",className:a.default.image}),e.jsxs("div",{className:a.default.textContent,children:[e.jsx(s.Typography,{defaultVariant:"displayLg",mobileVariant:"headingXl",className:a.default.title,children:r}),l&&e.jsx(s.Typography,{defaultVariant:"headingSm",mobileVariant:"headingXs",className:a.default.description,children:l})]}),e.jsx("a",{href:i,className:a.default.mobileButton,children:e.jsx("div",{className:a.default.cursorVisual,children:e.jsx("div",{className:a.default.cursorVisualText,children:e.jsx(s.Typography,{defaultVariant:"labelLg",mobileVariant:"labelLg",emphasis:!0,children:t})})})})]})]});exports.CursorImageBlock=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../src/modules/CursorImageBlock/cursorImageBlock.module.css"),n=require("../../components/Cursor/Cursor.cjs.js"),s=require("../../components/Typography/Typography.cjs.js"),o=({title:l,description:r,cursorLabel:i,link:t,image:c})=>e.jsxs("div",{className:a.root,children:[e.jsx("div",{className:a.desktopLayout,children:e.jsx(n.Cursor,{label:i,colorScheme:"dark",children:e.jsxs("a",{href:t,className:a.desktopLink,children:[e.jsx("img",{src:c,alt:"",className:a.image}),e.jsxs("div",{className:a.textContent,children:[e.jsx(s.Typography,{defaultVariant:"displayLg",className:a.title,children:l}),r&&e.jsx(s.Typography,{defaultVariant:"headingSm",className:a.description,children:r})]})]})})}),e.jsxs("div",{className:a.mobileLayout,children:[e.jsx("img",{src:c,alt:"",className:a.image}),e.jsxs("div",{className:a.textContent,children:[e.jsx(s.Typography,{defaultVariant:"displayLg",mobileVariant:"headingXl",className:a.title,children:l}),r&&e.jsx(s.Typography,{defaultVariant:"headingSm",mobileVariant:"headingXs",className:a.description,children:r})]}),e.jsx("a",{href:t,className:a.mobileButton,children:e.jsx("div",{className:a.cursorVisual,children:e.jsx("div",{className:a.cursorVisualText,children:e.jsx(s.Typography,{defaultVariant:"labelLg",mobileVariant:"labelLg",emphasis:!0,children:i})})})})]})]});exports.CursorImageBlock=o;

package/dist/modules/CursorImageBlock/CursorImageBlock.es.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { Typography as i } from "../../components/Typography/Typography.es.js";
+import a from "../../modules/CursorImageBlock/cursorImageBlock.module.css";
 import { Cursor as d } from "../../components/Cursor/Cursor.es.js";
-import a from "./cursorImageBlock.module.css.es.js";
+import { Typography as i } from "../../components/Typography/Typography.es.js";
 const N = ({ title: r, description: s, cursorLabel: t, link: c, image: m }) => /* @__PURE__ */ l("div", { className: a.root, children: [
   /* @__PURE__ */ e("div", { className: a.desktopLayout, children: /* @__PURE__ */ e(d, { label: t, colorScheme: "dark", children: /* @__PURE__ */ l("a", { href: c, className: a.desktopLink, children: [
     /* @__PURE__ */ e("img", { src: m, alt: "", className: a.image }),

package/dist/modules/CursorImageBlock/cursorImageBlock.module.css

@@ -0,0 +1,122 @@
+.root {
+    position: relative;
+    height: 810px;
+    width: 100%;
+}
+
+.image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: center;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+.textContent {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+}
+
+.title,
+.description {
+    pointer-events: auto;
+    position: absolute;
+    box-sizing: border-box;
+}
+
+.title {
+    top: 48px;
+    left: 48px;
+    color: var(--color-text-primary-brand-solar);
+    max-width: calc(100% - 96px);
+    text-align: left;
+    word-break: break-word;
+    white-space: normal;
+}
+
+.description {
+    bottom: 48px;
+    right: 48px;
+    max-width: 522px;
+    color: var(--color-text-primary-inverted);
+    text-align: left;
+}
+
+.mobileLayout {
+    display: none;
+}
+
+.cursorVisual {
+    position: relative;
+    width: 160px;
+    height: 160px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    border: var(--border-width-sm) solid var(--color-border-solar, #fef38e);
+    background: var(--color-bg-fill-alpha-black-10);
+    backdrop-filter: blur(6px);
+    color: var(--color-text-primary-brand-solar);
+    text-align: center;
+    overflow: hidden;
+}
+
+.cursorVisualText {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+@media screen and (width <= 768px) {
+    .root {
+        height: 812px;
+    }
+
+    .desktopLayout {
+        display: none;
+    }
+
+    .mobileLayout {
+        display: block;
+    }
+
+    .title {
+        top: 56px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: calc(100% - 48px);
+        max-width: 522px;
+        text-align: center;
+    }
+
+    .description {
+        bottom: 56px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: calc(100% - 48px);
+        max-width: 522px;
+    }
+
+    .mobileButton {
+        position: absolute;
+        top: 316px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 180px;
+        height: 180px;
+        z-index: 10;
+    }
+
+    .mobileLayout .image {
+        object-fit: cover;
+        height: 100%;
+    }
+}

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),I=require("../../node_modules/@gsap/react/src/index.cjs.js"),d=require("../../node_modules/gsap/index.cjs.js"),G=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),A=require("react"),L=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),m=require("../../components/Typography/Typography.cjs.js"),t=require("./expandingDetails.module.css.cjs.js");d.gsap.registerPlugin(G.ScrollTrigger);const O=({colorScheme:f,label:p,title:R,sections:X})=>{const n=A.useRef(null),r=A.useRef({});return I.useGSAP(()=>n.current?((()=>{var b;r.current.timeline&&r.current.timeline.kill(),r.current.matchMedia&&r.current.matchMedia.kill();const i=d.gsap.utils.toArray('[data-scroll-id="section"]'),a=(b=n.current)==null?void 0:b.querySelector('[data-scroll-id="sections"]');if(!a)return;const x=d.gsap.matchMedia();r.current.matchMedia=x;const h=d.gsap.timeline({scrollTrigger:{trigger:n.current,start:"top top",end:()=>`+=${i.length*500}`,scrub:1,markers:!1,pin:!0}});r.current.timeline=h;const S=a==null?void 0:a.querySelector('[data-scroll-id="heading"]');if(!S)return;const q=1366,_=a.querySelectorAll('[data-scroll-id="content"]'),w=Array.from(_).map(e=>e.offsetHeight),s=Math.max(...w);i.forEach((e,j)=>{x.add({isMobile:`(max-width: ${q}px)`,isDesktop:`(min-width: ${q+1}px)`},W=>{var P,N,v,T,E,H,M,V,k,$,D;const o=e==null?void 0:e.querySelector('[data-scroll-id="heading"]'),u=e==null?void 0:e.querySelector('[data-scroll-id="content"]');if(!o||!u)return;const g=W.conditions,y=g==null?void 0:g.isMobile,B=g==null?void 0:g.isDesktop;d.gsap.set(a==null?void 0:a.querySelectorAll('[data-scroll-id="section"]'),{height:S.offsetHeight||0}),d.gsap.set(a==null?void 0:a.querySelectorAll('[data-scroll-id="protocol"]'),{scale:1,yPercent:0}),d.gsap.set(i[0],{height:o.offsetHeight+s}),d.gsap.set((P=i[0])==null?void 0:P.querySelector('[data-scroll-id="section-title"]'),{scale:y?1:2,yPercent:50}),d.gsap.set((N=i[0])==null?void 0:N.querySelector('[data-scroll-id="section-index"]'),{scale:y?1:2,yPercent:50}),B&&(h.to(e,{height:o.offsetHeight+u.offsetHeight}).to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:2,yPercent:50},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:2,yPercent:50},"<").to(u,{height:s},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<"),j<i.length-1&&h.to(e,{height:o.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:o.offsetHeight+s},"<").to(((v=e.nextElementSibling)==null?void 0:v.querySelector('[data-scroll-id="section-title"]'))||null,{scale:2,yPercent:100},"<").to(((T=e.nextElementSibling)==null?void 0:T.querySelector('[data-scroll-id="section-index"]'))||null,{scale:2,yPercent:100},"<").to(((E=e.nextElementSibling)==null?void 0:E.querySelector('[data-scroll-id="content"]'))||null,{height:s,yPercent:0},"<").to(((H=e.nextElementSibling)==null?void 0:H.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").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(u,{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},"<")),y&&(h.to(e,{height:o.offsetHeight+s}).to(u,{height:s},"<").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},"<"),j<i.length-1&&h.to(e,{height:o.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:o.offsetHeight+s},"<").to(((M=e.nextElementSibling)==null?void 0:M.querySelector('[data-scroll-id="section-title"]'))||null,{scale:1},"<").to(((V=e.nextElementSibling)==null?void 0:V.querySelector('[data-scroll-id="section-index"]'))||null,{scale:1},"<").to(((k=e.nextElementSibling)==null?void 0:k.querySelector('[data-scroll-id="content"]'))||null,{height:s,yPercent:0},"<").to((($=e.nextElementSibling)==null?void 0:$.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((D=e.nextElementSibling)==null?void 0:D.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(u,{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},"<"))})})})(),()=>{r.current.timeline&&r.current.timeline.kill(),r.current.matchMedia&&r.current.matchMedia.kill()}):void 0,{scope:n,dependencies:[n]}),l.jsx("div",{ref:n,className:`${t.default.root} ${t.default[f]}`,children:l.jsxs("div",{className:t.default.expandingDetailsWrapper,children:[l.jsxs("header",{"data-scroll-id":"header",className:t.default.header,children:[p&&l.jsx(m.Typography,{as:"div",defaultVariant:"labelSm",emphasis:!0,className:t.default.label,children:p}),l.jsx(L.HighlightedTitle,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:f,className:t.default.title,title:R})]}),l.jsx("div",{"data-scroll-id":"sections",className:t.default.sections,children:X.map((c,i)=>l.jsxs("div",{id:`section-${i+1}`,"data-scroll-id":"section",className:t.default.section,children:[l.jsxs("div",{"data-scroll-id":"heading",className:t.default.heading,children:[l.jsx("div",{"data-scroll-id":"section-title",className:t.default.sectionTitleWrapper,children:l.jsx(m.Typography,{as:"h3",defaultVariant:"headingMd",mobileVariant:"headingXs",className:t.default.sectionTitle,children:c.title})}),l.jsx("div",{"data-scroll-id":"section-index",className:t.default.sectionIndexWrapper,children:l.jsxs(m.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingXs",className:t.default.sectionIndex,children:["(",String(i+1).padStart(2,"0"),")"]})})]}),l.jsxs("div",{"data-scroll-id":"content",className:t.default.content,children:[l.jsxs("div",{"data-scroll-id":"protocol",className:t.default.protocolWrapper,children:[c.subtitle&&l.jsx(m.Typography,{as:"h4",className:t.default.protocolSubtitle,defaultVariant:"headingLg",mobileVariant:"headingXs",children:c.subtitle}),l.jsx(m.Typography,{className:t.default.description,as:"div",defaultVariant:"bodyMd",mobileVariant:"bodyXs",children:c.description})]}),l.jsx("div",{"data-scroll-id":"image-circle",className:t.default.imageCircle,children:l.jsx("img",{src:c.image,alt:c.title})})]}),l.jsx("div",{className:t.default.leftBorder}),l.jsx("div",{className:t.default.rightBorder}),l.jsx("div",{className:t.default.leftEyebrow}),l.jsx("div",{className:t.default.rightEyebrow})]},c.title))})]})})};exports.ExpandingDetails=O;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),I=require("@gsap/react"),d=require("gsap"),G=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),R=require("react"),t=require("../../src/modules/ExpandingDetails/expandingDetails.module.css"),y=require("../../components/Typography/Typography.cjs.js"),L=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js");d.registerPlugin(G.ScrollTrigger);const O=({colorScheme:p,label:S,title:$,sections:X})=>{const n=R.useRef(null),a=R.useRef({});return I.useGSAP(()=>n.current?((()=>{var b;a.current.timeline&&a.current.timeline.kill(),a.current.matchMedia&&a.current.matchMedia.kill();const i=d.utils.toArray('[data-scroll-id="section"]'),r=(b=n.current)==null?void 0:b.querySelector('[data-scroll-id="sections"]');if(!r)return;const f=d.matchMedia();a.current.matchMedia=f;const u=d.timeline({scrollTrigger:{trigger:n.current,start:"top top",end:()=>`+=${i.length*500}`,scrub:1,markers:!1,pin:!0}});a.current.timeline=u;const x=r==null?void 0:r.querySelector('[data-scroll-id="heading"]');if(!x)return;const q=1366,w=r.querySelectorAll('[data-scroll-id="content"]'),W=Array.from(w).map(e=>e.offsetHeight),s=Math.max(...W);i.forEach((e,j)=>{f.add({isMobile:`(max-width: ${q}px)`,isDesktop:`(min-width: ${q+1}px)`},_=>{var P,N,v,T,E,H,M,V,k,A,D;const o=e==null?void 0:e.querySelector('[data-scroll-id="heading"]'),h=e==null?void 0:e.querySelector('[data-scroll-id="content"]');if(!o||!h)return;const g=_.conditions,m=g==null?void 0:g.isMobile,B=g==null?void 0:g.isDesktop;d.set(r==null?void 0:r.querySelectorAll('[data-scroll-id="section"]'),{height:x.offsetHeight||0}),d.set(r==null?void 0:r.querySelectorAll('[data-scroll-id="protocol"]'),{scale:1,yPercent:0}),d.set(i[0],{height:o.offsetHeight+s}),d.set((P=i[0])==null?void 0:P.querySelector('[data-scroll-id="section-title"]'),{scale:m?1:2,yPercent:50}),d.set((N=i[0])==null?void 0:N.querySelector('[data-scroll-id="section-index"]'),{scale:m?1:2,yPercent:50}),B&&(u.to(e,{height:o.offsetHeight+h.offsetHeight}).to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:2,yPercent:50},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:2,yPercent:50},"<").to(h,{height:s},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<"),j<i.length-1&&u.to(e,{height:o.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:o.offsetHeight+s},"<").to(((v=e.nextElementSibling)==null?void 0:v.querySelector('[data-scroll-id="section-title"]'))||null,{scale:2,yPercent:100},"<").to(((T=e.nextElementSibling)==null?void 0:T.querySelector('[data-scroll-id="section-index"]'))||null,{scale:2,yPercent:100},"<").to(((E=e.nextElementSibling)==null?void 0:E.querySelector('[data-scroll-id="content"]'))||null,{height:s,yPercent:0},"<").to(((H=e.nextElementSibling)==null?void 0:H.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").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(h,{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},"<")),m&&(u.to(e,{height:o.offsetHeight+s}).to(h,{height:s},"<").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},"<"),j<i.length-1&&u.to(e,{height:o.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:o.offsetHeight+s},"<").to(((M=e.nextElementSibling)==null?void 0:M.querySelector('[data-scroll-id="section-title"]'))||null,{scale:1},"<").to(((V=e.nextElementSibling)==null?void 0:V.querySelector('[data-scroll-id="section-index"]'))||null,{scale:1},"<").to(((k=e.nextElementSibling)==null?void 0:k.querySelector('[data-scroll-id="content"]'))||null,{height:s,yPercent:0},"<").to(((A=e.nextElementSibling)==null?void 0:A.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((D=e.nextElementSibling)==null?void 0:D.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(h,{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.current.timeline&&a.current.timeline.kill(),a.current.matchMedia&&a.current.matchMedia.kill()}):void 0,{scope:n,dependencies:[n]}),l.jsx("div",{ref:n,className:`${t.root} ${t[p]}`,children:l.jsxs("div",{className:t.expandingDetailsWrapper,children:[l.jsxs("header",{"data-scroll-id":"header",className:t.header,children:[S&&l.jsx(y.Typography,{as:"div",defaultVariant:"labelSm",emphasis:!0,className:t.label,children:S}),l.jsx(L.HighlightedTitle,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:p,className:t.title,title:$})]}),l.jsx("div",{"data-scroll-id":"sections",className:t.sections,children:X.map((c,i)=>l.jsxs("div",{id:`section-${i+1}`,"data-scroll-id":"section",className:t.section,children:[l.jsxs("div",{"data-scroll-id":"heading",className:t.heading,children:[l.jsx("div",{"data-scroll-id":"section-title",className:t.sectionTitleWrapper,children:l.jsx(y.Typography,{as:"h3",defaultVariant:"headingMd",mobileVariant:"headingXs",className:t.sectionTitle,children:c.title})}),l.jsx("div",{"data-scroll-id":"section-index",className:t.sectionIndexWrapper,children:l.jsxs(y.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingXs",className:t.sectionIndex,children:["(",String(i+1).padStart(2,"0"),")"]})})]}),l.jsxs("div",{"data-scroll-id":"content",className:t.content,children:[l.jsxs("div",{"data-scroll-id":"protocol",className:t.protocolWrapper,children:[c.subtitle&&l.jsx(y.Typography,{as:"h4",className:t.protocolSubtitle,defaultVariant:"headingLg",mobileVariant:"headingXs",children:c.subtitle}),l.jsx(y.Typography,{className:t.description,as:"div",defaultVariant:"bodyMd",mobileVariant:"bodyXs",children:c.description})]}),l.jsx("div",{"data-scroll-id":"image-circle",className:t.imageCircle,children:l.jsx("img",{src:c.image,alt:c.title})})]}),l.jsx("div",{className:t.leftBorder}),l.jsx("div",{className:t.rightBorder}),l.jsx("div",{className:t.leftEyebrow}),l.jsx("div",{className:t.rightEyebrow})]},c.title))})]})})};exports.ExpandingDetails=O;