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

package/dist/icons/action/bracket-left.svg.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react");function o(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 c=o(l),a=e=>c.createElement("svg",{width:6,height:17,viewBox:"0 0 6 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.createElement("path",{d:"M3.33355 0.524902H5.46755C4.01555 2.8789 3.22355 5.5189 3.22355 8.4669C3.22355 11.4369 4.01555 14.0989 5.46755 16.4749H3.33355C2.14555 14.5609 0.935547 11.8769 0.935547 8.4669C0.935547 5.0569 2.14555 2.4389 3.33355 0.524902Z",fill:"black"}));exports.default=a;

package/dist/icons/action/bracket-left.svg.es.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const a = (t) => /* @__PURE__ */ e.createElement("svg", { width: 6, height: 17, viewBox: "0 0 6 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M3.33355 0.524902H5.46755C4.01555 2.8789 3.22355 5.5189 3.22355 8.4669C3.22355 11.4369 4.01555 14.0989 5.46755 16.4749H3.33355C2.14555 14.5609 0.935547 11.8769 0.935547 8.4669C0.935547 5.0569 2.14555 2.4389 3.33355 0.524902Z", fill: "black" }));
+export {
+  a as default
+};

package/dist/icons/action/bracket-right.svg.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react");function o(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 c=o(l),a=e=>c.createElement("svg",{width:5,height:17,viewBox:"0 0 5 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.createElement("path",{d:"M2.60178 16.4749H0.467773C1.91977 14.0989 2.68977 11.4369 2.68977 8.4669C2.68977 5.5189 1.91977 2.8789 0.467773 0.524902H2.60178C3.78978 2.4389 4.99977 5.0569 4.99977 8.4669C4.99977 11.8769 3.78978 14.5609 2.60178 16.4749Z",fill:"black"}));exports.default=a;

package/dist/icons/action/bracket-right.svg.es.js

@@ -0,0 +1,5 @@
+import * as t from "react";
+const a = (e) => /* @__PURE__ */ t.createElement("svg", { width: 5, height: 17, viewBox: "0 0 5 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M2.60178 16.4749H0.467773C1.91977 14.0989 2.68977 11.4369 2.68977 8.4669C2.68977 5.5189 1.91977 2.8789 0.467773 0.524902H2.60178C3.78978 2.4389 4.99977 5.0569 4.99977 8.4669C4.99977 11.8769 3.78978 14.5609 2.60178 16.4749Z", fill: "black" }));
+export {
+  a as default
+};

package/dist/icons/action/play.svg.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react");function c(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=c(l),a=e=>o.createElement("svg",{width:24,height:28,viewBox:"0 0 24 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M24 14L-1.30507e-06 27.8564L-9.36995e-08 0.143593L24 14Z",fill:"currentColor"}));exports.default=a;

package/dist/icons/action/play.svg.es.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 28, viewBox: "0 0 24 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M24 14L-1.30507e-06 27.8564L-9.36995e-08 0.143593L24 14Z", fill: "currentColor" }));
+export {
+  l as default
+};

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

@@ -6,36 +6,13 @@ import { Typography as h } from "../../components/Typography/Typography.es.js";
 import e from "./benefits.module.css.es.js";
 const y = ({ label: l, title: m, image: s, benefits: o, tags: d }) => /* @__PURE__ */ r("div", { className: e.root, children: [
   /* @__PURE__ */ r("div", { className: e.header, children: [
-    /* @__PURE__ */ a(
-      h,
-      {
-        defaultVariant: "labelMd",
-        mobileVariant: "labelSm",
-        emphasis: !0,
-        className: e.label,
-        children: l
-      }
-    ),
-    /* @__PURE__ */ a(
-      c,
-      {
-        title: m,
-        defaultVariant: "displayMd",
-        mobileVariant: "headingLg"
-      }
-    )
+    /* @__PURE__ */ a(h, { defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, className: e.label, children: l }),
+    /* @__PURE__ */ a(c, { title: m, defaultVariant: "displayMd", mobileVariant: "headingLg" })
   ] }),
   /* @__PURE__ */ r("div", { className: e.content, children: [
     /* @__PURE__ */ r("div", { className: e.imageWrapper, children: [
       /* @__PURE__ */ a("img", { src: s, alt: "image", className: e.image }),
-      d.map((t, i) => /* @__PURE__ */ a(
-        n,
-        {
-          text: t,
-          className: e[`tag${i + 1}`]
-        },
-        i
-      ))
+      d.map((t, i) => /* @__PURE__ */ a(n, { text: t, className: e[`tag${i + 1}`] }, i))
     ] }),
     /* @__PURE__ */ a("div", { className: e.benefits, children: o.map((t, i) => /* @__PURE__ */ a(
       p,

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

@@ -2,34 +2,10 @@ import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { Typography as i } 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__ */ 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
-      }
-    )
+    /* @__PURE__ */ a(i, { defaultVariant: "headingLg", mobileVariant: "headingXs", className: e.benefitTitle, children: n }),
+    /* @__PURE__ */ a(i, { defaultVariant: "bodyMd", mobileVariant: "bodySm", className: e.benefitDesc, children: r })
   ] })
 ] });
 export {

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

@@ -2,16 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import e from "./benefitTag.module.css.es.js";
 import { Typography as o } from "../../../../components/Typography/Typography.es.js";
 import { cn as i } from "../../../../utils/cn/cn.es.js";
-const p = ({ text: a, className: t }) => /* @__PURE__ */ r("div", { className: i(e.root, t), children: /* @__PURE__ */ r(
-  o,
-  {
-    emphasis: !0,
-    defaultVariant: "labelLg",
-    mobileVariant: "labelSm",
-    className: e.benefitTag,
-    children: a
-  }
-) });
+const p = ({ text: a, className: t }) => /* @__PURE__ */ r("div", { className: i(e.root, t), children: /* @__PURE__ */ r(o, { emphasis: !0, defaultVariant: "labelLg", mobileVariant: "labelSm", className: e.benefitTag, children: a }) });
 export {
   p as BenefitTag
 };

package/dist/modules/Compare/Compare.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./compare.module.css.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("../../components/Pricing/Pricing.cjs.js"),c=({label:r,title:a,leftElement:s,rightElement:l})=>e.jsxs("div",{className:i.default.root,children:[e.jsxs("div",{className:i.default.header,children:[r&&e.jsx(n.Typography,{defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,children:r}),e.jsx(o.HighlightedTitle,{title:a,defaultVariant:"displayMd",mobileVariant:"headingXl",className:i.default.title})]}),e.jsxs("div",{className:i.default.container,children:[e.jsx(t.Pricing,{...s}),e.jsx(t.Pricing,{...l})]})]});exports.Compare=c;

package/dist/modules/Compare/Compare.d.ts

@@ -0,0 +1,3 @@
+import { CompareView } from './types';
+
+export declare const Compare: ({ label, title, leftElement, rightElement }: CompareView) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/Compare/Compare.es.js

@@ -0,0 +1,26 @@
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import r from "./compare.module.css.es.js";
+import { Typography as s } from "../../components/Typography/Typography.es.js";
+import { HighlightedTitle as d } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Pricing as t } from "../../components/Pricing/Pricing.es.js";
+const g = ({ label: e, title: l, leftElement: m, rightElement: o }) => /* @__PURE__ */ a("div", { className: r.root, children: [
+  /* @__PURE__ */ a("div", { className: r.header, children: [
+    e && /* @__PURE__ */ i(s, { defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, children: e }),
+    /* @__PURE__ */ i(
+      d,
+      {
+        title: l,
+        defaultVariant: "displayMd",
+        mobileVariant: "headingXl",
+        className: r.title
+      }
+    )
+  ] }),
+  /* @__PURE__ */ a("div", { className: r.container, children: [
+    /* @__PURE__ */ i(t, { ...m }),
+    /* @__PURE__ */ i(t, { ...o })
+  ] })
+] });
+export {
+  g as Compare
+};

package/dist/modules/Compare/compare.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="compare-module__root___Ct29o",o="compare-module__header___m6VVT",t="compare-module__title___xfjEi",_="compare-module__container___MJHy4",r={root:e,header:o,title:t,container:_};exports.container=_;exports.default=r;exports.header=o;exports.root=e;exports.title=t;

package/dist/modules/Compare/compare.module.css.es.js

@@ -0,0 +1,13 @@
+const o = "compare-module__root___Ct29o", e = "compare-module__header___m6VVT", t = "compare-module__title___xfjEi", _ = "compare-module__container___MJHy4", r = {
+  root: o,
+  header: e,
+  title: t,
+  container: _
+};
+export {
+  _ as container,
+  r as default,
+  e as header,
+  o as root,
+  t as title
+};

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

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

package/dist/modules/Compare/types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { PricingElementView } from '../../components/Pricing';
+
+export type CompareView = {
+    label?: string;
+    title: ReactNode;
+    leftElement: PricingElementView;
+    rightElement: PricingElementView;
+};

package/dist/modules/Comparison/Comparison.es.js

@@ -45,10 +45,17 @@ const T = ({ title: p, description: o, comparison: r }) => /* @__PURE__ */ s("di
           l
         )),
         r.rows.map((l, n) => /* @__PURE__ */ s(g, { children: [
-          /* @__PURE__ */ a("div", { className: t(e.cell, e.cellFeature, e.stickyCell), children: /* @__PURE__ */ s("div", { className: e.featureContent, children: [
-            /* @__PURE__ */ a(m, { defaultVariant: "bodyXl", weight: "medium", children: l.feature }),
-            l.description && /* @__PURE__ */ a(m, { defaultVariant: "bodyXl", className: e.featureDescription, children: l.description })
-          ] }) }, `feature-${n}`),
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: t(e.cell, e.cellFeature, e.stickyCell),
+              children: /* @__PURE__ */ s("div", { className: e.featureContent, children: [
+                /* @__PURE__ */ a(m, { defaultVariant: "bodyXl", weight: "medium", children: l.feature }),
+                l.description && /* @__PURE__ */ a(m, { defaultVariant: "bodyXl", className: e.featureDescription, children: l.description })
+              ] })
+            },
+            `feature-${n}`
+          ),
           r.headers.map((v, d) => {
             const i = l.values[d];
             return /* @__PURE__ */ s(
@@ -66,7 +73,15 @@ const T = ({ title: p, description: o, comparison: r }) => /* @__PURE__ */ s("di
                       children: /* @__PURE__ */ a(u, { name: i.value ? c.CHECK : c.CLOSE })
                     }
                   ),
-                  (i == null ? void 0 : i.type) === "string" && /* @__PURE__ */ a(m, { defaultVariant: "bodyXl", weight: "medium", className: e.stringValue, children: i.value })
+                  (i == null ? void 0 : i.type) === "string" && /* @__PURE__ */ a(
+                    m,
+                    {
+                      defaultVariant: "bodyXl",
+                      weight: "medium",
+                      className: e.stringValue,
+                      children: i.value
+                    }
+                  )
                 ]
               },
               `value-${n}-${d}`

package/dist/modules/FAQ/FAQ.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./faq.module.css.cjs.js"),l=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),s=require("../../components/Button/Button.cjs.js"),r=require("../../components/Accordion/Accordion.cjs.js"),n=({title:a,questions:i})=>e.jsxs("div",{className:t.default.root,children:[e.jsxs("div",{className:t.default.header,children:[e.jsx(l.HighlightedTitle,{title:a,defaultVariant:"displayMd",mobileVariant:"headingXl"}),e.jsx("div",{className:t.default.buttonWrapperDesktop,children:e.jsx(s.Button,{variant:"muted",size:"lg",as:"a",href:"/faq",children:"VIEW ALL FAQ"})}),e.jsx("div",{className:t.default.buttonWrapperMobile,children:e.jsx(s.Button,{variant:"muted",size:"sm",as:"a",href:"/faq",children:"VIEW ALL FAQ"})})]}),e.jsx("div",{className:t.default.contentDesktop,children:e.jsx(r.Accordion,{items:i,mode:"multiple"})}),e.jsx("div",{className:t.default.contentMobile,children:e.jsx(r.Accordion,{items:i,mode:"multiple"})})]});exports.FAQ=n;

package/dist/modules/FAQ/FAQ.d.ts

@@ -0,0 +1,3 @@
+import { TFaqView } from './types';
+
+export declare const FAQ: ({ title, questions }: TFaqView) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/FAQ/FAQ.es.js

@@ -0,0 +1,17 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import i from "./faq.module.css.es.js";
+import { HighlightedTitle as m } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Button as a } from "../../components/Button/Button.es.js";
+import { Accordion as l } from "../../components/Accordion/Accordion.es.js";
+const h = ({ title: o, questions: r }) => /* @__PURE__ */ t("div", { className: i.root, children: [
+  /* @__PURE__ */ t("div", { className: i.header, children: [
+    /* @__PURE__ */ e(m, { title: o, defaultVariant: "displayMd", mobileVariant: "headingXl" }),
+    /* @__PURE__ */ e("div", { className: i.buttonWrapperDesktop, children: /* @__PURE__ */ e(a, { variant: "muted", size: "lg", as: "a", href: "/faq", children: "VIEW ALL FAQ" }) }),
+    /* @__PURE__ */ e("div", { className: i.buttonWrapperMobile, children: /* @__PURE__ */ e(a, { variant: "muted", size: "sm", as: "a", href: "/faq", children: "VIEW ALL FAQ" }) })
+  ] }),
+  /* @__PURE__ */ e("div", { className: i.contentDesktop, children: /* @__PURE__ */ e(l, { items: r, mode: "multiple" }) }),
+  /* @__PURE__ */ e("div", { className: i.contentMobile, children: /* @__PURE__ */ e(l, { items: r, mode: "multiple" }) })
+] });
+export {
+  h as FAQ
+};

package/dist/modules/FAQ/faq.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="faq-module__root___Ywlru",o="faq-module__header___3ZkST",t="faq-module__buttonWrapperDesktop___fHoTf",n="faq-module__buttonWrapperMobile___PRPQR",_="faq-module__contentDesktop___7Lor2",r="faq-module__contentMobile___4T04V",p={root:e,header:o,buttonWrapperDesktop:t,buttonWrapperMobile:n,contentDesktop:_,contentMobile:r};exports.buttonWrapperDesktop=t;exports.buttonWrapperMobile=n;exports.contentDesktop=_;exports.contentMobile=r;exports.default=p;exports.header=o;exports.root=e;

package/dist/modules/FAQ/faq.module.css.es.js

@@ -0,0 +1,17 @@
+const o = "faq-module__root___Ywlru", t = "faq-module__header___3ZkST", e = "faq-module__buttonWrapperDesktop___fHoTf", _ = "faq-module__buttonWrapperMobile___PRPQR", n = "faq-module__contentDesktop___7Lor2", r = "faq-module__contentMobile___4T04V", p = {
+  root: o,
+  header: t,
+  buttonWrapperDesktop: e,
+  buttonWrapperMobile: _,
+  contentDesktop: n,
+  contentMobile: r
+};
+export {
+  e as buttonWrapperDesktop,
+  _ as buttonWrapperMobile,
+  n as contentDesktop,
+  r as contentMobile,
+  p as default,
+  t as header,
+  o as root
+};

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

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

package/dist/modules/FAQ/types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+
+export type TFaqItemView = {
+    title: string;
+    content: ReactNode;
+};
+export type TFaqView = {
+    title: ReactNode;
+    questions: Array<TFaqItemView>;
+};

package/dist/modules/FeaturedIn/FeaturedIn.es.js

@@ -18,11 +18,20 @@ function c({ media: r }) {
   )) });
 }
 function u({ quote: r }) {
-  return /* @__PURE__ */ a("div", { className: e.quoteFeaturedInBlock, children: /* @__PURE__ */ l(i, { as: "p", defaultVariant: "headingSm", mobileVariant: "headingXxs", className: e.quoteFeaturedInText, children: [
-    "“",
-    r,
-    "”"
-  ] }) });
+  return /* @__PURE__ */ a("div", { className: e.quoteFeaturedInBlock, children: /* @__PURE__ */ l(
+    i,
+    {
+      as: "p",
+      defaultVariant: "headingSm",
+      mobileVariant: "headingXxs",
+      className: e.quoteFeaturedInText,
+      children: [
+        "“",
+        r,
+        "”"
+      ]
+    }
+  ) });
 }
 function p({ button_label: r }) {
   return /* @__PURE__ */ a("a", { href: "https://app.gethealthspan.com", className: e.ctaFeaturedIn, children: /* @__PURE__ */ a("p", { className: e.ctaFeaturedInText, children: r }) });

package/dist/modules/FeaturesGallery/FeaturesGallery.es.js

@@ -7,7 +7,15 @@ import a from "./featuresGallery.module.css.es.js";
 const p = ({ label: t, url: l }) => /* @__PURE__ */ e("a", { href: l, className: a.label, children: /* @__PURE__ */ e(o, { defaultVariant: "labelMd", emphasis: !0, mobileVariant: "labelSm", weight: "regular", children: t }) }), v = ({ title: t, description: l, features: s, labels: d }) => /* @__PURE__ */ i("section", { className: a.root, children: [
   /* @__PURE__ */ i("div", { className: a.container, children: [
     /* @__PURE__ */ i("div", { className: a.header, children: [
-      /* @__PURE__ */ e(c, { title: t, className: a.title, defaultVariant: "displayMd", mobileVariant: "headingXl" }),
+      /* @__PURE__ */ e(
+        c,
+        {
+          title: t,
+          className: a.title,
+          defaultVariant: "displayMd",
+          mobileVariant: "headingXl"
+        }
+      ),
       l && /* @__PURE__ */ e(o, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", children: l })
     ] }),
     /* @__PURE__ */ i("div", { className: a.features, children: [

package/dist/modules/FeaturesGallery/components/FeatureGrid/FeatureGrid.es.js

@@ -7,23 +7,38 @@ import a from "./FeatureGrid.module.css.es.js";
 const s = {
   primary: { default: "headingXl", mobile: "headingXs" },
   secondary: { default: "headingSm", mobile: "headingXxs" }
-}, R = ({ feature: m, className: n, index: t, type: i }) => /* @__PURE__ */ r("a", { className: c(a.root, a[i], n), style: { backgroundImage: `url("${m.image}")` }, href: m.url, children: [
-  /* @__PURE__ */ e("div", { className: a.smoke, "data-smoke": t % 3 }),
-  /* @__PURE__ */ r("div", { className: a.content, children: [
-    /* @__PURE__ */ e(
-      d,
-      {
-        as: "h3",
-        defaultVariant: s[i].default,
-        mobileVariant: s[i].mobile,
-        className: a.label,
-        children: m.label
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: a.desktop, children: /* @__PURE__ */ e(l, { iconName: o.ARROW_FORWARD, variant: "muted-invert", size: i === "primary" ? "lg" : "md" }) }),
-    /* @__PURE__ */ e("div", { className: a.mobile, children: /* @__PURE__ */ e(l, { iconName: o.ARROW_FORWARD, variant: "muted-invert", size: "sm" }) })
-  ] })
-] });
+}, R = ({ feature: m, className: n, index: t, type: i }) => /* @__PURE__ */ r(
+  "a",
+  {
+    className: c(a.root, a[i], n),
+    style: { backgroundImage: `url("${m.image}")` },
+    href: m.url,
+    children: [
+      /* @__PURE__ */ e("div", { className: a.smoke, "data-smoke": t % 3 }),
+      /* @__PURE__ */ r("div", { className: a.content, children: [
+        /* @__PURE__ */ e(
+          d,
+          {
+            as: "h3",
+            defaultVariant: s[i].default,
+            mobileVariant: s[i].mobile,
+            className: a.label,
+            children: m.label
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: a.desktop, children: /* @__PURE__ */ e(
+          l,
+          {
+            iconName: o.ARROW_FORWARD,
+            variant: "muted-invert",
+            size: i === "primary" ? "lg" : "md"
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: a.mobile, children: /* @__PURE__ */ e(l, { iconName: o.ARROW_FORWARD, variant: "muted-invert", size: "sm" }) })
+      ] })
+    ]
+  }
+);
 export {
   R as FeatureGrid
 };

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

@@ -14,7 +14,16 @@ import { useSwiper as C } from "../../utils/useSwiper/useSwiper.es.js";
 import i from "./followTheScience.module.css.es.js";
 const E = [u];
 function L({ labelText: a, benefits: c }) {
-  const { activeIndex: r, setIsEnd: m, isEnd: t, handleSlideChange: p, handlePrevClick: s, handleNextClick: n, onSwiperInit: h, handleSwiperResize: f } = C();
+  const {
+    activeIndex: r,
+    setIsEnd: m,
+    isEnd: t,
+    handleSlideChange: p,
+    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 }),
@@ -48,7 +57,17 @@ function L({ labelText: a, benefits: c }) {
           {
             title: o.title,
             description: o.description,
-            button: /* @__PURE__ */ e(k, { as: "a", size: "sm", color: "white", suffixIcon: N.ARROW_FORWARD, href: o.link, children: "READ THE STUDY" })
+            button: /* @__PURE__ */ e(
+              k,
+              {
+                as: "a",
+                size: "sm",
+                color: "white",
+                suffixIcon: N.ARROW_FORWARD,
+                href: o.link,
+                children: "READ THE STUDY"
+              }
+            )
           }
         ) }, S))
       }

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

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

package/dist/modules/ImageWithText/ImageWithText.d.ts

@@ -0,0 +1,3 @@
+import { TImageWithTextProps } from './types';
+
+export declare const ImageWithText: ({ image, text, textAlign, title, description }: TImageWithTextProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +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 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 }) }),
+  /* @__PURE__ */ e(
+    "div",
+    {
+      className: s(a.content, {
+        [a.textAlignLeft]: t === "left",
+        [a.textAlignRight]: t === "right"
+      }),
+      children: [
+        l && n && /* @__PURE__ */ e("div", { className: a.richTextContainer, children: [
+          /* @__PURE__ */ i(
+            d,
+            {
+              colorScheme: "dark",
+              title: l,
+              defaultVariant: "displayXs",
+              mobileVariant: "headingLg"
+            }
+          ),
+          /* @__PURE__ */ i(m, { defaultVariant: "bodyMd", mobileVariant: "bodySm", children: n })
+        ] }),
+        r && /* @__PURE__ */ i("div", { className: a.textContainer, children: /* @__PURE__ */ i(m, { defaultVariant: "displayXs", mobileVariant: "headingXs", children: r }) })
+      ]
+    }
+  )
+] });
+export {
+  y as ImageWithText
+};

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

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

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

@@ -0,0 +1,21 @@
+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 = {
+  root: t,
+  content: e,
+  textAlignLeft: i,
+  textAlignRight: n,
+  textContainer: _,
+  richTextContainer: o,
+  imageContainer: a,
+  image: m
+};
+export {
+  e as content,
+  g as default,
+  m as image,
+  a as imageContainer,
+  o as richTextContainer,
+  t as root,
+  i as textAlignLeft,
+  n as textAlignRight,
+  _ as textContainer
+};

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

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

package/dist/modules/ImageWithText/types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+
+export type TImageWithTextProps = {
+    image: string;
+    text?: string;
+    title?: ReactNode;
+    description?: string;
+    textAlign?: 'left' | 'right';
+};

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

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

package/dist/modules/LongevityPathways/LongevityPathways.d.ts

@@ -0,0 +1,3 @@
+import { TLongevityPathways } from './types';
+
+export declare const LongevityPathways: ({ view, label, title, carousel }: TLongevityPathways) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+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: [
+  /* @__PURE__ */ e("div", { className: a.header, children: /* @__PURE__ */ e(
+    o,
+    {
+      title: r,
+      className: a.title,
+      defaultVariant: "displayMd",
+      mobileVariant: "headingXl"
+    }
+  ) }),
+  /* @__PURE__ */ e(s, { images: t, view: i })
+] });
+export {
+  c as LongevityPathways
+};

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

@@ -0,0 +1,2 @@
+export { LongevityPathways } from './LongevityPathways';
+export type { TLongevityPathways } from './types';

package/dist/modules/LongevityPathways/longevityPathways.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="longevityPathways-module__root___-Fwyo",o="longevityPathways-module__header___avZn2",t={root:e,header:o};exports.default=t;exports.header=o;exports.root=e;

package/dist/modules/LongevityPathways/longevityPathways.module.css.es.js

@@ -0,0 +1,9 @@
+const o = "longevityPathways-module__root___-Fwyo", e = "longevityPathways-module__header___avZn2", t = {
+  root: o,
+  header: e
+};
+export {
+  t as default,
+  e as header,
+  o as root
+};

package/dist/modules/LongevityPathways/types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { TAdvancedImageView } from '../../components/ComplexImageCarousel';
+
+export type TLongevityPathways = {
+    view: 'simple' | 'complex';
+    label: string;
+    title: ReactNode;
+    carousel: Array<TAdvancedImageView>;
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../components/Button/Button.cjs.js"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),d=require("./components/ClockImages/ClockImages.cjs.js"),t=require("./optimalHealth.module.css.cjs.js"),u=({title:l,description:r,link:a,images:n})=>e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(d.ClockImages,{images:n}),e.jsxs("div",{className:t.default.content,children:[e.jsx(o.HighlightedTitle,{title:l,className:t.default.title,defaultVariant:"displaySm",mobileVariant:"headingLg"}),e.jsx(c.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",className:t.default.description,children:r}),e.jsx("div",{className:s.cn(t.default.actions,t.default.desktop),children:e.jsx(i.Button,{as:"a",variant:"primary",size:"lg",href:a,children:"LEARN MORE"})}),e.jsx("div",{className:s.cn(t.default.actions,t.default.mobile),children:e.jsx(i.Button,{as:"a",variant:"primary",size:"sm",href:a,children:"LEARN MORE"})})]})]})});exports.OptimalHealth=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../components/Button/Button.cjs.js"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),c=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),d=require("./components/ClockImages/ClockImages.cjs.js"),t=require("./optimalHealth.module.css.cjs.js"),u=({title:l,description:r,link:a,images:n})=>e.jsx("section",{className:t.default.root,children:e.jsx("div",{className:t.default.container,children:e.jsxs("div",{className:t.default.wrapper,children:[e.jsx(d.ClockImages,{images:n}),e.jsxs("div",{className:t.default.content,children:[e.jsx(o.HighlightedTitle,{title:l,className:t.default.title,defaultVariant:"displaySm",mobileVariant:"headingLg"}),e.jsx(c.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",className:t.default.description,children:r}),e.jsx("div",{className:s.cn(t.default.actions,t.default.desktop),children:e.jsx(i.Button,{as:"a",variant:"primary",size:"lg",href:a,children:"LEARN MORE"})}),e.jsx("div",{className:s.cn(t.default.actions,t.default.mobile),children:e.jsx(i.Button,{as:"a",variant:"primary",size:"sm",href:a,children:"LEARN MORE"})})]})]})})});exports.OptimalHealth=u;