@zenpatient-org/healthspan-marketing-ui 0.1.32 → 0.1.34

package/dist/modules/TotalCare/TotalCare.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { TContentTab } from '../../components/ContentTabs';
+import { TColorScheme } from '../../types/common';
+
+export type TotalCareProps = {
+    title: ReactNode;
+    label: string;
+    colorScheme: TColorScheme;
+    contentTabs: {
+        title: string;
+        colorScheme: TColorScheme;
+        withImage: boolean;
+        tabs: ReadonlyArray<TContentTab>;
+    };
+};
+export declare const TotalCare: ({ title, label, contentTabs, colorScheme }: TotalCareProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/TotalCare/TotalCare.es.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import { useState as l } from "react";
+import { ContentTabs as n } from "../../components/ContentTabs/ContentTabs.es.js";
+import { HighlightedTitle as d } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import e from "./totalCare.module.css.es.js";
+const b = ({ title: m, label: c, contentTabs: s, colorScheme: i }) => {
+  const [t, o] = l(s.tabs[0]);
+  return /* @__PURE__ */ a("section", { className: e.root, "data-scheme": i, children: /* @__PURE__ */ r("div", { className: e.container, children: [
+    /* @__PURE__ */ a(d, { title: m, label: c, className: e.header, colorScheme: i }),
+    /* @__PURE__ */ r("div", { className: e.content, children: [
+      /* @__PURE__ */ a("div", { className: e.tags, children: /* @__PURE__ */ a(
+        n,
+        {
+          activeTab: t,
+          tabs: s.tabs,
+          colorScheme: s.colorScheme,
+          onTabClick: o
+        }
+      ) }),
+      t.image && /* @__PURE__ */ a("div", { className: e.imageWrap, children: /* @__PURE__ */ a("img", { src: t.image, alt: "Total Care", className: e.image }) })
+    ] })
+  ] }) });
+};
+export {
+  b as TotalCare
+};

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

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

package/dist/modules/TotalCare/totalCare.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="totalCare-module__root___ZMGef",t="totalCare-module__container___Nuay6",o="totalCare-module__header___5sFQT",a="totalCare-module__content___JZOOr",_="totalCare-module__tags___7QHnt",r="totalCare-module__imageWrap___US8Gs",n="totalCare-module__image___mSoRY",l={root:e,container:t,header:o,content:a,tags:_,imageWrap:r,image:n};exports.container=t;exports.content=a;exports.default=l;exports.header=o;exports.image=n;exports.imageWrap=r;exports.root=e;exports.tags=_;

package/dist/modules/TotalCare/totalCare.module.css.es.js

@@ -0,0 +1,19 @@
+const t = "totalCare-module__root___ZMGef", e = "totalCare-module__container___Nuay6", o = "totalCare-module__header___5sFQT", a = "totalCare-module__content___JZOOr", _ = "totalCare-module__tags___7QHnt", n = "totalCare-module__imageWrap___US8Gs", r = "totalCare-module__image___mSoRY", l = {
+  root: t,
+  container: e,
+  header: o,
+  content: a,
+  tags: _,
+  imageWrap: n,
+  image: r
+};
+export {
+  e as container,
+  a as content,
+  l as default,
+  o as header,
+  r as image,
+  n as imageWrap,
+  t as root,
+  _ as tags
+};

package/dist/modules/TrackProgress/TrackProgress.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../components/Typography/Typography.cjs.js"),n=require("./components/TimelineContent/TimelineContent.cjs.js"),r=require("./trackProgress.module.css.cjs.js"),l=({title:t,description:i,tabs:s})=>e.jsx("section",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsxs("div",{className:r.default.headerContainer,children:[e.jsx(o.HighlightedTitle,{title:t,colorScheme:"dark"}),e.jsx(a.Typography,{as:"p",defaultVariant:"bodyXl",mobileVariant:"bodySm",className:r.default.headerDescription,children:i})]}),e.jsx(n.TimelineContent,{tabs:s})]})});exports.TrackProgress=l;

package/dist/modules/TrackProgress/TrackProgress.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { TTrackProgressTab } from './types';
+
+type TrackProgressProps = {
+    title: ReactNode;
+    description: string;
+    tabs: Array<TTrackProgressTab>;
+};
+export declare const TrackProgress: ({ title, description, tabs }: TrackProgressProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/TrackProgress/TrackProgress.es.js

@@ -0,0 +1,24 @@
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { HighlightedTitle as s } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+import { TimelineContent as n } from "./components/TimelineContent/TimelineContent.es.js";
+import e from "./trackProgress.module.css.es.js";
+const f = ({ title: i, description: a, tabs: t }) => /* @__PURE__ */ r("section", { className: e.root, children: /* @__PURE__ */ o("div", { className: e.container, children: [
+  /* @__PURE__ */ o("div", { className: e.headerContainer, children: [
+    /* @__PURE__ */ r(s, { title: i, colorScheme: "dark" }),
+    /* @__PURE__ */ r(
+      m,
+      {
+        as: "p",
+        defaultVariant: "bodyXl",
+        mobileVariant: "bodySm",
+        className: e.headerDescription,
+        children: a
+      }
+    )
+  ] }),
+  /* @__PURE__ */ r(n, { tabs: t })
+] }) });
+export {
+  f as TrackProgress
+};

package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),o=require("../../../../components/Typography/Typography.cjs.js"),b=require("../../../../utils/cn/cn.cjs.js"),l=require("./timelineContent.module.css.cjs.js");function T(r){const t=r.slice();for(let n=t.length-1;n>0;n--){const i=Math.floor(Math.random()*(n+1));[t[n],t[i]]=[t[i],t[n]]}return t}const j=[{key:"optimal",label:"Optimal"},{key:"inRange",label:"In Range"},{key:"outOfRange",label:"Out of Range"}],x=({tabs:r})=>{const[t,n]=u.useState(0),i=u.useRef(null),{optimal:h,inRange:m,outOfRange:f}=r[t],g=u.useMemo(()=>T([...Array(h).fill("optimal"),...Array(m).fill("inRange"),...Array(f).fill("outOfRange")]),[h,m,f]),p=u.useCallback(a=>{i.current=a.touches[0].clientX},[]),y=u.useCallback(a=>{if(i.current===null)return;const d=a.changedTouches[0].clientX-i.current;Math.abs(d)>50&&n(c=>d<0&&c<r.length-1?c+1:d>0&&c>0?c-1:c),i.current=null},[r.length]);return e.jsx("div",{className:l.default.root,children:e.jsxs("div",{className:l.default.container,children:[e.jsxs("div",{className:l.default.content,onTouchStart:p,onTouchEnd:y,children:[e.jsx("div",{className:l.default.metricsContainer,children:j.map((a,s)=>e.jsxs("div",{className:l.default.metric,children:[e.jsx(o.Typography,{defaultVariant:"displayLg",mobileVariant:"displaySm",weight:"regular",children:r[t][a.key]}),e.jsxs("div",{className:l.default.metricTitle,children:[e.jsx(o.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:"("}),e.jsx(o.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:a.label}),e.jsx("div",{className:l.default.circle,"data-value":a.key}),e.jsx(o.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:")"})]})]},`${a.key}_${s}`))}),e.jsx("div",{className:l.default.canvas,children:g.map((a,s)=>e.jsx("div",{className:l.default.circle,"data-value":a},s))})]}),e.jsx("div",{className:l.default.tabsContainer,children:r.map((a,s)=>e.jsx("button",{className:b.cn(l.default.tab,t===s&&l.default.tabActive),onClick:()=>n(s),children:e.jsx(o.Typography,{defaultVariant:"labelMd",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:a.label})},a.label))})]})})};exports.TimelineContent=x;

package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.d.ts

@@ -0,0 +1,7 @@
+import { TTrackProgressTab } from '../../types';
+
+type TimelineContentProps = {
+    tabs: Array<TTrackProgressTab>;
+};
+export declare const TimelineContent: ({ tabs }: TimelineContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.es.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import { useState as v, useRef as N, useMemo as T, useCallback as g } from "react";
+import { Typography as o } from "../../../../components/Typography/Typography.es.js";
+import { cn as R } from "../../../../utils/cn/cn.es.js";
+import l from "./timelineContent.module.css.es.js";
+function V(i) {
+  const n = i.slice();
+  for (let t = n.length - 1; t > 0; t--) {
+    const r = Math.floor(Math.random() * (t + 1));
+    [n[t], n[r]] = [n[r], n[t]];
+  }
+  return n;
+}
+const X = [
+  {
+    key: "optimal",
+    label: "Optimal"
+  },
+  {
+    key: "inRange",
+    label: "In Range"
+  },
+  {
+    key: "outOfRange",
+    label: "Out of Range"
+  }
+], E = ({ tabs: i }) => {
+  const [n, t] = v(0), r = N(null), { optimal: h, inRange: d, outOfRange: f } = i[n], b = T(() => V([
+    ...Array(h).fill("optimal"),
+    ...Array(d).fill("inRange"),
+    ...Array(f).fill("outOfRange")
+  ]), [h, d, f]), p = g((e) => {
+    r.current = e.touches[0].clientX;
+  }, []), y = g(
+    (e) => {
+      if (r.current === null) return;
+      const m = e.changedTouches[0].clientX - r.current;
+      Math.abs(m) > 50 && t((s) => m < 0 && s < i.length - 1 ? s + 1 : m > 0 && s > 0 ? s - 1 : s), r.current = null;
+    },
+    [i.length]
+  );
+  return /* @__PURE__ */ a("div", { className: l.root, children: /* @__PURE__ */ u("div", { className: l.container, children: [
+    /* @__PURE__ */ u("div", { className: l.content, onTouchStart: p, onTouchEnd: y, children: [
+      /* @__PURE__ */ a("div", { className: l.metricsContainer, children: X.map((e, c) => /* @__PURE__ */ u("div", { className: l.metric, children: [
+        /* @__PURE__ */ a(o, { defaultVariant: "displayLg", mobileVariant: "displaySm", weight: "regular", children: i[n][e.key] }),
+        /* @__PURE__ */ u("div", { className: l.metricTitle, children: [
+          /* @__PURE__ */ a(
+            o,
+            {
+              as: "p",
+              defaultVariant: "labelSm",
+              mobileVariant: "labelXs",
+              emphasis: !0,
+              weight: "regular",
+              children: "("
+            }
+          ),
+          /* @__PURE__ */ a(
+            o,
+            {
+              as: "p",
+              defaultVariant: "labelSm",
+              mobileVariant: "labelXs",
+              emphasis: !0,
+              weight: "regular",
+              children: e.label
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: l.circle, "data-value": e.key }),
+          /* @__PURE__ */ a(
+            o,
+            {
+              as: "p",
+              defaultVariant: "labelSm",
+              mobileVariant: "labelXs",
+              emphasis: !0,
+              weight: "regular",
+              children: ")"
+            }
+          )
+        ] })
+      ] }, `${e.key}_${c}`)) }),
+      /* @__PURE__ */ a("div", { className: l.canvas, children: b.map((e, c) => /* @__PURE__ */ a("div", { className: l.circle, "data-value": e }, c)) })
+    ] }),
+    /* @__PURE__ */ a("div", { className: l.tabsContainer, children: i.map((e, c) => /* @__PURE__ */ a(
+      "button",
+      {
+        className: R(l.tab, n === c && l.tabActive),
+        onClick: () => t(c),
+        children: /* @__PURE__ */ a(o, { defaultVariant: "labelMd", mobileVariant: "labelXs", emphasis: !0, weight: "regular", children: e.label })
+      },
+      e.label
+    )) })
+  ] }) });
+};
+export {
+  E as TimelineContent
+};

package/dist/modules/TrackProgress/components/TimelineContent/index.d.ts

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

package/dist/modules/TrackProgress/components/TimelineContent/timelineContent.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="timelineContent-module__root___5V2gz",e="timelineContent-module__container___DSrBq",n="timelineContent-module__content___HS3bJ",o="timelineContent-module__metricsContainer___Bl9Mq",i="timelineContent-module__metric___QgjTy",_="timelineContent-module__metricTitle___NgmIf",c="timelineContent-module__canvas___nyUmZ",r="timelineContent-module__circle___FOAjD",l="timelineContent-module__tabsContainer___drNVG",a="timelineContent-module__tab___sCTOs",m="timelineContent-module__tabActive___Oa023",s={root:t,container:e,content:n,metricsContainer:o,metric:i,metricTitle:_,canvas:c,circle:r,tabsContainer:l,tab:a,tabActive:m};exports.canvas=c;exports.circle=r;exports.container=e;exports.content=n;exports.default=s;exports.metric=i;exports.metricTitle=_;exports.metricsContainer=o;exports.root=t;exports.tab=a;exports.tabActive=m;exports.tabsContainer=l;

package/dist/modules/TrackProgress/components/TimelineContent/timelineContent.module.css.es.js

@@ -0,0 +1,27 @@
+const t = "timelineContent-module__root___5V2gz", e = "timelineContent-module__container___DSrBq", n = "timelineContent-module__content___HS3bJ", _ = "timelineContent-module__metricsContainer___Bl9Mq", o = "timelineContent-module__metric___QgjTy", i = "timelineContent-module__metricTitle___NgmIf", c = "timelineContent-module__canvas___nyUmZ", m = "timelineContent-module__circle___FOAjD", l = "timelineContent-module__tabsContainer___drNVG", a = "timelineContent-module__tab___sCTOs", r = "timelineContent-module__tabActive___Oa023", s = {
+  root: t,
+  container: e,
+  content: n,
+  metricsContainer: _,
+  metric: o,
+  metricTitle: i,
+  canvas: c,
+  circle: m,
+  tabsContainer: l,
+  tab: a,
+  tabActive: r
+};
+export {
+  c as canvas,
+  m as circle,
+  e as container,
+  n as content,
+  s as default,
+  o as metric,
+  i as metricTitle,
+  _ as metricsContainer,
+  t as root,
+  a as tab,
+  r as tabActive,
+  l as tabsContainer
+};

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

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

package/dist/modules/TrackProgress/trackProgress.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="trackProgress-module__root___8LSkR",r="trackProgress-module__container___qlbKw",o="trackProgress-module__headerContainer___2e9cV",t="trackProgress-module__headerDescription___Yi5pb",n={root:e,container:r,headerContainer:o,headerDescription:t};exports.container=r;exports.default=n;exports.headerContainer=o;exports.headerDescription=t;exports.root=e;

package/dist/modules/TrackProgress/trackProgress.module.css.es.js

@@ -0,0 +1,13 @@
+const e = "trackProgress-module__root___8LSkR", r = "trackProgress-module__container___qlbKw", o = "trackProgress-module__headerContainer___2e9cV", t = "trackProgress-module__headerDescription___Yi5pb", n = {
+  root: e,
+  container: r,
+  headerContainer: o,
+  headerDescription: t
+};
+export {
+  r as container,
+  n as default,
+  o as headerContainer,
+  t as headerDescription,
+  e as root
+};

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

@@ -0,0 +1,6 @@
+export type TTrackProgressTab = {
+    label: string;
+    optimal: number;
+    inRange: number;
+    outOfRange: number;
+};

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

@@ -0,0 +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;

package/dist/modules/TypesOfTests/TypesOfTests.d.ts

@@ -0,0 +1,10 @@
+import { TColorScheme } from '../../types/common';
+import { TTypesOfTestsItem } from './types';
+
+export type TypesOfTestsProps = {
+    title: string;
+    items: Array<TTypesOfTestsItem>;
+    buttonLabel: string;
+    colorScheme: TColorScheme;
+};
+export declare const TypesOfTests: ({ title, items, colorScheme, buttonLabel }: TypesOfTestsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,106 @@
+"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";
+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);
+  };
+  return x(() => {
+    var d;
+    if (!c.current) return;
+    const r = (((d = c.current.firstElementChild) == null ? void 0 : d.getBoundingClientRect().height) || 0) * T;
+    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,
+      {
+        title: n[o].title,
+        description: n[o].description,
+        onClose: w,
+        style: s,
+        link: n[o].link,
+        className: e.popoverContent
+      }
+    ) }),
+    /* @__PURE__ */ l("div", { className: e.container, children: [
+      /* @__PURE__ */ t("div", { className: e.header, children: /* @__PURE__ */ l(C, { as: "h2", defaultVariant: "displayMd", mobileVariant: "headingLg", children: [
+        "(",
+        k,
+        ")"
+      ] }) }),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          ref: c,
+          className: a(e.content, !m && g && e.contentLimited),
+          children: n.map((i, r) => /* @__PURE__ */ t(
+            "div",
+            {
+              className: a(e.item, o === r && e.selectedItem),
+              onClick: () => u((d) => d === r ? null : r),
+              children: /* @__PURE__ */ t(
+                B,
+                {
+                  title: i.title,
+                  description: i.description,
+                  style: "light",
+                  trigger: "hover",
+                  isBlurred: s === "dark",
+                  link: i.link,
+                  children: /* @__PURE__ */ t(
+                    C,
+                    {
+                      as: "p",
+                      defaultVariant: "headingLg",
+                      mobileVariant: "headingXxs",
+                      className: e.itemTitle,
+                      children: i.title
+                    }
+                  )
+                }
+              )
+            },
+            i.title
+          ))
+        }
+      ),
+      g && /* @__PURE__ */ l(y, { children: [
+        /* @__PURE__ */ t("div", { className: a(e.actions, e.desktop), children: /* @__PURE__ */ l(
+          v,
+          {
+            variant: s === "light" ? "muted" : "muted-invert",
+            size: "lg",
+            onClick: f,
+            children: [
+              m ? "Hide" : "View All",
+              " ",
+              p
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ t("div", { className: a(e.actions, e.mobile), children: /* @__PURE__ */ l(
+          v,
+          {
+            variant: s === "light" ? "muted" : "muted-invert",
+            size: "md",
+            onClick: f,
+            children: [
+              m ? "Hide" : "View All",
+              " ",
+              p
+            ]
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+};
+export {
+  M as TypesOfTests
+};

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

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

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

@@ -0,0 +1,8 @@
+export type TTypesOfTestsItem = {
+    title: string;
+    description: string;
+    link?: {
+        label: string;
+        url: string;
+    };
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="typesOfTests-module__root___qYLAe",t="typesOfTests-module__container___2YAop",o="typesOfTests-module__header___WYq05",s="typesOfTests-module__content___YNdyt",_="typesOfTests-module__contentLimited___KA707",n="typesOfTests-module__actions___OgW7Y",c="typesOfTests-module__item___kfqsC",i="typesOfTests-module__itemTitle___XZ2e5",d="typesOfTests-module__popover___yLmud",m="typesOfTests-module__popoverContent___hHYFW",p="typesOfTests-module__mobile___aeDNo",l="typesOfTests-module__selectedItem___STfZe",r="typesOfTests-module__desktop___NYBBS",u={root:e,container:t,header:o,content:s,contentLimited:_,actions:n,item:c,itemTitle:i,popover:d,popoverContent:m,mobile:p,selectedItem:l,desktop:r};exports.actions=n;exports.container=t;exports.content=s;exports.contentLimited=_;exports.default=u;exports.desktop=r;exports.header=o;exports.item=c;exports.itemTitle=i;exports.mobile=p;exports.popover=d;exports.popoverContent=m;exports.root=e;exports.selectedItem=l;

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

@@ -0,0 +1,31 @@
+const e = "typesOfTests-module__root___qYLAe", t = "typesOfTests-module__container___2YAop", o = "typesOfTests-module__header___WYq05", s = "typesOfTests-module__content___YNdyt", _ = "typesOfTests-module__contentLimited___KA707", n = "typesOfTests-module__actions___OgW7Y", p = "typesOfTests-module__item___kfqsC", c = "typesOfTests-module__itemTitle___XZ2e5", m = "typesOfTests-module__popover___yLmud", d = "typesOfTests-module__popoverContent___hHYFW", i = "typesOfTests-module__mobile___aeDNo", l = "typesOfTests-module__selectedItem___STfZe", T = "typesOfTests-module__desktop___NYBBS", f = {
+  root: e,
+  container: t,
+  header: o,
+  content: s,
+  contentLimited: _,
+  actions: n,
+  item: p,
+  itemTitle: c,
+  popover: m,
+  popoverContent: d,
+  mobile: i,
+  selectedItem: l,
+  desktop: T
+};
+export {
+  n as actions,
+  t as container,
+  s as content,
+  _ as contentLimited,
+  f as default,
+  T as desktop,
+  o as header,
+  p as item,
+  c as itemTitle,
+  i as mobile,
+  m as popover,
+  d as popoverContent,
+  e as root,
+  l as selectedItem
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/Callback/Callback.cjs.js"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../utils/cn/cn.cjs.js"),n=require("./components/ProtocolTags/ProtocolTags.cjs.js"),t=require("./yourProtocol.module.css.cjs.js"),d=({title:i,image:r,tags:s,callbackView:o})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.content,children:[e.jsx(a.HighlightedTitle,{title:i,className:t.default.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsx(n.ProtocolTags,{tags:s}),o&&e.jsx("div",{className:t.default.callback,children:e.jsx(l.Callback,{title:o.title,description:o.description??"",price:o.price??"",image:o.image,button:{href:o.signupUrl??""},size:"sm"})})]}),e.jsx("img",{src:r,alt:"Your Protocol",className:c.cn(t.default.image,t.default.desktop),width:481,height:640})]})});exports.YourProtocol=d;

package/dist/modules/YourProtocol/YourProtocol.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { TCallbackView, TTagView } from './types';
+
+type Props = {
+    title: ReactNode;
+    tags: Array<TTagView>;
+    callbackView: TCallbackView | null;
+    image: string;
+};
+export declare const YourProtocol: ({ title, image, tags, callbackView }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,46 @@
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { Callback as a } from "../../components/Callback/Callback.es.js";
+import { HighlightedTitle as l } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { cn as n } from "../../utils/cn/cn.es.js";
+import { ProtocolTags as c } from "./components/ProtocolTags/ProtocolTags.es.js";
+import t from "./yourProtocol.module.css.es.js";
+const N = ({ title: e, image: s, tags: m, callbackView: i }) => /* @__PURE__ */ o("section", { className: t.root, children: /* @__PURE__ */ r("div", { className: t.container, children: [
+  /* @__PURE__ */ r("div", { className: t.content, children: [
+    /* @__PURE__ */ o(
+      l,
+      {
+        title: e,
+        className: t.title,
+        defaultVariant: "displaySm",
+        mobileVariant: "headingXl"
+      }
+    ),
+    /* @__PURE__ */ o(c, { tags: m }),
+    i && /* @__PURE__ */ o("div", { className: t.callback, children: /* @__PURE__ */ o(
+      a,
+      {
+        title: i.title,
+        description: i.description ?? "",
+        price: i.price ?? "",
+        image: i.image,
+        button: {
+          href: i.signupUrl ?? ""
+        },
+        size: "sm"
+      }
+    ) })
+  ] }),
+  /* @__PURE__ */ o(
+    "img",
+    {
+      src: s,
+      alt: "Your Protocol",
+      className: n(t.image, t.desktop),
+      width: 481,
+      height: 640
+    }
+  )
+] }) });
+export {
+  N as YourProtocol
+};

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

@@ -0,0 +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;

package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.d.ts

@@ -0,0 +1,7 @@
+import { TTagView } from '../../types';
+
+type Props = {
+    tags: Array<TTagView>;
+};
+export declare const ProtocolTags: ({ tags }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,37 @@
+"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 { 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";
+const V = ({ tags: i }) => {
+  var s;
+  const [r, m] = b(((s = i[0]) == null ? void 0 : s.label) || null), a = f(
+    () => {
+      var e;
+      return (e = i.find((d) => d.label === r)) == null ? void 0 : e.description;
+    },
+    [r, i]
+  );
+  return /* @__PURE__ */ t("div", { className: l.root, children: [
+    /* @__PURE__ */ o("div", { className: l.tags, children: i.map((e) => /* @__PURE__ */ o(
+      u,
+      {
+        value: e.label,
+        size: "md",
+        active: e.label === r,
+        onClick: m,
+        children: e.label
+      },
+      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 })
+    ] })
+  ] });
+};
+export {
+  V as ProtocolTags
+};

package/dist/modules/YourProtocol/components/ProtocolTags/index.d.ts

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="protocolTags-module__root___q4ybt",t="protocolTags-module__tags___aaJJA",e="protocolTags-module__mobile___4hH2G",s="protocolTags-module__desktop___kl9fI",_={root:o,tags:t,mobile:e,desktop:s};exports.default=_;exports.desktop=s;exports.mobile=e;exports.root=o;exports.tags=t;

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

@@ -0,0 +1,13 @@
+const o = "protocolTags-module__root___q4ybt", t = "protocolTags-module__tags___aaJJA", _ = "protocolTags-module__mobile___4hH2G", s = "protocolTags-module__desktop___kl9fI", l = {
+  root: o,
+  tags: t,
+  mobile: _,
+  desktop: s
+};
+export {
+  l as default,
+  s as desktop,
+  _ as mobile,
+  o as root,
+  t as tags
+};

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

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

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

@@ -0,0 +1,13 @@
+export type TTagView = {
+    label: string;
+    description?: string;
+};
+export type TCallbackView = {
+    title: string;
+    description?: string;
+    price: string | null;
+    signupUrl?: string;
+    image: string;
+    buttonLabel: string;
+    size: string;
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="yourProtocol-module__root___Q35lO",t="yourProtocol-module__container___-p0rE",e="yourProtocol-module__content___mMf6R",_="yourProtocol-module__title___xNPOR",l="yourProtocol-module__image___fVaOZ",c="yourProtocol-module__callback___bvu49",r="yourProtocol-module__desktop___pl-rW",n={root:o,container:t,content:e,title:_,image:l,callback:c,desktop:r};exports.callback=c;exports.container=t;exports.content=e;exports.default=n;exports.desktop=r;exports.image=l;exports.root=o;exports.title=_;