@zenpatient-org/healthspan-marketing-ui 0.1.27 → 0.1.29

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

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

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

@@ -1 +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;
+"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-",_="testimonial-module__swiper___Necxi",a="testimonial-module__swiperSlide___NvGru",s="testimonial-module__mobile___-hB8U",l="testimonial-module__mobileNavigation___C1PT2",r="testimonial-module__desktop___D6s9T",d="testimonial-module__desktopNavigation___nwHQV",m={root:e,headerContainer:o,headerRow:t,ratingContainer:i,content:n,swiper:_,swiperSlide:a,mobile:s,mobileNavigation:l,desktop:r,desktopNavigation:d};exports.content=n;exports.default=m;exports.desktop=r;exports.desktopNavigation=d;exports.headerContainer=o;exports.headerRow=t;exports.mobile=s;exports.mobileNavigation=l;exports.ratingContainer=i;exports.root=e;exports.swiper=_;exports.swiperSlide=a;

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

@@ -1,25 +1,27 @@
-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,
+const o = "testimonial-module__root___Y3TlQ", e = "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__swiperSlide___NvGru", s = "testimonial-module__mobile___-hB8U", l = "testimonial-module__mobileNavigation___C1PT2", m = "testimonial-module__desktop___D6s9T", r = "testimonial-module__desktopNavigation___nwHQV", d = {
+  root: o,
+  headerContainer: e,
   headerRow: t,
   ratingContainer: i,
   content: _,
   swiper: n,
-  swiperWrapper: a,
-  swiperSlide: r,
-  mobileNavigation: s,
-  desktopNavigation: l
+  swiperSlide: a,
+  mobile: s,
+  mobileNavigation: l,
+  desktop: m,
+  desktopNavigation: r
 };
 export {
   _ as content,
   d as default,
-  l as desktopNavigation,
-  o as headerContainer,
+  m as desktop,
+  r as desktopNavigation,
+  e as headerContainer,
   t as headerRow,
-  s as mobileNavigation,
+  s as mobile,
+  l as mobileNavigation,
   i as ratingContainer,
-  e as root,
+  o as root,
   n as swiper,
-  r as swiperSlide,
-  a as swiperWrapper
+  a as swiperSlide
 };

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

@@ -1 +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;
+"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.es.js

@@ -1,18 +1,18 @@
 "use client";
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useState as u, useMemo as p } from "react";
+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 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]];
+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 l;
+  return n;
 }
-const g = [
+const X = [
   {
     key: "optimal",
     label: "Optimal"
@@ -25,18 +25,27 @@ const g = [
     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(
+], 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",
@@ -47,7 +56,7 @@ const g = [
               children: "("
             }
           ),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ a(
             o,
             {
               as: "p",
@@ -55,11 +64,11 @@ const g = [
               mobileVariant: "labelXs",
               emphasis: !0,
               weight: "regular",
-              children: i.label
+              children: e.label
             }
           ),
-          /* @__PURE__ */ e("div", { className: a.circle, "data-key": i.key }),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ a("div", { className: l.circle, "data-value": e.key }),
+          /* @__PURE__ */ a(
             o,
             {
               as: "p",
@@ -71,20 +80,20 @@ const g = [
             }
           )
         ] })
-      ] }, i.key)) }),
-      /* @__PURE__ */ e("div", { className: a.canvas, children: h.map((i, s) => /* @__PURE__ */ e("div", { className: a.circle, "data-key": i }, s)) })
+      ] }, `${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__ */ e("div", { className: a.tabsContainer, children: r.map((i, s) => /* @__PURE__ */ e(
+    /* @__PURE__ */ a("div", { className: l.tabsContainer, children: i.map((e, c) => /* @__PURE__ */ a(
       "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 })
+        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 })
       },
-      i.label
+      e.label
     )) })
-  ] });
+  ] }) });
 };
 export {
-  R as TimelineContent
+  E as TimelineContent
 };

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

@@ -1 +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;
+"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

@@ -1,25 +1,27 @@
-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 = {
+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,
-  content: e,
-  metricsContainer: n,
-  metric: _,
-  metricTitle: o,
-  canvas: i,
-  circle: c,
-  tabsContainer: m,
-  tab: l,
-  tabActive: s
+  container: e,
+  content: n,
+  metricsContainer: _,
+  metric: o,
+  metricTitle: i,
+  canvas: c,
+  circle: m,
+  tabsContainer: l,
+  tab: a,
+  tabActive: r
 };
 export {
-  i as canvas,
-  c as circle,
-  e as content,
-  a as default,
-  _ as metric,
-  o as metricTitle,
-  n as metricsContainer,
+  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,
-  l as tab,
-  s as tabActive,
-  m as tabsContainer
+  a as tab,
+  r as tabActive,
+  l as tabsContainer
 };

package/dist/pageComponents/Bubbles/Bubbles.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),l=require("../../utils/cn/cn.cjs.js"),n=require("./bubbles.module.css.cjs.js"),b=["xs","lg","sm","sm","xl","sm","xl","xl","xl","md","md","md","lg"],m=({className:o})=>{const[r,a]=t.useState(!1),[i,d]=t.useState(!1),c=t.useRef(null);return t.useEffect(()=>{const s=new window.IntersectionObserver(([e])=>{e.isIntersecting&&e.intersectionRatio===1&&!r&&!i&&(a(!0),setTimeout(()=>d(!0),5e3))},{threshold:1});return c.current&&s.observe(c.current),()=>s.disconnect()},[r,i]),u.jsx("section",{ref:c,className:l.cn(n.default.root,o),children:u.jsx("div",{className:n.default.container,children:b.map((s,e)=>u.jsx("div",{className:l.cn(n.default.bubble,(i||r)&&n.default.bubbleFinished),"data-size":s,"data-index":e},e))})})};exports.Bubbles=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("react"),n=require("../../utils/cn/cn.cjs.js"),e=require("./bubbles.module.css.cjs.js"),r=["xs","lg","sm","sm","xl","sm","xl","xl","xl","md","md","md","lg"],b=({className:a})=>{const[u,o]=t.useState(!1),[i,m]=t.useState(!1),c=t.useRef(null);return s.jsx("section",{ref:c,className:n.cn(e.default.root,a),children:s.jsx("div",{className:e.default.container,children:r.map((d,l)=>s.jsx("div",{className:n.cn(e.default.bubble,(i||u)&&e.default.bubbleFinished),"data-size":d,"data-index":l},l))})})};exports.Bubbles=b;

package/dist/pageComponents/Bubbles/Bubbles.es.js

@@ -1,28 +1,20 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { useState as c, useRef as u, useEffect as b } from "react";
-import { cn as l } from "../../utils/cn/cn.es.js";
-import t from "./bubbles.module.css.es.js";
-const f = ["xs", "lg", "sm", "sm", "xl", "sm", "xl", "xl", "xl", "md", "md", "md", "lg"], g = ({ className: m }) => {
-  const [n, a] = c(!1), [r, d] = c(!1), i = u(null);
-  return b(() => {
-    const s = new window.IntersectionObserver(
-      ([e]) => {
-        e.isIntersecting && e.intersectionRatio === 1 && !n && !r && (a(!0), setTimeout(() => d(!0), 5e3));
-      },
-      { threshold: 1 }
-    );
-    return i.current && s.observe(i.current), () => s.disconnect();
-  }, [n, r]), /* @__PURE__ */ o("section", { ref: i, className: l(t.root, m), children: /* @__PURE__ */ o("div", { className: t.container, children: f.map((s, e) => /* @__PURE__ */ o(
+import { jsx as e } from "react/jsx-runtime";
+import { useState as l, useRef as c } from "react";
+import { cn as i } from "../../utils/cn/cn.es.js";
+import s from "./bubbles.module.css.es.js";
+const d = ["xs", "lg", "sm", "sm", "xl", "sm", "xl", "xl", "xl", "md", "md", "md", "lg"], N = ({ className: m }) => {
+  const [n, b] = l(!1), [a, f] = l(!1), o = c(null);
+  return /* @__PURE__ */ e("section", { ref: o, className: i(s.root, m), children: /* @__PURE__ */ e("div", { className: s.container, children: d.map((r, t) => /* @__PURE__ */ e(
     "div",
     {
-      className: l(t.bubble, (r || n) && t.bubbleFinished),
-      "data-size": s,
-      "data-index": e
+      className: i(s.bubble, (a || n) && s.bubbleFinished),
+      "data-size": r,
+      "data-index": t
     },
-    e
+    t
   )) }) });
 };
 export {
-  g as Bubbles
+  N as Bubbles
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.27",
+    "version": "0.1.29",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -223,10 +223,10 @@
             "import": "./dist/components/ComplexImageCarousel/ComplexImageCarousel.es.js",
             "require": "./dist/components/ComplexImageCarousel/ComplexImageCarousel.cjs.js"
         },
-        "./Accordion": {
-            "types": "./dist/components/Accordion/Accordion.d.ts",
-            "import": "./dist/components/Accordion/Accordion.es.js",
-            "require": "./dist/components/Accordion/Accordion.cjs.js"
+        "./FAQComponent": {
+            "types": "./dist/components/FAQComponent/FAQComponent.d.ts",
+            "import": "./dist/components/FAQComponent/FAQComponent.es.js",
+            "require": "./dist/components/FAQComponent/FAQComponent.cjs.js"
         },
         "./IconBracket": {
             "types": "./dist/components/IconBracket/IconBracket.d.ts",
@@ -248,6 +248,11 @@
             "import": "./dist/components/PlayButton/PlayButton.es.js",
             "require": "./dist/components/PlayButton/PlayButton.cjs.js"
         },
+        "./Pagination": {
+            "types": "./dist/components/Pagination/Pagination.d.ts",
+            "import": "./dist/components/Pagination/Pagination.es.js",
+            "require": "./dist/components/Pagination/Pagination.cjs.js"
+        },
         "./CallbackModule": {
             "types": "./dist/modules/Callback/Callback.d.ts",
             "import": "./dist/modules/Callback/Callback.es.js",
@@ -358,6 +363,26 @@
             "import": "./dist/modules/TrackProgress/TrackProgress.es.js",
             "require": "./dist/modules/TrackProgress/TrackProgress.cjs.js"
         },
+        "./IngredientHighlight": {
+            "types": "./dist/modules/IngredientHighlight/IngredientHighlight.d.ts",
+            "import": "./dist/modules/IngredientHighlight/IngredientHighlight.es.js",
+            "require": "./dist/modules/IngredientHighlight/IngredientHighlight.cjs.js"
+        },
+        "./FAQModule": {
+            "types": "./dist/modules/FAQModule/FAQModule.d.ts",
+            "import": "./dist/modules/FAQModule/FAQModule.es.js",
+            "require": "./dist/modules/FAQModule/FAQModule.cjs.js"
+        },
+        "./HighestStandards": {
+            "types": "./dist/modules/HighestStandards/HighestStandards.d.ts",
+            "import": "./dist/modules/HighestStandards/HighestStandards.es.js",
+            "require": "./dist/modules/HighestStandards/HighestStandards.cjs.js"
+        },
+        "./Reviews": {
+            "types": "./dist/modules/Reviews/Reviews.d.ts",
+            "import": "./dist/modules/Reviews/Reviews.es.js",
+            "require": "./dist/modules/Reviews/Reviews.cjs.js"
+        },
         "./Bubbles": {
             "types": "./dist/pageComponents/Bubbles/Bubbles.d.ts",
             "import": "./dist/pageComponents/Bubbles/Bubbles.es.js",

package/dist/components/Accordion/Accordion.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),p=require("./components/AccordionItem/AccordionItem.cjs.js"),I=require("./accordion.module.css.cjs.js"),S=({items:r,mode:c="multiple"})=>{const[l,i]=s.useState(null),[u,a]=s.useState(new Set),d=e=>{c==="single"?i(t=>t===e?null:e):a(t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},m=e=>c==="single"?l===e:u.has(e);return o.jsx("div",{className:I.default.root,children:r.map((e,t)=>o.jsx(p.AccordionItem,{title:e.title,content:e.content,isOpen:m(t),index:t,onClick:d},t))})};exports.Accordion=S;

package/dist/components/Accordion/Accordion.d.ts

@@ -1,8 +0,0 @@
-import { TAccordionItem } from './components';
-
-type Props = {
-    items: Array<TAccordionItem>;
-    mode: 'single' | 'multiple';
-};
-export declare const Accordion: ({ items, mode }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Accordion/Accordion.es.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsx as n } from "react/jsx-runtime";
-import { useState as l } from "react";
-import { AccordionItem as f } from "./components/AccordionItem/AccordionItem.es.js";
-import I from "./accordion.module.css.es.js";
-const w = ({ items: c, mode: s = "multiple" }) => {
-  const [r, i] = l(null), [m, p] = l(/* @__PURE__ */ new Set()), a = (t) => {
-    s === "single" ? i((e) => e === t ? null : t) : p((e) => {
-      const o = new Set(e);
-      return o.has(t) ? o.delete(t) : o.add(t), o;
-    });
-  }, u = (t) => s === "single" ? r === t : m.has(t);
-  return /* @__PURE__ */ n("div", { className: I.root, children: c.map((t, e) => /* @__PURE__ */ n(
-    f,
-    {
-      title: t.title,
-      content: t.content,
-      isOpen: u(e),
-      index: e,
-      onClick: a
-    },
-    e
-  )) });
-};
-export {
-  w as Accordion
-};

package/dist/components/Accordion/accordion.module.css.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="accordion-module__root___oSY1m",e={root:o};exports.default=e;exports.root=o;

package/dist/components/Accordion/components/AccordionItem/AccordionItem.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../Typography/Typography.cjs.js"),n=require("../../../Icon/Icon.cjs.js"),a=require("../../../Icon/constants.cjs.js"),t=require("../../../../utils/cn/cn.cjs.js"),o=require("./accordionItem.module.css.cjs.js"),u=({title:s,content:d,isOpen:c,index:i,onClick:l=()=>{}})=>e.jsxs("div",{className:o.default.root,children:[e.jsxs("div",{onClick:()=>l(i??0),className:t.cn(o.default.header,{[o.default.headerSticky]:c}),children:[e.jsx(r.Typography,{defaultVariant:"headingMd",mobileVariant:"headingXxs",children:s}),e.jsxs("div",{className:o.default.closeButtonWrapper,children:[e.jsx(n.Icon,{name:a.EIconName.BRACKET_LEFT}),e.jsx("div",{className:t.cn(o.default.closeButton,{[o.default.closeButtonActive]:c}),children:e.jsx(n.Icon,{name:a.EIconName.PLUS})}),e.jsx(n.Icon,{name:a.EIconName.BRACKET_RIGHT})]})]}),e.jsx("div",{className:t.cn(o.default.description,{[o.default.descriptionShow]:c}),children:e.jsx(r.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodyXs",children:d})}),e.jsx("div",{className:o.default.leftBorder}),e.jsx("div",{className:o.default.rightBorder})]});exports.AccordionItem=u;

package/dist/components/Accordion/components/AccordionItem/AccordionItem.d.ts

@@ -1,3 +0,0 @@
-import { TAccordionItem } from './types';
-
-export declare const AccordionItem: ({ title, content, isOpen, index, onClick }: TAccordionItem) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Accordion/components/AccordionItem/accordionItem.module.css.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="accordionItem-module__root___kmMpd",e="accordionItem-module__header___LpqCC",t="accordionItem-module__closeButtonWrapper___R46xq",r="accordionItem-module__closeButton___aKdPe",c="accordionItem-module__closeButtonActive___9Atr2",_="accordionItem-module__description___7jzjh",d="accordionItem-module__descriptionShow___lysW-",n="accordionItem-module__leftBorder___6sooc",i="accordionItem-module__rightBorder___VwUUT",s="accordionItem-module__headerSticky___OTNq3",l={root:o,header:e,closeButtonWrapper:t,closeButton:r,closeButtonActive:c,description:_,descriptionShow:d,leftBorder:n,rightBorder:i,headerSticky:s};exports.closeButton=r;exports.closeButtonActive=c;exports.closeButtonWrapper=t;exports.default=l;exports.description=_;exports.descriptionShow=d;exports.header=e;exports.headerSticky=s;exports.leftBorder=n;exports.rightBorder=i;exports.root=o;

package/dist/components/Accordion/components/AccordionItem/accordionItem.module.css.es.js

@@ -1,25 +0,0 @@
-const o = "accordionItem-module__root___kmMpd", e = "accordionItem-module__header___LpqCC", t = "accordionItem-module__closeButtonWrapper___R46xq", c = "accordionItem-module__closeButton___aKdPe", _ = "accordionItem-module__closeButtonActive___9Atr2", r = "accordionItem-module__description___7jzjh", d = "accordionItem-module__descriptionShow___lysW-", n = "accordionItem-module__leftBorder___6sooc", i = "accordionItem-module__rightBorder___VwUUT", s = "accordionItem-module__headerSticky___OTNq3", l = {
-  root: o,
-  header: e,
-  closeButtonWrapper: t,
-  closeButton: c,
-  closeButtonActive: _,
-  description: r,
-  descriptionShow: d,
-  leftBorder: n,
-  rightBorder: i,
-  headerSticky: s
-};
-export {
-  c as closeButton,
-  _ as closeButtonActive,
-  t as closeButtonWrapper,
-  l as default,
-  r as description,
-  d as descriptionShow,
-  e as header,
-  s as headerSticky,
-  n as leftBorder,
-  i as rightBorder,
-  o as root
-};

package/dist/components/Accordion/components/AccordionItem/index.d.ts

@@ -1,2 +0,0 @@
-export { AccordionItem } from './AccordionItem';
-export type { TAccordionItem } from './types';

package/dist/components/Accordion/components/AccordionItem/types.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-
-export type TAccordionItem = {
-    title: string;
-    content: ReactNode;
-    index?: number;
-    isOpen?: boolean;
-    onClick?: (index: number) => void;
-};

package/dist/components/Accordion/components/index.d.ts

@@ -1 +0,0 @@
-export { AccordionItem, type TAccordionItem } from './AccordionItem';

package/dist/components/Accordion/index.d.ts

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

package/dist/components/Accordion/types.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-
-export type TAccordion = {
-    title: string;
-    content: ReactNode;
-};

package/dist/modules/FAQ/FAQ.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./faq.module.css.cjs.js"),l=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),s=require("../../components/Button/Button.cjs.js"),a=require("../../components/Accordion/Accordion.cjs.js"),r=({title:n,questions:i})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.header,children:[e.jsx(l.HighlightedTitle,{title:n,defaultVariant:"displayMd",mobileVariant:"headingXl"}),e.jsx("div",{className:t.default.buttonWrapperDesktop,children:e.jsx(s.Button,{variant:"muted",size:"lg",as:"a",href:"/faq",children:"VIEW ALL FAQ"})}),e.jsx("div",{className:t.default.buttonWrapperMobile,children:e.jsx(s.Button,{variant:"muted",size:"sm",as:"a",href:"/faq",children:"VIEW ALL FAQ"})})]}),e.jsx("div",{className:t.default.contentDesktop,children:e.jsx(a.Accordion,{items:i,mode:"multiple"})}),e.jsx("div",{className:t.default.contentMobile,children:e.jsx(a.Accordion,{items:i,mode:"multiple"})})]})});exports.FAQ=r;

package/dist/modules/FAQ/FAQ.d.ts

@@ -1,3 +0,0 @@
-import { TFaqView } from './types';
-
-export declare const FAQ: ({ title, questions }: TFaqView) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/FAQ/FAQ.es.js

@@ -1,17 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import i from "./faq.module.css.es.js";
-import { HighlightedTitle as s } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Button as a } from "../../components/Button/Button.es.js";
-import { Accordion as l } from "../../components/Accordion/Accordion.es.js";
-const p = ({ title: o, questions: r }) => /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ t("div", { className: i.container, children: [
-  /* @__PURE__ */ t("div", { className: i.header, children: [
-    /* @__PURE__ */ e(s, { title: o, defaultVariant: "displayMd", mobileVariant: "headingXl" }),
-    /* @__PURE__ */ e("div", { className: i.buttonWrapperDesktop, children: /* @__PURE__ */ e(a, { variant: "muted", size: "lg", as: "a", href: "/faq", children: "VIEW ALL FAQ" }) }),
-    /* @__PURE__ */ e("div", { className: i.buttonWrapperMobile, children: /* @__PURE__ */ e(a, { variant: "muted", size: "sm", as: "a", href: "/faq", children: "VIEW ALL FAQ" }) })
-  ] }),
-  /* @__PURE__ */ e("div", { className: i.contentDesktop, children: /* @__PURE__ */ e(l, { items: r, mode: "multiple" }) }),
-  /* @__PURE__ */ e("div", { className: i.contentMobile, children: /* @__PURE__ */ e(l, { items: r, mode: "multiple" }) })
-] }) });
-export {
-  p as FAQ
-};

package/dist/modules/FAQ/faq.module.css.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="faq-module__root___Ywlru",e="faq-module__container___gsAKV",t="faq-module__header___3ZkST",n="faq-module__buttonWrapperDesktop___fHoTf",_="faq-module__buttonWrapperMobile___PRPQR",r="faq-module__contentDesktop___7Lor2",a="faq-module__contentMobile___4T04V",p={root:o,container:e,header:t,buttonWrapperDesktop:n,buttonWrapperMobile:_,contentDesktop:r,contentMobile:a};exports.buttonWrapperDesktop=n;exports.buttonWrapperMobile=_;exports.container=e;exports.contentDesktop=r;exports.contentMobile=a;exports.default=p;exports.header=t;exports.root=o;