@zenpatient-org/healthspan-marketing-ui 0.1.56 → 0.1.58

package/dist/icons/arrow/arrow-forward-thin.svg.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react");function i(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=i(c),a=e=>o.createElement("svg",{width:128,height:128,viewBox:"0 0 128 128",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M18.7452 64.0048H109.255",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M72.4844 27.2344L109.254 64.0039L72.4844 100.773",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}));exports.default=a;

package/dist/icons/arrow/arrow-forward-thin.svg.es.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const t = (r) => /* @__PURE__ */ e.createElement("svg", { width: 128, height: 128, viewBox: "0 0 128 128", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ e.createElement("path", { d: "M18.7452 64.0048H109.255", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M72.4844 27.2344L109.254 64.0039L72.4844 100.773", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  t as default
+};

package/dist/modules/ExpandingDetails/ExpandingDetails.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),H=require("../../node_modules/@gsap/react/src/index.cjs.js"),d=require("../../node_modules/gsap/index.cjs.js"),u=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),w=require("react"),V=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),A=require("../../utils/debounce.cjs.js"),r=require("./expandingDetails.module.css.cjs.js");d.gsap.registerPlugin(u.ScrollTrigger);const $=({colorScheme:h,label:f,title:N,sections:P})=>{const s=w.useRef(null);return H.useGSAP(()=>{if(!s.current)return;const a=()=>{var x;d.gsap.killTweensOf("*"),u.ScrollTrigger.getAll().forEach(e=>e.kill());const o=d.gsap.utils.toArray('[data-scroll-id="section"]'),t=(x=s.current)==null?void 0:x.querySelector('[data-scroll-id="sections"]');if(!t)return;const p=d.gsap.timeline({scrollTrigger:{trigger:s.current,start:"top top",end:()=>`+=${o.length*500}`,scrub:1,markers:!1,pin:!0}}),y=t==null?void 0:t.querySelector('[data-scroll-id="heading"]');if(!y)return;d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="section"]'),{height:y.offsetHeight||0}),d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="protocol"]'),{scale:.5,yPercent:0}),d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="image-circle"]'),{scale:.5,yPercent:5});const m=window.innerWidth<768?1.2:2,S=window.innerWidth<768?1.2:2;o.forEach((e,E)=>{var q,T,j,b,v;const g=e==null?void 0:e.querySelector('[data-scroll-id="heading"]'),i=e==null?void 0:e.querySelector('[data-scroll-id="content"]');!g||!i||(p.to(e,{height:g.offsetHeight+i.offsetHeight}).to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:m,yPercent:50},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:S,yPercent:50},"<").to(i,{height:i.offsetHeight},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:1,yPercent:5},"<"),E<o.length-1&&p.to(e,{height:g.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:g.offsetHeight+i.offsetHeight},"<").to(((q=e.nextElementSibling)==null?void 0:q.querySelector('[data-scroll-id="section-title"]'))||null,{scale:m,yPercent:100},"<").to(((T=e.nextElementSibling)==null?void 0:T.querySelector('[data-scroll-id="section-index"]'))||null,{scale:S,yPercent:100},"<").to(((j=e.nextElementSibling)==null?void 0:j.querySelector('[data-scroll-id="content"]'))||null,{height:i.offsetHeight,yPercent:0},"<").to(((b=e.nextElementSibling)==null?void 0:b.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((v=e.nextElementSibling)==null?void 0:v.querySelector('[data-scroll-id="image-circle"]'))||null,{scale:1,yPercent:5},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(i,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<"))})};a();const c=A.default(()=>{a()},200);return window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c),u.ScrollTrigger.getAll().forEach(o=>o.kill()),d.gsap.killTweensOf("*")}},{scope:s,dependencies:[s]}),l.jsx("div",{ref:s,className:`${r.default.root} ${r.default[h]}`,children:l.jsxs("div",{className:r.default.expandingDetailsWrapper,children:[l.jsxs("header",{"data-scroll-id":"header",className:r.default.header,children:[f&&l.jsx(n.Typography,{as:"div",defaultVariant:"labelSm",emphasis:!0,className:r.default.label,children:f}),l.jsx(V.HighlightedTitle,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:h,className:r.default.title,title:N})]}),l.jsx("div",{"data-scroll-id":"sections",className:r.default.sections,children:P.map((a,c)=>l.jsxs("div",{id:`section-${c+1}`,"data-scroll-id":"section",className:r.default.section,children:[l.jsxs("div",{"data-scroll-id":"heading",className:r.default.heading,children:[l.jsx("div",{"data-scroll-id":"section-title",className:r.default.sectionTitleWrapper,children:l.jsx(n.Typography,{as:"h3",defaultVariant:"headingSm",className:r.default.sectionTitle,children:a.title})}),l.jsx("div",{"data-scroll-id":"section-index",className:r.default.sectionIndexWrapper,children:l.jsxs(n.Typography,{as:"p",defaultVariant:"headingSm",className:r.default.sectionIndex,children:["(",String(c+1).padStart(2,"0"),")"]})})]}),l.jsxs("div",{"data-scroll-id":"content",className:r.default.content,children:[l.jsxs("div",{"data-scroll-id":"protocol",className:r.default.protocolWrapper,children:[a.subtitle&&l.jsx(n.Typography,{as:"h4",defaultVariant:"headingLg",mobileVariant:"headingXs",children:a.subtitle}),l.jsx(n.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:a.description})]}),l.jsx("div",{"data-scroll-id":"image-circle",className:r.default.imageCircle,children:l.jsx("img",{src:a.image,alt:a.title})})]}),l.jsx("div",{className:r.default.leftBorder}),l.jsx("div",{className:r.default.rightBorder})]},a.title))})]})})};exports.ExpandingDetails=$;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),H=require("../../node_modules/@gsap/react/src/index.cjs.js"),d=require("../../node_modules/gsap/index.cjs.js"),u=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),w=require("react"),V=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),A=require("../../utils/debounce.cjs.js"),r=require("./expandingDetails.module.css.cjs.js");d.gsap.registerPlugin(u.ScrollTrigger);const $=({colorScheme:h,label:f,title:N,sections:P})=>{const s=w.useRef(null);return H.useGSAP(()=>{if(!s.current)return;const a=()=>{var x;d.gsap.killTweensOf("*"),u.ScrollTrigger.getAll().forEach(e=>e.kill());const o=d.gsap.utils.toArray('[data-scroll-id="section"]'),t=(x=s.current)==null?void 0:x.querySelector('[data-scroll-id="sections"]');if(!t)return;const p=d.gsap.timeline({scrollTrigger:{trigger:s.current,start:"top top",end:()=>`+=${o.length*500}`,scrub:1,markers:!1,pin:!0}}),y=t==null?void 0:t.querySelector('[data-scroll-id="heading"]');if(!y)return;d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="section"]'),{height:y.offsetHeight||0}),d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="protocol"]'),{scale:.5,yPercent:0}),d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="image-circle"]'),{scale:.5,yPercent:5});const m=window.innerWidth<768?1.2:2,S=window.innerWidth<768?1.2:2;o.forEach((e,E)=>{var q,T,j,b,v;const g=e==null?void 0:e.querySelector('[data-scroll-id="heading"]'),i=e==null?void 0:e.querySelector('[data-scroll-id="content"]');!g||!i||(p.to(e,{height:g.offsetHeight+i.offsetHeight}).to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:m,yPercent:50},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:S,yPercent:50},"<").to(i,{height:i.offsetHeight},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:1,yPercent:5},"<"),E<o.length-1&&p.to(e,{height:g.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:g.offsetHeight+i.offsetHeight},"<").to(((q=e.nextElementSibling)==null?void 0:q.querySelector('[data-scroll-id="section-title"]'))||null,{scale:m,yPercent:100},"<").to(((T=e.nextElementSibling)==null?void 0:T.querySelector('[data-scroll-id="section-index"]'))||null,{scale:S,yPercent:100},"<").to(((j=e.nextElementSibling)==null?void 0:j.querySelector('[data-scroll-id="content"]'))||null,{height:i.offsetHeight,yPercent:0},"<").to(((b=e.nextElementSibling)==null?void 0:b.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((v=e.nextElementSibling)==null?void 0:v.querySelector('[data-scroll-id="image-circle"]'))||null,{scale:1,yPercent:5},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(i,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<"))})};a();const c=A.default(()=>{a()},200);return window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c),u.ScrollTrigger.getAll().forEach(o=>o.kill()),d.gsap.killTweensOf("*")}},{scope:s,dependencies:[s]}),l.jsx("div",{ref:s,className:`${r.default.root} ${r.default[h]}`,children:l.jsxs("div",{className:r.default.expandingDetailsWrapper,children:[l.jsxs("header",{"data-scroll-id":"header",className:r.default.header,children:[f&&l.jsx(n.Typography,{as:"div",defaultVariant:"labelSm",emphasis:!0,className:r.default.label,children:f}),l.jsx(V.HighlightedTitle,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:h,className:r.default.title,title:N})]}),l.jsx("div",{"data-scroll-id":"sections",className:r.default.sections,children:P.map((a,c)=>l.jsxs("div",{id:`section-${c+1}`,"data-scroll-id":"section",className:r.default.section,children:[l.jsxs("div",{"data-scroll-id":"heading",className:r.default.heading,children:[l.jsx("div",{"data-scroll-id":"section-title",className:r.default.sectionTitleWrapper,children:l.jsx(n.Typography,{as:"h3",defaultVariant:"headingSm",className:r.default.sectionTitle,children:a.title})}),l.jsx("div",{"data-scroll-id":"section-index",className:r.default.sectionIndexWrapper,children:l.jsxs(n.Typography,{as:"p",defaultVariant:"headingSm",className:r.default.sectionIndex,children:["(",String(c+1).padStart(2,"0"),")"]})})]}),l.jsxs("div",{"data-scroll-id":"content",className:r.default.content,children:[l.jsxs("div",{"data-scroll-id":"protocol",className:r.default.protocolWrapper,children:[a.subtitle&&l.jsx(n.Typography,{as:"h4",defaultVariant:"headingLg",mobileVariant:"headingXs",children:a.subtitle}),l.jsx(n.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:a.description})]}),l.jsx("div",{"data-scroll-id":"image-circle",className:r.default.imageCircle,children:l.jsx("img",{src:a.image,alt:a.title})})]}),l.jsx("div",{className:r.default.leftBorder}),l.jsx("div",{className:r.default.rightBorder})]},a.title))})]})})};exports.ExpandingDetails=$;

package/dist/modules/ExpandingDetails/ExpandingDetails.es.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import { useGSAP as V } from "../../node_modules/@gsap/react/src/index.es.js";
 import { gsap as i } from "../../node_modules/gsap/index.es.js";

package/dist/modules/TotalCare/TotalCare.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),n=require("../../components/ContentTabs/ContentTabs.cjs.js"),d=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("./totalCare.module.css.cjs.js"),u=({title:l,label:c,contentTabs:a,colorScheme:i})=>{const[s,r]=o.useState(a.tabs[0]);return e.jsx("section",{className:t.default.root,"data-scheme":i,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(d.HighlightedTitle,{title:l,label:c,className:t.default.header,colorScheme:i}),e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{className:t.default.tags,children:e.jsx(n.ContentTabs,{activeTab:s,tabs:a.tabs,colorScheme:a.colorScheme,onTabClick:r})}),s.image&&e.jsx("div",{className:t.default.imageWrap,children:e.jsx("img",{src:s.image,alt:"Total Care",className:t.default.image})})]})]})})};exports.TotalCare=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),d=require("../../components/ContentTabs/ContentTabs.cjs.js"),u=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("./totalCare.module.css.cjs.js"),m=({title:r,label:c,contentTabs:a,colorScheme:i,version:l="v1"})=>{const[s,o]=n.useState(a.tabs[0]);return e.jsx("section",{className:t.default.root,"data-scheme":i,"data-version":l,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(u.HighlightedTitle,{title:r,label:c,className:t.default.header,colorScheme:i}),e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{className:t.default.tags,children:e.jsx(d.ContentTabs,{activeTab:s,tabs:a.tabs,colorScheme:a.colorScheme,activeWithArrow:l==="v2",onTabClick:o})}),s.image&&e.jsx("div",{className:t.default.imageWrap,children:e.jsx("img",{src:s.image,alt:"Total Care",className:t.default.image})})]})]})})};exports.TotalCare=m;

package/dist/modules/TotalCare/TotalCare.d.ts

@@ -12,5 +12,6 @@ export type TotalCareProps = {
         withImage: boolean;
         tabs: ReadonlyArray<TContentTab>;
     };
+    version?: 'v1' | 'v2';
 };
-export declare const TotalCare: ({ title, label, contentTabs, colorScheme }: TotalCareProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TotalCare: ({ title, label, contentTabs, colorScheme, version }: TotalCareProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/TotalCare/TotalCare.es.js

@@ -1,27 +1,28 @@
 "use client";
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { useState as l } from "react";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useState as d } from "react";
 import { ContentTabs as n } from "../../components/ContentTabs/ContentTabs.es.js";
-import { HighlightedTitle as d } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import e from "./totalCare.module.css.es.js";
-const b = ({ title: m, label: c, contentTabs: s, colorScheme: i }) => {
-  const [t, o] = l(s.tabs[0]);
-  return /* @__PURE__ */ a("section", { className: e.root, "data-scheme": i, children: /* @__PURE__ */ r("div", { className: e.container, children: [
-    /* @__PURE__ */ a(d, { title: m, label: c, className: e.header, colorScheme: i }),
-    /* @__PURE__ */ r("div", { className: e.content, children: [
-      /* @__PURE__ */ a("div", { className: e.tags, children: /* @__PURE__ */ a(
+import { HighlightedTitle as h } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import a from "./totalCare.module.css.es.js";
+const f = ({ title: m, label: o, contentTabs: t, colorScheme: s, version: r = "v1" }) => {
+  const [i, l] = d(t.tabs[0]);
+  return /* @__PURE__ */ e("section", { className: a.root, "data-scheme": s, "data-version": r, children: /* @__PURE__ */ c("div", { className: a.container, children: [
+    /* @__PURE__ */ e(h, { title: m, label: o, className: a.header, colorScheme: s }),
+    /* @__PURE__ */ c("div", { className: a.content, children: [
+      /* @__PURE__ */ e("div", { className: a.tags, children: /* @__PURE__ */ e(
         n,
         {
-          activeTab: t,
-          tabs: s.tabs,
-          colorScheme: s.colorScheme,
-          onTabClick: o
+          activeTab: i,
+          tabs: t.tabs,
+          colorScheme: t.colorScheme,
+          activeWithArrow: r === "v2",
+          onTabClick: l
         }
       ) }),
-      t.image && /* @__PURE__ */ a("div", { className: e.imageWrap, children: /* @__PURE__ */ a("img", { src: t.image, alt: "Total Care", className: e.image }) })
+      i.image && /* @__PURE__ */ e("div", { className: a.imageWrap, children: /* @__PURE__ */ e("img", { src: i.image, alt: "Total Care", className: a.image }) })
     ] })
   ] }) });
 };
 export {
-  b as TotalCare
+  f as TotalCare
 };

package/dist/pageComponents/TreatmentsHero/TreatmentsHero.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../utils/cn/cn.cjs.js"),u=require("../../components/Button/Button.cjs.js"),o=require("../../components/Typography/Typography.cjs.js"),c=require("./components/TreatmentHeroCard/TreatmentHeroCard.cjs.js"),t=require("./treatmentsHero.module.css.cjs.js"),d=(r,l)=>r?e.jsx(u.Button,{variant:"primary",as:"a",href:r.link,size:l,children:r.text}):null,h=({title:r,description:l,button:a,cards:n})=>e.jsxs("section",{className:t.default.root,"data-type":"hero",children:[e.jsx("div",{className:t.default.headerContainer,children:e.jsxs("div",{className:t.default.headerContent,children:[e.jsxs("div",{className:t.default.headerText,children:[e.jsx(o.Typography,{as:"h1",defaultVariant:"displayMd",mobileVariant:"headingXl",weight:"regular",children:r}),e.jsx(o.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",weight:"regular",children:l})]}),a&&e.jsx("div",{className:s.cn(t.default.headerButton,t.default.mobile),children:d(a,"md")}),a&&e.jsx("div",{className:s.cn(t.default.headerButton,t.default.desktop),children:d(a,"lg")})]})}),!!(n!=null&&n.length)&&e.jsx("div",{className:t.default.cardsContainer,children:n.map(i=>e.jsx(c.TreatmentHeroCard,{title:i.title,link:i.link,image:i.image},i.link))})]});exports.TreatmentsHero=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("../../utils/cn/cn.cjs.js"),u=require("../../components/Button/Button.cjs.js"),o=require("../../components/Typography/Typography.cjs.js"),c=require("./components/TreatmentHeroCard/TreatmentHeroCard.cjs.js"),e=require("./treatmentsHero.module.css.cjs.js"),d=(r,a)=>r?t.jsx(u.Button,{variant:"primary",as:"a",href:r.link,size:a,children:r.text}):null,h=({title:r,description:a,button:n,cards:l})=>t.jsxs("section",{className:e.default.root,"data-type":"hero",children:[t.jsx("div",{className:s.cn(e.default.row,e.default.headerContainer),children:t.jsxs("div",{className:e.default.headerContent,children:[t.jsxs("div",{className:e.default.headerText,children:[t.jsx(o.Typography,{as:"h1",defaultVariant:"displayMd",mobileVariant:"headingXl",weight:"regular",children:r}),a&&t.jsx(o.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",weight:"regular",children:a})]}),n&&t.jsx("div",{className:s.cn(e.default.headerButton,e.default.mobile),children:d(n,"md")}),n&&t.jsx("div",{className:s.cn(e.default.headerButton,e.default.desktop),children:d(n,"lg")})]})}),!!(l!=null&&l.length)&&t.jsx("div",{className:s.cn(e.default.row,e.default.cardsContainer),children:l.map(i=>t.jsx(c.TreatmentHeroCard,{title:i.title,link:i.link,image:i.image},i.link))})]});exports.TreatmentsHero=h;

package/dist/pageComponents/TreatmentsHero/TreatmentsHero.es.js

@@ -1,19 +1,19 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { cn as o } from "../../utils/cn/cn.es.js";
-import { Button as h } from "../../components/Button/Button.es.js";
+import { Button as s } from "../../components/Button/Button.es.js";
 import { Typography as d } from "../../components/Typography/Typography.es.js";
 import { TreatmentHeroCard as p } from "./components/TreatmentHeroCard/TreatmentHeroCard.es.js";
 import e from "./treatmentsHero.module.css.es.js";
-const s = (i, n) => i ? /* @__PURE__ */ r(h, { variant: "primary", as: "a", href: i.link, size: n, children: i.text }) : null, N = ({ title: i, description: n, button: a, cards: t }) => /* @__PURE__ */ m("section", { className: e.root, "data-type": "hero", children: [
-  /* @__PURE__ */ r("div", { className: e.headerContainer, children: /* @__PURE__ */ m("div", { className: e.headerContent, children: [
+const h = (i, a) => i ? /* @__PURE__ */ r(s, { variant: "primary", as: "a", href: i.link, size: a, children: i.text }) : null, N = ({ title: i, description: a, button: t, cards: l }) => /* @__PURE__ */ m("section", { className: e.root, "data-type": "hero", children: [
+  /* @__PURE__ */ r("div", { className: o(e.row, e.headerContainer), children: /* @__PURE__ */ m("div", { className: e.headerContent, children: [
     /* @__PURE__ */ m("div", { className: e.headerText, children: [
       /* @__PURE__ */ r(d, { as: "h1", defaultVariant: "displayMd", mobileVariant: "headingXl", weight: "regular", children: i }),
-      /* @__PURE__ */ r(d, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", weight: "regular", children: n })
+      a && /* @__PURE__ */ r(d, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", weight: "regular", children: a })
     ] }),
-    a && /* @__PURE__ */ r("div", { className: o(e.headerButton, e.mobile), children: s(a, "md") }),
-    a && /* @__PURE__ */ r("div", { className: o(e.headerButton, e.desktop), children: s(a, "lg") })
+    t && /* @__PURE__ */ r("div", { className: o(e.headerButton, e.mobile), children: h(t, "md") }),
+    t && /* @__PURE__ */ r("div", { className: o(e.headerButton, e.desktop), children: h(t, "lg") })
   ] }) }),
-  !!(t != null && t.length) && /* @__PURE__ */ r("div", { className: e.cardsContainer, children: t.map((l) => /* @__PURE__ */ r(p, { title: l.title, link: l.link, image: l.image }, l.link)) })
+  !!(l != null && l.length) && /* @__PURE__ */ r("div", { className: o(e.row, e.cardsContainer), children: l.map((n) => /* @__PURE__ */ r(p, { title: n.title, link: n.link, image: n.image }, n.link)) })
 ] });
 export {
   N as TreatmentsHero

package/dist/pageComponents/TreatmentsHero/treatmentsHero.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="treatmentsHero-module__root___ooT0f",t="treatmentsHero-module__headerContainer___9pjeS",o="treatmentsHero-module__headerContent___4wGkJ",r="treatmentsHero-module__headerText___xxHYH",n="treatmentsHero-module__headerButton___JhBIo",_="treatmentsHero-module__cardsContainer___IJpyM",a="treatmentsHero-module__mobile___p7eao",d="treatmentsHero-module__desktop___MH3N4",s={root:e,headerContainer:t,headerContent:o,headerText:r,headerButton:n,cardsContainer:_,mobile:a,desktop:d};exports.cardsContainer=_;exports.default=s;exports.desktop=d;exports.headerButton=n;exports.headerContainer=t;exports.headerContent=o;exports.headerText=r;exports.mobile=a;exports.root=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="treatmentsHero-module__root___ooT0f",t="treatmentsHero-module__row___8HnhD",o="treatmentsHero-module__headerContainer___9pjeS",r="treatmentsHero-module__headerContent___4wGkJ",n="treatmentsHero-module__headerText___xxHYH",_="treatmentsHero-module__headerButton___JhBIo",a="treatmentsHero-module__cardsContainer___IJpyM",d="treatmentsHero-module__mobile___p7eao",s="treatmentsHero-module__desktop___MH3N4",m={root:e,row:t,headerContainer:o,headerContent:r,headerText:n,headerButton:_,cardsContainer:a,mobile:d,desktop:s};exports.cardsContainer=a;exports.default=m;exports.desktop=s;exports.headerButton=_;exports.headerContainer=o;exports.headerContent=r;exports.headerText=n;exports.mobile=d;exports.root=e;exports.row=t;

package/dist/pageComponents/TreatmentsHero/treatmentsHero.module.css.es.js

@@ -1,21 +1,23 @@
-const e = "treatmentsHero-module__root___ooT0f", t = "treatmentsHero-module__headerContainer___9pjeS", o = "treatmentsHero-module__headerContent___4wGkJ", r = "treatmentsHero-module__headerText___xxHYH", _ = "treatmentsHero-module__headerButton___JhBIo", n = "treatmentsHero-module__cardsContainer___IJpyM", a = "treatmentsHero-module__mobile___p7eao", d = "treatmentsHero-module__desktop___MH3N4", s = {
+const e = "treatmentsHero-module__root___ooT0f", t = "treatmentsHero-module__row___8HnhD", o = "treatmentsHero-module__headerContainer___9pjeS", r = "treatmentsHero-module__headerContent___4wGkJ", _ = "treatmentsHero-module__headerText___xxHYH", n = "treatmentsHero-module__headerButton___JhBIo", a = "treatmentsHero-module__cardsContainer___IJpyM", d = "treatmentsHero-module__mobile___p7eao", s = "treatmentsHero-module__desktop___MH3N4", m = {
   root: e,
-  headerContainer: t,
-  headerContent: o,
-  headerText: r,
-  headerButton: _,
-  cardsContainer: n,
-  mobile: a,
-  desktop: d
+  row: t,
+  headerContainer: o,
+  headerContent: r,
+  headerText: _,
+  headerButton: n,
+  cardsContainer: a,
+  mobile: d,
+  desktop: s
 };
 export {
-  n as cardsContainer,
-  s as default,
-  d as desktop,
-  _ as headerButton,
-  t as headerContainer,
-  o as headerContent,
-  r as headerText,
-  a as mobile,
-  e as root
+  a as cardsContainer,
+  m as default,
+  s as desktop,
+  n as headerButton,
+  o as headerContainer,
+  r as headerContent,
+  _ as headerText,
+  d as mobile,
+  e as root,
+  t as row
 };

package/package.json

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