@zenpatient-org/healthspan-marketing-ui 0.1.22 → 0.1.24

package/dist/modules/Testimonial/components/Product/Product.es.js

@@ -0,0 +1,23 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { Typography as t } from "../../../../components/Typography/Typography.es.js";
+import { Icon as m } from "../../../../components/Icon/Icon.es.js";
+import { EIconName as c } from "../../../../components/Icon/constants.es.js";
+import o from "./product.module.css.es.js";
+const g = ({ image: n, link: r, name: e }) => {
+  const l = (s) => {
+    s.stopPropagation(), window.location.pathname === new URL(r, window.location.origin).pathname ? window.scrollTo({ top: 0, behavior: "smooth" }) : window.location.href = r;
+  };
+  return /* @__PURE__ */ i("button", { className: o.root, onClick: l, children: [
+    /* @__PURE__ */ a("div", { className: o.imageContainer, children: /* @__PURE__ */ a("img", { src: n, alt: e, className: o.image }) }),
+    /* @__PURE__ */ i("div", { className: o.infoContainer, children: [
+      /* @__PURE__ */ i("div", { className: o.textContainer, children: [
+        /* @__PURE__ */ a(t, { as: "p", defaultVariant: "labelXs", mobileVariant: "labelSm", emphasis: !0, weight: "regular", children: "REVIEWED" }),
+        /* @__PURE__ */ a(t, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", weight: "regular", children: e })
+      ] }),
+      /* @__PURE__ */ a(m, { name: c.ARROW_OUTWARD, className: o.arrowIcon })
+    ] })
+  ] });
+};
+export {
+  g as Product
+};

package/dist/modules/Testimonial/components/Product/index.d.ts

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

package/dist/modules/Testimonial/components/Product/product.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="product-module__root___0lD1V",t="product-module__imageContainer___2XtUY",e="product-module__image___VRpMy",n="product-module__infoContainer___Sg5MV",r="product-module__textContainer___TJwbU",_="product-module__arrowIcon___-Od3J",a={root:o,imageContainer:t,image:e,infoContainer:n,textContainer:r,arrowIcon:_};exports.arrowIcon=_;exports.default=a;exports.image=e;exports.imageContainer=t;exports.infoContainer=n;exports.root=o;exports.textContainer=r;

package/dist/modules/Testimonial/components/Product/product.module.css.es.js

@@ -0,0 +1,17 @@
+const o = "product-module__root___0lD1V", t = "product-module__imageContainer___2XtUY", n = "product-module__image___VRpMy", _ = "product-module__infoContainer___Sg5MV", e = "product-module__textContainer___TJwbU", r = "product-module__arrowIcon___-Od3J", a = {
+  root: o,
+  imageContainer: t,
+  image: n,
+  infoContainer: _,
+  textContainer: e,
+  arrowIcon: r
+};
+export {
+  r as arrowIcon,
+  a as default,
+  n as image,
+  t as imageContainer,
+  _ as infoContainer,
+  o as root,
+  e as textContainer
+};

package/dist/modules/Testimonial/components/TextCard/TextCard.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../../../components/Typography/Typography.cjs.js"),n=require("../../../../components/RatingStars/RatingStars.cjs.js"),l=require("../Product/Product.cjs.js"),t=require("./textCard.module.css.cjs.js"),o=({background:i,review:e,product:s})=>a.jsxs("div",{className:t.default.root,style:{backgroundImage:`url(${i.url})`},children:[a.jsx(n.RatingStars,{rating:e.stars??0}),a.jsxs("div",{className:t.default.reviewContainer,children:[a.jsx(r.Typography,{as:"h3",defaultVariant:"headingSm",mobileVariant:"headingXs",weight:"regular",children:e.title}),a.jsx(r.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",weight:"regular",children:e.description}),e.author.name&&a.jsx(r.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",weight:"regular",emphasis:!0,className:t.default.reviewAuthor,children:e.author.name})]}),a.jsxs("div",{className:t.default.infoContainer,children:[e.author.username&&a.jsx(r.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:e.author.username}),a.jsx(l.Product,{image:s.image,name:s.name,link:s.link})]})]});exports.TextCard=o;

package/dist/modules/Testimonial/components/TextCard/TextCard.d.ts

@@ -0,0 +1,3 @@
+import { RichReviewCard } from '../../types';
+
+export declare const TextCard: ({ background, review, product }: RichReviewCard) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/Testimonial/components/TextCard/TextCard.es.js

@@ -0,0 +1,31 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { Typography as e } from "../../../../components/Typography/Typography.es.js";
+import { RatingStars as m } from "../../../../components/RatingStars/RatingStars.es.js";
+import { Product as s } from "../Product/Product.es.js";
+import i from "./textCard.module.css.es.js";
+const c = ({ background: n, review: a, product: t }) => /* @__PURE__ */ l("div", { className: i.root, style: { backgroundImage: `url(${n.url})` }, children: [
+  /* @__PURE__ */ r(m, { rating: a.stars ?? 0 }),
+  /* @__PURE__ */ l("div", { className: i.reviewContainer, children: [
+    /* @__PURE__ */ r(e, { as: "h3", defaultVariant: "headingSm", mobileVariant: "headingXs", weight: "regular", children: a.title }),
+    /* @__PURE__ */ r(e, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", weight: "regular", children: a.description }),
+    a.author.name && /* @__PURE__ */ r(
+      e,
+      {
+        as: "p",
+        defaultVariant: "labelSm",
+        mobileVariant: "labelXs",
+        weight: "regular",
+        emphasis: !0,
+        className: i.reviewAuthor,
+        children: a.author.name
+      }
+    )
+  ] }),
+  /* @__PURE__ */ l("div", { className: i.infoContainer, children: [
+    a.author.username && /* @__PURE__ */ r(e, { as: "p", defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "regular", children: a.author.username }),
+    /* @__PURE__ */ r(s, { image: t.image, name: t.name, link: t.link })
+  ] })
+] });
+export {
+  c as TextCard
+};

package/dist/modules/Testimonial/components/TextCard/index.d.ts

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

package/dist/modules/Testimonial/components/TextCard/textCard.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="textCard-module__root___BsIAR",o="textCard-module__reviewContainer___1uxnk",t="textCard-module__reviewAuthor___nsHUO",r="textCard-module__infoContainer___DqDoR",n={root:e,reviewContainer:o,reviewAuthor:t,infoContainer:r};exports.default=n;exports.infoContainer=r;exports.reviewAuthor=t;exports.reviewContainer=o;exports.root=e;

package/dist/modules/Testimonial/components/TextCard/textCard.module.css.es.js

@@ -0,0 +1,13 @@
+const e = "textCard-module__root___BsIAR", o = "textCard-module__reviewContainer___1uxnk", t = "textCard-module__reviewAuthor___nsHUO", r = "textCard-module__infoContainer___DqDoR", n = {
+  root: e,
+  reviewContainer: o,
+  reviewAuthor: t,
+  infoContainer: r
+};
+export {
+  n as default,
+  r as infoContainer,
+  t as reviewAuthor,
+  o as reviewContainer,
+  e as root
+};

package/dist/modules/Testimonial/components/VideoCard/VideoCard.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),f=require("../../../../components/Typography/Typography.cjs.js"),m=require("../../../../components/PlayButton/PlayButton.cjs.js"),p=require("../../../../utils/cn/cn.cjs.js"),y=require("../Product/Product.cjs.js"),t=require("./videoCard.module.css.cjs.js"),g=({product:l,review:c,background:d})=>{const[r,o]=s.useState(!1),n=s.useRef(null),u=s.useRef(null);return s.useEffect(()=>{const a=new IntersectionObserver(([i])=>{!i.isIntersecting&&r&&o(!1)},{threshold:.2});return u.current&&a.observe(u.current),()=>a.disconnect()},[r]),s.useEffect(()=>{!r&&n.current&&(n.current.pause(),n.current.currentTime=0)},[r]),e.jsxs("div",{className:t.default.root,ref:u,onClick:()=>r?o(!1):void 0,style:{backgroundImage:`url(${d.preview})`},children:[e.jsxs("div",{className:t.default.mediaContainer,children:[e.jsx("video",{ref:n,src:d.url,playsInline:!0,controls:!1,muted:!0,loop:!0,className:p.cn(t.default.media,!r&&t.default.mediaHidden)}),!r&&e.jsx("div",{className:t.default.playButton,children:e.jsx(m.PlayButton,{onClick:a=>{var i;a.stopPropagation(),(i=n.current)==null||i.play(),o(!0)}})})]}),e.jsxs("div",{className:t.default.infoContainer,children:[c.author.username&&e.jsx(f.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:c.author.username}),e.jsx(y.Product,{image:l.image,name:l.name,link:l.link})]})]})};exports.VideoCard=g;

package/dist/modules/Testimonial/components/VideoCard/VideoCard.d.ts

@@ -0,0 +1,11 @@
+import { RichReviewCard } from '../../types';
+
+type VideoCardProps = {
+    background: {
+        type: 'video';
+        url: string;
+        preview: string;
+    };
+} & Omit<RichReviewCard, 'background'>;
+export declare const VideoCard: ({ product, review, background }: VideoCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/Testimonial/components/VideoCard/VideoCard.es.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useState as p, useRef as d, useEffect as f } from "react";
+import { Typography as h } from "../../../../components/Typography/Typography.es.js";
+import { PlayButton as g } from "../../../../components/PlayButton/PlayButton.es.js";
+import { cn as v } from "../../../../utils/cn/cn.es.js";
+import { Product as y } from "../Product/Product.es.js";
+import r from "./videoCard.module.css.es.js";
+const R = ({ product: s, review: c, background: u }) => {
+  const [e, o] = p(!1), t = d(null), l = d(null);
+  return f(() => {
+    const i = new IntersectionObserver(
+      ([a]) => {
+        !a.isIntersecting && e && o(!1);
+      },
+      { threshold: 0.2 }
+    );
+    return l.current && i.observe(l.current), () => i.disconnect();
+  }, [e]), f(() => {
+    !e && t.current && (t.current.pause(), t.current.currentTime = 0);
+  }, [e]), /* @__PURE__ */ m(
+    "div",
+    {
+      className: r.root,
+      ref: l,
+      onClick: () => e ? o(!1) : void 0,
+      style: { backgroundImage: `url(${u.preview})` },
+      children: [
+        /* @__PURE__ */ m("div", { className: r.mediaContainer, children: [
+          /* @__PURE__ */ n(
+            "video",
+            {
+              ref: t,
+              src: u.url,
+              playsInline: !0,
+              controls: !1,
+              muted: !0,
+              loop: !0,
+              className: v(r.media, !e && r.mediaHidden)
+            }
+          ),
+          !e && /* @__PURE__ */ n("div", { className: r.playButton, children: /* @__PURE__ */ n(
+            g,
+            {
+              onClick: (i) => {
+                var a;
+                i.stopPropagation(), (a = t.current) == null || a.play(), o(!0);
+              }
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ m("div", { className: r.infoContainer, children: [
+          c.author.username && /* @__PURE__ */ n(h, { as: "p", defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "regular", children: c.author.username }),
+          /* @__PURE__ */ n(y, { image: s.image, name: s.name, link: s.link })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  R as VideoCard
+};

package/dist/modules/Testimonial/components/VideoCard/index.d.ts

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

package/dist/modules/Testimonial/components/VideoCard/videoCard.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="videoCard-module__root___Z-ksD",o="videoCard-module__mediaContainer___ncPuJ",d="videoCard-module__media___KB71R",n="videoCard-module__mediaHidden___6nUdx",i="videoCard-module__playButton___w-Nql",t="videoCard-module__infoContainer___Ddw05",a={root:e,mediaContainer:o,media:d,mediaHidden:n,playButton:i,infoContainer:t};exports.default=a;exports.infoContainer=t;exports.media=d;exports.mediaContainer=o;exports.mediaHidden=n;exports.playButton=i;exports.root=e;

package/dist/modules/Testimonial/components/VideoCard/videoCard.module.css.es.js

@@ -0,0 +1,17 @@
+const o = "videoCard-module__root___Z-ksD", d = "videoCard-module__mediaContainer___ncPuJ", e = "videoCard-module__media___KB71R", n = "videoCard-module__mediaHidden___6nUdx", _ = "videoCard-module__playButton___w-Nql", i = "videoCard-module__infoContainer___Ddw05", a = {
+  root: o,
+  mediaContainer: d,
+  media: e,
+  mediaHidden: n,
+  playButton: _,
+  infoContainer: i
+};
+export {
+  a as default,
+  i as infoContainer,
+  e as media,
+  d as mediaContainer,
+  n as mediaHidden,
+  _ as playButton,
+  o as root
+};

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

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

package/dist/modules/Testimonial/testimonial.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="testimonial-module__root___Y3TlQ",o="testimonial-module__headerContainer___-FGrO",t="testimonial-module__headerRow___0JTHr",i="testimonial-module__ratingContainer___U9FDs",n="testimonial-module__content___BCbh-",a="testimonial-module__swiper___Necxi",r="testimonial-module__swiperWrapper___O-8SI",_="testimonial-module__swiperSlide___NvGru",s="testimonial-module__mobileNavigation___C1PT2",l="testimonial-module__desktopNavigation___nwHQV",d={root:e,headerContainer:o,headerRow:t,ratingContainer:i,content:n,swiper:a,swiperWrapper:r,swiperSlide:_,mobileNavigation:s,desktopNavigation:l};exports.content=n;exports.default=d;exports.desktopNavigation=l;exports.headerContainer=o;exports.headerRow=t;exports.mobileNavigation=s;exports.ratingContainer=i;exports.root=e;exports.swiper=a;exports.swiperSlide=_;exports.swiperWrapper=r;

package/dist/modules/Testimonial/testimonial.module.css.es.js

@@ -0,0 +1,25 @@
+const e = "testimonial-module__root___Y3TlQ", o = "testimonial-module__headerContainer___-FGrO", t = "testimonial-module__headerRow___0JTHr", i = "testimonial-module__ratingContainer___U9FDs", _ = "testimonial-module__content___BCbh-", n = "testimonial-module__swiper___Necxi", a = "testimonial-module__swiperWrapper___O-8SI", r = "testimonial-module__swiperSlide___NvGru", s = "testimonial-module__mobileNavigation___C1PT2", l = "testimonial-module__desktopNavigation___nwHQV", d = {
+  root: e,
+  headerContainer: o,
+  headerRow: t,
+  ratingContainer: i,
+  content: _,
+  swiper: n,
+  swiperWrapper: a,
+  swiperSlide: r,
+  mobileNavigation: s,
+  desktopNavigation: l
+};
+export {
+  _ as content,
+  d as default,
+  l as desktopNavigation,
+  o as headerContainer,
+  t as headerRow,
+  s as mobileNavigation,
+  i as ratingContainer,
+  e as root,
+  n as swiper,
+  r as swiperSlide,
+  a as swiperWrapper
+};

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

@@ -0,0 +1,26 @@
+type TBackground = {
+    type: 'image';
+    url: string;
+} | {
+    type: 'video';
+    url: string;
+    preview: string;
+};
+export type RichReviewCard = {
+    background: TBackground;
+    review: {
+        title: string;
+        description: string;
+        author: {
+            name?: string;
+            username?: string;
+        };
+        stars?: number;
+    };
+    product: {
+        image: string;
+        name: string;
+        link: string;
+    };
+};
+export {};

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"),d=require("react"),c=require("../../../../components/Typography/Typography.cjs.js"),h=require("../../../../utils/cn/cn.cjs.js"),a=require("./timelineContent.module.css.cjs.js");function p(r){const l=r.slice();for(let i=l.length-1;i>0;i--){const n=Math.floor(Math.random()*(i+1));[l[i],l[n]]=[l[n],l[i]]}return l}const f=[{key:"optimal",label:"Optimal"},{key:"inRange",label:"In Range"},{key:"outOfRange",label:"Out of Range"}],g=({tabs:r})=>{const[l,i]=d.useState(0),{optimal:n,inRange:o,outOfRange:u}=r[l],m=d.useMemo(()=>p([...Array(n).fill("optimal"),...Array(o).fill("inRange"),...Array(u).fill("outOfRange")]),[n,o,u]);return e.jsxs("div",{className:a.default.root,children:[e.jsxs("div",{className:a.default.content,children:[e.jsx("div",{className:a.default.metricsContainer,children:f.map((t,s)=>e.jsxs("div",{className:a.default.metric,children:[e.jsx(c.Typography,{defaultVariant:"displayLg",mobileVariant:"displaySm",weight:"regular",children:r[l][t.key]}),e.jsxs("div",{className:a.default.metricTitle,children:[e.jsx(c.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:"("}),e.jsx(c.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:t.label}),e.jsx("div",{className:a.default.circle,"data-key":t.key}),e.jsx(c.Typography,{as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:")"})]})]},t.key))}),e.jsx("div",{className:a.default.canvas,children:m.map((t,s)=>e.jsx("div",{className:a.default.circle,"data-key":t},s))})]}),e.jsx("div",{className:a.default.tabsContainer,children:r.map((t,s)=>e.jsx("button",{className:h.cn(a.default.tab,l===s&&a.default.tabActive),onClick:()=>i(s),children:e.jsx(c.Typography,{defaultVariant:"labelMd",mobileVariant:"labelXs",emphasis:!0,weight:"regular",children:t.label})},t.label))})]})};exports.TimelineContent=g;

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,90 @@
+"use client";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { useState as u, useMemo as p } from "react";
+import { Typography as o } from "../../../../components/Typography/Typography.es.js";
+import { cn as b } from "../../../../utils/cn/cn.es.js";
+import a from "./timelineContent.module.css.es.js";
+function f(r) {
+  const l = r.slice();
+  for (let t = l.length - 1; t > 0; t--) {
+    const n = Math.floor(Math.random() * (t + 1));
+    [l[t], l[n]] = [l[n], l[t]];
+  }
+  return l;
+}
+const g = [
+  {
+    key: "optimal",
+    label: "Optimal"
+  },
+  {
+    key: "inRange",
+    label: "In Range"
+  },
+  {
+    key: "outOfRange",
+    label: "Out of Range"
+  }
+], R = ({ tabs: r }) => {
+  const [l, t] = u(0), { optimal: n, inRange: m, outOfRange: d } = r[l], h = p(() => f([
+    ...Array(n).fill("optimal"),
+    ...Array(m).fill("inRange"),
+    ...Array(d).fill("outOfRange")
+  ]), [n, m, d]);
+  return /* @__PURE__ */ c("div", { className: a.root, children: [
+    /* @__PURE__ */ c("div", { className: a.content, children: [
+      /* @__PURE__ */ e("div", { className: a.metricsContainer, children: g.map((i, s) => /* @__PURE__ */ c("div", { className: a.metric, children: [
+        /* @__PURE__ */ e(o, { defaultVariant: "displayLg", mobileVariant: "displaySm", weight: "regular", children: r[l][i.key] }),
+        /* @__PURE__ */ c("div", { className: a.metricTitle, children: [
+          /* @__PURE__ */ e(
+            o,
+            {
+              as: "p",
+              defaultVariant: "labelSm",
+              mobileVariant: "labelXs",
+              emphasis: !0,
+              weight: "regular",
+              children: "("
+            }
+          ),
+          /* @__PURE__ */ e(
+            o,
+            {
+              as: "p",
+              defaultVariant: "labelSm",
+              mobileVariant: "labelXs",
+              emphasis: !0,
+              weight: "regular",
+              children: i.label
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: a.circle, "data-key": i.key }),
+          /* @__PURE__ */ e(
+            o,
+            {
+              as: "p",
+              defaultVariant: "labelSm",
+              mobileVariant: "labelXs",
+              emphasis: !0,
+              weight: "regular",
+              children: ")"
+            }
+          )
+        ] })
+      ] }, i.key)) }),
+      /* @__PURE__ */ e("div", { className: a.canvas, children: h.map((i, s) => /* @__PURE__ */ e("div", { className: a.circle, "data-key": i }, s)) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: a.tabsContainer, children: r.map((i, s) => /* @__PURE__ */ e(
+      "button",
+      {
+        className: b(a.tab, l === s && a.tabActive),
+        onClick: () => t(s),
+        children: /* @__PURE__ */ e(o, { defaultVariant: "labelMd", mobileVariant: "labelXs", emphasis: !0, weight: "regular", children: i.label })
+      },
+      i.label
+    )) })
+  ] });
+};
+export {
+  R 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__content___HS3bJ",n="timelineContent-module__metricsContainer___Bl9Mq",i="timelineContent-module__metric___QgjTy",o="timelineContent-module__metricTitle___NgmIf",_="timelineContent-module__canvas___nyUmZ",c="timelineContent-module__circle___FOAjD",l="timelineContent-module__tabsContainer___drNVG",m="timelineContent-module__tab___sCTOs",r="timelineContent-module__tabActive___Oa023",a={root:t,content:e,metricsContainer:n,metric:i,metricTitle:o,canvas:_,circle:c,tabsContainer:l,tab:m,tabActive:r};exports.canvas=_;exports.circle=c;exports.content=e;exports.default=a;exports.metric=i;exports.metricTitle=o;exports.metricsContainer=n;exports.root=t;exports.tab=m;exports.tabActive=r;exports.tabsContainer=l;

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

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

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