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

package/dist/modules/FollowTheScience/FollowTheScience.es.js

@@ -1,92 +1,94 @@
 "use client";
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
 /* empty css                                      */
 /* empty css                                                  */
 /* empty css                                                  */
-import u from "../../node_modules/swiper/modules/navigation.es.js";
-import { Swiper as w, SwiperSlide as g } from "../../node_modules/swiper/swiper-react.es.js";
+import w from "../../node_modules/swiper/modules/navigation.es.js";
+import { Swiper as g, SwiperSlide as N } from "../../node_modules/swiper/swiper-react.es.js";
 import { Benefit as v } from "../../components/Benefit/Benefit.es.js";
-import { EIconName as N } from "../../components/Icon/constants.es.js";
-import { Label as R } from "../../components/Label/Label.es.js";
-import { ProgressButton as d } from "../../components/ProgressButton/ProgressButton.es.js";
-import { TextButton as k } from "../../components/TextButton/TextButton.es.js";
-import { useSwiper as C } from "../../utils/useSwiper/useSwiper.es.js";
+import { EIconName as R } from "../../components/Icon/constants.es.js";
+import { Label as k } from "../../components/Label/Label.es.js";
+import { ProgressButton as a } from "../../components/ProgressButton/ProgressButton.es.js";
+import { TextButton as C } from "../../components/TextButton/TextButton.es.js";
+import { useSwiper as E } from "../../utils/useSwiper/useSwiper.es.js";
 import i from "./followTheScience.module.css.es.js";
-const E = [u];
-function L({ labelText: a, benefits: c }) {
+const x = [w];
+function _({ labelText: c, benefits: m }) {
   const {
-    activeIndex: r,
-    setIsEnd: m,
-    isEnd: t,
-    handleSlideChange: p,
+    activeIndex: B,
+    setIsEnd: p,
+    isEnd: r,
+    isBeginning: t,
+    hideNav: n,
+    handleSlideChange: h,
     handlePrevClick: s,
-    handleNextClick: n,
-    onSwiperInit: h,
-    handleSwiperResize: f
-  } = C();
-  return /* @__PURE__ */ l("div", { className: i.container, children: [
-    /* @__PURE__ */ l("div", { className: i.heading, children: [
-      /* @__PURE__ */ e(R, { color: "white", size: "lg", children: a }),
-      /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "desktop", children: /* @__PURE__ */ e(
-        d,
+    handleNextClick: l,
+    onSwiperInit: f,
+    handleSwiperResize: S
+  } = E();
+  return /* @__PURE__ */ d("section", { className: i.container, children: [
+    /* @__PURE__ */ d("div", { className: i.heading, children: [
+      /* @__PURE__ */ e(k, { color: "white", size: "lg", children: c }),
+      !n && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "desktop", children: /* @__PURE__ */ e(
+        a,
         {
           left: {
             onClick: s,
-            disabled: r <= 0
+            disabled: t
           },
           right: {
-            disabled: t,
-            onClick: n
+            disabled: r,
+            onClick: l
           }
         }
       ) })
     ] }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-      w,
+    /* @__PURE__ */ e("div", { className: i.content, children: /* @__PURE__ */ e(
+      g,
       {
-        onSwiper: h,
-        onResize: f,
-        onSlideChange: p,
-        onReachEnd: () => m(!0),
-        modules: E,
+        onSwiper: f,
+        onResize: S,
+        onSlideChange: h,
+        onReachEnd: () => p(!0),
+        modules: x,
         spaceBetween: 0,
         slidesPerView: "auto",
         className: i.swiper,
-        children: c.map((o, S) => /* @__PURE__ */ e(g, { className: i.swiperSlide, children: /* @__PURE__ */ e(
+        children: m.map((o, u) => /* @__PURE__ */ e(N, { className: i.swiperSlide, children: /* @__PURE__ */ e(
           v,
           {
             title: o.title,
             description: o.description,
             button: /* @__PURE__ */ e(
-              k,
+              C,
               {
                 as: "a",
                 size: "sm",
                 color: "white",
-                suffixIcon: N.ARROW_FORWARD,
+                suffixIcon: R.ARROW_FORWARD,
                 href: o.link,
                 children: "READ THE STUDY"
               }
             )
           }
-        ) }, S))
+        ) }, u))
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "mobile", children: /* @__PURE__ */ e(
-      d,
+    !n && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "mobile", children: /* @__PURE__ */ e(
+      a,
       {
         left: {
           onClick: s,
-          disabled: r <= 0
+          disabled: t
         },
         right: {
-          onClick: n,
-          disabled: t
+          onClick: l,
+          disabled: r
         }
       }
     ) })
   ] });
 }
 export {
-  L as FollowTheScience
+  _ as FollowTheScience
 };

package/dist/modules/FollowTheScience/followTheScience.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="followTheScience-module__container___Aur-g",o="followTheScience-module__heading___R9F6F",s="followTheScience-module__swiper___iUsAd",i="followTheScience-module__swiperSlide___YMeah",n="followTheScience-module__progressButtons___mzqTh",t={container:e,heading:o,swiper:s,swiperSlide:i,progressButtons:n};exports.container=e;exports.default=t;exports.heading=o;exports.progressButtons=n;exports.swiper=s;exports.swiperSlide=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="followTheScience-module__container___Aur-g",o="followTheScience-module__heading___R9F6F",n="followTheScience-module__content___RnT5E",t="followTheScience-module__swiper___iUsAd",s="followTheScience-module__swiperSlide___YMeah",_="followTheScience-module__progressButtons___mzqTh",i={container:e,heading:o,content:n,swiper:t,swiperSlide:s,progressButtons:_};exports.container=e;exports.content=n;exports.default=i;exports.heading=o;exports.progressButtons=_;exports.swiper=t;exports.swiperSlide=s;

package/dist/modules/FollowTheScience/followTheScience.module.css.es.js

@@ -1,15 +1,17 @@
-const e = "followTheScience-module__container___Aur-g", o = "followTheScience-module__heading___R9F6F", s = "followTheScience-module__swiper___iUsAd", _ = "followTheScience-module__swiperSlide___YMeah", n = "followTheScience-module__progressButtons___mzqTh", i = {
+const e = "followTheScience-module__container___Aur-g", o = "followTheScience-module__heading___R9F6F", n = "followTheScience-module__content___RnT5E", _ = "followTheScience-module__swiper___iUsAd", s = "followTheScience-module__swiperSlide___YMeah", c = "followTheScience-module__progressButtons___mzqTh", t = {
   container: e,
   heading: o,
-  swiper: s,
-  swiperSlide: _,
-  progressButtons: n
+  content: n,
+  swiper: _,
+  swiperSlide: s,
+  progressButtons: c
 };
 export {
   e as container,
-  i as default,
+  n as content,
+  t as default,
   o as heading,
-  n as progressButtons,
-  s as swiper,
-  _ as swiperSlide
+  c as progressButtons,
+  _ as swiper,
+  s as swiperSlide
 };

package/dist/modules/ImageWithText/ImageWithText.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),o=require("../../utils/cn/cn.cjs.js"),a=require("./imageWithText.module.css.cjs.js"),c=({image:s,text:t,textAlign:i="left",title:l,description:r})=>e.jsxs("div",{className:a.default.root,children:[e.jsx("div",{className:a.default.imageContainer,children:e.jsx("img",{src:s,alt:"background image",className:a.default.image})}),e.jsxs("div",{className:o.cn(a.default.content,{[a.default.textAlignLeft]:i==="left",[a.default.textAlignRight]:i==="right"}),children:[l&&r&&e.jsxs("div",{className:a.default.richTextContainer,children:[e.jsx(d.HighlightedTitle,{colorScheme:"dark",title:l,defaultVariant:"displayXs",mobileVariant:"headingLg"}),e.jsx(n.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",children:r})]}),t&&e.jsx("div",{className:a.default.textContainer,children:e.jsx(n.Typography,{defaultVariant:"displayXs",mobileVariant:"headingXs",children:t})})]})]});exports.ImageWithText=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),c=require("../../utils/cn/cn.cjs.js"),a=require("./imageWithText.module.css.cjs.js"),o=({image:s,text:t,textAlign:i="left",title:l,description:r})=>e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:a.default.container,children:[e.jsx("div",{className:a.default.imageContainer,children:e.jsx("img",{src:s,alt:"background image",className:a.default.image})}),e.jsxs("div",{className:c.cn(a.default.content,{[a.default.textAlignLeft]:i==="left",[a.default.textAlignRight]:i==="right"}),children:[l&&r&&e.jsxs("div",{className:a.default.richTextContainer,children:[e.jsx(d.HighlightedTitle,{colorScheme:"dark",title:l,defaultVariant:"displayXs",mobileVariant:"headingLg"}),e.jsx(n.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",children:r})]}),t&&e.jsx("div",{className:a.default.textContainer,children:e.jsx(n.Typography,{defaultVariant:"displayXs",mobileVariant:"headingXs",children:t})})]})]})});exports.ImageWithText=o;

package/dist/modules/ImageWithText/ImageWithText.es.js

@@ -1,35 +1,35 @@
-import { jsxs as e, jsx as i } from "react/jsx-runtime";
-import { HighlightedTitle as d } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as m } from "../../components/Typography/Typography.es.js";
-import { cn as s } from "../../utils/cn/cn.es.js";
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
+import { HighlightedTitle as s } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as o } from "../../components/Typography/Typography.es.js";
+import { cn as d } from "../../utils/cn/cn.es.js";
 import a from "./imageWithText.module.css.es.js";
-const y = ({ image: o, text: r, textAlign: t = "left", title: l, description: n }) => /* @__PURE__ */ e("div", { className: a.root, children: [
-  /* @__PURE__ */ i("div", { className: a.imageContainer, children: /* @__PURE__ */ i("img", { src: o, alt: "background image", className: a.image }) }),
+const y = ({ image: m, text: r, textAlign: t = "left", title: n, description: l }) => /* @__PURE__ */ i("section", { className: a.root, children: /* @__PURE__ */ e("div", { className: a.container, children: [
+  /* @__PURE__ */ i("div", { className: a.imageContainer, children: /* @__PURE__ */ i("img", { src: m, alt: "background image", className: a.image }) }),
   /* @__PURE__ */ e(
     "div",
     {
-      className: s(a.content, {
+      className: d(a.content, {
         [a.textAlignLeft]: t === "left",
         [a.textAlignRight]: t === "right"
       }),
       children: [
-        l && n && /* @__PURE__ */ e("div", { className: a.richTextContainer, children: [
+        n && l && /* @__PURE__ */ e("div", { className: a.richTextContainer, children: [
           /* @__PURE__ */ i(
-            d,
+            s,
             {
               colorScheme: "dark",
-              title: l,
+              title: n,
               defaultVariant: "displayXs",
               mobileVariant: "headingLg"
             }
           ),
-          /* @__PURE__ */ i(m, { defaultVariant: "bodyMd", mobileVariant: "bodySm", children: n })
+          /* @__PURE__ */ i(o, { defaultVariant: "bodyMd", mobileVariant: "bodySm", children: l })
         ] }),
-        r && /* @__PURE__ */ i("div", { className: a.textContainer, children: /* @__PURE__ */ i(m, { defaultVariant: "displayXs", mobileVariant: "headingXs", children: r }) })
+        r && /* @__PURE__ */ i("div", { className: a.textContainer, children: /* @__PURE__ */ i(o, { defaultVariant: "displayXs", mobileVariant: "headingXs", children: r }) })
       ]
     }
   )
-] });
+] }) });
 export {
   y as ImageWithText
 };

package/dist/modules/ImageWithText/imageWithText.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="imageWithText-module__root___Uq9G7",e="imageWithText-module__content___IKyX1",i="imageWithText-module__textAlignLeft___nxRQf",n="imageWithText-module__textAlignRight___ldGBP",o="imageWithText-module__textContainer___m5Jfs",_="imageWithText-module__richTextContainer___ochKF",a="imageWithText-module__imageContainer___bcAmi",g="imageWithText-module__image___paWe4",m={root:t,content:e,textAlignLeft:i,textAlignRight:n,textContainer:o,richTextContainer:_,imageContainer:a,image:g};exports.content=e;exports.default=m;exports.image=g;exports.imageContainer=a;exports.richTextContainer=_;exports.root=t;exports.textAlignLeft=i;exports.textAlignRight=n;exports.textContainer=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="imageWithText-module__root___Uq9G7",e="imageWithText-module__container___aRFfK",i="imageWithText-module__content___IKyX1",n="imageWithText-module__textAlignLeft___nxRQf",o="imageWithText-module__textAlignRight___ldGBP",_="imageWithText-module__textContainer___m5Jfs",a="imageWithText-module__richTextContainer___ochKF",g="imageWithText-module__imageContainer___bcAmi",m="imageWithText-module__image___paWe4",r={root:t,container:e,content:i,textAlignLeft:n,textAlignRight:o,textContainer:_,richTextContainer:a,imageContainer:g,image:m};exports.container=e;exports.content=i;exports.default=r;exports.image=m;exports.imageContainer=g;exports.richTextContainer=a;exports.root=t;exports.textAlignLeft=n;exports.textAlignRight=o;exports.textContainer=_;

package/dist/modules/ImageWithText/imageWithText.module.css.es.js

@@ -1,21 +1,23 @@
-const t = "imageWithText-module__root___Uq9G7", e = "imageWithText-module__content___IKyX1", i = "imageWithText-module__textAlignLeft___nxRQf", n = "imageWithText-module__textAlignRight___ldGBP", _ = "imageWithText-module__textContainer___m5Jfs", o = "imageWithText-module__richTextContainer___ochKF", a = "imageWithText-module__imageContainer___bcAmi", m = "imageWithText-module__image___paWe4", g = {
+const t = "imageWithText-module__root___Uq9G7", e = "imageWithText-module__container___aRFfK", i = "imageWithText-module__content___IKyX1", n = "imageWithText-module__textAlignLeft___nxRQf", _ = "imageWithText-module__textAlignRight___ldGBP", o = "imageWithText-module__textContainer___m5Jfs", a = "imageWithText-module__richTextContainer___ochKF", m = "imageWithText-module__imageContainer___bcAmi", g = "imageWithText-module__image___paWe4", x = {
   root: t,
-  content: e,
-  textAlignLeft: i,
-  textAlignRight: n,
-  textContainer: _,
-  richTextContainer: o,
-  imageContainer: a,
-  image: m
+  container: e,
+  content: i,
+  textAlignLeft: n,
+  textAlignRight: _,
+  textContainer: o,
+  richTextContainer: a,
+  imageContainer: m,
+  image: g
 };
 export {
-  e as content,
-  g as default,
-  m as image,
-  a as imageContainer,
-  o as richTextContainer,
+  e as container,
+  i as content,
+  x as default,
+  g as image,
+  m as imageContainer,
+  a as richTextContainer,
   t as root,
-  i as textAlignLeft,
-  n as textAlignRight,
-  _ as textContainer
+  n as textAlignLeft,
+  _ as textAlignRight,
+  o as textContainer
 };

package/dist/modules/LongevityPathways/LongevityPathways.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),o=require("../../components/ComplexImageCarousel/ComplexImageCarousel.cjs.js"),t=require("./longevityPathways.module.css.cjs.js"),r=({view:a,label:n,title:l,carousel:i})=>e.jsxs("div",{className:t.default.root,children:[e.jsx("div",{className:t.default.header,children:e.jsx(s.HighlightedTitle,{title:l,className:t.default.title,defaultVariant:"displayMd",mobileVariant:"headingXl"})}),e.jsx(o.ComplexImageCarousel,{images:i,view:a})]});exports.LongevityPathways=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),o=require("../../components/ComplexImageCarousel/ComplexImageCarousel.cjs.js"),t=require("./longevityPathways.module.css.cjs.js"),r=({view:a,label:n,title:l,carousel:i})=>e.jsxs("section",{className:t.default.root,children:[e.jsx("div",{className:t.default.header,children:e.jsx(s.HighlightedTitle,{title:l,className:t.default.title,defaultVariant:"displayMd",mobileVariant:"headingXl"})}),e.jsx(o.ComplexImageCarousel,{images:i,view:a})]});exports.LongevityPathways=r;

package/dist/modules/LongevityPathways/LongevityPathways.es.js

@@ -2,18 +2,18 @@ import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { HighlightedTitle as o } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
 import { ComplexImageCarousel as s } from "../../components/ComplexImageCarousel/ComplexImageCarousel.es.js";
 import a from "./longevityPathways.module.css.es.js";
-const c = ({ view: i, label: m, title: r, carousel: t }) => /* @__PURE__ */ l("div", { className: a.root, children: [
+const p = ({ view: i, label: m, title: t, carousel: r }) => /* @__PURE__ */ l("section", { className: a.root, children: [
   /* @__PURE__ */ e("div", { className: a.header, children: /* @__PURE__ */ e(
     o,
     {
-      title: r,
+      title: t,
       className: a.title,
       defaultVariant: "displayMd",
       mobileVariant: "headingXl"
     }
   ) }),
-  /* @__PURE__ */ e(s, { images: t, view: i })
+  /* @__PURE__ */ e(s, { images: r, view: i })
 ] });
 export {
-  c as LongevityPathways
+  p as LongevityPathways
 };

package/dist/modules/ProductsDisplay/ProductsDisplay.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("../../components/ProductGallery/ProductGallery.cjs.js"),g=require("../../components/ProductGalleryCard/ProductGalleryCard.cjs.js"),i=require("../../components/Typography/Typography.cjs.js"),q=require("./components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js"),s=require("./productsDisplay.module.css.cjs.js"),j=require("./useProductsData.cjs.js"),x=({labelText:d,productDisplays:u})=>{var l;const{isTabbed:t,title:n,description:y,tabs:a,slidesByTabs:o}=j.useProductsData({productDisplays:u}),[r,p]=c.useState(((l=a[0])==null?void 0:l.value)??""),b=c.useMemo(()=>(o[r]??[]).map((m,P)=>e.jsx(g.ProductGalleryCard,{...m},P)),[r,o]),h=t?e.jsx(q.ProductsDisplayTabs,{label:d,tabs:a,activeTab:r,onTabChange:p}):e.jsxs("div",{className:s.default.header,children:[e.jsx(i.Typography,{className:s.default.headerTitle,defaultVariant:"displayMd",mobileVariant:"headingLg",children:n}),e.jsx(i.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",children:y})]});return e.jsx("div",{className:s.default.root,children:e.jsx(T.ProductGallery,{header:h,slides:b,isTabbed:t})})};exports.ProductsDisplay=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("../../components/ProductGallery/ProductGallery.cjs.js"),g=require("../../components/ProductGalleryCard/ProductGalleryCard.cjs.js"),i=require("../../components/Typography/Typography.cjs.js"),q=require("./components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js"),s=require("./productsDisplay.module.css.cjs.js"),j=require("./useProductsData.cjs.js"),x=({labelText:d,productDisplays:u})=>{var l;const{isTabbed:t,title:n,description:y,tabs:a,slidesByTabs:o}=j.useProductsData({productDisplays:u}),[r,p]=c.useState(((l=a[0])==null?void 0:l.value)??""),b=c.useMemo(()=>(o[r]??[]).map((m,P)=>e.jsx(g.ProductGalleryCard,{...m},P)),[r,o]),h=t?e.jsx(q.ProductsDisplayTabs,{label:d,tabs:a,activeTab:r,onTabChange:p}):e.jsxs("div",{className:s.default.header,children:[e.jsx(i.Typography,{className:s.default.headerTitle,defaultVariant:"displayMd",mobileVariant:"headingLg",children:n}),e.jsx(i.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",children:y})]});return e.jsx("section",{className:s.default.root,children:e.jsx(T.ProductGallery,{header:h,slides:b,isTabbed:t})})};exports.ProductsDisplay=x;

package/dist/modules/ProductsDisplay/ProductsDisplay.es.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as t, jsxs as h } from "react/jsx-runtime";
 import { useState as T, useMemo as g } from "react";
-import { ProductGallery as v } from "../../components/ProductGallery/ProductGallery.es.js";
-import { ProductGalleryCard as P } from "../../components/ProductGalleryCard/ProductGalleryCard.es.js";
+import { ProductGallery as P } from "../../components/ProductGallery/ProductGallery.es.js";
+import { ProductGalleryCard as v } from "../../components/ProductGalleryCard/ProductGalleryCard.es.js";
 import { Typography as l } from "../../components/Typography/Typography.es.js";
 import { ProductsDisplayTabs as V } from "./components/ProductsDisplayTabs/ProductsDisplayTabs.es.js";
 import r from "./productsDisplay.module.css.es.js";
@@ -11,11 +11,11 @@ const B = ({ labelText: d, productDisplays: m }) => {
   var i;
   const { isTabbed: a, title: c, description: n, tabs: s, slidesByTabs: o } = x({
     productDisplays: m
-  }), [e, p] = T(((i = s[0]) == null ? void 0 : i.value) ?? ""), u = g(() => (o[e] ?? []).map((y, f) => /* @__PURE__ */ t(P, { ...y }, f)), [e, o]), b = a ? /* @__PURE__ */ t(V, { label: d, tabs: s, activeTab: e, onTabChange: p }) : /* @__PURE__ */ h("div", { className: r.header, children: [
+  }), [e, p] = T(((i = s[0]) == null ? void 0 : i.value) ?? ""), u = g(() => (o[e] ?? []).map((y, f) => /* @__PURE__ */ t(v, { ...y }, f)), [e, o]), b = a ? /* @__PURE__ */ t(V, { label: d, tabs: s, activeTab: e, onTabChange: p }) : /* @__PURE__ */ h("div", { className: r.header, children: [
     /* @__PURE__ */ t(l, { className: r.headerTitle, defaultVariant: "displayMd", mobileVariant: "headingLg", children: c }),
     /* @__PURE__ */ t(l, { defaultVariant: "bodyLg", mobileVariant: "bodySm", children: n })
   ] });
-  return /* @__PURE__ */ t("div", { className: r.root, children: /* @__PURE__ */ t(v, { header: b, slides: u, isTabbed: a }) });
+  return /* @__PURE__ */ t("section", { className: r.root, children: /* @__PURE__ */ t(P, { header: b, slides: u, isTabbed: a }) });
 };
 export {
   B as ProductsDisplay

package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/productsDisplayTabs.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="productsDisplayTabs-module__label___yoPVH",l="productsDisplayTabs-module__header___nO8ge",a={label:e,header:l};exports.default=a;exports.header=l;exports.label=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="productsDisplayTabs-module__header___nO8ge",l="productsDisplayTabs-module__label___yoPVH",a={header:e,label:l};exports.default=a;exports.header=e;exports.label=l;

package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/productsDisplayTabs.module.css.es.js

@@ -1,9 +1,9 @@
-const e = "productsDisplayTabs-module__label___yoPVH", a = "productsDisplayTabs-module__header___nO8ge", l = {
-  label: e,
-  header: a
+const e = "productsDisplayTabs-module__header___nO8ge", a = "productsDisplayTabs-module__label___yoPVH", l = {
+  header: e,
+  label: a
 };
 export {
   l as default,
-  a as header,
-  e as label
+  e as header,
+  a as label
 };

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;