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

package/dist/modules/TypesOfTests/TypesOfTests.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),v=require("../../components/ComplexTooltip/ComplexTooltip.cjs.js"),k=require("../../components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.cjs.js"),g=require("../../components/Button/Button.cjs.js"),x=require("../../components/Typography/Typography.cjs.js"),r=require("../../utils/cn/cn.cjs.js"),t=require("./typesOfTests.module.css.cjs.js"),I=7,N=({title:C,items:s,colorScheme:n,buttonLabel:p})=>{const[u,y]=a.useState(!1),[i,h]=a.useState(null),[f,j]=a.useState(!1),c=a.useRef(null),m=()=>y(l=>!l),T=()=>{h(null)};return a.useLayoutEffect(()=>{var d;if(!c.current)return;const o=(((d=c.current.firstElementChild)==null?void 0:d.getBoundingClientRect().height)||0)*I;j(c.current.scrollHeight>o)},[s.length]),e.jsxs("section",{className:t.default.root,"data-scheme":n,children:[i!==null&&e.jsx("div",{className:r.cn(t.default.popover,t.default.mobile),children:e.jsx(k.ComplexTooltipContent,{title:s[i].title,description:s[i].description,onClose:T,style:n,link:s[i].link,className:t.default.popoverContent})}),e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.header,children:e.jsxs(x.Typography,{as:"h2",defaultVariant:"displayMd",mobileVariant:"headingLg",children:["(",C,")"]})}),e.jsx("div",{ref:c,className:r.cn(t.default.content,!u&&f&&t.default.contentLimited),children:s.map((l,o)=>e.jsx("div",{className:r.cn(t.default.item,i===o&&t.default.selectedItem),onClick:()=>h(d=>d===o?null:o),children:e.jsx(v.ComplexTooltip,{title:l.title,description:l.description,style:"light",trigger:"hover",isBlurred:n==="dark",link:l.link,children:e.jsx(x.Typography,{as:"p",defaultVariant:"headingLg",mobileVariant:"headingXxs",className:t.default.itemTitle,children:l.title})})},l.title))}),f&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:r.cn(t.default.actions,t.default.desktop),children:e.jsxs(g.Button,{variant:n==="light"?"muted":"muted-invert",size:"lg",onClick:m,children:[u?"Hide":"View All"," ",p]})}),e.jsx("div",{className:r.cn(t.default.actions,t.default.mobile),children:e.jsxs(g.Button,{variant:n==="light"?"muted":"muted-invert",size:"md",onClick:m,children:[u?"Hide":"View All"," ",p]})})]})]})]})};exports.TypesOfTests=N;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),c=require("../../utils/cn/cn.cjs.js"),t=require("../../src/modules/TypesOfTests/typesOfTests.module.css"),f=require("../../components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.cjs.js"),x=require("../../components/Typography/Typography.cjs.js"),k=require("../../components/ComplexTooltip/ComplexTooltip.cjs.js"),C=require("../../components/Button/Button.cjs.js"),I=7,N=({title:j,items:n,colorScheme:l,buttonLabel:p})=>{const[u,y]=r.useState(!1),[i,h]=r.useState(null),[m,v]=r.useState(!1),a=r.useRef(null),g=()=>y(s=>!s),T=()=>{h(null)};return r.useLayoutEffect(()=>{var d;if(!a.current)return;const o=(((d=a.current.firstElementChild)==null?void 0:d.getBoundingClientRect().height)||0)*I;v(a.current.scrollHeight>o)},[n.length]),e.jsxs("section",{className:t.root,"data-scheme":l,children:[i!==null&&e.jsx("div",{className:c.cn(t.popover,t.mobile),children:e.jsx(f.ComplexTooltipContent,{title:n[i].title,description:n[i].description,onClose:T,style:l,link:n[i].link,className:t.popoverContent})}),e.jsxs("div",{className:t.container,children:[e.jsx("div",{className:t.header,children:e.jsxs(x.Typography,{as:"h2",defaultVariant:"displayMd",mobileVariant:"headingLg",children:["(",j,")"]})}),e.jsx("div",{ref:a,className:c.cn(t.content,!u&&m&&t.contentLimited),children:n.map((s,o)=>e.jsx("div",{className:c.cn(t.item,i===o&&t.selectedItem),onClick:()=>h(d=>d===o?null:o),children:e.jsx(k.ComplexTooltip,{title:s.title,description:s.description,style:"light",trigger:"hover",isBlurred:l==="dark",link:s.link,children:e.jsx(x.Typography,{as:"p",defaultVariant:"headingLg",mobileVariant:"headingXxs",className:t.itemTitle,children:s.title})})},s.title))}),m&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:c.cn(t.actions,t.desktop),children:e.jsxs(C.Button,{variant:l==="light"?"muted":"muted-invert",size:"lg",onClick:g,children:[u?"Hide":"View All"," ",p]})}),e.jsx("div",{className:c.cn(t.actions,t.mobile),children:e.jsxs(C.Button,{variant:l==="light"?"muted":"muted-invert",size:"md",onClick:g,children:[u?"Hide":"View All"," ",p]})})]})]})]})};exports.TypesOfTests=N;

package/dist/modules/TypesOfTests/TypesOfTests.es.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs as l, jsx as t, Fragment as y } from "react/jsx-runtime";
 import { useState as h, useRef as V, useLayoutEffect as x } from "react";
-import { ComplexTooltip as B } from "../../components/ComplexTooltip/ComplexTooltip.es.js";
-import { ComplexTooltipContent as H } from "../../components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.es.js";
-import { Button as v } from "../../components/Button/Button.es.js";
-import { Typography as C } from "../../components/Typography/Typography.es.js";
 import { cn as a } from "../../utils/cn/cn.es.js";
-import e from "./typesOfTests.module.css.es.js";
+import e from "../../modules/TypesOfTests/typesOfTests.module.css";
+import { ComplexTooltipContent as B } from "../../components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.es.js";
+import { Typography as v } from "../../components/Typography/Typography.es.js";
+import { ComplexTooltip as H } from "../../components/ComplexTooltip/ComplexTooltip.es.js";
+import { Button as C } from "../../components/Button/Button.es.js";
 const T = 7, M = ({ title: k, items: n, colorScheme: s, buttonLabel: p }) => {
   const [m, I] = h(!1), [o, u] = h(null), [g, N] = h(!1), c = V(null), f = () => I((i) => !i), w = () => {
     u(null);
@@ -18,7 +18,7 @@ const T = 7, M = ({ title: k, items: n, colorScheme: s, buttonLabel: p }) => {
     N(c.current.scrollHeight > r);
   }, [n.length]), /* @__PURE__ */ l("section", { className: e.root, "data-scheme": s, children: [
     o !== null && /* @__PURE__ */ t("div", { className: a(e.popover, e.mobile), children: /* @__PURE__ */ t(
-      H,
+      B,
       {
         title: n[o].title,
         description: n[o].description,
@@ -29,7 +29,7 @@ const T = 7, M = ({ title: k, items: n, colorScheme: s, buttonLabel: p }) => {
       }
     ) }),
     /* @__PURE__ */ l("div", { className: e.container, children: [
-      /* @__PURE__ */ t("div", { className: e.header, children: /* @__PURE__ */ l(C, { as: "h2", defaultVariant: "displayMd", mobileVariant: "headingLg", children: [
+      /* @__PURE__ */ t("div", { className: e.header, children: /* @__PURE__ */ l(v, { as: "h2", defaultVariant: "displayMd", mobileVariant: "headingLg", children: [
         "(",
         k,
         ")"
@@ -45,7 +45,7 @@ const T = 7, M = ({ title: k, items: n, colorScheme: s, buttonLabel: p }) => {
               className: a(e.item, o === r && e.selectedItem),
               onClick: () => u((d) => d === r ? null : r),
               children: /* @__PURE__ */ t(
-                B,
+                H,
                 {
                   title: i.title,
                   description: i.description,
@@ -54,7 +54,7 @@ const T = 7, M = ({ title: k, items: n, colorScheme: s, buttonLabel: p }) => {
                   isBlurred: s === "dark",
                   link: i.link,
                   children: /* @__PURE__ */ t(
-                    C,
+                    v,
                     {
                       as: "p",
                       defaultVariant: "headingLg",
@@ -72,7 +72,7 @@ const T = 7, M = ({ title: k, items: n, colorScheme: s, buttonLabel: p }) => {
       ),
       g && /* @__PURE__ */ l(y, { children: [
         /* @__PURE__ */ t("div", { className: a(e.actions, e.desktop), children: /* @__PURE__ */ l(
-          v,
+          C,
           {
             variant: s === "light" ? "muted" : "muted-invert",
             size: "lg",
@@ -85,7 +85,7 @@ const T = 7, M = ({ title: k, items: n, colorScheme: s, buttonLabel: p }) => {
           }
         ) }),
         /* @__PURE__ */ t("div", { className: a(e.actions, e.mobile), children: /* @__PURE__ */ l(
-          v,
+          C,
           {
             variant: s === "light" ? "muted" : "muted-invert",
             size: "md",

package/dist/modules/TypesOfTests/typesOfTests.module.css

@@ -0,0 +1,196 @@
+.root {
+    position: relative;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+}
+
+.root[data-scheme='light'] {
+    background-color: var(--color-bg-neutral-light);
+    color: var(--color-text-primary);
+}
+
+.root[data-scheme='dark'] {
+    background-color: var(--color-bg-base-dark);
+    color: var(--color-text-primary-inverted);
+}
+
+.container {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    padding: var(--spacing-120);
+    max-width: var(--content-max-width);
+}
+
+.header {
+    margin-bottom: var(--spacing-64);
+}
+
+.content {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+    gap: var(--spacing-16);
+    padding: 0 60px;
+    justify-content: space-between;
+    align-items: stretch;
+}
+
+.contentLimited {
+    position: relative;
+    max-height: calc(35px * 7 + var(--spacing-16) * 6);
+    overflow: hidden;
+}
+
+.contentLimited::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    z-index: 1;
+}
+
+.root[data-scheme='light'] .contentLimited::before {
+    background: linear-gradient(180deg, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 0.9) 100%);
+}
+
+.root[data-scheme='dark'] .contentLimited::before {
+    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%);
+}
+
+.actions {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: var(--spacing-40);
+}
+
+.item {
+    min-width: 0;
+    cursor: default;
+    opacity: 0.2;
+    transition:
+        opacity 0.3s ease,
+        color 0.3s ease;
+}
+
+.item:hover {
+    opacity: 1;
+    z-index: 2;
+}
+
+.itemTitle {
+    position: relative;
+    display: inline-block;
+}
+
+.itemTitle::before,
+.itemTitle::after {
+    opacity: 0;
+    transition: opacity 0.3s;
+    position: absolute;
+    top: 0;
+    font-weight: inherit;
+    color: inherit;
+    pointer-events: none;
+}
+
+.itemTitle::before {
+    content: '(';
+    left: -0.3em;
+}
+
+.itemTitle::after {
+    content: ')';
+    right: -0.3em;
+}
+
+.item:hover .itemTitle::before,
+.item:hover .itemTitle::after {
+    opacity: 1;
+}
+
+.root[data-scheme='light'] .item:hover {
+    color: var(--color-text-primary);
+}
+
+.root[data-scheme='dark'] .item:hover {
+    color: var(--color-text-primary-brand-solar);
+}
+
+.popover {
+    position: sticky;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 10;
+}
+
+.popoverContent {
+    width: 100%;
+    max-width: 100%;
+    border-radius: var(--border-radius-none);
+    border-width: 0;
+}
+
+.mobile {
+    display: none;
+}
+
+@media screen and (width <= 768px) {
+    .container {
+        padding: var(--spacing-64) var(--spacing-20);
+    }
+
+    .header {
+        margin-bottom: var(--spacing-40);
+        padding: 0 var(--spacing-20);
+    }
+
+    .content {
+        padding: 0 var(--spacing-20);
+    }
+
+    .actions {
+        margin-top: var(--spacing-28);
+    }
+
+    .contentLimited {
+        max-height: calc(20px * 7 + var(--spacing-16) * 6);
+    }
+
+    .root[data-scheme='dark'] .item:not(.selectedItem):hover,
+    .root[data-scheme='light'] .item:not(.selectedItem):hover {
+        color: inherit;
+        opacity: 0.2;
+    }
+
+    .selectedItem {
+        color: var(--color-text-primary-brand-solar);
+        opacity: 1;
+        z-index: 2;
+    }
+
+
+    .selectedItem .itemTitle::before,
+    .selectedItem .itemTitle::after {
+        opacity: 1;
+    }
+
+    .mobile {
+        display: block;
+    }
+
+    .desktop {
+        display: none;
+    }
+}

package/dist/modules/WhatIs/WhatIs.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("../../components/Typography/Typography.cjs.js"),e=require("./whatIs.module.css.cjs.js"),n=({image:r,title:i,label:t,description:l})=>a.jsx("section",{className:e.default.root,children:a.jsxs("div",{className:e.default.container,children:[a.jsx("img",{src:r,alt:"Illustration"}),a.jsxs("div",{className:e.default.textContainer,children:[a.jsxs("div",{className:e.default.headline,children:[a.jsx(s.Typography,{as:"h2",defaultVariant:"displayXs",mobileVariant:"headingLg",children:i}),t&&a.jsx(s.Typography,{as:"p",defaultVariant:"labelXl",mobileVariant:"labelMd",emphasis:!0,children:t})]}),a.jsx(s.Typography,{className:e.default.description,as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",children:l})]})]})});exports.WhatIs=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../../src/modules/WhatIs/whatIs.module.css"),s=require("../../components/Typography/Typography.cjs.js"),l=({image:r,title:t,label:i,description:n})=>a.jsx("section",{className:e.root,children:a.jsxs("div",{className:e.container,children:[a.jsx("img",{src:r,alt:"Illustration"}),a.jsxs("div",{className:e.textContainer,children:[a.jsxs("div",{className:e.headline,children:[a.jsx(s.Typography,{as:"h2",defaultVariant:"displayXs",mobileVariant:"headingLg",children:t}),i&&a.jsx(s.Typography,{as:"p",defaultVariant:"labelXl",mobileVariant:"labelMd",emphasis:!0,children:i})]}),a.jsx(s.Typography,{className:e.description,as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",children:n})]})]})});exports.WhatIs=l;

package/dist/modules/WhatIs/WhatIs.es.js

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as e } from "react/jsx-runtime";
+import i from "../../modules/WhatIs/whatIs.module.css";
 import { Typography as r } from "../../components/Typography/Typography.es.js";
-import i from "./whatIs.module.css.es.js";
 const m = ({ image: t, title: l, label: s, description: n }) => /* @__PURE__ */ a("section", { className: i.root, children: /* @__PURE__ */ e("div", { className: i.container, children: [
   /* @__PURE__ */ a("img", { src: t, alt: "Illustration" }),
   /* @__PURE__ */ e("div", { className: i.textContainer, children: [

package/dist/modules/WhatIs/whatIs.module.css

@@ -0,0 +1,61 @@
+.root {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+}
+
+.container {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    max-width: var(--content-max-width);
+    padding: 60px;
+}
+
+.container img {
+    border-radius: var(--border-radius-lg);
+    object-fit: cover;
+    object-position: center;
+    height: 662px;
+    width: 100%;
+}
+
+.textContainer {
+    display: flex;
+    gap: 60px;
+    margin-top: 48px;
+}
+
+.headline {
+    flex: 1;
+    gap: 8px;
+}
+
+.headline p {
+    color: var(--color-text-secondary);
+}
+
+.description {
+    flex: 1;
+    color: var(--color-midnight-500);
+}
+
+@media screen and (width <= 768px) {
+    .container {
+        justify-content: center;
+        align-items: center;
+        padding: 40px 20px;
+    }
+
+    .container img {
+        height: 223px;
+        width: 100%;
+    }
+
+    .textContainer {
+        margin-top: 16px;
+        flex-direction: column;
+        gap: 24px;
+    }
+}

package/dist/modules/YourProtocol/YourProtocol.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/Callback/Callback.cjs.js"),c=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),u=require("../../utils/cn/cn.cjs.js"),d=require("./components/ProtocolTags/ProtocolTags.cjs.js"),o=require("./yourProtocol.module.css.cjs.js"),s=require("../../types/analytics/analytics.cjs.js"),m=({title:r,image:n,tags:i,callbackView:t})=>{const a={event:s.EAnalyticsEvent.ctaClicked,type:s.EAnalyticsEventType.interaction,component:"YourProtocol",element:"Callback",payload:{ctaLink:(t==null?void 0:t.signupUrl)??""}};return e.jsx("section",{className:o.default.root,children:e.jsxs("div",{className:o.default.container,children:[e.jsxs("div",{className:o.default.content,children:[e.jsx(c.HighlightedTitle,{title:r,className:o.default.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsx(d.ProtocolTags,{tags:i}),t&&e.jsx("div",{className:o.default.callback,children:e.jsx(l.Callback,{title:t.title,description:t.description??"",price:t.price??"",image:t.image,button:{href:t.signupUrl??"",as:"a",analyticsProps:a},size:"sm",shape:t.shape})})]}),e.jsx("img",{src:n,alt:"Your Protocol",className:u.cn(o.default.image,o.default.desktop),width:481})]})})};exports.YourProtocol=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../utils/cn/cn.cjs.js"),s=require("../../src/modules/YourProtocol/yourProtocol.module.css"),c=require("../../types/analytics/analytics.cjs.js"),p=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),g=require("./components/ProtocolTags/ProtocolTags.cjs.js"),h=require("../../components/Callback/Callback.cjs.js"),y=({title:a,image:l,tags:d,callbackView:t})=>{var o,n,i,r;const u={event:c.EAnalyticsEvent.ctaClicked,type:c.EAnalyticsEventType.interaction,component:"YourProtocol",element:"Callback",payload:{ctaLink:(o=t==null?void 0:t.signupUrl)!=null?o:""}};return e.jsx("section",{className:s.root,children:e.jsxs("div",{className:s.container,children:[e.jsxs("div",{className:s.content,children:[e.jsx(p.HighlightedTitle,{title:a,className:s.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsx(g.ProtocolTags,{tags:d}),t&&e.jsx("div",{className:s.callback,children:e.jsx(h.Callback,{title:t.title,description:(n=t.description)!=null?n:"",price:(i=t.price)!=null?i:"",image:t.image,button:{href:(r=t.signupUrl)!=null?r:"",as:"a",analyticsProps:u},size:"sm",shape:t.shape})})]}),e.jsx("img",{src:l,alt:"Your Protocol",className:m.cn(s.image,s.desktop),width:481})]})})};exports.YourProtocol=y;

package/dist/modules/YourProtocol/YourProtocol.es.js

@@ -1,52 +1,53 @@
-import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import { Callback as a } from "../../components/Callback/Callback.es.js";
-import { HighlightedTitle as p } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { cn as d } from "../../utils/cn/cn.es.js";
-import { ProtocolTags as l } from "./components/ProtocolTags/ProtocolTags.es.js";
-import o from "./yourProtocol.module.css.es.js";
-import { EAnalyticsEventType as c, EAnalyticsEvent as h } from "../../types/analytics/analytics.es.js";
-const P = ({ title: i, image: s, tags: n, callbackView: t }) => {
-  const m = {
-    event: h.ctaClicked,
-    type: c.interaction,
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { cn as c } from "../../utils/cn/cn.es.js";
+import o from "../../modules/YourProtocol/yourProtocol.module.css";
+import { EAnalyticsEventType as h, EAnalyticsEvent as g } from "../../types/analytics/analytics.es.js";
+import { HighlightedTitle as f } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { ProtocolTags as u } from "./components/ProtocolTags/ProtocolTags.es.js";
+import { Callback as y } from "../../components/Callback/Callback.es.js";
+const Y = ({ title: a, image: p, tags: d, callbackView: t }) => {
+  var e, i, s, n;
+  const l = {
+    event: g.ctaClicked,
+    type: h.interaction,
     component: "YourProtocol",
     element: "Callback",
     payload: {
-      ctaLink: (t == null ? void 0 : t.signupUrl) ?? ""
+      ctaLink: (e = t == null ? void 0 : t.signupUrl) != null ? e : ""
     }
   };
-  return /* @__PURE__ */ r("section", { className: o.root, children: /* @__PURE__ */ e("div", { className: o.container, children: [
-    /* @__PURE__ */ e("div", { className: o.content, children: [
+  return /* @__PURE__ */ r("section", { className: o.root, children: /* @__PURE__ */ m("div", { className: o.container, children: [
+    /* @__PURE__ */ m("div", { className: o.content, children: [
       /* @__PURE__ */ r(
-        p,
+        f,
         {
-          title: i,
+          title: a,
           className: o.title,
           defaultVariant: "displaySm",
           mobileVariant: "headingXl"
         }
       ),
-      /* @__PURE__ */ r(l, { tags: n }),
+      /* @__PURE__ */ r(u, { tags: d }),
       t && /* @__PURE__ */ r("div", { className: o.callback, children: /* @__PURE__ */ r(
-        a,
+        y,
         {
           title: t.title,
-          description: t.description ?? "",
-          price: t.price ?? "",
+          description: (i = t.description) != null ? i : "",
+          price: (s = t.price) != null ? s : "",
           image: t.image,
           button: {
-            href: t.signupUrl ?? "",
+            href: (n = t.signupUrl) != null ? n : "",
             as: "a",
-            analyticsProps: m
+            analyticsProps: l
           },
           size: "sm",
           shape: t.shape
         }
       ) })
     ] }),
-    /* @__PURE__ */ r("img", { src: s, alt: "Your Protocol", className: d(o.image, o.desktop), width: 481 })
+    /* @__PURE__ */ r("img", { src: p, alt: "Your Protocol", className: c(o.image, o.desktop), width: 481 })
   ] }) });
 };
 export {
-  P as YourProtocol
+  Y as YourProtocol
 };

package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),p=require("../../../../components/Tag/Tag.cjs.js"),i=require("../../../../components/Typography/Typography.cjs.js"),n=require("../../../../utils/cn/cn.cjs.js"),l=require("./protocolTags.module.css.cjs.js"),m=({tags:o})=>{var r;const[s,d]=c.useState(((r=o[0])==null?void 0:r.label)||null),t=c.useMemo(()=>{var e;return(e=o.find(u=>u.label===s))==null?void 0:e.description},[s,o]);return a.jsxs("div",{className:l.default.root,children:[a.jsx("div",{className:l.default.tags,children:o.map(e=>a.jsx(p.Tag,{value:e.label,size:"md",active:e.label===s,onClick:d,children:e.label},e.label))}),t&&a.jsxs(a.Fragment,{children:[a.jsx(i.Typography,{as:"p",defaultVariant:"bodyLg",className:n.cn(l.default.description,l.default.desktop),children:t}),a.jsx(i.Typography,{as:"p",defaultVariant:"bodyMd",className:n.cn(l.default.description,l.default.mobile),children:t})]})]})};exports.ProtocolTags=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),i=require("../../../../utils/cn/cn.cjs.js"),c=require("../../../../src/modules/YourProtocol/components/ProtocolTags/protocolTags.module.css"),p=require("../../../../components/Tag/Tag.cjs.js"),t=require("../../../../components/Typography/Typography.cjs.js"),m=({tags:o})=>{var n;const[a,d]=r.useState(((n=o[0])==null?void 0:n.label)||null),l=r.useMemo(()=>{var e;return(e=o.find(u=>u.label===a))==null?void 0:e.description},[a,o]);return s.jsxs("div",{className:c.root,children:[s.jsx("div",{className:c.tags,children:o.map(e=>s.jsx(p.Tag,{value:e.label,size:"md",active:e.label===a,onClick:d,children:e.label},e.label))}),l&&s.jsxs(s.Fragment,{children:[s.jsx(t.Typography,{as:"p",defaultVariant:"bodyLg",className:i.cn(c.description,c.desktop),children:l}),s.jsx(t.Typography,{as:"p",defaultVariant:"bodyMd",className:i.cn(c.description,c.mobile),children:l})]})]})};exports.ProtocolTags=m;

package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.es.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsxs as t, jsx as o, Fragment as p } from "react/jsx-runtime";
 import { useState as b, useMemo as f } from "react";
+import { cn as c } from "../../../../utils/cn/cn.es.js";
+import l from "../../../../modules/YourProtocol/components/ProtocolTags/protocolTags.module.css";
 import { Tag as u } from "../../../../components/Tag/Tag.es.js";
-import { Typography as c } from "../../../../components/Typography/Typography.es.js";
-import { cn as n } from "../../../../utils/cn/cn.es.js";
-import l from "./protocolTags.module.css.es.js";
+import { Typography as n } from "../../../../components/Typography/Typography.es.js";
 const V = ({ tags: i }) => {
   var s;
   const [r, m] = b(((s = i[0]) == null ? void 0 : s.label) || null), a = f(
@@ -27,8 +27,8 @@ const V = ({ tags: i }) => {
       e.label
     )) }),
     a && /* @__PURE__ */ t(p, { children: [
-      /* @__PURE__ */ o(c, { as: "p", defaultVariant: "bodyLg", className: n(l.description, l.desktop), children: a }),
-      /* @__PURE__ */ o(c, { as: "p", defaultVariant: "bodyMd", className: n(l.description, l.mobile), children: a })
+      /* @__PURE__ */ o(n, { as: "p", defaultVariant: "bodyLg", className: c(l.description, l.desktop), children: a }),
+      /* @__PURE__ */ o(n, { as: "p", defaultVariant: "bodyMd", className: c(l.description, l.mobile), children: a })
     ] })
   ] });
 };

package/dist/modules/YourProtocol/components/ProtocolTags/protocolTags.module.css

@@ -0,0 +1,37 @@
+.root {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-32);
+    max-width: 100%;
+}
+
+.tags {
+    display: flex;
+    gap: var(--spacing-8);
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    scrollbar-width: none;
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+}
+
+.mobile {
+    display: none;
+}
+
+@media screen and (width <= 768px) {
+    .root {
+        margin-top: var(--spacing-20);
+        gap: var(--spacing-16);
+    }
+
+    .mobile {
+        display: block;
+    }
+
+    .desktop {
+        display: none;
+    }
+}

package/dist/modules/YourProtocol/yourProtocol.module.css

@@ -0,0 +1,91 @@
+.root {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: center;
+}
+
+.container {
+    width: 100%;
+    min-width: 0;
+    max-width: var(--content-max-width);
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+    gap: var(--spacing-96);
+    padding: var(--spacing-120);
+    box-sizing: border-box;
+}
+
+.content {
+    display: flex;
+    width: 623px;
+    min-width: 0;
+    flex-direction: column;
+    gap: var(--spacing-32);
+    flex: 1 0 0;
+}
+
+.title {
+    margin: 80px 0 0;
+    max-width: 623px;
+}
+
+.image {
+    flex-shrink: 1;
+    width: 481px;
+    border-radius: var(--border-radius-lg);
+}
+
+.mobile {
+    display: none;
+}
+
+@media screen and (width <= 1300px) {
+    .container {
+        gap: var(--spacing-64);
+        padding: var(--spacing-64) var(--spacing-20);
+    }
+
+    .content {
+        width: 500px;
+    }
+
+    .image {
+        width: auto;
+        height: 440px;
+    }
+}
+
+@media screen and (width <= 1024px) {
+    .container {
+        grid-template-columns: 1fr;
+        padding: var(--spacing-64) var(--spacing-20);
+    }
+
+    .content {
+        width: 100%;
+        align-items: center;
+    }
+
+    .title {
+        margin: 0;
+        text-align: center;
+    }
+
+    .content {
+        gap: 16px;
+    }
+
+    .callback {
+        margin-top: var(--spacing-48);
+    }
+
+    .mobile {
+        display: block;
+    }
+
+    .desktop {
+        display: none;
+    }
+}

package/dist/node_modules/gsap/CustomEase.cjs.js

@@ -5,4 +5,4 @@
  * @license Copyright 2008-2025, GreenSock. All rights reserved.
  * Subject to the terms at https://gsap.com/standard-license
  * @author: Jack Doyle, jack@greensock.com
-*/var d,O,q=function(){return d||typeof window<"u"&&(d=window.gsap)&&d.registerPlugin&&d},j=function(){d=q(),d?(d.registerEase("_CE",E.create),O=1):console.warn("Please gsap.registerPlugin(CustomEase)")},I=1e20,C=function(n){return~~(n*1e3+(n<0?-.5:.5))/1e3},R=/[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/gi,k=/[cLlsSaAhHvVtTqQ]/g,v=function(n){var m=n.length,e=I,r;for(r=1;r<m;r+=6)+n[r]<e&&(e=+n[r]);return e},H=function(n,m,e){!e&&e!==0&&(e=Math.max(+n[n.length-1],+n[1]));var r=+n[0]*-1,o=-e,c=n.length,i=1/(+n[c-2]+r),s=-m||(Math.abs(+n[c-1]-+n[1])<.01*(+n[c-2]-+n[0])?v(n)+o:+n[c-1]+o),y;for(s?s=1/s:s=-i,y=0;y<c;y+=2)n[y]=(+n[y]+r)*i,n[y+1]=(+n[y+1]+o)*s},L=function g(n,m,e,r,o,c,i,s,y,u,a){var x=(n+e)/2,_=(m+r)/2,t=(e+o)/2,M=(r+c)/2,l=(o+i)/2,f=(c+s)/2,h=(x+t)/2,p=(_+M)/2,w=(t+l)/2,P=(M+f)/2,D=(h+w)/2,G=(p+P)/2,b=i-n,S=s-m,V=Math.abs((e-i)*S-(r-s)*b),A=Math.abs((o-i)*S-(c-s)*b),z;return u||(u=[{x:n,y:m},{x:i,y:s}],a=1),u.splice(a||u.length-1,0,{x:D,y:G}),(V+A)*(V+A)>y*(b*b+S*S)&&(z=u.length,g(n,m,x,_,h,p,D,G,y,u,a),g(D,G,w,P,l,f,i,s,y,u,a+1+(u.length-z))),u},E=function(){function g(m,e,r){O||j(),this.id=m,this.setData(e,r)}var n=g.prototype;return n.setData=function(e,r){r=r||{},e=e||"0,0,1,1";var o=e.match(R),c=1,i=[],s=[],y=r.precision||1,u=y<=1,a,x,_,t,M,l,f,h,p;if(this.data=e,(k.test(e)||~e.indexOf("M")&&e.indexOf("C")<0)&&(o=T.stringToRawPath(e)[0]),a=o.length,a===4)o.unshift(0,0),o.push(1,1),a=8;else if((a-2)%6)throw"Invalid CustomEase";for((+o[0]!=0||+o[a-2]!=1)&&H(o,r.height,r.originY),this.segment=o,t=2;t<a;t+=6)x={x:+o[t-2],y:+o[t-1]},_={x:+o[t+4],y:+o[t+5]},i.push(x,_),L(x.x,x.y,+o[t],+o[t+1],+o[t+2],+o[t+3],_.x,_.y,1/(y*2e5),i,i.length-1);for(a=i.length,t=0;t<a;t++)f=i[t],h=i[t-1]||f,(f.x>h.x||h.y!==f.y&&h.x===f.x||f===h)&&f.x<=1?(h.cx=f.x-h.x,h.cy=f.y-h.y,h.n=f,h.nx=f.x,u&&t>1&&Math.abs(h.cy/h.cx-i[t-2].cy/i[t-2].cx)>2&&(u=0),h.cx<c&&(h.cx?c=h.cx:(h.cx=.001,t===a-1&&(h.x-=.001,c=Math.min(c,.001),u=0)))):(i.splice(t--,1),a--);if(a=1/c+1|0,M=1/a,l=0,f=i[0],u){for(t=0;t<a;t++)p=t*M,f.nx<p&&(f=i[++l]),x=f.y+(p-f.x)/f.cx*f.cy,s[t]={x:p,cx:M,y:x,cy:0,nx:9},t&&(s[t-1].cy=x-s[t-1].y);l=i[i.length-1],s[a-1].cy=l.y-x,s[a-1].cx=l.x-s[s.length-1].x}else{for(t=0;t<a;t++)f.nx<t*M&&(f=i[++l]),s[t]=f;l<i.length-1&&(s[t-1]=i[i.length-2])}return this.ease=function(w){var P=s[w*a|0]||s[a-1];return P.nx<w&&(P=P.n),P.y+(w-P.x)/P.cx*P.cy},this.ease.custom=this,this.id&&d&&d.registerEase(this.id,this.ease),this},n.getSVGData=function(e){return g.getSVGData(this,e)},g.create=function(e,r,o){return new g(e,r,o).ease},g.register=function(e){d=e,j()},g.get=function(e){return d.parseEase(e)},g.getSVGData=function(e,r){r=r||{};var o=r.width||100,c=r.height||100,i=r.x||0,s=(r.y||0)+c,y=d.utils.toArray(r.path)[0],u,a,x,_,t,M,l,f,h,p;if(r.invert&&(c=-c,s=0),typeof e=="string"&&(e=d.parseEase(e)),e.custom&&(e=e.custom),e instanceof g)u=T.rawPathToString(T.transformRawPath([e.segment],o,0,0,-c,i,s));else{for(u=[i,s],l=Math.max(5,(r.precision||1)*200),_=1/l,l+=2,f=5/l,h=C(i+_*o),p=C(s+e(_)*-c),a=(p-s)/(h-i),x=2;x<l;x++)t=C(i+x*_*o),M=C(s+e(x*_)*-c),(Math.abs((M-p)/(t-h)-a)>f||x===l-1)&&(u.push(h,p),a=(M-p)/(t-h)),h=t,p=M;u="M"+u.join(",")}return y&&y.setAttribute("d",u),u},g}();E.version="3.13.0";E.headless=!0;q()&&d.registerPlugin(E);exports.CustomEase=E;exports.default=E;
+*/var d,O,q=function(){return d||typeof window!="undefined"&&(d=window.gsap)&&d.registerPlugin&&d},j=function(){d=q(),d?(d.registerEase("_CE",E.create),O=1):console.warn("Please gsap.registerPlugin(CustomEase)")},I=1e20,C=function(n){return~~(n*1e3+(n<0?-.5:.5))/1e3},R=/[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/gi,k=/[cLlsSaAhHvVtTqQ]/g,v=function(n){var m=n.length,e=I,r;for(r=1;r<m;r+=6)+n[r]<e&&(e=+n[r]);return e},H=function(n,m,e){!e&&e!==0&&(e=Math.max(+n[n.length-1],+n[1]));var r=+n[0]*-1,o=-e,c=n.length,i=1/(+n[c-2]+r),s=-m||(Math.abs(+n[c-1]-+n[1])<.01*(+n[c-2]-+n[0])?v(n)+o:+n[c-1]+o),y;for(s?s=1/s:s=-i,y=0;y<c;y+=2)n[y]=(+n[y]+r)*i,n[y+1]=(+n[y+1]+o)*s},L=function g(n,m,e,r,o,c,i,s,y,u,a){var x=(n+e)/2,_=(m+r)/2,t=(e+o)/2,M=(r+c)/2,l=(o+i)/2,f=(c+s)/2,h=(x+t)/2,p=(_+M)/2,w=(t+l)/2,P=(M+f)/2,D=(h+w)/2,G=(p+P)/2,b=i-n,S=s-m,V=Math.abs((e-i)*S-(r-s)*b),A=Math.abs((o-i)*S-(c-s)*b),z;return u||(u=[{x:n,y:m},{x:i,y:s}],a=1),u.splice(a||u.length-1,0,{x:D,y:G}),(V+A)*(V+A)>y*(b*b+S*S)&&(z=u.length,g(n,m,x,_,h,p,D,G,y,u,a),g(D,G,w,P,l,f,i,s,y,u,a+1+(u.length-z))),u},E=function(){function g(m,e,r){O||j(),this.id=m,this.setData(e,r)}var n=g.prototype;return n.setData=function(e,r){r=r||{},e=e||"0,0,1,1";var o=e.match(R),c=1,i=[],s=[],y=r.precision||1,u=y<=1,a,x,_,t,M,l,f,h,p;if(this.data=e,(k.test(e)||~e.indexOf("M")&&e.indexOf("C")<0)&&(o=T.stringToRawPath(e)[0]),a=o.length,a===4)o.unshift(0,0),o.push(1,1),a=8;else if((a-2)%6)throw"Invalid CustomEase";for((+o[0]!=0||+o[a-2]!=1)&&H(o,r.height,r.originY),this.segment=o,t=2;t<a;t+=6)x={x:+o[t-2],y:+o[t-1]},_={x:+o[t+4],y:+o[t+5]},i.push(x,_),L(x.x,x.y,+o[t],+o[t+1],+o[t+2],+o[t+3],_.x,_.y,1/(y*2e5),i,i.length-1);for(a=i.length,t=0;t<a;t++)f=i[t],h=i[t-1]||f,(f.x>h.x||h.y!==f.y&&h.x===f.x||f===h)&&f.x<=1?(h.cx=f.x-h.x,h.cy=f.y-h.y,h.n=f,h.nx=f.x,u&&t>1&&Math.abs(h.cy/h.cx-i[t-2].cy/i[t-2].cx)>2&&(u=0),h.cx<c&&(h.cx?c=h.cx:(h.cx=.001,t===a-1&&(h.x-=.001,c=Math.min(c,.001),u=0)))):(i.splice(t--,1),a--);if(a=1/c+1|0,M=1/a,l=0,f=i[0],u){for(t=0;t<a;t++)p=t*M,f.nx<p&&(f=i[++l]),x=f.y+(p-f.x)/f.cx*f.cy,s[t]={x:p,cx:M,y:x,cy:0,nx:9},t&&(s[t-1].cy=x-s[t-1].y);l=i[i.length-1],s[a-1].cy=l.y-x,s[a-1].cx=l.x-s[s.length-1].x}else{for(t=0;t<a;t++)f.nx<t*M&&(f=i[++l]),s[t]=f;l<i.length-1&&(s[t-1]=i[i.length-2])}return this.ease=function(w){var P=s[w*a|0]||s[a-1];return P.nx<w&&(P=P.n),P.y+(w-P.x)/P.cx*P.cy},this.ease.custom=this,this.id&&d&&d.registerEase(this.id,this.ease),this},n.getSVGData=function(e){return g.getSVGData(this,e)},g.create=function(e,r,o){return new g(e,r,o).ease},g.register=function(e){d=e,j()},g.get=function(e){return d.parseEase(e)},g.getSVGData=function(e,r){r=r||{};var o=r.width||100,c=r.height||100,i=r.x||0,s=(r.y||0)+c,y=d.utils.toArray(r.path)[0],u,a,x,_,t,M,l,f,h,p;if(r.invert&&(c=-c,s=0),typeof e=="string"&&(e=d.parseEase(e)),e.custom&&(e=e.custom),e instanceof g)u=T.rawPathToString(T.transformRawPath([e.segment],o,0,0,-c,i,s));else{for(u=[i,s],l=Math.max(5,(r.precision||1)*200),_=1/l,l+=2,f=5/l,h=C(i+_*o),p=C(s+e(_)*-c),a=(p-s)/(h-i),x=2;x<l;x++)t=C(i+x*_*o),M=C(s+e(x*_)*-c),(Math.abs((M-p)/(t-h)-a)>f||x===l-1)&&(u.push(h,p),a=(M-p)/(t-h)),h=t,p=M;u="M"+u.join(",")}return y&&y.setAttribute("d",u),u},g}();E.version="3.13.0";E.headless=!0;q()&&d.registerPlugin(E);exports.CustomEase=E;exports.default=E;

package/dist/node_modules/gsap/CustomEase.es.js

@@ -8,7 +8,7 @@ import { stringToRawPath as O, rawPathToString as R, transformRawPath as k } fro
  * @author: Jack Doyle, jack@greensock.com
 */
 var d, j, I = function() {
-  return d || typeof window < "u" && (d = window.gsap) && d.registerPlugin && d;
+  return d || typeof window != "undefined" && (d = window.gsap) && d.registerPlugin && d;
 }, z = function() {
   d = I(), d ? (d.registerEase("_CE", C.create), j = 1) : console.warn("Please gsap.registerPlugin(CustomEase)");
 }, q = 1e20, S = function(r) {