@zenpatient-org/healthspan-marketing-ui 0.1.74 → 0.1.76

package/dist/modules/Benefits/Benefits.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),o=require("./components/BenefitTag/BenefitTag.cjs.js"),m=require("./components/BenefitItem/BenefitItem.cjs.js"),u=require("../../components/Typography/Typography.cjs.js"),t=require("./benefits.module.css.cjs.js"),g=({label:s,title:l,image:r,benefits:n,tags:d})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.header,children:[e.jsx(u.Typography,{defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:t.default.label,children:s}),e.jsx(c.HighlightedTitle,{title:l,defaultVariant:"displayMd",mobileVariant:"headingLg"})]}),e.jsxs("div",{className:t.default.content,children:[e.jsxs("div",{className:t.default.imageWrapper,children:[e.jsx("img",{src:r,alt:"image",className:t.default.image}),d.map((i,a)=>e.jsx(o.BenefitTag,{text:i,className:t.default[`tag${a+1}`]},a))]}),e.jsx("div",{className:t.default.benefits,children:n.map((i,a)=>e.jsx(m.BenefitItem,{index:a+1,title:i.title,description:i.description},a))})]})]})});exports.Benefits=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("./components/BenefitTag/BenefitTag.cjs.js"),c=require("./components/BenefitItem/BenefitItem.cjs.js"),h=require("../../components/Typography/Typography.cjs.js"),a=require("./benefits.module.css.cjs.js"),f=({label:o,title:m,image:i,benefits:l,tags:r,colorScheme:d="light"})=>{const u=l.length===1;return e.jsx("section",{className:a.default.root,"data-color-scheme":d,children:u?e.jsx("div",{className:a.default.soloContainer,children:e.jsxs("div",{className:a.default.soloContent,children:[e.jsxs("div",{className:a.default.soloImageWrapper,children:[e.jsx("img",{src:i,alt:"image",className:a.default.soloImage}),r.map((s,t)=>e.jsx(n.BenefitTag,{text:s,className:a.default[`tag${t+1}`]},t))]}),e.jsx("div",{className:a.default.soloItem,children:e.jsx(c.BenefitItem,{index:0,title:l[0].title,description:l[0].description})})]})}):e.jsxs("div",{className:a.default.container,children:[e.jsxs("div",{className:a.default.header,children:[e.jsx(h.Typography,{defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:a.default.label,children:o}),e.jsx(g.HighlightedTitle,{title:m,colorScheme:d,defaultVariant:"displayMd",mobileVariant:"headingLg"})]}),e.jsxs("div",{className:a.default.content,children:[e.jsxs("div",{className:a.default.imageWrapper,children:[e.jsx("img",{src:i,alt:"image",className:a.default.image}),r.map((s,t)=>e.jsx(n.BenefitTag,{text:s,className:a.default[`tag${t+1}`]},t))]}),e.jsx("div",{className:a.default.benefits,children:l.map((s,t)=>e.jsx(c.BenefitItem,{index:t+1,title:s.title,description:s.description},t))})]})]})})};exports.Benefits=f;

package/dist/modules/Benefits/Benefits.d.ts

@@ -9,6 +9,7 @@ type Props = {
         description: string;
     }>;
     tags: Array<string>;
+    colorScheme?: 'light' | 'dark';
 };
-export declare const Benefits: ({ label, title, image, benefits, tags }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Benefits: ({ label, title, image, benefits, tags, colorScheme }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modules/Benefits/Benefits.es.js

@@ -1,30 +1,47 @@
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { HighlightedTitle as n } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { BenefitTag as d } from "./components/BenefitTag/BenefitTag.es.js";
-import { BenefitItem as p } from "./components/BenefitItem/BenefitItem.es.js";
-import { Typography as h } from "../../components/Typography/Typography.es.js";
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { HighlightedTitle as g } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { BenefitTag as c } from "./components/BenefitTag/BenefitTag.es.js";
+import { BenefitItem as d } from "./components/BenefitItem/BenefitItem.es.js";
+import { Typography as N } from "../../components/Typography/Typography.es.js";
 import e from "./benefits.module.css.es.js";
-const y = ({ label: l, title: s, image: m, benefits: o, tags: c }) => /* @__PURE__ */ a("section", { className: e.root, children: /* @__PURE__ */ r("div", { className: e.container, children: [
-  /* @__PURE__ */ r("div", { className: e.header, children: [
-    /* @__PURE__ */ a(h, { defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, className: e.label, children: l }),
-    /* @__PURE__ */ a(n, { title: s, defaultVariant: "displayMd", mobileVariant: "headingLg" })
-  ] }),
-  /* @__PURE__ */ r("div", { className: e.content, children: [
-    /* @__PURE__ */ r("div", { className: e.imageWrapper, children: [
-      /* @__PURE__ */ a("img", { src: m, alt: "image", className: e.image }),
-      c.map((t, i) => /* @__PURE__ */ a(d, { text: t, className: e[`tag${i + 1}`] }, i))
+const V = ({ label: n, title: p, image: r, benefits: t, tags: m, colorScheme: o = "light" }) => {
+  const h = t.length === 1;
+  return /* @__PURE__ */ a("section", { className: e.root, "data-color-scheme": o, children: h ? /* @__PURE__ */ a("div", { className: e.soloContainer, children: /* @__PURE__ */ s("div", { className: e.soloContent, children: [
+    /* @__PURE__ */ s("div", { className: e.soloImageWrapper, children: [
+      /* @__PURE__ */ a("img", { src: r, alt: "image", className: e.soloImage }),
+      m.map((l, i) => /* @__PURE__ */ a(c, { text: l, className: e[`tag${i + 1}`] }, i))
     ] }),
-    /* @__PURE__ */ a("div", { className: e.benefits, children: o.map((t, i) => /* @__PURE__ */ a(
-      p,
-      {
-        index: i + 1,
-        title: t.title,
-        description: t.description
-      },
-      i
-    )) })
-  ] })
-] }) });
+    /* @__PURE__ */ a("div", { className: e.soloItem, children: /* @__PURE__ */ a(d, { index: 0, title: t[0].title, description: t[0].description }) })
+  ] }) }) : /* @__PURE__ */ s("div", { className: e.container, children: [
+    /* @__PURE__ */ s("div", { className: e.header, children: [
+      /* @__PURE__ */ a(N, { defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, className: e.label, children: n }),
+      /* @__PURE__ */ a(
+        g,
+        {
+          title: p,
+          colorScheme: o,
+          defaultVariant: "displayMd",
+          mobileVariant: "headingLg"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: e.content, children: [
+      /* @__PURE__ */ s("div", { className: e.imageWrapper, children: [
+        /* @__PURE__ */ a("img", { src: r, alt: "image", className: e.image }),
+        m.map((l, i) => /* @__PURE__ */ a(c, { text: l, className: e[`tag${i + 1}`] }, i))
+      ] }),
+      /* @__PURE__ */ a("div", { className: e.benefits, children: t.map((l, i) => /* @__PURE__ */ a(
+        d,
+        {
+          index: i + 1,
+          title: l.title,
+          description: l.description
+        },
+        i
+      )) })
+    ] })
+  ] }) });
+};
 export {
-  y as Benefits
+  V as Benefits
 };

package/dist/modules/Benefits/benefits.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="benefits-module__root___DiO7c",t="benefits-module__container___ouE-Q",_="benefits-module__header___wt7M5",o="benefits-module__label___sgWAr",n="benefits-module__content___Q1Nej",a="benefits-module__imageWrapper___Owwd8",s="benefits-module__image___Hq7o5",i="benefits-module__tag1___orgyD",r="benefits-module__tag2___49bdt",l="benefits-module__tag3___TYdET",g="benefits-module__benefits___psqX-",c={root:e,container:t,header:_,label:o,content:n,imageWrapper:a,image:s,tag1:i,tag2:r,tag3:l,benefits:g};exports.benefits=g;exports.container=t;exports.content=n;exports.default=c;exports.header=_;exports.image=s;exports.imageWrapper=a;exports.label=o;exports.root=e;exports.tag1=i;exports.tag2=r;exports.tag3=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="benefits-module__root___DiO7c",o="benefits-module__container___ouE-Q",t="benefits-module__soloContainer___bLVrj",_="benefits-module__header___wt7M5",n="benefits-module__label___sgWAr",s="benefits-module__content___Q1Nej",a="benefits-module__soloContent___UDgoi",l="benefits-module__imageWrapper___Owwd8",i="benefits-module__soloImageWrapper___oS3I8",r="benefits-module__image___Hq7o5",m="benefits-module__soloImage___YSMfM",g="benefits-module__tag1___orgyD",b="benefits-module__tag2___49bdt",c="benefits-module__tag3___TYdET",d="benefits-module__benefits___psqX-",u="benefits-module__soloItem___1SOXX",f={root:e,container:o,soloContainer:t,header:_,label:n,content:s,soloContent:a,imageWrapper:l,soloImageWrapper:i,image:r,soloImage:m,tag1:g,tag2:b,tag3:c,benefits:d,soloItem:u};exports.benefits=d;exports.container=o;exports.content=s;exports.default=f;exports.header=_;exports.image=r;exports.imageWrapper=l;exports.label=n;exports.root=e;exports.soloContainer=t;exports.soloContent=a;exports.soloImage=m;exports.soloImageWrapper=i;exports.soloItem=u;exports.tag1=g;exports.tag2=b;exports.tag3=c;

package/dist/modules/Benefits/benefits.module.css.es.js

@@ -1,27 +1,37 @@
-const e = "benefits-module__root___DiO7c", _ = "benefits-module__container___ouE-Q", t = "benefits-module__header___wt7M5", o = "benefits-module__label___sgWAr", n = "benefits-module__content___Q1Nej", s = "benefits-module__imageWrapper___Owwd8", a = "benefits-module__image___Hq7o5", i = "benefits-module__tag1___orgyD", c = "benefits-module__tag2___49bdt", l = "benefits-module__tag3___TYdET", b = "benefits-module__benefits___psqX-", d = {
+const e = "benefits-module__root___DiO7c", o = "benefits-module__container___ouE-Q", _ = "benefits-module__soloContainer___bLVrj", t = "benefits-module__header___wt7M5", n = "benefits-module__label___sgWAr", s = "benefits-module__content___Q1Nej", a = "benefits-module__soloContent___UDgoi", l = "benefits-module__imageWrapper___Owwd8", i = "benefits-module__soloImageWrapper___oS3I8", m = "benefits-module__image___Hq7o5", r = "benefits-module__soloImage___YSMfM", b = "benefits-module__tag1___orgyD", c = "benefits-module__tag2___49bdt", g = "benefits-module__tag3___TYdET", d = "benefits-module__benefits___psqX-", f = "benefits-module__soloItem___1SOXX", u = {
   root: e,
-  container: _,
+  container: o,
+  soloContainer: _,
   header: t,
-  label: o,
-  content: n,
-  imageWrapper: s,
-  image: a,
-  tag1: i,
+  label: n,
+  content: s,
+  soloContent: a,
+  imageWrapper: l,
+  soloImageWrapper: i,
+  image: m,
+  soloImage: r,
+  tag1: b,
   tag2: c,
-  tag3: l,
-  benefits: b
+  tag3: g,
+  benefits: d,
+  soloItem: f
 };
 export {
-  b as benefits,
-  _ as container,
-  n as content,
-  d as default,
+  d as benefits,
+  o as container,
+  s as content,
+  u as default,
   t as header,
-  a as image,
-  s as imageWrapper,
-  o as label,
+  m as image,
+  l as imageWrapper,
+  n as label,
   e as root,
-  i as tag1,
+  _ as soloContainer,
+  a as soloContent,
+  r as soloImage,
+  i as soloImageWrapper,
+  f as soloItem,
+  b as tag1,
   c as tag2,
-  l as tag3
+  g as tag3
 };

package/dist/modules/Benefits/components/BenefitItem/BenefitItem.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../components/Typography/Typography.cjs.js"),a=require("./benefitItem.module.css.cjs.js"),l=({index:i,title:n,description:r})=>e.jsxs("div",{className:a.default.benefit,children:[e.jsx(t.Typography,{defaultVariant:"labelXl",emphasis:!0,className:a.default.benefitIndex,children:`(0${i})`}),e.jsxs("div",{className:a.default.benefitDetails,children:[e.jsx(t.Typography,{defaultVariant:"headingLg",mobileVariant:"headingXs",className:a.default.benefitTitle,children:n}),e.jsx(t.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.benefitDesc,children:r})]})]});exports.BenefitItem=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../../../components/Typography/Typography.cjs.js"),e=require("./benefitItem.module.css.cjs.js"),r=require("../../../../utils/cn/cn.cjs.js"),o=({index:l,title:s,description:n,colorScheme:d})=>{const a=l===0;return t.jsxs("div",{className:e.default.benefit,children:[!a&&t.jsx(i.Typography,{defaultVariant:"labelXl",emphasis:!0,className:e.default.benefitIndex,children:`(0${l})`}),t.jsxs("div",{className:r.cn(e.default.benefitDetails,{[e.default.soloDetails]:a}),children:[t.jsx(i.Typography,{defaultVariant:a?"displayXs":"headingLg",mobileVariant:a?"headingXl":"headingXs",className:e.default.benefitTitle,children:s}),t.jsx(i.Typography,{defaultVariant:a?"bodyLg":"bodyMd",mobileVariant:"bodySm",className:e.default.benefitDesc,children:n})]})]})};exports.BenefitItem=o;

package/dist/modules/Benefits/components/BenefitItem/BenefitItem.d.ts

@@ -2,6 +2,7 @@ type Props = {
     index: number;
     title: string;
     description: string;
+    colorScheme?: 'light' | 'dark';
 };
-export declare const BenefitItem: ({ index, title, description }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const BenefitItem: ({ index, title, description, colorScheme }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modules/Benefits/components/BenefitItem/BenefitItem.es.js

@@ -1,13 +1,33 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { Typography as i } from "../../../../components/Typography/Typography.es.js";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { Typography as t } from "../../../../components/Typography/Typography.es.js";
 import e from "./benefitItem.module.css.es.js";
-const o = ({ index: l, title: n, description: r }) => /* @__PURE__ */ t("div", { className: e.benefit, children: [
-  /* @__PURE__ */ a(i, { defaultVariant: "labelXl", emphasis: !0, className: e.benefitIndex, children: `(0${l})` }),
-  /* @__PURE__ */ t("div", { className: e.benefitDetails, children: [
-    /* @__PURE__ */ a(i, { defaultVariant: "headingLg", mobileVariant: "headingXs", className: e.benefitTitle, children: n }),
-    /* @__PURE__ */ a(i, { defaultVariant: "bodyMd", mobileVariant: "bodySm", className: e.benefitDesc, children: r })
-  ] })
-] });
+import { cn as o } from "../../../../utils/cn/cn.es.js";
+const h = ({ index: l, title: r, description: n, colorScheme: m }) => {
+  const a = l === 0;
+  return /* @__PURE__ */ s("div", { className: e.benefit, children: [
+    !a && /* @__PURE__ */ i(t, { defaultVariant: "labelXl", emphasis: !0, className: e.benefitIndex, children: `(0${l})` }),
+    /* @__PURE__ */ s("div", { className: o(e.benefitDetails, { [e.soloDetails]: a }), children: [
+      /* @__PURE__ */ i(
+        t,
+        {
+          defaultVariant: a ? "displayXs" : "headingLg",
+          mobileVariant: a ? "headingXl" : "headingXs",
+          className: e.benefitTitle,
+          children: r
+        }
+      ),
+      /* @__PURE__ */ i(
+        t,
+        {
+          defaultVariant: a ? "bodyLg" : "bodyMd",
+          mobileVariant: "bodySm",
+          className: e.benefitDesc,
+          children: n
+        }
+      )
+    ] })
+  ] });
+};
 export {
-  o as BenefitItem
+  h as BenefitItem
 };

package/dist/modules/Benefits/components/BenefitItem/benefitItem.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="benefitItem-module__benefit___yL87M",t="benefitItem-module__benefitIndex___I0-tr",n="benefitItem-module__benefitDetails___nw6dI",i={benefit:e,benefitIndex:t,benefitDetails:n};exports.benefit=e;exports.benefitDetails=n;exports.benefitIndex=t;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="benefitItem-module__benefit___yL87M",t="benefitItem-module__benefitIndex___I0-tr",i="benefitItem-module__benefitDetails___nw6dI",n="benefitItem-module__soloDetails___L59Rg",l={benefit:e,benefitIndex:t,benefitDetails:i,soloDetails:n};exports.benefit=e;exports.benefitDetails=i;exports.benefitIndex=t;exports.default=l;exports.soloDetails=n;

package/dist/modules/Benefits/components/BenefitItem/benefitItem.module.css.es.js

@@ -1,11 +1,13 @@
-const e = "benefitItem-module__benefit___yL87M", t = "benefitItem-module__benefitIndex___I0-tr", n = "benefitItem-module__benefitDetails___nw6dI", i = {
+const e = "benefitItem-module__benefit___yL87M", t = "benefitItem-module__benefitIndex___I0-tr", n = "benefitItem-module__benefitDetails___nw6dI", _ = "benefitItem-module__soloDetails___L59Rg", i = {
   benefit: e,
   benefitIndex: t,
-  benefitDetails: n
+  benefitDetails: n,
+  soloDetails: _
 };
 export {
   e as benefit,
   n as benefitDetails,
   t as benefitIndex,
-  i as default
+  i as default,
+  _ as soloDetails
 };

package/dist/modules/ContentHighlight/ContentHighlight.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../components/Typography/Typography.cjs.js"),t=require("./contentHighlight.module.css.cjs.js"),r=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Button/Button.cjs.js"),d=({label:l,title:s,content:i})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.topContainer,children:e.jsx(r.HighlightedTitle,{title:s,label:l,as:"div",defaultVariant:"displayMd",className:t.default.title})}),e.jsxs("div",{className:t.default.card,children:[e.jsx("img",{src:i.image,alt:i.title,className:t.default.image}),e.jsxs("div",{className:t.default.content,children:[e.jsx(a.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",className:t.default.contentTitle,children:i.title}),e.jsx(a.Typography,{defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.description,children:i.description}),e.jsx("div",{className:t.default.button,children:e.jsx(n.Button,{as:"a",href:i.link,target:"_blank",rel:"noopener noreferrer",size:"sm",children:i.buttonLabel})})]})]})]})});exports.ContentHighlight=d;

package/dist/modules/ContentHighlight/ContentHighlight.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+export type ContentHighlightProps = {
+    label?: string;
+    title: React.ReactNode;
+    content: {
+        title: string;
+        description: string;
+        image: string;
+        buttonLabel: string;
+        link: string;
+    };
+};
+export declare const ContentHighlight: ({ label, title, content }: ContentHighlightProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ContentHighlight/ContentHighlight.es.js

@@ -0,0 +1,36 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Typography as t } from "../../components/Typography/Typography.es.js";
+import i from "./contentHighlight.module.css.es.js";
+import { HighlightedTitle as m } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Button as n } from "../../components/Button/Button.es.js";
+const g = ({ label: l, title: s, content: a }) => /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ r("div", { className: i.container, children: [
+  /* @__PURE__ */ e("div", { className: i.topContainer, children: /* @__PURE__ */ e(
+    m,
+    {
+      title: s,
+      label: l,
+      as: "div",
+      defaultVariant: "displayMd",
+      className: i.title
+    }
+  ) }),
+  /* @__PURE__ */ r("div", { className: i.card, children: [
+    /* @__PURE__ */ e("img", { src: a.image, alt: a.title, className: i.image }),
+    /* @__PURE__ */ r("div", { className: i.content, children: [
+      /* @__PURE__ */ e(
+        t,
+        {
+          defaultVariant: "headingLg",
+          mobileVariant: "headingSm",
+          className: i.contentTitle,
+          children: a.title
+        }
+      ),
+      /* @__PURE__ */ e(t, { defaultVariant: "bodySm", mobileVariant: "bodySm", className: i.description, children: a.description }),
+      /* @__PURE__ */ e("div", { className: i.button, children: /* @__PURE__ */ e(n, { as: "a", href: a.link, target: "_blank", rel: "noopener noreferrer", size: "sm", children: a.buttonLabel }) })
+    ] })
+  ] })
+] }) });
+export {
+  g as ContentHighlight
+};

package/dist/modules/ContentHighlight/contentHighlight.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="contentHighlight-module__root___ZQQyH",n="contentHighlight-module__container___5zJBm",o="contentHighlight-module__topContainer___48PT2",e="contentHighlight-module__title___1xyYU",i="contentHighlight-module__card___JCJ0i",_="contentHighlight-module__image___5a40m",c="contentHighlight-module__content___Ea26d",l="contentHighlight-module__button___VB7Nd",g="contentHighlight-module__description___nt9X3",r="contentHighlight-module__contentTitle___l-v1Y",d={root:t,container:n,topContainer:o,title:e,card:i,image:_,content:c,button:l,description:g,contentTitle:r};exports.button=l;exports.card=i;exports.container=n;exports.content=c;exports.contentTitle=r;exports.default=d;exports.description=g;exports.image=_;exports.root=t;exports.title=e;exports.topContainer=o;

package/dist/modules/ContentHighlight/contentHighlight.module.css.es.js

@@ -0,0 +1,25 @@
+const t = "contentHighlight-module__root___ZQQyH", n = "contentHighlight-module__container___5zJBm", o = "contentHighlight-module__topContainer___48PT2", _ = "contentHighlight-module__title___1xyYU", e = "contentHighlight-module__card___JCJ0i", i = "contentHighlight-module__image___5a40m", c = "contentHighlight-module__content___Ea26d", l = "contentHighlight-module__button___VB7Nd", g = "contentHighlight-module__description___nt9X3", h = "contentHighlight-module__contentTitle___l-v1Y", d = {
+  root: t,
+  container: n,
+  topContainer: o,
+  title: _,
+  card: e,
+  image: i,
+  content: c,
+  button: l,
+  description: g,
+  contentTitle: h
+};
+export {
+  l as button,
+  e as card,
+  n as container,
+  c as content,
+  h as contentTitle,
+  d as default,
+  g as description,
+  i as image,
+  t as root,
+  _ as title,
+  o as topContainer
+};

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

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

package/dist/modules/TextTwoImages/TextTwoImages.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),a=require("./textTwoImages.module.css.cjs.js"),n=({label:r,title:t,bigImage:i,smallImage:d,subscribe:c})=>e.jsx("div",{className:a.default.root,children:e.jsxs("div",{className:a.default.container,children:[e.jsxs("div",{className:a.default.leftBlock,children:[e.jsx(l.Typography,{defaultVariant:"labelMd",mobileVariant:"labelMd",emphasis:!0,children:t}),e.jsx(l.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",className:a.default.label,children:r}),e.jsx(l.Typography,{as:"p",defaultVariant:"labelLg",className:a.default.subscribe,children:c})]}),e.jsx("div",{className:a.default.rightBlock,children:e.jsxs("div",{className:a.default.galleryImageOverlay,children:[e.jsx("div",{className:s.cn(a.default.galleryItem,a.default.galleryImageBig),children:e.jsx("img",{src:i,alt:"big"})}),e.jsx("div",{className:s.cn(a.default.galleryItem,a.default.galleryImageSmall),children:e.jsx("img",{src:d,alt:"small"})})]})})]})});exports.TextTwoImages=n;

package/dist/modules/TextTwoImages/TextTwoImages.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+interface TextTwoImagesProps {
+    title: string;
+    label?: string;
+    subscribe?: React.ReactNode;
+    bigImage: string;
+    smallImage: string;
+}
+export declare const TextTwoImages: ({ label, title, bigImage, smallImage, subscribe }: TextTwoImagesProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/TextTwoImages/TextTwoImages.es.js

@@ -0,0 +1,18 @@
+import { jsx as l, jsxs as e } from "react/jsx-runtime";
+import { Typography as i } from "../../components/Typography/Typography.es.js";
+import { cn as r } from "../../utils/cn/cn.es.js";
+import a from "./textTwoImages.module.css.es.js";
+const p = ({ label: s, title: m, bigImage: c, smallImage: t, subscribe: d }) => /* @__PURE__ */ l("div", { className: a.root, children: /* @__PURE__ */ e("div", { className: a.container, children: [
+  /* @__PURE__ */ e("div", { className: a.leftBlock, children: [
+    /* @__PURE__ */ l(i, { defaultVariant: "labelMd", mobileVariant: "labelMd", emphasis: !0, children: m }),
+    /* @__PURE__ */ l(i, { defaultVariant: "displayXs", mobileVariant: "headingLg", className: a.label, children: s }),
+    /* @__PURE__ */ l(i, { as: "p", defaultVariant: "labelLg", className: a.subscribe, children: d })
+  ] }),
+  /* @__PURE__ */ l("div", { className: a.rightBlock, children: /* @__PURE__ */ e("div", { className: a.galleryImageOverlay, children: [
+    /* @__PURE__ */ l("div", { className: r(a.galleryItem, a.galleryImageBig), children: /* @__PURE__ */ l("img", { src: c, alt: "big" }) }),
+    /* @__PURE__ */ l("div", { className: r(a.galleryItem, a.galleryImageSmall), children: /* @__PURE__ */ l("img", { src: t, alt: "small" }) })
+  ] }) })
+] }) });
+export {
+  p as TextTwoImages
+};

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

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

package/dist/modules/TextTwoImages/textTwoImages.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="textTwoImages-module__root___z2HqM",l="textTwoImages-module__container___h7yEM",t="textTwoImages-module__leftBlock___jJmUZ",a="textTwoImages-module__subscribe___gmPpo",o="textTwoImages-module__rightBlock___LbHrw",_="textTwoImages-module__galleryImageOverlay___XhYtJ",g="textTwoImages-module__galleryItem___k3C5F",m="textTwoImages-module__galleryImageBig___4p-1o",r="textTwoImages-module__galleryImageSmall___3FbxE",s="textTwoImages-module__label___lfrhn",c={root:e,container:l,leftBlock:t,subscribe:a,rightBlock:o,galleryImageOverlay:_,galleryItem:g,galleryImageBig:m,galleryImageSmall:r,label:s};exports.container=l;exports.default=c;exports.galleryImageBig=m;exports.galleryImageOverlay=_;exports.galleryImageSmall=r;exports.galleryItem=g;exports.label=s;exports.leftBlock=t;exports.rightBlock=o;exports.root=e;exports.subscribe=a;

package/dist/modules/TextTwoImages/textTwoImages.module.css.es.js

@@ -0,0 +1,25 @@
+const e = "textTwoImages-module__root___z2HqM", l = "textTwoImages-module__container___h7yEM", t = "textTwoImages-module__leftBlock___jJmUZ", _ = "textTwoImages-module__subscribe___gmPpo", o = "textTwoImages-module__rightBlock___LbHrw", a = "textTwoImages-module__galleryImageOverlay___XhYtJ", g = "textTwoImages-module__galleryItem___k3C5F", m = "textTwoImages-module__galleryImageBig___4p-1o", r = "textTwoImages-module__galleryImageSmall___3FbxE", s = "textTwoImages-module__label___lfrhn", c = {
+  root: e,
+  container: l,
+  leftBlock: t,
+  subscribe: _,
+  rightBlock: o,
+  galleryImageOverlay: a,
+  galleryItem: g,
+  galleryImageBig: m,
+  galleryImageSmall: r,
+  label: s
+};
+export {
+  l as container,
+  c as default,
+  m as galleryImageBig,
+  a as galleryImageOverlay,
+  r as galleryImageSmall,
+  g as galleryItem,
+  s as label,
+  t as leftBlock,
+  o as rightBlock,
+  e as root,
+  _ as subscribe
+};

package/dist/modules/ThreeCardsWithHero/ThreeCardsWithHero.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../components/Typography/Typography.cjs.js"),n=require("./components/TransparentCard/TransparentCard.cjs.js"),a=require("./threeCardsWithHero.module.css.cjs.js"),o=({label:r,title:t,cards:l})=>e.jsxs("section",{className:a.default.bgWrapper,children:[e.jsx("div",{className:a.default.root,children:e.jsx("div",{className:a.default.topContainer,children:e.jsx("div",{className:a.default.imageContainer,children:e.jsxs("div",{className:a.default.imageTextContainer,children:[r&&e.jsx(i.Typography,{className:a.default.imageLabel,emphasis:!0,defaultVariant:"labelMd",children:r}),e.jsx("div",{className:a.default.imageTitle,children:e.jsx(i.Typography,{className:a.default.imageTitle,as:"p",defaultVariant:"displayXl",mobileVariant:"displayXs",children:t})})]})})})}),e.jsx("div",{className:a.default.bottomContainer,children:e.jsx("div",{className:a.default.root,children:e.jsx("div",{className:a.default.cardsContainer,children:l.slice(0,3).map((s,d)=>e.jsx(n.TransparentCard,{title:s.title,description:s.description,number:d+1},s.title))})})})]});exports.ThreeCardsWithHero=o;

package/dist/modules/ThreeCardsWithHero/ThreeCardsWithHero.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+export type Card = {
+    title: string;
+    description: string;
+};
+export type ThreeCardsWithHeroProps = {
+    label?: string;
+    title: React.ReactNode;
+    cards: Array<Card>;
+};
+export declare const ThreeCardsWithHero: ({ label, title, cards }: ThreeCardsWithHeroProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ThreeCardsWithHero/ThreeCardsWithHero.es.js

@@ -0,0 +1,31 @@
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { Typography as t } from "../../components/Typography/Typography.es.js";
+import { TransparentCard as o } from "./components/TransparentCard/TransparentCard.es.js";
+import e from "./threeCardsWithHero.module.css.es.js";
+const N = ({ label: r, title: l, cards: n }) => /* @__PURE__ */ s("section", { className: e.bgWrapper, children: [
+  /* @__PURE__ */ i("div", { className: e.root, children: /* @__PURE__ */ i("div", { className: e.topContainer, children: /* @__PURE__ */ i("div", { className: e.imageContainer, children: /* @__PURE__ */ s("div", { className: e.imageTextContainer, children: [
+    r && /* @__PURE__ */ i(t, { className: e.imageLabel, emphasis: !0, defaultVariant: "labelMd", children: r }),
+    /* @__PURE__ */ i("div", { className: e.imageTitle, children: /* @__PURE__ */ i(
+      t,
+      {
+        className: e.imageTitle,
+        as: "p",
+        defaultVariant: "displayXl",
+        mobileVariant: "displayXs",
+        children: l
+      }
+    ) })
+  ] }) }) }) }),
+  /* @__PURE__ */ i("div", { className: e.bottomContainer, children: /* @__PURE__ */ i("div", { className: e.root, children: /* @__PURE__ */ i("div", { className: e.cardsContainer, children: n.slice(0, 3).map((a, m) => /* @__PURE__ */ i(
+    o,
+    {
+      title: a.title,
+      description: a.description,
+      number: m + 1
+    },
+    a.title
+  )) }) }) })
+] });
+export {
+  N as ThreeCardsWithHero
+};

package/dist/modules/ThreeCardsWithHero/components/TransparentCard/TransparentCard.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../../components/Typography/Typography.cjs.js"),a=require("./transparentCard.module.css.cjs.js"),d=({title:t,description:n,number:s})=>e.jsx("div",{className:a.default.root,children:e.jsxs("div",{className:a.default.contentContainer,children:[e.jsxs("div",{className:a.default.topContainer,children:[e.jsx(r.Typography,{defaultVariant:"headingSm",children:t}),e.jsx(r.Typography,{className:a.default.number,defaultVariant:"headingXxs",children:`(0${s})`})]}),e.jsx("div",{className:a.default.bottomContainer,children:e.jsx(r.Typography,{className:a.default.description,defaultVariant:"bodyLg",mobileVariant:"bodyMd",children:n})})]})});exports.TransparentCard=d;

package/dist/modules/ThreeCardsWithHero/components/TransparentCard/TransparentCard.d.ts

@@ -0,0 +1,7 @@
+type TransparentCardProps = {
+    title: string;
+    description: string;
+    number: number;
+};
+export declare const TransparentCard: ({ title, description, number }: TransparentCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/ThreeCardsWithHero/components/TransparentCard/TransparentCard.es.js

@@ -0,0 +1,13 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Typography as r } from "../../../../components/Typography/Typography.es.js";
+import a from "./transparentCard.module.css.es.js";
+const c = ({ title: n, description: t, number: o }) => /* @__PURE__ */ e("div", { className: a.root, children: /* @__PURE__ */ i("div", { className: a.contentContainer, children: [
+  /* @__PURE__ */ i("div", { className: a.topContainer, children: [
+    /* @__PURE__ */ e(r, { defaultVariant: "headingSm", children: n }),
+    /* @__PURE__ */ e(r, { className: a.number, defaultVariant: "headingXxs", children: `(0${o})` })
+  ] }),
+  /* @__PURE__ */ e("div", { className: a.bottomContainer, children: /* @__PURE__ */ e(r, { className: a.description, defaultVariant: "bodyLg", mobileVariant: "bodyMd", children: t }) })
+] }) });
+export {
+  c as TransparentCard
+};

package/dist/modules/ThreeCardsWithHero/components/TransparentCard/index.d.ts

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

package/dist/modules/ThreeCardsWithHero/components/TransparentCard/transparentCard.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="transparentCard-module__root___lPvYM",n="transparentCard-module__number___5vqO-",e="transparentCard-module__contentContainer___w6KM4",o="transparentCard-module__topContainer___SRrvK",r="transparentCard-module__description___66Ugz",a={root:t,number:n,contentContainer:e,topContainer:o,description:r};exports.contentContainer=e;exports.default=a;exports.description=r;exports.number=n;exports.root=t;exports.topContainer=o;

package/dist/modules/ThreeCardsWithHero/components/TransparentCard/transparentCard.module.css.es.js

@@ -0,0 +1,15 @@
+const n = "transparentCard-module__root___lPvYM", t = "transparentCard-module__number___5vqO-", o = "transparentCard-module__contentContainer___w6KM4", r = "transparentCard-module__topContainer___SRrvK", e = "transparentCard-module__description___66Ugz", _ = {
+  root: n,
+  number: t,
+  contentContainer: o,
+  topContainer: r,
+  description: e
+};
+export {
+  o as contentContainer,
+  _ as default,
+  e as description,
+  t as number,
+  n as root,
+  r as topContainer
+};

package/dist/modules/ThreeCardsWithHero/intex.d.ts

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

package/dist/modules/ThreeCardsWithHero/threeCardsWithHero.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="threeCardsWithHero-module__bgWrapper___RPwWL",t="threeCardsWithHero-module__root___GUdZT",o="threeCardsWithHero-module__topContainer___YFVTm",r="threeCardsWithHero-module__imageContainer___UUGDW",a="threeCardsWithHero-module__bottomContainer___Qx2a-",i="threeCardsWithHero-module__cardsContainer___3H19i",n="threeCardsWithHero-module__imageTextContainer___vYcF7",_="threeCardsWithHero-module__imageLabel___mbWfD",m="threeCardsWithHero-module__imageTitle___0bhY-",s={bgWrapper:e,root:t,topContainer:o,imageContainer:r,bottomContainer:a,cardsContainer:i,imageTextContainer:n,imageLabel:_,imageTitle:m};exports.bgWrapper=e;exports.bottomContainer=a;exports.cardsContainer=i;exports.default=s;exports.imageContainer=r;exports.imageLabel=_;exports.imageTextContainer=n;exports.imageTitle=m;exports.root=t;exports.topContainer=o;

package/dist/modules/ThreeCardsWithHero/threeCardsWithHero.module.css.es.js

@@ -0,0 +1,23 @@
+const e = "threeCardsWithHero-module__bgWrapper___RPwWL", t = "threeCardsWithHero-module__root___GUdZT", o = "threeCardsWithHero-module__topContainer___YFVTm", r = "threeCardsWithHero-module__imageContainer___UUGDW", a = "threeCardsWithHero-module__bottomContainer___Qx2a-", _ = "threeCardsWithHero-module__cardsContainer___3H19i", i = "threeCardsWithHero-module__imageTextContainer___vYcF7", n = "threeCardsWithHero-module__imageLabel___mbWfD", m = "threeCardsWithHero-module__imageTitle___0bhY-", s = {
+  bgWrapper: e,
+  root: t,
+  topContainer: o,
+  imageContainer: r,
+  bottomContainer: a,
+  cardsContainer: _,
+  imageTextContainer: i,
+  imageLabel: n,
+  imageTitle: m
+};
+export {
+  e as bgWrapper,
+  a as bottomContainer,
+  _ as cardsContainer,
+  s as default,
+  r as imageContainer,
+  n as imageLabel,
+  i as imageTextContainer,
+  m as imageTitle,
+  t as root,
+  o as topContainer
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.74",
+    "version": "0.1.76",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -356,6 +356,11 @@
             "import": "./dist/modules/OurProcess/OurProcess.es.js",
             "require": "./dist/modules/OurProcess/OurProcess.cjs.js"
         },
+        "./ThreeCardsWithHero": {
+            "types": "./dist/modules/ThreeCardsWithHero/ThreeCardsWithHero.d.ts",
+            "import": "./dist/modules/ThreeCardsWithHero/ThreeCardsWithHero.es.js",
+            "require": "./dist/modules/ThreeCardsWithHero/ThreeCardsWithHero.cjs.js"
+        },
         "./ProductsDisplay": {
             "types": "./dist/modules/ProductsDisplay/ProductsDisplay.d.ts",
             "import": "./dist/modules/ProductsDisplay/ProductsDisplay.es.js",
@@ -511,11 +516,21 @@
             "import": "./dist/modules/CallToAction/CallToAction.es.js",
             "require": "./dist/modules/CallToAction/CallToAction.cjs.js"
         },
+        "./TextTwoImages": {
+            "types": "./dist/modules/TextTwoImages/TextTwoImages.d.ts",
+            "import": "./dist/modules/TextTwoImages/TextTwoImages.es.js",
+            "require": "./dist/modules/TextTwoImages/TextTwoImages.cjs.js"
+        },
         "./ProgramsDetailsHero": {
             "types": "./dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.d.ts",
             "import": "./dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.es.js",
             "require": "./dist/modules/ProgramsDetailsHero/ProgramsDetailsHero.cjs.js"
         },
+        "./ContentHighlight": {
+            "types": "./dist/modules/ContentHighlight/ContentHighlight.d.ts",
+            "import": "./dist/modules/ContentHighlight/ContentHighlight.es.js",
+            "require": "./dist/modules/ContentHighlight/ContentHighlight.cjs.js"
+        },
         "./Bubbles": {
             "types": "./dist/pageComponents/Bubbles/Bubbles.d.ts",
             "import": "./dist/pageComponents/Bubbles/Bubbles.es.js",