@zenpatient-org/healthspan-marketing-ui 0.1.25 → 0.1.26

package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),T=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("./SlidingTabsGallery.module.css.cjs.js"),v=require("../../utils/cn/cn.cjs.js");;/* empty css                          */;/* empty css                           */;/* empty css                            */;/* empty css                          */;/* empty css                            */const N=require("../../styles/typography.module.css.cjs.js"),R=require("../../components/Icon/Icon.cjs.js"),y=require("../../node_modules/gsap/index.cjs.js"),p=require("../../node_modules/gsap/Flip.cjs.js"),b=require("../../node_modules/@gsap/react/src/index.cjs.js"),x=require("../../components/Typography/Typography.cjs.js");y.gsap.registerPlugin(p.Flip);const C=({title:q,tabs:o})=>{const s=f.useRef(null),a=f.useRef(null),[c,g]=f.useState(o[0]);b.useGSAP(()=>{const i=s.current,r=a.current,u=n=>{if(i&&r&&n){const m=r.getBoundingClientRect(),h=n.getBoundingClientRect();y.gsap.set(i,{left:h.left-m.left,top:h.top-m.top,width:h.width,height:h.height})}};if(r&&r.children.length>1){const n=r.children[1];n&&u(n)}let l;const d=()=>{clearTimeout(l),l=setTimeout(()=>{if(i&&r&&r.children.length>1&&o.length>0){const n=r.children[1];n&&(u(n),g(o[0]))}},250)};return window.addEventListener("resize",d),()=>{clearTimeout(l),window.removeEventListener("resize",d)}},{dependencies:[o,g],scope:a});const j=(i,r)=>{if(i===c)return;const u=p.Flip.getState(s.current);if(g(i),s.current&&a.current&&a.current.children.length>r+1){const l=a.current.children[r+1];if(l){const d=a.current.getBoundingClientRect(),n=l.getBoundingClientRect();s.current.style.left=`${n.left-d.left}px`,s.current.style.top=`${n.top-d.top}px`,s.current.style.width=`${n.width}px`,s.current.style.height=`${n.height}px`}}p.Flip.from(u,{targets:s.current,duration:.3,ease:"power1.inOut"})};return e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(T.HighlightedTitle,{as:"div",title:q,className:t.default.header,colorScheme:"dark"}),e.jsxs("div",{className:t.default.content,children:[c.image&&e.jsx("div",{className:t.default.imageWrap,children:e.jsx("img",{src:c.image,alt:"Total Care",className:t.default.image})}),e.jsx("div",{className:t.default.tabsContainer,children:e.jsxs("div",{ref:a,className:t.default.tabs,children:[e.jsx("div",{ref:s,id:"marker",className:t.default.marker}),o.map((i,r)=>e.jsxs("button",{className:v.cn(t.default.tab,{[t.default.active]:c===i}),onClick:()=>j(i,r),children:[i.icon&&e.jsx(x.Typography,{defaultVariant:"displayMd",className:t.default.icon,children:e.jsx(R.Icon,{name:i.icon})}),e.jsx(x.Typography,{defaultVariant:"displayMd",className:N.default.headingXs,children:i.label})]},i.label))]})}),c.description&&e.jsx("div",{className:t.default.description,children:e.jsx(T.HighlightedTitle,{as:"div",defaultVariant:"headingXs",className:t.default.descriptionText,title:c.description,colorScheme:"dark"})})]})]})})};exports.SlidingTabsGallery=C;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),x=require("../../node_modules/gsap/index.cjs.js"),p=require("../../node_modules/gsap/Flip.cjs.js"),R=require("../../node_modules/@gsap/react/src/index.cjs.js"),q=require("../../pageComponents/Bubbles/Bubbles.cjs.js"),C=require("../../pageComponents/Gradient/Gradient.cjs.js"),T=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),_=require("../../utils/cn/cn.cjs.js"),b=require("../../components/Typography/Typography.cjs.js"),B=require("../../components/Icon/Icon.cjs.js"),t=require("./SlidingTabsGallery.module.css.cjs.js");x.gsap.registerPlugin(p.Flip);const S=({title:y,tabs:o,withBubbles:j,withGradient:v})=>{const s=f.useRef(null),a=f.useRef(null),[l,h]=f.useState(o[0]);R.useGSAP(()=>{const i=s.current,n=a.current,u=r=>{if(i&&n&&r){const m=n.getBoundingClientRect(),g=r.getBoundingClientRect();x.gsap.set(i,{left:g.left-m.left,top:g.top-m.top,width:g.width,height:g.height})}};if(n&&n.children.length>1){const r=n.children[1];r&&u(r)}let c;const d=()=>{clearTimeout(c),c=setTimeout(()=>{if(i&&n&&n.children.length>1&&o.length>0){const r=n.children[1];r&&(u(r),h(o[0]))}},250)};return window.addEventListener("resize",d),()=>{clearTimeout(c),window.removeEventListener("resize",d)}},{dependencies:[o,h],scope:a});const N=(i,n)=>{if(i===l)return;const u=p.Flip.getState(s.current);if(h(i),s.current&&a.current&&a.current.children.length>n+1){const c=a.current.children[n+1];if(c){const d=a.current.getBoundingClientRect(),r=c.getBoundingClientRect();s.current.style.left=`${r.left-d.left}px`,s.current.style.top=`${r.top-d.top}px`,s.current.style.width=`${r.width}px`,s.current.style.height=`${r.height}px`}}p.Flip.from(u,{targets:s.current,duration:.3,ease:"power1.inOut"})};return e.jsxs("section",{className:t.default.root,children:[j&&e.jsx(q.Bubbles,{className:t.default.bubbles}),e.jsxs("div",{className:t.default.container,children:[e.jsx(T.HighlightedTitle,{as:"div",title:y,className:t.default.header,colorScheme:"dark"}),e.jsxs("div",{className:t.default.content,children:[l.image&&e.jsx("div",{className:t.default.imageWrap,children:e.jsx("img",{src:l.image,alt:"Total Care",className:t.default.image})}),e.jsx("div",{className:t.default.tabsContainer,children:e.jsxs("div",{ref:a,className:t.default.tabs,children:[e.jsx("div",{ref:s,id:"marker",className:t.default.marker}),o.map((i,n)=>e.jsxs("button",{className:_.cn(t.default.tab,{[t.default.active]:l===i}),onClick:()=>N(i,n),children:[i.icon&&e.jsx(b.Typography,{defaultVariant:"displayMd",className:t.default.icon,children:e.jsx(B.Icon,{name:i.icon})}),e.jsx(b.Typography,{defaultVariant:"headingXs",children:i.label})]},i.label))]})}),l.description&&e.jsx("div",{className:t.default.description,children:e.jsx(T.HighlightedTitle,{as:"div",defaultVariant:"headingXs",mobileVariant:"bodyMd",className:t.default.descriptionText,title:l.description,colorScheme:"dark"})})]})]}),v&&e.jsx(C.Gradient,{variant:"blue"})]})};exports.SlidingTabsGallery=S;

package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.d.ts

@@ -3,7 +3,8 @@ import { TContentTab } from '../../components/ContentTabs';
 
 export type SlidingTabsGalleryProps = {
     title: ReactNode;
-    label: string;
     tabs: ReadonlyArray<TContentTab>;
+    withBubbles?: boolean;
+    withGradient?: boolean;
 };
-export declare const SlidingTabsGallery: ({ title, tabs }: SlidingTabsGalleryProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SlidingTabsGallery: ({ title, tabs, withBubbles, withGradient }: SlidingTabsGalleryProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.es.js

@@ -1,102 +1,106 @@
 "use client";
-import { jsx as n, jsxs as h } from "react/jsx-runtime";
-import { useRef as T, useState as k } from "react";
-import { HighlightedTitle as v } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import e from "./SlidingTabsGallery.module.css.es.js";
-import { cn as w } from "../../utils/cn/cn.es.js";
-/* empty css                        */
-/* empty css                         */
-/* empty css                          */
-/* empty css                        */
-/* empty css                          */
-import S from "../../styles/typography.module.css.es.js";
-import { Icon as b } from "../../components/Icon/Icon.es.js";
-import { gsap as y } from "../../node_modules/gsap/index.es.js";
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useRef as v, useState as w } from "react";
+import { gsap as N } from "../../node_modules/gsap/index.es.js";
 import { Flip as f } from "../../node_modules/gsap/Flip.es.js";
-import { useGSAP as x } from "../../node_modules/@gsap/react/src/index.es.js";
-import { Typography as N } from "../../components/Typography/Typography.es.js";
-y.registerPlugin(f);
-const O = ({ title: C, tabs: l }) => {
-  const o = T(null), c = T(null), [s, u] = k(l[0]);
-  x(() => {
-    const t = o.current, r = c.current, m = (i) => {
-      if (t && r && i) {
-        const g = r.getBoundingClientRect(), p = i.getBoundingClientRect();
-        y.set(t, {
-          left: p.left - g.left,
-          top: p.top - g.top,
-          width: p.width,
-          height: p.height
-        });
-      }
-    };
-    if (r && r.children.length > 1) {
-      const i = r.children[1];
-      i && m(i);
-    }
-    let a;
-    const d = () => {
-      clearTimeout(a), a = setTimeout(() => {
-        if (t && r && r.children.length > 1 && l.length > 0) {
-          const i = r.children[1];
-          i && (m(i), u(l[0]));
+import { useGSAP as B } from "../../node_modules/@gsap/react/src/index.es.js";
+import { Bubbles as S } from "../../pageComponents/Bubbles/Bubbles.es.js";
+import { Gradient as x } from "../../pageComponents/Gradient/Gradient.es.js";
+import { HighlightedTitle as T } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { cn as z } from "../../utils/cn/cn.es.js";
+import { Typography as b } from "../../components/Typography/Typography.es.js";
+import { Icon as V } from "../../components/Icon/Icon.es.js";
+import e from "./SlidingTabsGallery.module.css.es.js";
+N.registerPlugin(f);
+const I = ({ title: C, tabs: l, withBubbles: R, withGradient: y }) => {
+  const a = v(null), c = v(null), [o, p] = w(l[0]);
+  B(
+    () => {
+      const t = a.current, r = c.current, u = (i) => {
+        if (t && r && i) {
+          const g = r.getBoundingClientRect(), h = i.getBoundingClientRect();
+          N.set(t, {
+            left: h.left - g.left,
+            top: h.top - g.top,
+            width: h.width,
+            height: h.height
+          });
         }
-      }, 250);
-    };
-    return window.addEventListener("resize", d), () => {
-      clearTimeout(a), window.removeEventListener("resize", d);
-    };
-  }, { dependencies: [l, u], scope: c });
-  const R = (t, r) => {
-    if (t === s) return;
-    const m = f.getState(o.current);
-    if (u(t), o.current && c.current && c.current.children.length > r + 1) {
-      const a = c.current.children[r + 1];
-      if (a) {
-        const d = c.current.getBoundingClientRect(), i = a.getBoundingClientRect();
-        o.current.style.left = `${i.left - d.left}px`, o.current.style.top = `${i.top - d.top}px`, o.current.style.width = `${i.width}px`, o.current.style.height = `${i.height}px`;
+      };
+      if (r && r.children.length > 1) {
+        const i = r.children[1];
+        i && u(i);
+      }
+      let s;
+      const d = () => {
+        clearTimeout(s), s = setTimeout(() => {
+          if (t && r && r.children.length > 1 && l.length > 0) {
+            const i = r.children[1];
+            i && (u(i), p(l[0]));
+          }
+        }, 250);
+      };
+      return window.addEventListener("resize", d), () => {
+        clearTimeout(s), window.removeEventListener("resize", d);
+      };
+    },
+    { dependencies: [l, p], scope: c }
+  );
+  const k = (t, r) => {
+    if (t === o) return;
+    const u = f.getState(a.current);
+    if (p(t), a.current && c.current && c.current.children.length > r + 1) {
+      const s = c.current.children[r + 1];
+      if (s) {
+        const d = c.current.getBoundingClientRect(), i = s.getBoundingClientRect();
+        a.current.style.left = `${i.left - d.left}px`, a.current.style.top = `${i.top - d.top}px`, a.current.style.width = `${i.width}px`, a.current.style.height = `${i.height}px`;
       }
     }
-    f.from(m, {
-      targets: o.current,
+    f.from(u, {
+      targets: a.current,
       duration: 0.3,
       ease: "power1.inOut"
     });
   };
-  return /* @__PURE__ */ n("section", { className: e.root, children: /* @__PURE__ */ h("div", { className: e.container, children: [
-    /* @__PURE__ */ n(v, { as: "div", title: C, className: e.header, colorScheme: "dark" }),
-    /* @__PURE__ */ h("div", { className: e.content, children: [
-      s.image && /* @__PURE__ */ n("div", { className: e.imageWrap, children: /* @__PURE__ */ n("img", { src: s.image, alt: "Total Care", className: e.image }) }),
-      /* @__PURE__ */ n("div", { className: e.tabsContainer, children: /* @__PURE__ */ h("div", { ref: c, className: e.tabs, children: [
-        /* @__PURE__ */ n("div", { ref: o, id: "marker", className: e.marker }),
-        l.map((t, r) => /* @__PURE__ */ h(
-          "button",
+  return /* @__PURE__ */ m("section", { className: e.root, children: [
+    R && /* @__PURE__ */ n(S, { className: e.bubbles }),
+    /* @__PURE__ */ m("div", { className: e.container, children: [
+      /* @__PURE__ */ n(T, { as: "div", title: C, className: e.header, colorScheme: "dark" }),
+      /* @__PURE__ */ m("div", { className: e.content, children: [
+        o.image && /* @__PURE__ */ n("div", { className: e.imageWrap, children: /* @__PURE__ */ n("img", { src: o.image, alt: "Total Care", className: e.image }) }),
+        /* @__PURE__ */ n("div", { className: e.tabsContainer, children: /* @__PURE__ */ m("div", { ref: c, className: e.tabs, children: [
+          /* @__PURE__ */ n("div", { ref: a, id: "marker", className: e.marker }),
+          l.map((t, r) => /* @__PURE__ */ m(
+            "button",
+            {
+              className: z(e.tab, {
+                [e.active]: o === t
+              }),
+              onClick: () => k(t, r),
+              children: [
+                t.icon && /* @__PURE__ */ n(b, { defaultVariant: "displayMd", className: e.icon, children: /* @__PURE__ */ n(V, { name: t.icon }) }),
+                /* @__PURE__ */ n(b, { defaultVariant: "headingXs", children: t.label })
+              ]
+            },
+            t.label
+          ))
+        ] }) }),
+        o.description && /* @__PURE__ */ n("div", { className: e.description, children: /* @__PURE__ */ n(
+          T,
           {
-            className: w(e.tab, {
-              [e.active]: s === t
-            }),
-            onClick: () => R(t, r),
-            children: [
-              t.icon && /* @__PURE__ */ n(N, { defaultVariant: "displayMd", className: e.icon, children: /* @__PURE__ */ n(b, { name: t.icon }) }),
-              /* @__PURE__ */ n(N, { defaultVariant: "displayMd", className: S.headingXs, children: t.label })
-            ]
-          },
-          t.label
-        ))
-      ] }) }),
-      s.description && /* @__PURE__ */ n("div", { className: e.description, children: /* @__PURE__ */ n(
-        v,
-        {
-          as: "div",
-          defaultVariant: "headingXs",
-          className: e.descriptionText,
-          title: s.description,
-          colorScheme: "dark"
-        }
-      ) })
-    ] })
-  ] }) });
+            as: "div",
+            defaultVariant: "headingXs",
+            mobileVariant: "bodyMd",
+            className: e.descriptionText,
+            title: o.description,
+            colorScheme: "dark"
+          }
+        ) })
+      ] })
+    ] }),
+    y && /* @__PURE__ */ n(x, { variant: "blue" })
+  ] });
 };
 export {
-  O as SlidingTabsGallery
+  I as SlidingTabsGallery
 };

package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="SlidingTabsGallery-module__root___BsvYn",a="SlidingTabsGallery-module__container___vP0rd",t="SlidingTabsGallery-module__header___eJQXu",_="SlidingTabsGallery-module__content___jjd1o",l="SlidingTabsGallery-module__tabsContainer___Se1lx",i="SlidingTabsGallery-module__tabs___ZEKrF",n="SlidingTabsGallery-module__tab___Ztklx",o="SlidingTabsGallery-module__active___XatLw",r="SlidingTabsGallery-module__marker___c5lgj",s="SlidingTabsGallery-module__imageWrap___OWtqZ",d="SlidingTabsGallery-module__description___JBoEm",c="SlidingTabsGallery-module__image___E02Sh",b={root:e,container:a,header:t,content:_,tabsContainer:l,tabs:i,tab:n,active:o,marker:r,imageWrap:s,description:d,image:c};exports.active=o;exports.container=a;exports.content=_;exports.default=b;exports.description=d;exports.header=t;exports.image=c;exports.imageWrap=s;exports.marker=r;exports.root=e;exports.tab=n;exports.tabs=i;exports.tabsContainer=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="SlidingTabsGallery-module__root___BsvYn",a="SlidingTabsGallery-module__bubbles___XumkJ",_="SlidingTabsGallery-module__container___vP0rd",l="SlidingTabsGallery-module__header___eJQXu",t="SlidingTabsGallery-module__content___jjd1o",i="SlidingTabsGallery-module__tabsContainer___Se1lx",n="SlidingTabsGallery-module__tabs___ZEKrF",o="SlidingTabsGallery-module__tab___Ztklx",r="SlidingTabsGallery-module__active___XatLw",s="SlidingTabsGallery-module__marker___c5lgj",d="SlidingTabsGallery-module__imageWrap___OWtqZ",b="SlidingTabsGallery-module__description___JBoEm",c="SlidingTabsGallery-module__image___E02Sh",m={root:e,bubbles:a,container:_,header:l,content:t,tabsContainer:i,tabs:n,tab:o,active:r,marker:s,imageWrap:d,description:b,image:c};exports.active=r;exports.bubbles=a;exports.container=_;exports.content=t;exports.default=m;exports.description=b;exports.header=l;exports.image=c;exports.imageWrap=d;exports.marker=s;exports.root=e;exports.tab=o;exports.tabs=n;exports.tabsContainer=i;

package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.module.css.es.js

@@ -1,29 +1,31 @@
-const a = "SlidingTabsGallery-module__root___BsvYn", _ = "SlidingTabsGallery-module__container___vP0rd", e = "SlidingTabsGallery-module__header___eJQXu", l = "SlidingTabsGallery-module__content___jjd1o", t = "SlidingTabsGallery-module__tabsContainer___Se1lx", n = "SlidingTabsGallery-module__tabs___ZEKrF", o = "SlidingTabsGallery-module__tab___Ztklx", i = "SlidingTabsGallery-module__active___XatLw", r = "SlidingTabsGallery-module__marker___c5lgj", s = "SlidingTabsGallery-module__imageWrap___OWtqZ", d = "SlidingTabsGallery-module__description___JBoEm", c = "SlidingTabsGallery-module__image___E02Sh", m = {
-  root: a,
-  container: _,
-  header: e,
-  content: l,
-  tabsContainer: t,
-  tabs: n,
-  tab: o,
-  active: i,
+const _ = "SlidingTabsGallery-module__root___BsvYn", e = "SlidingTabsGallery-module__bubbles___XumkJ", a = "SlidingTabsGallery-module__container___vP0rd", l = "SlidingTabsGallery-module__header___eJQXu", t = "SlidingTabsGallery-module__content___jjd1o", n = "SlidingTabsGallery-module__tabsContainer___Se1lx", o = "SlidingTabsGallery-module__tabs___ZEKrF", i = "SlidingTabsGallery-module__tab___Ztklx", s = "SlidingTabsGallery-module__active___XatLw", r = "SlidingTabsGallery-module__marker___c5lgj", d = "SlidingTabsGallery-module__imageWrap___OWtqZ", b = "SlidingTabsGallery-module__description___JBoEm", c = "SlidingTabsGallery-module__image___E02Sh", m = {
+  root: _,
+  bubbles: e,
+  container: a,
+  header: l,
+  content: t,
+  tabsContainer: n,
+  tabs: o,
+  tab: i,
+  active: s,
   marker: r,
-  imageWrap: s,
-  description: d,
+  imageWrap: d,
+  description: b,
   image: c
 };
 export {
-  i as active,
-  _ as container,
-  l as content,
+  s as active,
+  e as bubbles,
+  a as container,
+  t as content,
   m as default,
-  d as description,
-  e as header,
+  b as description,
+  l as header,
   c as image,
-  s as imageWrap,
+  d as imageWrap,
   r as marker,
-  a as root,
-  o as tab,
-  n as tabs,
-  t as tabsContainer
+  _ as root,
+  i as tab,
+  o as tabs,
+  n as tabsContainer
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("../../node_modules/swiper/modules/navigation.cjs.js"),d=require("../../node_modules/swiper/swiper-react.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const c=require("../../components/ProgressButton/ProgressButton.cjs.js"),f=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),q=require("../../components/Typography/Typography.cjs.js"),C=require("../../components/RatingStars/RatingStars.cjs.js"),k=require("../../utils/useSwiper/useSwiper.cjs.js"),w=require("./components/VideoCard/VideoCard.cjs.js"),N=require("./components/TextCard/TextCard.cjs.js"),i=require("./testimonial.module.css.cjs.js"),R=[j.default],_=({title:u,rating:a,reviews:g})=>{const{isEnd:n,isBeginning:r,hideNav:t,handleSlideChange:h,handlePrevClick:l,handleNextClick:o,onSwiperInit:p,handleSwiperResize:m,handleReachEnd:S,handleReachBeginning:x}=k.useSwiper();return e.jsxs("section",{className:i.default.root,children:[e.jsxs("div",{className:i.default.headerContainer,children:[a&&e.jsxs("div",{className:i.default.ratingContainer,children:[e.jsx(C.RatingStars,{rating:a.stars}),e.jsxs(q.Typography,{as:"p",defaultVariant:"labelLg",mobileVariant:"labelSm",emphasis:!0,children:[a.totalReviews,"+ member reviews"]})]}),e.jsxs("div",{className:i.default.headerRow,children:[e.jsx(f.HighlightedTitle,{title:u,colorScheme:"light"}),!t&&e.jsx("div",{className:i.default.desktopNavigation,children:e.jsx(c.ProgressButton,{left:{disabled:r,onClick:l},right:{disabled:n,onClick:o}})})]})]}),e.jsx("div",{className:i.default.content,children:e.jsx(d.Swiper,{onSwiper:p,onResize:m,onSlideChange:h,onReachEnd:S,onReachBeginning:x,modules:R,spaceBetween:0,slidesPerView:"auto",className:i.default.swiper,wrapperClass:i.default.swiperWrapper,children:g.map((s,b)=>e.jsx(d.SwiperSlide,{className:i.default.swiperSlide,children:s.background.type==="video"?e.jsx(w.VideoCard,{...s,background:s.background}):e.jsx(N.TextCard,{...s,background:s.background})},`${s.background.type}_${b}`))})}),!t&&e.jsx("div",{className:i.default.mobileNavigation,children:e.jsx(c.ProgressButton,{left:{disabled:r,onClick:l},right:{disabled:n,onClick:o}})})]})};exports.Testimonial=_;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("../../node_modules/swiper/modules/navigation.cjs.js"),d=require("../../node_modules/swiper/swiper-react.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const c=require("../../components/ProgressButton/ProgressButton.cjs.js"),f=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),q=require("../../components/Typography/Typography.cjs.js"),C=require("../../components/RatingStars/RatingStars.cjs.js"),w=require("../../utils/useSwiper/useSwiper.cjs.js"),R=require("./components/VideoCard/VideoCard.cjs.js"),k=require("./components/TextCard/TextCard.cjs.js"),i=require("./testimonial.module.css.cjs.js"),N=[j.default],_=({title:u,rating:a,reviews:h})=>{const{isEnd:r,isBeginning:n,hideNav:t,handleSlideChange:g,handlePrevClick:l,handleNextClick:o,onSwiperInit:p,handleSwiperResize:m,handleReachEnd:S,handleReachBeginning:x}=w.useSwiper();return e.jsxs("section",{className:i.default.root,children:[e.jsxs("div",{className:i.default.headerContainer,children:[a&&e.jsxs("div",{className:i.default.ratingContainer,children:[!!a.stars&&e.jsx(C.RatingStars,{rating:a.stars}),!!a.totalReviews&&e.jsxs(q.Typography,{as:"p",defaultVariant:"labelLg",mobileVariant:"labelSm",emphasis:!0,children:[a.totalReviews,"+ member reviews"]})]}),e.jsxs("div",{className:i.default.headerRow,children:[e.jsx(f.HighlightedTitle,{title:u,colorScheme:"light"}),!t&&e.jsx("div",{className:i.default.desktopNavigation,children:e.jsx(c.ProgressButton,{left:{disabled:n,onClick:l},right:{disabled:r,onClick:o}})})]})]}),e.jsx("div",{className:i.default.content,children:e.jsx(d.Swiper,{onSwiper:p,onResize:m,onSlideChange:g,onReachEnd:S,onReachBeginning:x,modules:N,spaceBetween:0,slidesPerView:"auto",className:i.default.swiper,wrapperClass:i.default.swiperWrapper,children:h.map((s,b)=>e.jsx(d.SwiperSlide,{className:i.default.swiperSlide,children:s.background.type==="video"?e.jsx(R.VideoCard,{...s,background:s.background}):e.jsx(k.TextCard,{...s,background:s.background})},`${s.background.type}_${b}`))})}),!t&&e.jsx("div",{className:i.default.mobileNavigation,children:e.jsx(c.ProgressButton,{left:{disabled:n,onClick:l},right:{disabled:r,onClick:o}})})]})};exports.Testimonial=_;

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

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import N from "../../node_modules/swiper/modules/navigation.es.js";
 import { Swiper as k, SwiperSlide as C } from "../../node_modules/swiper/swiper-react.es.js";
 /* empty css                                      */
@@ -13,11 +13,11 @@ import { useSwiper as x } from "../../utils/useSwiper/useSwiper.es.js";
 import { VideoCard as y } from "./components/VideoCard/VideoCard.es.js";
 import { TextCard as B } from "./components/TextCard/TextCard.es.js";
 import i from "./testimonial.module.css.es.js";
-const E = [N], U = ({ title: m, rating: o, reviews: p }) => {
+const E = [N], U = ({ title: m, rating: r, reviews: p }) => {
   const {
     isEnd: n,
-    isBeginning: l,
-    hideNav: s,
+    isBeginning: s,
+    hideNav: l,
     handleSlideChange: h,
     handlePrevClick: t,
     handleNextClick: d,
@@ -26,22 +26,22 @@ const E = [N], U = ({ title: m, rating: o, reviews: p }) => {
     handleReachEnd: S,
     handleReachBeginning: f
   } = x();
-  return /* @__PURE__ */ r("section", { className: i.root, children: [
-    /* @__PURE__ */ r("div", { className: i.headerContainer, children: [
-      o && /* @__PURE__ */ r("div", { className: i.ratingContainer, children: [
-        /* @__PURE__ */ e(v, { rating: o.stars }),
-        /* @__PURE__ */ r(R, { as: "p", defaultVariant: "labelLg", mobileVariant: "labelSm", emphasis: !0, children: [
-          o.totalReviews,
+  return /* @__PURE__ */ o("section", { className: i.root, children: [
+    /* @__PURE__ */ o("div", { className: i.headerContainer, children: [
+      r && /* @__PURE__ */ o("div", { className: i.ratingContainer, children: [
+        !!r.stars && /* @__PURE__ */ e(v, { rating: r.stars }),
+        !!r.totalReviews && /* @__PURE__ */ o(R, { as: "p", defaultVariant: "labelLg", mobileVariant: "labelSm", emphasis: !0, children: [
+          r.totalReviews,
           "+ member reviews"
         ] })
       ] }),
-      /* @__PURE__ */ r("div", { className: i.headerRow, children: [
+      /* @__PURE__ */ o("div", { className: i.headerRow, children: [
         /* @__PURE__ */ e(w, { title: m, colorScheme: "light" }),
-        !s && /* @__PURE__ */ e("div", { className: i.desktopNavigation, children: /* @__PURE__ */ e(
+        !l && /* @__PURE__ */ e("div", { className: i.desktopNavigation, children: /* @__PURE__ */ e(
           c,
           {
             left: {
-              disabled: l,
+              disabled: s,
               onClick: t
             },
             right: {
@@ -68,11 +68,11 @@ const E = [N], U = ({ title: m, rating: o, reviews: p }) => {
         children: p.map((a, u) => /* @__PURE__ */ e(C, { className: i.swiperSlide, children: a.background.type === "video" ? /* @__PURE__ */ e(y, { ...a, background: a.background }) : /* @__PURE__ */ e(B, { ...a, background: a.background }) }, `${a.background.type}_${u}`))
       }
     ) }),
-    !s && /* @__PURE__ */ e("div", { className: i.mobileNavigation, children: /* @__PURE__ */ e(
+    !l && /* @__PURE__ */ e("div", { className: i.mobileNavigation, children: /* @__PURE__ */ e(
       c,
       {
         left: {
-          disabled: l,
+          disabled: s,
           onClick: t
         },
         right: {

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

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

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

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

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

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

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

@@ -1,32 +1,33 @@
 "use client";
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { useState as p, useRef as f, useEffect as d } 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 { 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 r from "./videoCard.module.css.es.js";
-const R = ({ product: i, review: c, background: u }) => {
-  const [e, o] = p(!1), t = f(null), l = f(null);
-  return d(() => {
-    const a = new IntersectionObserver(
-      ([s]) => {
-        !s.isIntersecting && e && o(!1);
+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(
+      ([o]) => {
+        !o.isIntersecting && e && l(!1);
       },
       { threshold: 0.2 }
     );
-    return l.current && a.observe(l.current), () => a.disconnect();
-  }, [e]), d(() => {
+    return m.current && i.observe(m.current), () => i.disconnect();
+  }, [e]), p(() => {
     !e && t.current && (t.current.pause(), t.current.currentTime = 0);
-  }, [e]), /* @__PURE__ */ m(
+  }, [e]), /* @__PURE__ */ c(
     "div",
     {
       className: r.root,
-      ref: l,
-      onClick: () => e ? o(!1) : void 0,
+      ref: m,
+      onClick: () => e ? l(!1) : void 0,
       style: { backgroundImage: `url(${u.preview})` },
       children: [
-        /* @__PURE__ */ m("div", { className: r.mediaContainer, children: [
+        /* @__PURE__ */ c("div", { className: r.mediaContainer, children: [
           /* @__PURE__ */ n(
             "video",
             {
@@ -36,27 +37,27 @@ const R = ({ product: i, review: c, background: u }) => {
               controls: !1,
               muted: !0,
               loop: !0,
-              className: v(r.media, !e && r.mediaHidden)
+              className: b(r.media, !e && r.mediaHidden)
             }
           ),
           !e && /* @__PURE__ */ n("div", { className: r.playButton, children: /* @__PURE__ */ n(
-            g,
+            y,
             {
-              onClick: (a) => {
-                var s;
-                a.stopPropagation(), (s = t.current) == null || s.play(), o(!0);
+              onClick: (i) => {
+                var o;
+                i.stopPropagation(), (o = t.current) == null || o.play(), l(!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 }),
-          i && /* @__PURE__ */ n(y, { image: i.image, name: i.name, link: i.link })
+        /* @__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 })
         ] })
       ]
     }
   );
 };
 export {
-  R as VideoCard
+  V as VideoCard
 };

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

@@ -9,11 +9,12 @@ type TBackground = {
 export type RichReviewCard = {
     background: TBackground;
     review: {
-        title: string;
-        description: string;
-        author: {
+        title?: string;
+        description?: string;
+        author?: {
             name?: string;
             username?: string;
+            link?: string;
         };
         stars?: number;
     };

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

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

package/dist/pageComponents/Bubbles/Bubbles.d.ts

@@ -0,0 +1,3 @@
+export declare const Bubbles: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;