@zenpatient-org/healthspan-marketing-ui 0.1.157 → 0.1.158

package/dist/modules/IndividualProductCard/components/PlanCard/PlanCard.es.js

@@ -1,50 +1,60 @@
 "use client";
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { Icon as c } from "../../../../components/Icon/Icon.es.js";
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { Icon as n } from "../../../../components/Icon/Icon.es.js";
 import { EIconName as l } from "../../../../components/Icon/constants.es.js";
 import { RadioButton as m } from "../../../../components/RadioButton/RadioButton.es.js";
 import { Typography as t } from "../../../../components/Typography/Typography.es.js";
 import { Label as h } from "../../../../components/Label/Label.es.js";
-import { cn as o } from "../../../../utils/cn/cn.es.js";
-import { formatUnits as n } from "../../../../utils/formatUnits/formatUnits.es.js";
-import e from "./planCard.module.css.es.js";
-const C = ({ plan: a, isActive: s, onSelect: d }) => /* @__PURE__ */ i("button", { className: o(e.root, s && e.active), onClick: () => d(a.id), children: [
-  a.featured && /* @__PURE__ */ r(h, { color: "black", className: e.label, size: "sm", children: "Most popular" }),
-  /* @__PURE__ */ i("div", { className: e.planContainer, children: [
-    /* @__PURE__ */ i("div", { className: e.planInfo, children: [
-      /* @__PURE__ */ r(m, { checked: s }),
-      /* @__PURE__ */ i("div", { className: e.planDetails, children: [
-        /* @__PURE__ */ r(t, { as: "h4", defaultVariant: "bodySm", emphasis: !0, align: "left", children: a.label }),
-        !!a.savingsPercentage && /* @__PURE__ */ i(t, { as: "p", defaultVariant: "labelXs", weight: "regular", className: e.description, children: [
+import { cn as s } from "../../../../utils/cn/cn.es.js";
+import { formatUnits as c } from "../../../../utils/formatUnits/formatUnits.es.js";
+import i from "./planCard.module.css.es.js";
+const C = ({ plan: e, isActive: o, onSelect: d }) => /* @__PURE__ */ r("button", { className: s(i.root, o && i.active), onClick: () => d(e.id), children: [
+  e.featured && /* @__PURE__ */ a(h, { color: "black", className: i.label, size: "sm", children: "Most popular" }),
+  /* @__PURE__ */ r("div", { className: i.planContainer, children: [
+    /* @__PURE__ */ r("div", { className: i.planInfo, children: [
+      /* @__PURE__ */ a(m, { checked: o }),
+      /* @__PURE__ */ r("div", { className: i.planDetails, children: [
+        /* @__PURE__ */ a(t, { as: "h4", defaultVariant: "bodySm", emphasis: !0, align: "left", children: e.label }),
+        !!e.savingsPercentage && /* @__PURE__ */ r(t, { as: "p", defaultVariant: "labelXs", weight: "regular", className: i.savings, children: [
           "Save ",
-          a.savingsPercentage,
+          e.savingsPercentage,
           "%"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ i("div", { className: e.priceDetails, children: [
-      /* @__PURE__ */ i("div", { className: o(e.priceContainer), children: [
-        a.price !== a.totalPrice && /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodySm", weight: "regular", className: e.totalPrice, children: n(a.price, "usd", 0) }),
-        /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodySm", emphasis: !0, className: e.price, children: n(a.totalPrice, "usd", 0) })
-      ] }),
-      !!a.monthlyPrice && /* @__PURE__ */ i(t, { as: "p", defaultVariant: "labelXs", weight: "regular", className: e.description, children: [
-        n(a.monthlyPrice, "usd", 0),
+    /* @__PURE__ */ r("div", { className: i.priceDetails, children: [
+      !!e.monthlyPrice && /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodySm", weight: "regular", className: i.description, children: [
+        c(e.monthlyPrice, "usd", 0),
         "/mo"
+      ] }),
+      /* @__PURE__ */ r("div", { className: s(i.priceContainer), children: [
+        e.price !== e.totalPrice && /* @__PURE__ */ a(t, { as: "p", defaultVariant: "labelXs", weight: "regular", className: i.totalPrice, children: c(e.price, "usd", 0) }),
+        /* @__PURE__ */ a(
+          t,
+          {
+            as: "p",
+            defaultVariant: !e.monthlyPrice && e.price === e.totalPrice ? "bodySm" : "labelXs",
+            className: s(i.price, {
+              [i.description]: !e.monthlyPrice && e.price === e.totalPrice
+            }),
+            children: c(e.totalPrice, "usd", 0)
+          }
+        )
       ] })
     ] })
   ] }),
-  !!a.duration && a.duration !== "one-time" && /* @__PURE__ */ r("div", { className: o(e.benefitsContainer, s && e.benefitsActive), children: /* @__PURE__ */ i("div", { className: e.benefitsContent, children: [
-    /* @__PURE__ */ i("div", { className: e.benefit, children: [
-      /* @__PURE__ */ r(c, { name: l.ARROW_RETURN, className: e.benefitIcon }),
-      /* @__PURE__ */ i(t, { as: "p", defaultVariant: "bodyXs", children: [
+  !!e.duration && e.duration !== "one-time" && /* @__PURE__ */ a("div", { className: s(i.benefitsContainer, o && i.benefitsActive), children: /* @__PURE__ */ r("div", { className: i.benefitsContent, children: [
+    /* @__PURE__ */ r("div", { className: i.benefit, children: [
+      /* @__PURE__ */ a(n, { name: l.ARROW_RETURN, className: i.benefitIcon }),
+      /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodyXs", children: [
         "Delivered every",
         " ",
-        a.durationAmount && a.durationAmount > 1 ? `${a.durationAmount} months` : "month"
+        e.durationAmount && e.durationAmount > 1 ? `${e.durationAmount} months` : "month"
       ] })
     ] }),
-    /* @__PURE__ */ i("div", { className: e.benefit, children: [
-      /* @__PURE__ */ r(c, { name: l.CALENDAR, className: e.benefitIcon }),
-      /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodyXs", children: "Modify or cancel anytime" })
+    /* @__PURE__ */ r("div", { className: i.benefit, children: [
+      /* @__PURE__ */ a(n, { name: l.CALENDAR, className: i.benefitIcon }),
+      /* @__PURE__ */ a(t, { as: "p", defaultVariant: "bodyXs", children: "Modify or cancel anytime" })
     ] })
   ] }) })
 ] });

package/dist/modules/IndividualProductCard/components/PlanCard/planCard.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="planCard-module__root___zp7Tv",n="planCard-module__active___Jfcov",t="planCard-module__label___QCNmN",a="planCard-module__planContainer___11Plm",o="planCard-module__planInfo___WnxmB",_="planCard-module__planDetails___3SReq",i="planCard-module__priceDetails___76mLM",l="planCard-module__priceContainer___RLU3v",r="planCard-module__description___aIuab",c="planCard-module__totalPrice___KJB6P",s="planCard-module__benefitsContainer___YkMqx",p="planCard-module__benefitsActive___yxSvM",d="planCard-module__benefitsContent___PEjLg",C="planCard-module__benefit___L4KF1",b="planCard-module__benefitIcon___IVAlB",f={root:e,active:n,label:t,planContainer:a,planInfo:o,planDetails:_,priceDetails:i,priceContainer:l,description:r,totalPrice:c,benefitsContainer:s,benefitsActive:p,benefitsContent:d,benefit:C,benefitIcon:b};exports.active=n;exports.benefit=C;exports.benefitIcon=b;exports.benefitsActive=p;exports.benefitsContainer=s;exports.benefitsContent=d;exports.default=f;exports.description=r;exports.label=t;exports.planContainer=a;exports.planDetails=_;exports.planInfo=o;exports.priceContainer=l;exports.priceDetails=i;exports.root=e;exports.totalPrice=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="planCard-module__root___zp7Tv",n="planCard-module__active___Jfcov",t="planCard-module__label___QCNmN",a="planCard-module__planContainer___11Plm",_="planCard-module__planInfo___WnxmB",o="planCard-module__planDetails___3SReq",i="planCard-module__priceDetails___76mLM",l="planCard-module__priceContainer___RLU3v",r="planCard-module__savings___6EX3u",s="planCard-module__price___oJOrP",c="planCard-module__description___aIuab",p="planCard-module__totalPrice___KJB6P",d="planCard-module__benefitsContainer___YkMqx",C="planCard-module__benefitsActive___yxSvM",b="planCard-module__benefitsContent___PEjLg",f="planCard-module__benefit___L4KF1",u="planCard-module__benefitIcon___IVAlB",m={root:e,active:n,label:t,planContainer:a,planInfo:_,planDetails:o,priceDetails:i,priceContainer:l,savings:r,price:s,description:c,totalPrice:p,benefitsContainer:d,benefitsActive:C,benefitsContent:b,benefit:f,benefitIcon:u};exports.active=n;exports.benefit=f;exports.benefitIcon=u;exports.benefitsActive=C;exports.benefitsContainer=d;exports.benefitsContent=b;exports.default=m;exports.description=c;exports.label=t;exports.planContainer=a;exports.planDetails=o;exports.planInfo=_;exports.price=s;exports.priceContainer=l;exports.priceDetails=i;exports.root=e;exports.savings=r;exports.totalPrice=p;

package/dist/modules/IndividualProductCard/components/PlanCard/planCard.module.css.es.js

@@ -1,4 +1,4 @@
-const n = "planCard-module__root___zp7Tv", e = "planCard-module__active___Jfcov", _ = "planCard-module__label___QCNmN", t = "planCard-module__planContainer___11Plm", a = "planCard-module__planInfo___WnxmB", o = "planCard-module__planDetails___3SReq", l = "planCard-module__priceDetails___76mLM", i = "planCard-module__priceContainer___RLU3v", r = "planCard-module__description___aIuab", c = "planCard-module__totalPrice___KJB6P", s = "planCard-module__benefitsContainer___YkMqx", p = "planCard-module__benefitsActive___yxSvM", d = "planCard-module__benefitsContent___PEjLg", C = "planCard-module__benefit___L4KF1", f = "planCard-module__benefitIcon___IVAlB", b = {
+const n = "planCard-module__root___zp7Tv", e = "planCard-module__active___Jfcov", _ = "planCard-module__label___QCNmN", t = "planCard-module__planContainer___11Plm", a = "planCard-module__planInfo___WnxmB", o = "planCard-module__planDetails___3SReq", l = "planCard-module__priceDetails___76mLM", i = "planCard-module__priceContainer___RLU3v", r = "planCard-module__savings___6EX3u", s = "planCard-module__price___oJOrP", c = "planCard-module__description___aIuab", p = "planCard-module__totalPrice___KJB6P", d = "planCard-module__benefitsContainer___YkMqx", C = "planCard-module__benefitsActive___yxSvM", m = "planCard-module__benefitsContent___PEjLg", f = "planCard-module__benefit___L4KF1", u = "planCard-module__benefitIcon___IVAlB", b = {
   root: n,
   active: e,
   label: _,
@@ -7,29 +7,33 @@ const n = "planCard-module__root___zp7Tv", e = "planCard-module__active___Jfcov"
   planDetails: o,
   priceDetails: l,
   priceContainer: i,
-  description: r,
-  totalPrice: c,
-  benefitsContainer: s,
-  benefitsActive: p,
-  benefitsContent: d,
-  benefit: C,
-  benefitIcon: f
+  savings: r,
+  price: s,
+  description: c,
+  totalPrice: p,
+  benefitsContainer: d,
+  benefitsActive: C,
+  benefitsContent: m,
+  benefit: f,
+  benefitIcon: u
 };
 export {
   e as active,
-  C as benefit,
-  f as benefitIcon,
-  p as benefitsActive,
-  s as benefitsContainer,
-  d as benefitsContent,
+  f as benefit,
+  u as benefitIcon,
+  C as benefitsActive,
+  d as benefitsContainer,
+  m as benefitsContent,
   b as default,
-  r as description,
+  c as description,
   _ as label,
   t as planContainer,
   o as planDetails,
   a as planInfo,
+  s as price,
   i as priceContainer,
   l as priceDetails,
   n as root,
-  c as totalPrice
+  r as savings,
+  p as totalPrice
 };

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"),b=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),C=require("../../utils/cn/cn.cjs.js"),x=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(b.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(x.Typography,{defaultVariant:"displayMd",className:t.default.icon,children:e.jsx(_.Icon,{name:i.icon})}),e.jsx(x.Typography,{defaultVariant:"displayMd",className:t.default.hideMobile,children:i.label})]},i.label))]})}),l.description&&e.jsx("div",{className:t.default.description,children:e.jsx(b.HighlightedTitle,{as:"div",defaultVariant:"bodyXl",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"),g=require("react"),x=require("../../node_modules/gsap/index.cjs.js"),h=require("../../node_modules/gsap/Flip.cjs.js"),j=require("../../node_modules/@gsap/react/src/index.cjs.js"),N=require("../../pageComponents/Bubbles/Bubbles.cjs.js"),v=require("../../pageComponents/Gradient/Gradient.cjs.js"),m=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),q=require("../../utils/cn/cn.cjs.js"),b=require("../../components/Typography/Typography.cjs.js"),C=require("../../components/Icon/Icon.cjs.js"),t=require("./SlidingTabsGallery.module.css.cjs.js");x.gsap.registerPlugin(h.Flip);const R=({title:y,tabs:d,withBubbles:p})=>{const r=g.useRef(null),l=g.useRef(null),[c,f]=g.useState(d[0]);j.useGSAP(()=>{const i=r.current,n=l.current,u=a=>{if(i&&n&&a){const o=n.getBoundingClientRect(),s=a.getBoundingClientRect();x.gsap.set(i,{left:s.left-o.left,top:s.top-o.top,width:s.width,height:s.height})}};if(n&&n.children.length>1){const a=n.children[1];a&&u(a)}},{dependencies:[d,f],scope:l});const T=(i,n)=>{if(i===c)return;const u=h.Flip.getState(r.current);if(f(i),r.current&&l.current&&l.current.children.length>n+1){const a=l.current.children[n+1];if(a){const o=l.current.getBoundingClientRect(),s=a.getBoundingClientRect();r.current.style.left=`${s.left-o.left}px`,r.current.style.top=`${s.top-o.top}px`,r.current.style.width=`${s.width}px`,r.current.style.height=`${s.height}px`}}h.Flip.from(u,{targets:r.current,duration:.3,ease:"power1.inOut"})};return e.jsxs("section",{className:t.default.root,children:[p&&e.jsx(N.Bubbles,{className:t.default.bubbles}),e.jsxs("div",{className:t.default.container,children:[e.jsx(m.HighlightedTitle,{as:"div",title:y,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:l,className:t.default.tabs,children:[e.jsx("div",{ref:r,id:"marker",className:t.default.marker}),d.map((i,n)=>e.jsxs("button",{className:q.cn(t.default.tab,{[t.default.active]:c===i}),onClick:()=>T(i,n),children:[i.icon&&e.jsx(b.Typography,{defaultVariant:"displayMd",className:t.default.icon,children:e.jsx(C.Icon,{name:i.icon})}),e.jsx(b.Typography,{defaultVariant:"displayMd",className:t.default.hideMobile,children:i.label})]},i.label))]})}),c.description&&e.jsx("div",{className:t.default.description,children:e.jsx(m.HighlightedTitle,{as:"div",defaultVariant:"bodyXl",mobileVariant:"bodyMd",className:t.default.descriptionText,title:c.description,colorScheme:"dark"})})]})]}),p&&e.jsx(v.Gradient,{variant:"blue"})]})};exports.SlidingTabsGallery=R;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.157",
+    "version": "0.1.158",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",