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

package/dist/modules/OptimalHealth/OptimalHealth.es.js

@@ -2,18 +2,35 @@ import { jsx as i, jsxs as e } from "react/jsx-runtime";
 import { Button as t } from "../../components/Button/Button.es.js";
 import { HighlightedTitle as n } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
 import { Typography as c } from "../../components/Typography/Typography.es.js";
-import { cn as o } from "../../utils/cn/cn.es.js";
+import { cn as s } from "../../utils/cn/cn.es.js";
 import { ClockImages as d } from "./components/ClockImages/ClockImages.es.js";
 import a from "./optimalHealth.module.css.es.js";
-const b = ({ title: s, description: m, link: r, images: l }) => /* @__PURE__ */ i("section", { className: a.root, children: /* @__PURE__ */ e("div", { className: a.container, children: [
+const b = ({ title: o, description: m, link: r, images: l }) => /* @__PURE__ */ i("section", { className: a.root, children: /* @__PURE__ */ i("div", { className: a.container, children: /* @__PURE__ */ e("div", { className: a.wrapper, children: [
   /* @__PURE__ */ i(d, { images: l }),
   /* @__PURE__ */ e("div", { className: a.content, children: [
-    /* @__PURE__ */ i(n, { title: s, className: a.title, defaultVariant: "displaySm", mobileVariant: "headingLg" }),
-    /* @__PURE__ */ i(c, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", className: a.description, children: m }),
-    /* @__PURE__ */ i("div", { className: o(a.actions, a.desktop), children: /* @__PURE__ */ i(t, { as: "a", variant: "primary", size: "lg", href: r, children: "LEARN MORE" }) }),
-    /* @__PURE__ */ i("div", { className: o(a.actions, a.mobile), children: /* @__PURE__ */ i(t, { as: "a", variant: "primary", size: "sm", href: r, children: "LEARN MORE" }) })
+    /* @__PURE__ */ i(
+      n,
+      {
+        title: o,
+        className: a.title,
+        defaultVariant: "displaySm",
+        mobileVariant: "headingLg"
+      }
+    ),
+    /* @__PURE__ */ i(
+      c,
+      {
+        as: "p",
+        defaultVariant: "bodyLg",
+        mobileVariant: "bodySm",
+        className: a.description,
+        children: m
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: s(a.actions, a.desktop), children: /* @__PURE__ */ i(t, { as: "a", variant: "primary", size: "lg", href: r, children: "LEARN MORE" }) }),
+    /* @__PURE__ */ i("div", { className: s(a.actions, a.mobile), children: /* @__PURE__ */ i(t, { as: "a", variant: "primary", size: "sm", href: r, children: "LEARN MORE" }) })
   ] })
-] }) });
+] }) }) });
 export {
   b as OptimalHealth
 };

package/dist/modules/OptimalHealth/components/ClockImages/ClockImages.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("../../../../utils/cn/cn.cjs.js"),o=require("./hooks.cjs.js"),e=require("./clockImages.module.css.cjs.js"),I=10,d=2*Math.PI/I,i=-Math.PI/2,q=[{key:"smallSquareImage1",className:e.default.smallSquareImage},{key:"rectImage2",className:e.default.rectImage},{key:"smallSquareImage3",className:e.default.smallSquareImage},{key:"largeSquareImage4",className:e.default.largeSquareImage},{key:"rectImage5",className:e.default.rectImage},{key:"smallSquareImage6",className:e.default.smallSquareImage},{key:"rectImage7",className:e.default.rectImage},{key:"smallSquareImage8",className:e.default.smallSquareImage},{key:"rectImage9",className:e.default.rectImage},{key:"largeSquareImage10",className:e.default.largeSquareImage}],N=({images:r})=>{const s=o.useResponsiveRadius();return l.jsx("div",{className:e.default.root,children:q.map(({key:a,className:m},c)=>{const t=i+c*d,u=s*Math.cos(t),g=s*Math.sin(t);return l.jsx("img",{src:r[a],className:n.cn(e.default.image,m),style:{transform:`translate(-50%, -50%) translate(${u}px, ${g}px)`},alt:a},a)})})};exports.ClockImages=N;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),g=require("../../../../node_modules/gsap/index.cjs.js"),y=require("../../../../node_modules/gsap/ScrollTrigger.cjs.js"),e=require("./clockImages.module.css.cjs.js"),f=require("../../../../utils/cn/cn.cjs.js"),q=require("react");g.gsap.registerPlugin(y.ScrollTrigger);const s=[{key:"smallSquareImage1",className:e.default.smallSquareImage,to:{x:100,y:60}},{key:"rectImage2",className:e.default.rectImage,to:{x:70,y:70}},{key:"smallSquareImage3",className:e.default.smallSquareImage,to:{x:40,y:60}},{key:"largeSquareImage4",className:e.default.largeSquareImage,to:{x:-110,y:55}},{key:"rectImage5",className:e.default.rectImage,to:{x:-150,y:69}},{key:"smallSquareImage6",className:e.default.smallSquareImage,to:{x:-100,y:9}},{key:"rectImage7",className:e.default.rectImage,to:{x:-65,y:-100}},{key:"smallSquareImage8",className:e.default.smallSquareImage,to:{x:50,y:-100}},{key:"rectImage9",className:e.default.rectImage,to:{x:50,y:-50}},{key:"largeSquareImage10",className:e.default.largeSquareImage,to:{x:56,y:13}}],S=({images:n})=>{const t=q.useRef(null),i=a=>{var c,o,m;const r=(c=t.current)==null?void 0:c.querySelector(`[data-ohealth-image-key="${a}"]`);if(!r)return;const d=((o=s.find(l=>l.key===a))==null?void 0:o.to.x)||0,I=((m=s.find(l=>l.key===a))==null?void 0:m.to.y)||0;g.gsap.fromTo(r,{x:0,y:0},{x:d,y:I,duration:5,ease:"power2.out",scrollTrigger:{trigger:t.current,start:"center center",end:"center center",once:!0,scrub:!1,toggleActions:"play none none reverse"}})};return u.jsx("div",{ref:t,className:e.default.root,children:s.map(({key:a,className:r})=>u.jsx("img",{src:n[a],className:f.cn(e.default.image,r,e.default[a]),"data-ohealth-image-key":a,alt:a,onLoad:()=>i(a)},a))})};exports.ClockImages=S;

package/dist/modules/OptimalHealth/components/ClockImages/ClockImages.es.js

@@ -1,37 +1,59 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { cn as o } from "../../../../utils/cn/cn.es.js";
-import { useResponsiveRadius as n } from "./hooks.es.js";
-import a from "./clockImages.module.css.es.js";
-const u = 10, N = 2 * Math.PI / u, S = -Math.PI / 2, i = [
-  { key: "smallSquareImage1", className: a.smallSquareImage },
-  { key: "rectImage2", className: a.rectImage },
-  { key: "smallSquareImage3", className: a.smallSquareImage },
-  { key: "largeSquareImage4", className: a.largeSquareImage },
-  { key: "rectImage5", className: a.rectImage },
-  { key: "smallSquareImage6", className: a.smallSquareImage },
-  { key: "rectImage7", className: a.rectImage },
-  { key: "smallSquareImage8", className: a.smallSquareImage },
-  { key: "rectImage9", className: a.rectImage },
-  { key: "largeSquareImage10", className: a.largeSquareImage }
-], h = ({ images: t }) => {
-  const s = n();
-  return /* @__PURE__ */ r("div", { className: a.root, children: i.map(({ key: e, className: l }, c) => {
-    const m = S + c * N, g = s * Math.cos(m), I = s * Math.sin(m);
-    return /* @__PURE__ */ r(
-      "img",
+import { jsx as g } from "react/jsx-runtime";
+import { gsap as n } from "../../../../node_modules/gsap/index.es.js";
+import { ScrollTrigger as S } from "../../../../node_modules/gsap/ScrollTrigger.es.js";
+import e from "./clockImages.module.css.es.js";
+import { cn as x } from "../../../../utils/cn/cn.es.js";
+import { useRef as f } from "react";
+n.registerPlugin(S);
+const s = [
+  { key: "smallSquareImage1", className: e.smallSquareImage, to: { x: 100, y: 60 } },
+  { key: "rectImage2", className: e.rectImage, to: { x: 70, y: 70 } },
+  { key: "smallSquareImage3", className: e.smallSquareImage, to: { x: 40, y: 60 } },
+  { key: "largeSquareImage4", className: e.largeSquareImage, to: { x: -110, y: 55 } },
+  { key: "rectImage5", className: e.rectImage, to: { x: -150, y: 69 } },
+  { key: "smallSquareImage6", className: e.smallSquareImage, to: { x: -100, y: 9 } },
+  { key: "rectImage7", className: e.rectImage, to: { x: -65, y: -100 } },
+  { key: "smallSquareImage8", className: e.smallSquareImage, to: { x: 50, y: -100 } },
+  { key: "rectImage9", className: e.rectImage, to: { x: 50, y: -50 } },
+  { key: "largeSquareImage10", className: e.largeSquareImage, to: { x: 56, y: 13 } }
+], C = ({ images: i }) => {
+  const t = f(null), u = (a) => {
+    var o, l, c;
+    const r = (o = t.current) == null ? void 0 : o.querySelector(`[data-ohealth-image-key="${a}"]`);
+    if (!r) return;
+    const I = ((l = s.find((m) => m.key === a)) == null ? void 0 : l.to.x) || 0, y = ((c = s.find((m) => m.key === a)) == null ? void 0 : c.to.y) || 0;
+    n.fromTo(
+      r,
+      { x: 0, y: 0 },
       {
-        src: t[e],
-        className: o(a.image, l),
-        style: {
-          transform: `translate(-50%, -50%) translate(${g}px, ${I}px)`
-        },
-        alt: e
-      },
-      e
+        x: I,
+        y,
+        duration: 5,
+        ease: "power2.out",
+        scrollTrigger: {
+          trigger: t.current,
+          start: "center center",
+          end: "center center",
+          once: !0,
+          scrub: !1,
+          toggleActions: "play none none reverse"
+        }
+      }
     );
-  }) });
+  };
+  return /* @__PURE__ */ g("div", { ref: t, className: e.root, children: s.map(({ key: a, className: r }) => /* @__PURE__ */ g(
+    "img",
+    {
+      src: i[a],
+      className: x(e.image, r, e[a]),
+      "data-ohealth-image-key": a,
+      alt: a,
+      onLoad: () => u(a)
+    },
+    a
+  )) });
 };
 export {
-  h as ClockImages
+  C as ClockImages
 };

package/dist/modules/OptimalHealth/components/ClockImages/clockImages.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="clockImages-module__root___EP8LS",a="clockImages-module__image___MtqIw",m="clockImages-module__smallSquareImage___NkpW3",l="clockImages-module__largeSquareImage___mPBhn",o="clockImages-module__rectImage___GMy9G",g={root:e,image:a,smallSquareImage:m,largeSquareImage:l,rectImage:o};exports.default=g;exports.image=a;exports.largeSquareImage=l;exports.rectImage=o;exports.root=e;exports.smallSquareImage=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="clockImages-module__root___EP8LS",a="clockImages-module__image___MtqIw",m="clockImages-module__smallSquareImage___NkpW3",l="clockImages-module__largeSquareImage___mPBhn",g="clockImages-module__rectImage___GMy9G",_="clockImages-module__smallSquareImage1___yHzSr",r="clockImages-module__rectImage2___yTVQv",I="clockImages-module__smallSquareImage3___2Ulue",c="clockImages-module__largeSquareImage4___ENR09",o="clockImages-module__rectImage5___Q6nwe",s="clockImages-module__smallSquareImage6___JIgK4",u="clockImages-module__rectImage7___LLPub",t="clockImages-module__smallSquareImage8___hK-yx",S="clockImages-module__rectImage9___FJ8gO",q="clockImages-module__largeSquareImage10___yOvmO",n={root:e,image:a,smallSquareImage:m,largeSquareImage:l,rectImage:g,smallSquareImage1:_,rectImage2:r,smallSquareImage3:I,largeSquareImage4:c,rectImage5:o,smallSquareImage6:s,rectImage7:u,smallSquareImage8:t,rectImage9:S,largeSquareImage10:q};exports.default=n;exports.image=a;exports.largeSquareImage=l;exports.largeSquareImage10=q;exports.largeSquareImage4=c;exports.rectImage=g;exports.rectImage2=r;exports.rectImage5=o;exports.rectImage7=u;exports.rectImage9=S;exports.root=e;exports.smallSquareImage=m;exports.smallSquareImage1=_;exports.smallSquareImage3=I;exports.smallSquareImage6=s;exports.smallSquareImage8=t;

package/dist/modules/OptimalHealth/components/ClockImages/clockImages.module.css.es.js

@@ -1,15 +1,35 @@
-const e = "clockImages-module__root___EP8LS", a = "clockImages-module__image___MtqIw", m = "clockImages-module__smallSquareImage___NkpW3", _ = "clockImages-module__largeSquareImage___mPBhn", o = "clockImages-module__rectImage___GMy9G", l = {
+const e = "clockImages-module__root___EP8LS", a = "clockImages-module__image___MtqIw", m = "clockImages-module__smallSquareImage___NkpW3", _ = "clockImages-module__largeSquareImage___mPBhn", l = "clockImages-module__rectImage___GMy9G", g = "clockImages-module__smallSquareImage1___yHzSr", c = "clockImages-module__rectImage2___yTVQv", I = "clockImages-module__smallSquareImage3___2Ulue", o = "clockImages-module__largeSquareImage4___ENR09", r = "clockImages-module__rectImage5___Q6nwe", s = "clockImages-module__smallSquareImage6___JIgK4", u = "clockImages-module__rectImage7___LLPub", t = "clockImages-module__smallSquareImage8___hK-yx", S = "clockImages-module__rectImage9___FJ8gO", q = "clockImages-module__largeSquareImage10___yOvmO", n = {
   root: e,
   image: a,
   smallSquareImage: m,
   largeSquareImage: _,
-  rectImage: o
+  rectImage: l,
+  smallSquareImage1: g,
+  rectImage2: c,
+  smallSquareImage3: I,
+  largeSquareImage4: o,
+  rectImage5: r,
+  smallSquareImage6: s,
+  rectImage7: u,
+  smallSquareImage8: t,
+  rectImage9: S,
+  largeSquareImage10: q
 };
 export {
-  l as default,
+  n as default,
   a as image,
   _ as largeSquareImage,
-  o as rectImage,
+  q as largeSquareImage10,
+  o as largeSquareImage4,
+  l as rectImage,
+  c as rectImage2,
+  r as rectImage5,
+  u as rectImage7,
+  S as rectImage9,
   e as root,
-  m as smallSquareImage
+  m as smallSquareImage,
+  g as smallSquareImage1,
+  I as smallSquareImage3,
+  s as smallSquareImage6,
+  t as smallSquareImage8
 };

package/dist/modules/OptimalHealth/optimalHealth.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="optimalHealth-module__root___l-DfB",o="optimalHealth-module__container___Nc-Cv",e="optimalHealth-module__content___5ntd8",_="optimalHealth-module__description___3MlIW",l="optimalHealth-module__actions___IWhyr",n="optimalHealth-module__mobile___8lH1x",i="optimalHealth-module__desktop___Nh1ZJ",c={root:t,container:o,content:e,description:_,actions:l,mobile:n,desktop:i};exports.actions=l;exports.container=o;exports.content=e;exports.default=c;exports.description=_;exports.desktop=i;exports.mobile=n;exports.root=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="optimalHealth-module__root___l-DfB",o="optimalHealth-module__wrapper___DdVh-",e="optimalHealth-module__container___Nc-Cv",_="optimalHealth-module__content___5ntd8",l="optimalHealth-module__description___3MlIW",n="optimalHealth-module__actions___IWhyr",a="optimalHealth-module__mobile___8lH1x",i="optimalHealth-module__desktop___Nh1ZJ",c={root:t,wrapper:o,container:e,content:_,description:l,actions:n,mobile:a,desktop:i};exports.actions=n;exports.container=e;exports.content=_;exports.default=c;exports.description=l;exports.desktop=i;exports.mobile=a;exports.root=t;exports.wrapper=o;

package/dist/modules/OptimalHealth/optimalHealth.module.css.es.js

@@ -1,19 +1,21 @@
-const o = "optimalHealth-module__root___l-DfB", t = "optimalHealth-module__container___Nc-Cv", _ = "optimalHealth-module__content___5ntd8", e = "optimalHealth-module__description___3MlIW", l = "optimalHealth-module__actions___IWhyr", n = "optimalHealth-module__mobile___8lH1x", a = "optimalHealth-module__desktop___Nh1ZJ", i = {
+const o = "optimalHealth-module__root___l-DfB", t = "optimalHealth-module__wrapper___DdVh-", _ = "optimalHealth-module__container___Nc-Cv", e = "optimalHealth-module__content___5ntd8", l = "optimalHealth-module__description___3MlIW", n = "optimalHealth-module__actions___IWhyr", a = "optimalHealth-module__mobile___8lH1x", i = "optimalHealth-module__desktop___Nh1ZJ", c = {
   root: o,
-  container: t,
-  content: _,
-  description: e,
-  actions: l,
-  mobile: n,
-  desktop: a
+  wrapper: t,
+  container: _,
+  content: e,
+  description: l,
+  actions: n,
+  mobile: a,
+  desktop: i
 };
 export {
-  l as actions,
-  t as container,
-  _ as content,
-  i as default,
-  e as description,
-  a as desktop,
-  n as mobile,
-  o as root
+  n as actions,
+  _ as container,
+  e as content,
+  c as default,
+  l as description,
+  i as desktop,
+  a as mobile,
+  o as root,
+  t as wrapper
 };

package/dist/modules/OurProcess/OurProcess.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/StepsCarousel/StepsCarousel.cjs.js"),o=require("../../components/Button/Button.cjs.js"),a=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),s=require("./ourProcess.module.css.cjs.js"),d=({title:i,label:n,colorScheme:t,howItWorks:r,steps:u})=>e.jsx("section",{className:s.default.root,"data-scheme":t,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.header,children:[e.jsx(a.HighlightedTitle,{title:i,label:n,colorScheme:t}),r&&e.jsx("div",{children:e.jsx(o.Button,{as:"a",variant:t==="light"?"muted":"muted-invert",size:"lg",href:r,children:"How it works"})})]}),e.jsx(l.StepsCarousel,{steps:u,colorScheme:t})]})});exports.OurProcess=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/StepsCarousel/StepsCarousel.cjs.js"),a=require("../../components/Button/Button.cjs.js"),d=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("./ourProcess.module.css.cjs.js"),c=({title:i,label:n,colorScheme:s,steps:o,buttonLabel:u,buttonLink:r})=>e.jsx("section",{className:t.default.root,"data-scheme":s,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.header,children:[e.jsx(d.HighlightedTitle,{title:i,label:n,colorScheme:s}),r&&e.jsx("div",{children:e.jsx(a.Button,{as:"a",variant:s==="light"?"muted":"muted-invert",size:"lg",href:r,children:u||"How it works"})})]}),e.jsx(l.StepsCarousel,{steps:o,colorScheme:s})]})});exports.OurProcess=c;

package/dist/modules/OurProcess/OurProcess.d.ts

@@ -7,6 +7,7 @@ export type OurProcessProps = {
     label: string;
     colorScheme: TColorScheme;
     steps: TStepsCarouselView;
-    howItWorks?: string;
+    buttonLabel?: string;
+    buttonLink?: string;
 };
-export declare const OurProcess: ({ title, label, colorScheme, howItWorks, steps }: OurProcessProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OurProcess: ({ title, label, colorScheme, steps, buttonLabel, buttonLink }: OurProcessProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/OurProcess/OurProcess.es.js

@@ -1,15 +1,24 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { StepsCarousel as n } from "../../components/StepsCarousel/StepsCarousel.es.js";
-import { Button as o } from "../../components/Button/Button.es.js";
-import { HighlightedTitle as l } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { StepsCarousel as l } from "../../components/StepsCarousel/StepsCarousel.es.js";
+import { Button as n } from "../../components/Button/Button.es.js";
+import { HighlightedTitle as h } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
 import t from "./ourProcess.module.css.es.js";
-const v = ({ title: a, label: d, colorScheme: i, howItWorks: e, steps: m }) => /* @__PURE__ */ r("section", { className: t.root, "data-scheme": i, children: /* @__PURE__ */ s("div", { className: t.container, children: [
+const g = ({ title: a, label: o, colorScheme: i, steps: d, buttonLabel: m, buttonLink: e }) => /* @__PURE__ */ r("section", { className: t.root, "data-scheme": i, children: /* @__PURE__ */ s("div", { className: t.container, children: [
   /* @__PURE__ */ s("div", { className: t.header, children: [
-    /* @__PURE__ */ r(l, { title: a, label: d, colorScheme: i }),
-    e && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(o, { as: "a", variant: i === "light" ? "muted" : "muted-invert", size: "lg", href: e, children: "How it works" }) })
+    /* @__PURE__ */ r(h, { title: a, label: o, colorScheme: i }),
+    e && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+      n,
+      {
+        as: "a",
+        variant: i === "light" ? "muted" : "muted-invert",
+        size: "lg",
+        href: e,
+        children: m || "How it works"
+      }
+    ) })
   ] }),
-  /* @__PURE__ */ r(n, { steps: m, colorScheme: i })
+  /* @__PURE__ */ r(l, { steps: d, colorScheme: i })
 ] }) });
 export {
-  v as OurProcess
+  g as OurProcess
 };

package/dist/modules/PairedProducts/PairedProducts.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/Button/Button.cjs.js"),c=require("../../components/Typography/Typography.cjs.js"),n=require("../../components/ProductPairs/ProductPairs.cjs.js"),t=require("../../utils/cn/cn.cjs.js"),r=require("./pairedProducts.module.css.cjs.js"),o=({label:d,button:a,productCards:i})=>e.jsx("section",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsxs("div",{className:r.default.header,children:[e.jsx(c.Typography,{as:"h2",defaultVariant:"displaySm",mobileVariant:"headingLg",children:d}),e.jsx("div",{className:t.cn(r.default.buttonWrap,r.default.mobile),children:e.jsx(s.Button,{as:"a",href:a.href,variant:"muted",size:"sm",children:a.label})}),e.jsx("div",{className:t.cn(r.default.buttonWrap,r.default.desktop),children:e.jsx(s.Button,{as:"a",href:a.href,variant:"muted",size:"lg",children:a.label})})]}),e.jsx("div",{className:r.default.productCards,children:e.jsx(n.ProductPairs,{productCards:i})})]})});exports.PairedProducts=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/Button/Button.cjs.js"),c=require("../../components/Typography/Typography.cjs.js"),n=require("../../components/ProductPairs/ProductPairs.cjs.js"),t=require("../../utils/cn/cn.cjs.js"),r=require("./pairedProducts.module.css.cjs.js"),o=({title:d,button:a,productCards:i})=>e.jsx("section",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsxs("div",{className:r.default.header,children:[e.jsx(c.Typography,{as:"h2",defaultVariant:"displaySm",mobileVariant:"headingLg",children:d}),e.jsx("div",{className:t.cn(r.default.buttonWrap,r.default.mobile),children:e.jsx(s.Button,{as:"a",href:a.href,variant:"muted",size:"sm",children:a.label})}),e.jsx("div",{className:t.cn(r.default.buttonWrap,r.default.desktop),children:e.jsx(s.Button,{as:"a",href:a.href,variant:"muted",size:"lg",children:a.label})})]}),e.jsx("div",{className:r.default.productCards,children:e.jsx(n.ProductPairs,{productCards:i})})]})});exports.PairedProducts=o;

package/dist/modules/PairedProducts/PairedProducts.d.ts

@@ -1,12 +1,12 @@
 import { TProductGalleryCardView } from '../../components/ProductGalleryCard';
 
 type PairedProductsProps = {
-    label: string;
+    title: string;
     button: {
         label: string;
         href: string;
     };
     productCards: Array<TProductGalleryCardView>;
 };
-export declare const PairedProducts: ({ label, button, productCards }: PairedProductsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PairedProducts: ({ title, button, productCards }: PairedProductsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modules/PairedProducts/PairedProducts.es.js

@@ -4,7 +4,7 @@ import { Typography as m } from "../../components/Typography/Typography.es.js";
 import { ProductPairs as t } from "../../components/ProductPairs/ProductPairs.es.js";
 import { cn as d } from "../../utils/cn/cn.es.js";
 import a from "./pairedProducts.module.css.es.js";
-const v = ({ label: l, button: e, productCards: o }) => /* @__PURE__ */ r("section", { className: a.root, children: /* @__PURE__ */ i("div", { className: a.container, children: [
+const v = ({ title: l, button: e, productCards: o }) => /* @__PURE__ */ r("section", { className: a.root, children: /* @__PURE__ */ i("div", { className: a.container, children: [
   /* @__PURE__ */ i("div", { className: a.header, children: [
     /* @__PURE__ */ r(m, { as: "h2", defaultVariant: "displaySm", mobileVariant: "headingLg", children: l }),
     /* @__PURE__ */ r("div", { className: d(a.buttonWrap, a.mobile), children: /* @__PURE__ */ r(s, { as: "a", href: e.href, variant: "muted", size: "sm", children: e.label }) }),

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

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

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { TContentTab } from '../../components/ContentTabs';
+
+export type SlidingTabsGalleryProps = {
+    title: ReactNode;
+    label: string;
+    tabs: ReadonlyArray<TContentTab>;
+};
+export declare const SlidingTabsGallery: ({ title, tabs }: SlidingTabsGalleryProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,102 @@
+"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 { 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]));
+        }
+      }, 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`;
+      }
+    }
+    f.from(m, {
+      targets: o.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",
+          {
+            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"
+        }
+      ) })
+    ] })
+  ] }) });
+};
+export {
+  O as SlidingTabsGallery
+};

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

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

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

@@ -0,0 +1,29 @@
+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,
+  marker: r,
+  imageWrap: s,
+  description: d,
+  image: c
+};
+export {
+  i as active,
+  _ as container,
+  l as content,
+  m as default,
+  d as description,
+  e as header,
+  c as image,
+  s as imageWrap,
+  r as marker,
+  a as root,
+  o as tab,
+  n as tabs,
+  t as tabsContainer
+};

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

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

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

@@ -0,0 +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:[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=_;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { RichReviewCard } from './types';
+
+type TestimonialProps = {
+    title: ReactNode;
+    rating: {
+        stars: number;
+        totalReviews: number;
+    };
+    reviews: Array<RichReviewCard>;
+};
+export declare const Testimonial: ({ title, rating, reviews }: TestimonialProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,88 @@
+"use client";
+import { jsxs as r, 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                                      */
+/* empty css                                                  */
+/* empty css                                                  */
+import { ProgressButton as c } 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 i from "./testimonial.module.css.es.js";
+const E = [N], U = ({ title: m, rating: n, reviews: p }) => {
+  const {
+    isEnd: o,
+    isBeginning: l,
+    hideNav: s,
+    handleSlideChange: h,
+    handlePrevClick: t,
+    handleNextClick: d,
+    onSwiperInit: g,
+    handleSwiperResize: b,
+    handleReachEnd: S,
+    handleReachBeginning: f
+  } = x();
+  return /* @__PURE__ */ r("section", { className: i.root, children: [
+    /* @__PURE__ */ r("div", { className: i.headerContainer, children: [
+      /* @__PURE__ */ r("div", { className: i.ratingContainer, children: [
+        /* @__PURE__ */ e(v, { rating: n.stars }),
+        /* @__PURE__ */ r(R, { as: "p", defaultVariant: "labelLg", mobileVariant: "labelSm", emphasis: !0, children: [
+          n.totalReviews,
+          "+ member reviews"
+        ] })
+      ] }),
+      /* @__PURE__ */ r("div", { className: i.headerRow, children: [
+        /* @__PURE__ */ e(w, { title: m, colorScheme: "light" }),
+        !s && /* @__PURE__ */ e("div", { className: i.desktopNavigation, children: /* @__PURE__ */ e(
+          c,
+          {
+            left: {
+              disabled: l,
+              onClick: t
+            },
+            right: {
+              disabled: o,
+              onClick: d
+            }
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: i.content, children: /* @__PURE__ */ e(
+      k,
+      {
+        onSwiper: g,
+        onResize: b,
+        onSlideChange: h,
+        onReachEnd: S,
+        onReachBeginning: f,
+        modules: E,
+        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}`))
+      }
+    ) }),
+    !s && /* @__PURE__ */ e("div", { className: i.mobileNavigation, children: /* @__PURE__ */ e(
+      c,
+      {
+        left: {
+          disabled: l,
+          onClick: t
+        },
+        right: {
+          disabled: o,
+          onClick: d
+        }
+      }
+    ) })
+  ] });
+};
+export {
+  U as Testimonial
+};

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

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

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

@@ -0,0 +1,7 @@
+type ProductProps = {
+    image: string;
+    name: string;
+    link: string;
+};
+export declare const Product: ({ image, link, name }: ProductProps) => import("react/jsx-runtime").JSX.Element;
+export {};