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

package/dist/modules/Reviews/Reviews.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../components/Typography/Typography.cjs.js"),o=require("../../components/RatingStars/RatingStars.cjs.js"),c=require("../../components/Pagination/Pagination.cjs.js"),u=require("./components/ReviewList/ReviewList.cjs.js"),s=require("./reviews.module.css.cjs.js"),h=({rating:a,reviews:d,page:t,pagesCount:l,isLoading:r,onPageChange:n})=>e.jsx("section",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.headerContainer,children:[e.jsx(i.Typography,{as:"h2",defaultVariant:"displaySm",mobileVariant:"headingXl",children:"Reviews"}),!!(a!=null&&a.stars)&&e.jsxs("div",{className:s.default.headerRow,children:[e.jsxs(i.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",children:[a.stars,"/5"]}),e.jsx(o.RatingStars,{rating:a.stars,size:"lg"}),!!a.totalReviews&&e.jsxs(i.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,weight:"regular",children:[a.totalReviews," reviews"]})]})]}),e.jsxs("div",{className:s.default.reviewsContainer,children:[r?e.jsxs("div",{className:s.default.loadingContainer,children:[e.jsx("div",{className:s.default.skeleton}),e.jsx("div",{className:s.default.skeleton}),e.jsx("div",{className:s.default.skeleton})]}):e.jsx(u.ReviewList,{reviews:d,page:t,pagesCount:l,onPageChange:n}),e.jsx("div",{className:s.default.pagination,children:e.jsx(c.Pagination,{page:t,pagesCount:l,visiblePagesLimit:3,disabled:r,onPageChange:n})})]})]})});exports.Reviews=h;

package/dist/modules/Reviews/Reviews.d.ts

@@ -0,0 +1,15 @@
+import { TReviewCard } from './types';
+
+type ReviewsProps = {
+    rating?: {
+        stars?: number;
+        totalReviews?: number;
+    };
+    reviews: Array<TReviewCard>;
+    page: number;
+    pagesCount: number;
+    isLoading?: boolean;
+    onPageChange: (page: number) => void;
+};
+export declare const Reviews: ({ rating, reviews, page, pagesCount, isLoading, onPageChange }: ReviewsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/Reviews/Reviews.es.js

@@ -0,0 +1,42 @@
+import { jsx as i, jsxs as s } from "react/jsx-runtime";
+import { Typography as l } from "../../components/Typography/Typography.es.js";
+import { RatingStars as n } from "../../components/RatingStars/RatingStars.es.js";
+import { Pagination as c } from "../../components/Pagination/Pagination.es.js";
+import { ReviewList as h } from "./components/ReviewList/ReviewList.es.js";
+import e from "./reviews.module.css.es.js";
+const b = ({ rating: a, reviews: m, page: r, pagesCount: t, isLoading: d, onPageChange: o }) => /* @__PURE__ */ i("section", { className: e.root, children: /* @__PURE__ */ s("div", { className: e.container, children: [
+  /* @__PURE__ */ s("div", { className: e.headerContainer, children: [
+    /* @__PURE__ */ i(l, { as: "h2", defaultVariant: "displaySm", mobileVariant: "headingXl", children: "Reviews" }),
+    !!(a != null && a.stars) && /* @__PURE__ */ s("div", { className: e.headerRow, children: [
+      /* @__PURE__ */ s(l, { defaultVariant: "headingLg", mobileVariant: "headingSm", children: [
+        a.stars,
+        "/5"
+      ] }),
+      /* @__PURE__ */ i(n, { rating: a.stars, size: "lg" }),
+      !!a.totalReviews && /* @__PURE__ */ s(l, { as: "p", defaultVariant: "labelSm", emphasis: !0, weight: "regular", children: [
+        a.totalReviews,
+        " reviews"
+      ] })
+    ] })
+  ] }),
+  /* @__PURE__ */ s("div", { className: e.reviewsContainer, children: [
+    d ? /* @__PURE__ */ s("div", { className: e.loadingContainer, children: [
+      /* @__PURE__ */ i("div", { className: e.skeleton }),
+      /* @__PURE__ */ i("div", { className: e.skeleton }),
+      /* @__PURE__ */ i("div", { className: e.skeleton })
+    ] }) : /* @__PURE__ */ i(h, { reviews: m, page: r, pagesCount: t, onPageChange: o }),
+    /* @__PURE__ */ i("div", { className: e.pagination, children: /* @__PURE__ */ i(
+      c,
+      {
+        page: r,
+        pagesCount: t,
+        visiblePagesLimit: 3,
+        disabled: d,
+        onPageChange: o
+      }
+    ) })
+  ] })
+] }) });
+export {
+  b as Reviews
+};

package/dist/modules/Reviews/components/ReviewCard/ReviewCard.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"),s=require("../../../../components/RatingStars/RatingStars.cjs.js"),t=require("./reviewCard.module.css.cjs.js"),i=({review:e})=>a.jsxs("div",{className:t.default.root,children:[a.jsxs("div",{className:t.default.authorContainer,children:[a.jsx(r.Typography,{as:"p",defaultVariant:"bodyMd",emphasis:!0,className:t.default.author,children:e.author}),!!e.stars&&a.jsx(s.RatingStars,{rating:e.stars,size:"sm"})]}),a.jsxs("div",{className:t.default.content,children:[a.jsx(r.Typography,{as:"h3",defaultVariant:"bodyXl",mobileVariant:"bodyMd",emphasis:!0,children:e.title}),a.jsx(r.Typography,{as:"p",defaultVariant:"bodyMd",children:e.description})]})]});exports.ReviewCard=i;

package/dist/modules/Reviews/components/ReviewCard/ReviewCard.d.ts

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

package/dist/modules/Reviews/components/ReviewCard/ReviewCard.es.js

@@ -0,0 +1,17 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { Typography as i } from "../../../../components/Typography/Typography.es.js";
+import { RatingStars as o } from "../../../../components/RatingStars/RatingStars.es.js";
+import r from "./reviewCard.module.css.es.js";
+const m = ({ review: a }) => /* @__PURE__ */ s("div", { className: r.root, children: [
+  /* @__PURE__ */ s("div", { className: r.authorContainer, children: [
+    /* @__PURE__ */ t(i, { as: "p", defaultVariant: "bodyMd", emphasis: !0, className: r.author, children: a.author }),
+    !!a.stars && /* @__PURE__ */ t(o, { rating: a.stars, size: "sm" })
+  ] }),
+  /* @__PURE__ */ s("div", { className: r.content, children: [
+    /* @__PURE__ */ t(i, { as: "h3", defaultVariant: "bodyXl", mobileVariant: "bodyMd", emphasis: !0, children: a.title }),
+    /* @__PURE__ */ t(i, { as: "p", defaultVariant: "bodyMd", children: a.description })
+  ] })
+] });
+export {
+  m as ReviewCard
+};

package/dist/modules/Reviews/components/ReviewCard/index.d.ts

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

package/dist/modules/Reviews/components/ReviewCard/reviewCard.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="reviewCard-module__root___ZfiJk",t="reviewCard-module__authorContainer___wbHrO",e="reviewCard-module__author___4DMyn",r="reviewCard-module__content___uqI8K",n={root:o,authorContainer:t,author:e,content:r};exports.author=e;exports.authorContainer=t;exports.content=r;exports.default=n;exports.root=o;

package/dist/modules/Reviews/components/ReviewCard/reviewCard.module.css.es.js

@@ -0,0 +1,13 @@
+const o = "reviewCard-module__root___ZfiJk", t = "reviewCard-module__authorContainer___wbHrO", r = "reviewCard-module__author___4DMyn", e = "reviewCard-module__content___uqI8K", _ = {
+  root: o,
+  authorContainer: t,
+  author: r,
+  content: e
+};
+export {
+  r as author,
+  t as authorContainer,
+  e as content,
+  _ as default,
+  o as root
+};

package/dist/modules/Reviews/components/ReviewList/ReviewList.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),a=require("../ReviewCard/ReviewCard.cjs.js"),f=require("./reviewList.module.css.cjs.js"),v=({reviews:l,page:t,pagesCount:u,onPageChange:n})=>{const r=i.useRef(null),d=e=>{r.current=e.touches[0].clientX},h=i.useCallback(e=>{if(r.current===null)return;const c=e.changedTouches[0].clientX-r.current,o=50;c>o&&t>1?n(t-1):c<-o&&(!u||t<u)&&n(t+1),r.current=null},[t,u,n]);return s.jsx("div",{className:f.default.root,onTouchStart:d,onTouchEnd:h,children:l.map(({review:e},c)=>s.jsx(a.ReviewCard,{review:e},`${e.author}_${c}`))})};exports.ReviewList=v;

package/dist/modules/Reviews/components/ReviewList/ReviewList.d.ts

@@ -0,0 +1,10 @@
+import { TReviewCard } from '../../types';
+
+type ReviewListProps = {
+    reviews: Array<TReviewCard>;
+    page: number;
+    pagesCount: number;
+    onPageChange: (page: number) => void;
+};
+export declare const ReviewList: ({ reviews, page, pagesCount, onPageChange }: ReviewListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/Reviews/components/ReviewList/ReviewList.es.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as u } from "react/jsx-runtime";
+import { useRef as d, useCallback as m } from "react";
+import { ReviewCard as f } from "../ReviewCard/ReviewCard.es.js";
+import T from "./reviewList.module.css.es.js";
+const v = ({ reviews: s, page: r, pagesCount: n, onPageChange: l }) => {
+  const c = d(null), i = (t) => {
+    c.current = t.touches[0].clientX;
+  }, h = m(
+    (t) => {
+      if (c.current === null) return;
+      const o = t.changedTouches[0].clientX - c.current, e = 50;
+      o > e && r > 1 ? l(r - 1) : o < -e && (!n || r < n) && l(r + 1), c.current = null;
+    },
+    [r, n, l]
+  );
+  return /* @__PURE__ */ u("div", { className: T.root, onTouchStart: i, onTouchEnd: h, children: s.map(({ review: t }, o) => /* @__PURE__ */ u(f, { review: t }, `${t.author}_${o}`)) });
+};
+export {
+  v as ReviewList
+};

package/dist/modules/Reviews/components/ReviewList/index.d.ts

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

package/dist/modules/Reviews/components/ReviewList/reviewList.module.css.cjs.js

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

package/dist/modules/Reviews/components/ReviewList/reviewList.module.css.es.js

@@ -0,0 +1,7 @@
+const o = "reviewList-module__root___UIExi", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

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

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

package/dist/modules/Reviews/reviews.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="reviews-module__root___1ZqJ6",o="reviews-module__container___QE-Af",n="reviews-module__headerContainer___GGw6i",t="reviews-module__headerRow___kpG8f",i="reviews-module__reviewsContainer___BHIYC",r="reviews-module__pagination___mWMay",a="reviews-module__loadingContainer___uJZ6c",_="reviews-module__skeleton___UaPlJ",s={root:e,container:o,headerContainer:n,headerRow:t,reviewsContainer:i,pagination:r,loadingContainer:a,skeleton:_};exports.container=o;exports.default=s;exports.headerContainer=n;exports.headerRow=t;exports.loadingContainer=a;exports.pagination=r;exports.reviewsContainer=i;exports.root=e;exports.skeleton=_;

package/dist/modules/Reviews/reviews.module.css.es.js

@@ -0,0 +1,21 @@
+const e = "reviews-module__root___1ZqJ6", o = "reviews-module__container___QE-Af", n = "reviews-module__headerContainer___GGw6i", _ = "reviews-module__headerRow___kpG8f", i = "reviews-module__reviewsContainer___BHIYC", r = "reviews-module__pagination___mWMay", t = "reviews-module__loadingContainer___uJZ6c", a = "reviews-module__skeleton___UaPlJ", s = {
+  root: e,
+  container: o,
+  headerContainer: n,
+  headerRow: _,
+  reviewsContainer: i,
+  pagination: r,
+  loadingContainer: t,
+  skeleton: a
+};
+export {
+  o as container,
+  s as default,
+  n as headerContainer,
+  _ as headerRow,
+  t as loadingContainer,
+  r as pagination,
+  i as reviewsContainer,
+  e as root,
+  a as skeleton
+};

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

@@ -0,0 +1,8 @@
+export type TReviewCard = {
+    review: {
+        title: string;
+        description: string;
+        author: string;
+        stars?: number;
+    };
+};

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"),y=require("../../node_modules/gsap/index.cjs.js"),p=require("../../node_modules/gsap/Flip.cjs.js"),N=require("../../node_modules/@gsap/react/src/index.cjs.js"),R=require("../../pageComponents/Bubbles/Bubbles.cjs.js"),q=require("../../pageComponents/Gradient/Gradient.cjs.js"),x=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),C=require("../../utils/cn/cn.cjs.js"),b=require("../../components/Typography/Typography.cjs.js"),_=require("../../components/Icon/Icon.cjs.js"),t=require("./SlidingTabsGallery.module.css.cjs.js");y.gsap.registerPlugin(p.Flip);const S=({title:j,tabs:o,withBubbles:m})=>{const s=f.useRef(null),a=f.useRef(null),[l,h]=f.useState(o[0]);N.useGSAP(()=>{const n=s.current,i=a.current,u=r=>{if(n&&i&&r){const T=i.getBoundingClientRect(),g=r.getBoundingClientRect();y.gsap.set(n,{left:g.left-T.left,top:g.top-T.top,width:g.width,height:g.height})}};if(i&&i.children.length>1){const r=i.children[1];r&&u(r)}let c;const d=()=>{clearTimeout(c),c=setTimeout(()=>{if(n&&i&&i.children.length>1&&o.length>0){const r=i.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 v=(n,i)=>{if(n===l)return;const u=p.Flip.getState(s.current);if(h(n),s.current&&a.current&&a.current.children.length>i+1){const c=a.current.children[i+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:[m&&e.jsx(R.Bubbles,{className:t.default.bubbles}),e.jsxs("div",{className:t.default.container,children:[e.jsx(x.HighlightedTitle,{as:"div",title:j,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((n,i)=>e.jsxs("button",{className:C.cn(t.default.tab,{[t.default.active]:l===n}),onClick:()=>v(n,i),children:[n.icon&&e.jsx(b.Typography,{defaultVariant:"displayMd",className:t.default.icon,children:e.jsx(_.Icon,{name:n.icon})}),e.jsx(b.Typography,{defaultVariant:"headingXs",children:n.label})]},n.label))]})}),l.description&&e.jsx("div",{className:t.default.description,children:e.jsx(x.HighlightedTitle,{as:"div",defaultVariant:"headingXs",mobileVariant:"bodyMd",className:t.default.descriptionText,title:l.description,colorScheme:"dark"})})]})]}),m&&e.jsx(q.Gradient,{variant:"blue"})]})};exports.SlidingTabsGallery=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),y=require("../../node_modules/gsap/index.cjs.js"),p=require("../../node_modules/gsap/Flip.cjs.js"),N=require("../../node_modules/@gsap/react/src/index.cjs.js"),R=require("../../pageComponents/Bubbles/Bubbles.cjs.js"),q=require("../../pageComponents/Gradient/Gradient.cjs.js"),x=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),C=require("../../utils/cn/cn.cjs.js"),b=require("../../components/Typography/Typography.cjs.js"),_=require("../../components/Icon/Icon.cjs.js"),t=require("./SlidingTabsGallery.module.css.cjs.js");y.gsap.registerPlugin(p.Flip);const S=({title:j,tabs:o,withBubbles:m})=>{const s=f.useRef(null),a=f.useRef(null),[l,h]=f.useState(o[0]);N.useGSAP(()=>{const i=s.current,n=a.current,u=r=>{if(i&&n&&r){const T=n.getBoundingClientRect(),g=r.getBoundingClientRect();y.gsap.set(i,{left:g.left-T.left,top:g.top-T.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 v=(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:[m&&e.jsx(R.Bubbles,{className:t.default.bubbles}),e.jsxs("div",{className:t.default.container,children:[e.jsx(x.HighlightedTitle,{as:"div",title:j,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:C.cn(t.default.tab,{[t.default.active]:l===i}),onClick:()=>v(i,n),children:[i.icon&&e.jsx(b.Typography,{defaultVariant:"displayMd",className:t.default.icon,children:e.jsx(_.Icon,{name:i.icon})}),e.jsx(b.Typography,{defaultVariant:"displayMd",className:t.default.mobile,children:i.label})]},i.label))]})}),l.description&&e.jsx("div",{className:t.default.description,children:e.jsx(x.HighlightedTitle,{as:"div",defaultVariant:"bodyMd",className:t.default.descriptionText,title:l.description,colorScheme:"dark"})})]})]}),m&&e.jsx(q.Gradient,{variant:"blue"})]})};exports.SlidingTabsGallery=S;

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

@@ -12,11 +12,11 @@ import { Typography as b } from "../../components/Typography/Typography.es.js";
 import { Icon as z } from "../../components/Icon/Icon.es.js";
 import e from "./SlidingTabsGallery.module.css.es.js";
 C.registerPlugin(f);
-const H = ({ title: R, tabs: l, withBubbles: g }) => {
-  const a = T(null), c = T(null), [o, p] = k(l[0]);
+const I = ({ title: R, tabs: l, withBubbles: g }) => {
+  const c = T(null), o = T(null), [s, p] = k(l[0]);
   w(
     () => {
-      const t = a.current, r = c.current, u = (i) => {
+      const t = c.current, r = o.current, u = (i) => {
         if (t && r && i) {
           const v = r.getBoundingClientRect(), h = i.getBoundingClientRect();
           C.set(t, {
@@ -31,9 +31,9 @@ const H = ({ title: R, tabs: l, withBubbles: g }) => {
         const i = r.children[1];
         i && u(i);
       }
-      let s;
+      let a;
       const d = () => {
-        clearTimeout(s), s = setTimeout(() => {
+        clearTimeout(a), a = setTimeout(() => {
           if (t && r && r.children.length > 1 && l.length > 0) {
             const i = r.children[1];
             i && (u(i), p(l[0]));
@@ -41,23 +41,23 @@ const H = ({ title: R, tabs: l, withBubbles: g }) => {
         }, 250);
       };
       return window.addEventListener("resize", d), () => {
-        clearTimeout(s), window.removeEventListener("resize", d);
+        clearTimeout(a), window.removeEventListener("resize", d);
       };
     },
-    { dependencies: [l, p], scope: c }
+    { dependencies: [l, p], scope: o }
   );
   const y = (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`;
+    if (t === s) return;
+    const u = f.getState(c.current);
+    if (p(t), c.current && o.current && o.current.children.length > r + 1) {
+      const a = o.current.children[r + 1];
+      if (a) {
+        const d = o.current.getBoundingClientRect(), i = a.getBoundingClientRect();
+        c.current.style.left = `${i.left - d.left}px`, c.current.style.top = `${i.top - d.top}px`, c.current.style.width = `${i.width}px`, c.current.style.height = `${i.height}px`;
       }
     }
     f.from(u, {
-      targets: a.current,
+      targets: c.current,
       duration: 0.3,
       ease: "power1.inOut"
     });
@@ -67,32 +67,31 @@ const H = ({ title: R, tabs: l, withBubbles: g }) => {
     /* @__PURE__ */ m("div", { className: e.container, children: [
       /* @__PURE__ */ n(N, { as: "div", title: R, 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 }),
+        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__ */ m("div", { ref: o, className: e.tabs, children: [
+          /* @__PURE__ */ n("div", { ref: c, id: "marker", className: e.marker }),
           l.map((t, r) => /* @__PURE__ */ m(
             "button",
             {
               className: B(e.tab, {
-                [e.active]: o === t
+                [e.active]: s === t
               }),
               onClick: () => y(t, r),
               children: [
                 t.icon && /* @__PURE__ */ n(b, { defaultVariant: "displayMd", className: e.icon, children: /* @__PURE__ */ n(z, { name: t.icon }) }),
-                /* @__PURE__ */ n(b, { defaultVariant: "headingXs", children: t.label })
+                /* @__PURE__ */ n(b, { defaultVariant: "displayMd", className: e.mobile, children: t.label })
               ]
             },
             t.label
           ))
         ] }) }),
-        o.description && /* @__PURE__ */ n("div", { className: e.description, children: /* @__PURE__ */ n(
+        s.description && /* @__PURE__ */ n("div", { className: e.description, children: /* @__PURE__ */ n(
           N,
           {
             as: "div",
-            defaultVariant: "headingXs",
-            mobileVariant: "bodyMd",
+            defaultVariant: "bodyMd",
             className: e.descriptionText,
-            title: o.description,
+            title: s.description,
             colorScheme: "dark"
           }
         ) })
@@ -102,5 +101,5 @@ const H = ({ title: R, tabs: l, withBubbles: g }) => {
   ] });
 };
 export {
-  H 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__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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="SlidingTabsGallery-module__root___BsvYn",a="SlidingTabsGallery-module__bubbles___XumkJ",l="SlidingTabsGallery-module__container___vP0rd",_="SlidingTabsGallery-module__header___eJQXu",t="SlidingTabsGallery-module__content___jjd1o",i="SlidingTabsGallery-module__tabsContainer___Se1lx",o="SlidingTabsGallery-module__tabs___ZEKrF",n="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__descriptionText___g-K-K",m="SlidingTabsGallery-module__image___E02Sh",u="SlidingTabsGallery-module__mobile___7vFG2",g={root:e,bubbles:a,container:l,header:_,content:t,tabsContainer:i,tabs:o,tab:n,active:r,marker:s,imageWrap:d,description:b,descriptionText:c,image:m,mobile:u};exports.active=r;exports.bubbles=a;exports.container=l;exports.content=t;exports.default=g;exports.description=b;exports.descriptionText=c;exports.header=_;exports.image=m;exports.imageWrap=d;exports.marker=s;exports.mobile=u;exports.root=e;exports.tab=n;exports.tabs=o;exports.tabsContainer=i;

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

@@ -1,31 +1,35 @@
-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,
+const e = "SlidingTabsGallery-module__root___BsvYn", _ = "SlidingTabsGallery-module__bubbles___XumkJ", l = "SlidingTabsGallery-module__container___vP0rd", a = "SlidingTabsGallery-module__header___eJQXu", i = "SlidingTabsGallery-module__content___jjd1o", o = "SlidingTabsGallery-module__tabsContainer___Se1lx", t = "SlidingTabsGallery-module__tabs___ZEKrF", n = "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__descriptionText___g-K-K", m = "SlidingTabsGallery-module__image___E02Sh", g = "SlidingTabsGallery-module__mobile___7vFG2", u = {
+  root: e,
+  bubbles: _,
+  container: l,
+  header: a,
+  content: i,
+  tabsContainer: o,
+  tabs: t,
+  tab: n,
   active: s,
   marker: r,
   imageWrap: d,
   description: b,
-  image: c
+  descriptionText: c,
+  image: m,
+  mobile: g
 };
 export {
   s as active,
-  e as bubbles,
-  a as container,
-  t as content,
-  m as default,
+  _ as bubbles,
+  l as container,
+  i as content,
+  u as default,
   b as description,
-  l as header,
-  c as image,
+  c as descriptionText,
+  a as header,
+  m as image,
   d as imageWrap,
   r as marker,
-  _ as root,
-  i as tab,
-  o as tabs,
-  n as tabsContainer
+  g as mobile,
+  e as root,
+  n as tab,
+  t as tabs,
+  o 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"),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=_;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("../../node_modules/swiper/modules/navigation.cjs.js"),c=require("../../node_modules/swiper/swiper-react.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const u=require("../../components/ProgressButton/ProgressButton.cjs.js"),v=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),N=require("../../components/Typography/Typography.cjs.js"),h=require("../../components/RatingStars/RatingStars.cjs.js"),R=require("../../utils/useSwiper/useSwiper.cjs.js"),k=require("./components/VideoCard/VideoCard.cjs.js"),C=require("./components/TextCard/TextCard.cjs.js"),s=require("./testimonial.module.css.cjs.js"),w=[q.default],_=({title:g,rating:i,reviews:m})=>{const{activeIndex:p,isEnd:t,isBeginning:n,hideNav:r,handleSlideChange:x,handlePrevClick:l,handleNextClick:o,onSwiperInit:S,handleSwiperResize:j,handleReachEnd:b,handleReachBeginning:f}=R.useSwiper();return e.jsxs("section",{className:s.default.root,children:[e.jsxs("div",{className:s.default.headerContainer,children:[i&&e.jsxs("div",{className:s.default.ratingContainer,children:[!!i.stars&&e.jsx("div",{className:s.default.desktop,children:e.jsx(h.RatingStars,{rating:i.stars,size:"lg"})}),!!i.stars&&e.jsx("div",{className:s.default.mobile,children:e.jsx(h.RatingStars,{rating:i.stars,size:"sm"})}),!!i.totalReviews&&e.jsxs(N.Typography,{as:"p",defaultVariant:"labelLg",mobileVariant:"labelSm",emphasis:!0,weight:"regular",children:[i.totalReviews,"+ member reviews"]})]}),e.jsxs("div",{className:s.default.headerRow,children:[e.jsx(v.HighlightedTitle,{title:g,colorScheme:"light"}),!r&&e.jsx("div",{className:s.default.desktopNavigation,children:e.jsx(u.ProgressButton,{left:{disabled:n,onClick:l},right:{disabled:t,onClick:o}})})]})]}),e.jsx("div",{className:s.default.content,children:e.jsx(c.Swiper,{onSwiper:S,onResize:j,onSlideChange:x,onReachEnd:b,onReachBeginning:f,modules:w,spaceBetween:0,slidesPerView:"auto",className:s.default.swiper,children:m.map((a,d)=>e.jsx(c.SwiperSlide,{className:s.default.swiperSlide,children:a.background.type==="video"?e.jsx(k.VideoCard,{...a,background:a.background,isActive:p===d}):e.jsx(C.TextCard,{...a,background:a.background})},`${a.background.type}_${d}`))})}),!r&&e.jsx("div",{className:s.default.mobileNavigation,children:e.jsx(u.ProgressButton,{left:{disabled:n,onClick:l},right:{disabled:t,onClick:o}})})]})};exports.Testimonial=_;

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

@@ -1,51 +1,63 @@
 "use client";
 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";
+import v from "../../node_modules/swiper/modules/navigation.es.js";
+import { Swiper as C, SwiperSlide as R } from "../../node_modules/swiper/swiper-react.es.js";
 /* empty css                                      */
 /* empty css                                                  */
 /* empty css                                                  */
-import { ProgressButton as c } from "../../components/ProgressButton/ProgressButton.es.js";
+import { ProgressButton as m } from "../../components/ProgressButton/ProgressButton.es.js";
 import { HighlightedTitle as w } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as R } from "../../components/Typography/Typography.es.js";
-import { RatingStars as v } from "../../components/RatingStars/RatingStars.es.js";
-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 { Typography as x } from "../../components/Typography/Typography.es.js";
+import { RatingStars as h } from "../../components/RatingStars/RatingStars.es.js";
+import { useSwiper as y } from "../../utils/useSwiper/useSwiper.es.js";
+import { VideoCard as B } from "./components/VideoCard/VideoCard.es.js";
+import { TextCard as E } from "./components/TextCard/TextCard.es.js";
 import i from "./testimonial.module.css.es.js";
-const E = [N], U = ({ title: m, rating: r, reviews: p }) => {
+const z = [v], W = ({ title: p, rating: a, reviews: g }) => {
   const {
-    isEnd: n,
-    isBeginning: s,
+    activeIndex: b,
+    isEnd: s,
+    isBeginning: n,
     hideNav: l,
-    handleSlideChange: h,
+    handleSlideChange: N,
     handlePrevClick: t,
     handleNextClick: d,
-    onSwiperInit: g,
-    handleSwiperResize: b,
-    handleReachEnd: S,
-    handleReachBeginning: f
-  } = x();
+    onSwiperInit: u,
+    handleSwiperResize: S,
+    handleReachEnd: f,
+    handleReachBeginning: k
+  } = y();
   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"
-        ] })
+      a && /* @__PURE__ */ o("div", { className: i.ratingContainer, children: [
+        !!a.stars && /* @__PURE__ */ e("div", { className: i.desktop, children: /* @__PURE__ */ e(h, { rating: a.stars, size: "lg" }) }),
+        !!a.stars && /* @__PURE__ */ e("div", { className: i.mobile, children: /* @__PURE__ */ e(h, { rating: a.stars, size: "sm" }) }),
+        !!a.totalReviews && /* @__PURE__ */ o(
+          x,
+          {
+            as: "p",
+            defaultVariant: "labelLg",
+            mobileVariant: "labelSm",
+            emphasis: !0,
+            weight: "regular",
+            children: [
+              a.totalReviews,
+              "+ member reviews"
+            ]
+          }
+        )
       ] }),
       /* @__PURE__ */ o("div", { className: i.headerRow, children: [
-        /* @__PURE__ */ e(w, { title: m, colorScheme: "light" }),
+        /* @__PURE__ */ e(w, { title: p, colorScheme: "light" }),
         !l && /* @__PURE__ */ e("div", { className: i.desktopNavigation, children: /* @__PURE__ */ e(
-          c,
+          m,
           {
             left: {
-              disabled: s,
+              disabled: n,
               onClick: t
             },
             right: {
-              disabled: n,
+              disabled: s,
               onClick: d
             }
           }
@@ -53,30 +65,36 @@ const E = [N], U = ({ title: m, rating: r, reviews: p }) => {
       ] })
     ] }),
     /* @__PURE__ */ e("div", { className: i.content, children: /* @__PURE__ */ e(
-      k,
+      C,
       {
-        onSwiper: g,
-        onResize: b,
-        onSlideChange: h,
-        onReachEnd: S,
-        onReachBeginning: f,
-        modules: E,
+        onSwiper: u,
+        onResize: S,
+        onSlideChange: N,
+        onReachEnd: f,
+        onReachBeginning: k,
+        modules: z,
         spaceBetween: 0,
         slidesPerView: "auto",
         className: i.swiper,
-        wrapperClass: i.swiperWrapper,
-        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}`))
+        children: g.map((r, c) => /* @__PURE__ */ e(R, { className: i.swiperSlide, children: r.background.type === "video" ? /* @__PURE__ */ e(
+          B,
+          {
+            ...r,
+            background: r.background,
+            isActive: b === c
+          }
+        ) : /* @__PURE__ */ e(E, { ...r, background: r.background }) }, `${r.background.type}_${c}`))
       }
     ) }),
     !l && /* @__PURE__ */ e("div", { className: i.mobileNavigation, children: /* @__PURE__ */ e(
-      c,
+      m,
       {
         left: {
-          disabled: s,
+          disabled: n,
           onClick: t
         },
         right: {
-          disabled: n,
+          disabled: s,
           onClick: d
         }
       }
@@ -84,5 +102,5 @@ const E = [N], U = ({ title: m, rating: r, reviews: p }) => {
   ] });
 };
 export {
-  U as Testimonial
+  W as Testimonial
 };

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

@@ -1 +1 @@
-"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;
+"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,size:"lg"}),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

@@ -6,7 +6,7 @@ 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.stars && /* @__PURE__ */ t(o, { rating: a.stars, size: "lg" }),
     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 }),

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

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

@@ -6,6 +6,7 @@ type VideoCardProps = {
         url: string;
         preview: string;
     };
+    isActive: boolean;
 } & Omit<RichReviewCard, 'background'>;
-export declare const VideoCard: ({ product, review, background }: VideoCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoCard: ({ product, review, background, isActive }: VideoCardProps) => import("react/jsx-runtime").JSX.Element;
 export {};