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

package/dist/modules/Comparison/components/ComparisonMobileView/comparisonMobileView.module.css.es.js

@@ -0,0 +1,27 @@
+const o = "comparisonMobileView-module__root___sSosN", e = "comparisonMobileView-module__table___2J5UL", l = "comparisonMobileView-module__headers___8E-5n", _ = "comparisonMobileView-module__feature___ErASb", i = "comparisonMobileView-module__row___0rP2u", c = "comparisonMobileView-module__cell___c-kqb", n = "comparisonMobileView-module__cellHighlighted___dS4jy", s = "comparisonMobileView-module__companyLogo___FOuDV", t = "comparisonMobileView-module__iconCell___Agxvq", a = "comparisonMobileView-module__iconCellHighlighted___xVD1a", r = "comparisonMobileView-module__icon___hLpTA", m = {
+  root: o,
+  table: e,
+  headers: l,
+  feature: _,
+  row: i,
+  cell: c,
+  cellHighlighted: n,
+  companyLogo: s,
+  iconCell: t,
+  iconCellHighlighted: a,
+  icon: r
+};
+export {
+  c as cell,
+  n as cellHighlighted,
+  s as companyLogo,
+  m as default,
+  _ as feature,
+  l as headers,
+  r as icon,
+  t as iconCell,
+  a as iconCellHighlighted,
+  o as root,
+  i as row,
+  e as table
+};

package/dist/modules/Comparison/utils.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>e.toLowerCase()==="healthspan";exports.isHealthspan=t;

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

@@ -0,0 +1,4 @@
+const t = (e) => e.toLowerCase() === "healthspan";
+export {
+  t as isHealthspan
+};

package/dist/modules/FeaturedIn/FeaturedIn.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),c=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),a=require("./featuredIn.module.css.cjs.js");function o({media:n}){return e.jsx("div",{className:a.default.mediaFeaturedInBlock,children:n.filter(r=>!!r.logo).map(({logo:r,url:t},d)=>{const u=t?"a":"div";return e.jsx(u,{href:t,target:"_blank",rel:"noopener noreferrer",className:a.default.mediaFeaturedInImageContainer,children:e.jsx("div",{className:a.default.mediaFeaturedInImage,style:{backgroundImage:`url(${r})`}})},`${t}_${d}`)})})}function m({quote:n}){return e.jsx("div",{className:a.default.quoteFeaturedInBlock,children:e.jsxs(l.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingXxs",className:a.default.quoteFeaturedInText,children:["“",n,"”"]})})}function f({button_label:n}){return e.jsx("a",{href:"https://app.gethealthspan.com",className:a.default.ctaFeaturedIn,children:e.jsx("p",{className:a.default.ctaFeaturedInText,children:n})})}function p({label:n,content:r}){return e.jsxs("div",{className:a.default.container,children:[e.jsx("p",{className:s.cn(a.default.title,a.default.customTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",emphasis:!0,defaultVariant:"displayMd",className:s.cn(a.default.title,a.default.defaultTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",emphasis:!0,defaultVariant:"labelMd",mobileVariant:"labelSm",className:a.default.label,children:n}),e.jsx(c.InfiniteScroll,{items:r,contentClassName:a.default.content,itemClassName:a.default.item,rootClassName:a.default.scrollRoot,renderItem:t=>e.jsxs(i.Fragment,{children:[t.type==="media"&&e.jsx(o,{media:t.media}),t.type==="quote"&&e.jsx(m,{quote:t.quote}),t.type==="cta"&&e.jsx(f,{button_label:t.button_label}),e.jsx("div",{className:a.default.spacer})]},t.type)})]})}exports.FeaturedIn=p;

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

@@ -0,0 +1,54 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { Fragment as d } from "react";
+import { InfiniteScroll as m } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
+import { Typography as i } from "../../components/Typography/Typography.es.js";
+import { cn as s } from "../../utils/cn/cn.es.js";
+import e from "./featuredIn.module.css.es.js";
+function c({ media: r }) {
+  return /* @__PURE__ */ a("div", { className: e.mediaFeaturedInBlock, children: r.filter((n) => !!n.logo).map(({ logo: n, url: t }, o) => /* @__PURE__ */ a(
+    t ? "a" : "div",
+    {
+      href: t,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: e.mediaFeaturedInImageContainer,
+      children: /* @__PURE__ */ a("div", { className: e.mediaFeaturedInImage, style: { backgroundImage: `url(${n})` } })
+    },
+    `${t}_${o}`
+  )) });
+}
+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,
+    "”"
+  ] }) });
+}
+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 }) });
+}
+function y({ label: r, content: n }) {
+  return /* @__PURE__ */ l("div", { className: e.container, children: [
+    /* @__PURE__ */ a("p", { className: s(e.title, e.customTitle), children: "(Featured In)" }),
+    /* @__PURE__ */ a(i, { as: "p", emphasis: !0, defaultVariant: "displayMd", className: s(e.title, e.defaultTitle), children: "(Featured In)" }),
+    /* @__PURE__ */ a(i, { as: "p", emphasis: !0, defaultVariant: "labelMd", mobileVariant: "labelSm", className: e.label, children: r }),
+    /* @__PURE__ */ a(
+      m,
+      {
+        items: n,
+        contentClassName: e.content,
+        itemClassName: e.item,
+        rootClassName: e.scrollRoot,
+        renderItem: (t) => /* @__PURE__ */ l(d, { children: [
+          t.type === "media" && /* @__PURE__ */ a(c, { media: t.media }),
+          t.type === "quote" && /* @__PURE__ */ a(u, { quote: t.quote }),
+          t.type === "cta" && /* @__PURE__ */ a(p, { button_label: t.button_label }),
+          /* @__PURE__ */ a("div", { className: e.spacer })
+        ] }, t.type)
+      }
+    )
+  ] });
+}
+export {
+  y as FeaturedIn
+};

package/dist/modules/FeaturedIn/featuredIn.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="featuredIn-module__container___WFzUN",t="featuredIn-module__label___RaWYk",a="featuredIn-module__scrollRoot___kFYfd",n="featuredIn-module__item___RskSp",u="featuredIn-module__title___LRXHK",o="featuredIn-module__customTitle___R5G6Z",_="featuredIn-module__defaultTitle___s7UOV",d="featuredIn-module__content___XhQ45",r="featuredIn-module__mediaFeaturedInBlock___t7JKi",l="featuredIn-module__mediaFeaturedInImageContainer___mUgw0",c="featuredIn-module__mediaFeaturedInImage___xjFq3",I="featuredIn-module__quoteFeaturedInBlock___Rykyr",m="featuredIn-module__quoteFeaturedInText___GvOUa",i="featuredIn-module__ctaFeaturedIn___zAyLU",s="featuredIn-module__ctaFeaturedInText___9XABT",F="featuredIn-module__spacer___uImPI",f={container:e,label:t,scrollRoot:a,item:n,title:u,customTitle:o,defaultTitle:_,content:d,mediaFeaturedInBlock:r,mediaFeaturedInImageContainer:l,mediaFeaturedInImage:c,quoteFeaturedInBlock:I,quoteFeaturedInText:m,ctaFeaturedIn:i,ctaFeaturedInText:s,spacer:F};exports.container=e;exports.content=d;exports.ctaFeaturedIn=i;exports.ctaFeaturedInText=s;exports.customTitle=o;exports.default=f;exports.defaultTitle=_;exports.item=n;exports.label=t;exports.mediaFeaturedInBlock=r;exports.mediaFeaturedInImage=c;exports.mediaFeaturedInImageContainer=l;exports.quoteFeaturedInBlock=I;exports.quoteFeaturedInText=m;exports.scrollRoot=a;exports.spacer=F;exports.title=u;

package/dist/modules/FeaturedIn/featuredIn.module.css.es.js

@@ -0,0 +1,37 @@
+const e = "featuredIn-module__container___WFzUN", t = "featuredIn-module__label___RaWYk", _ = "featuredIn-module__scrollRoot___kFYfd", a = "featuredIn-module__item___RskSp", n = "featuredIn-module__title___LRXHK", d = "featuredIn-module__customTitle___R5G6Z", o = "featuredIn-module__defaultTitle___s7UOV", u = "featuredIn-module__content___XhQ45", r = "featuredIn-module__mediaFeaturedInBlock___t7JKi", l = "featuredIn-module__mediaFeaturedInImageContainer___mUgw0", I = "featuredIn-module__mediaFeaturedInImage___xjFq3", c = "featuredIn-module__quoteFeaturedInBlock___Rykyr", m = "featuredIn-module__quoteFeaturedInText___GvOUa", s = "featuredIn-module__ctaFeaturedIn___zAyLU", i = "featuredIn-module__ctaFeaturedInText___9XABT", F = "featuredIn-module__spacer___uImPI", f = {
+  container: e,
+  label: t,
+  scrollRoot: _,
+  item: a,
+  title: n,
+  customTitle: d,
+  defaultTitle: o,
+  content: u,
+  mediaFeaturedInBlock: r,
+  mediaFeaturedInImageContainer: l,
+  mediaFeaturedInImage: I,
+  quoteFeaturedInBlock: c,
+  quoteFeaturedInText: m,
+  ctaFeaturedIn: s,
+  ctaFeaturedInText: i,
+  spacer: F
+};
+export {
+  e as container,
+  u as content,
+  s as ctaFeaturedIn,
+  i as ctaFeaturedInText,
+  d as customTitle,
+  f as default,
+  o as defaultTitle,
+  a as item,
+  t as label,
+  r as mediaFeaturedInBlock,
+  I as mediaFeaturedInImage,
+  l as mediaFeaturedInImageContainer,
+  c as quoteFeaturedInBlock,
+  m as quoteFeaturedInText,
+  _ as scrollRoot,
+  F as spacer,
+  n as title
+};

package/dist/modules/FeaturesGallery/FeaturesGallery.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),u=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),c=require("../../components/Typography/Typography.cjs.js"),d=require("./components/FeatureGrid/FeatureGrid.cjs.js"),a=require("./featuresGallery.module.css.cjs.js"),h=({label:t,url:r})=>e.jsx("a",{href:r,className:a.default.label,children:e.jsx(c.Typography,{defaultVariant:"labelMd",emphasis:!0,mobileVariant:"labelSm",weight:"regular",children:t})}),m=({title:t,description:r,features:i,labels:n})=>e.jsxs("section",{className:a.default.root,children:[e.jsxs("div",{className:a.default.container,children:[e.jsxs("div",{className:a.default.header,children:[e.jsx(o.HighlightedTitle,{title:t,className:a.default.title,defaultVariant:"displayMd",mobileVariant:"headingXl"}),r&&e.jsx(c.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",children:r})]}),e.jsxs("div",{className:a.default.features,children:[e.jsx("div",{className:a.default.primaryFeatures,children:i.slice(0,2).map((l,s)=>e.jsx(d.FeatureGrid,{feature:l,index:s,type:"primary"},l.label))}),i.length>2&&e.jsx("div",{className:a.default.secondaryFeatures,children:i.slice(2).map((l,s)=>e.jsx(d.FeatureGrid,{feature:l,index:s,type:"secondary"},l.label))})]})]}),n.length>0&&e.jsx("div",{className:a.default.footer,children:e.jsx(u.InfiniteScroll,{items:n,renderItem:h})})]});exports.FeaturesGallery=m;

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

@@ -0,0 +1,22 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { HighlightedTitle as c } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { InfiniteScroll as h } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
+import { Typography as o } from "../../components/Typography/Typography.es.js";
+import { FeatureGrid as n } from "./components/FeatureGrid/FeatureGrid.es.js";
+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" }),
+      l && /* @__PURE__ */ e(o, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", children: l })
+    ] }),
+    /* @__PURE__ */ i("div", { className: a.features, children: [
+      /* @__PURE__ */ e("div", { className: a.primaryFeatures, children: s.slice(0, 2).map((r, m) => /* @__PURE__ */ e(n, { feature: r, index: m, type: "primary" }, r.label)) }),
+      s.length > 2 && /* @__PURE__ */ e("div", { className: a.secondaryFeatures, children: s.slice(2).map((r, m) => /* @__PURE__ */ e(n, { feature: r, index: m, type: "secondary" }, r.label)) })
+    ] })
+  ] }),
+  d.length > 0 && /* @__PURE__ */ e("div", { className: a.footer, children: /* @__PURE__ */ e(h, { items: d, renderItem: p }) })
+] });
+export {
+  v as FeaturesGallery
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../../components/Icon/constants.cjs.js"),s=require("../../../../components/IconButton/IconButton.cjs.js"),c=require("../../../../components/Typography/Typography.cjs.js"),d=require("../../../../utils/cn/cn.cjs.js"),a=require("./FeatureGrid.module.css.cjs.js"),r={primary:{default:"headingXl",mobile:"headingXs"},secondary:{default:"headingSm",mobile:"headingXxs"}},u=({feature:t,className:i,index:l,type:n})=>e.jsxs("a",{className:d.cn(a.default.root,a.default[n],i),style:{backgroundImage:`url("${t.image}")`},href:t.url,children:[e.jsx("div",{className:a.default.smoke,"data-smoke":l%3}),e.jsxs("div",{className:a.default.content,children:[e.jsx(c.Typography,{as:"h3",defaultVariant:r[n].default,mobileVariant:r[n].mobile,className:a.default.label,children:t.label}),e.jsx("div",{className:a.default.desktop,children:e.jsx(s.IconButton,{iconName:o.EIconName.ARROW_FORWARD,variant:"muted-invert",size:n==="primary"?"lg":"md"})}),e.jsx("div",{className:a.default.mobile,children:e.jsx(s.IconButton,{iconName:o.EIconName.ARROW_FORWARD,variant:"muted-invert",size:"sm"})})]})]});exports.FeatureGrid=u;

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

@@ -0,0 +1,29 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { EIconName as o } from "../../../../components/Icon/constants.es.js";
+import { IconButton as l } from "../../../../components/IconButton/IconButton.es.js";
+import { Typography as d } from "../../../../components/Typography/Typography.es.js";
+import { cn as c } from "../../../../utils/cn/cn.es.js";
+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" }) })
+  ] })
+] });
+export {
+  R as FeatureGrid
+};

package/dist/modules/FeaturesGallery/components/FeatureGrid/FeatureGrid.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="FeatureGrid-module__root___gF05S",o="FeatureGrid-module__primary___iInww",t="FeatureGrid-module__secondary___PXhy5",_="FeatureGrid-module__smoke___ilSJj",r="FeatureGrid-module__content___LpANj",l="FeatureGrid-module__label___-yx-D",d="FeatureGrid-module__mobile___4rSXl",s="FeatureGrid-module__desktop___wvfEO",a={root:e,primary:o,secondary:t,smoke:_,content:r,label:l,mobile:d,desktop:s};exports.content=r;exports.default=a;exports.desktop=s;exports.label=l;exports.mobile=d;exports.primary=o;exports.root=e;exports.secondary=t;exports.smoke=_;

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

@@ -0,0 +1,21 @@
+const e = "FeatureGrid-module__root___gF05S", _ = "FeatureGrid-module__primary___iInww", o = "FeatureGrid-module__secondary___PXhy5", t = "FeatureGrid-module__smoke___ilSJj", r = "FeatureGrid-module__content___LpANj", d = "FeatureGrid-module__label___-yx-D", l = "FeatureGrid-module__mobile___4rSXl", s = "FeatureGrid-module__desktop___wvfEO", a = {
+  root: e,
+  primary: _,
+  secondary: o,
+  smoke: t,
+  content: r,
+  label: d,
+  mobile: l,
+  desktop: s
+};
+export {
+  r as content,
+  a as default,
+  s as desktop,
+  d as label,
+  l as mobile,
+  _ as primary,
+  e as root,
+  o as secondary,
+  t as smoke
+};

package/dist/modules/FeaturesGallery/featuresGallery.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="featuresGallery-module__root___yTaXS",r="featuresGallery-module__container___pKoZa",a="featuresGallery-module__header___DTriD",t="featuresGallery-module__features___bl4GE",o="featuresGallery-module__primaryFeatures___vrd5c",_="featuresGallery-module__secondaryFeatures___IMF1X",l="featuresGallery-module__footer___pAZ39",s="featuresGallery-module__label___jasDl",u={root:e,container:r,header:a,features:t,primaryFeatures:o,secondaryFeatures:_,footer:l,label:s};exports.container=r;exports.default=u;exports.features=t;exports.footer=l;exports.header=a;exports.label=s;exports.primaryFeatures=o;exports.root=e;exports.secondaryFeatures=_;

package/dist/modules/FeaturesGallery/featuresGallery.module.css.es.js

@@ -0,0 +1,21 @@
+const e = "featuresGallery-module__root___yTaXS", r = "featuresGallery-module__container___pKoZa", a = "featuresGallery-module__header___DTriD", _ = "featuresGallery-module__features___bl4GE", t = "featuresGallery-module__primaryFeatures___vrd5c", o = "featuresGallery-module__secondaryFeatures___IMF1X", l = "featuresGallery-module__footer___pAZ39", s = "featuresGallery-module__label___jasDl", u = {
+  root: e,
+  container: r,
+  header: a,
+  features: _,
+  primaryFeatures: t,
+  secondaryFeatures: o,
+  footer: l,
+  label: s
+};
+export {
+  r as container,
+  u as default,
+  _ as features,
+  l as footer,
+  a as header,
+  s as label,
+  t as primaryFeatures,
+  e as root,
+  o as secondaryFeatures
+};

package/dist/modules/FollowTheScience/FollowTheScience.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const w=require("../../node_modules/swiper/modules/navigation.cjs.js"),l=require("../../node_modules/swiper/swiper-react.cjs.js"),x=require("../../components/Benefit/Benefit.cjs.js"),f=require("../../components/Icon/constants.cjs.js"),g=require("../../components/Label/Label.cjs.js"),c=require("../../components/ProgressButton/ProgressButton.cjs.js"),_=require("../../components/TextButton/TextButton.cjs.js"),q=require("../../utils/useSwiper/useSwiper.cjs.js"),i=require("./followTheScience.module.css.cjs.js"),j=[w.default];function B({labelText:d,benefits:a}){const{activeIndex:n,setIsEnd:u,isEnd:t,handleSlideChange:h,handlePrevClick:r,handleNextClick:o,onSwiperInit:p,handleSwiperResize:S}=q.useSwiper();return e.jsxs("div",{className:i.default.container,children:[e.jsxs("div",{className:i.default.heading,children:[e.jsx(g.Label,{color:"white",size:"lg",children:d}),e.jsx("div",{className:i.default.progressButtons,"data-device":"desktop",children:e.jsx(c.ProgressButton,{left:{onClick:r,disabled:n<=0},right:{disabled:t,onClick:o}})})]}),e.jsx("div",{children:e.jsx(l.Swiper,{onSwiper:p,onResize:S,onSlideChange:h,onReachEnd:()=>u(!0),modules:j,spaceBetween:0,slidesPerView:"auto",className:i.default.swiper,children:a.map((s,m)=>e.jsx(l.SwiperSlide,{className:i.default.swiperSlide,children:e.jsx(x.Benefit,{title:s.title,description:s.description,button:e.jsx(_.TextButton,{as:"a",size:"sm",color:"white",suffixIcon:f.EIconName.ARROW_FORWARD,href:s.link,children:"READ THE STUDY"})})},m))})}),e.jsx("div",{className:i.default.progressButtons,"data-device":"mobile",children:e.jsx(c.ProgressButton,{left:{onClick:r,disabled:n<=0},right:{onClick:o,disabled:t}})})]})}exports.FollowTheScience=B;

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

@@ -0,0 +1,73 @@
+"use client";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+/* empty css                                      */
+/* empty css                                                  */
+/* empty css                                                  */
+import u from "../../node_modules/swiper/modules/navigation.es.js";
+import { Swiper as w, SwiperSlide as g } from "../../node_modules/swiper/swiper-react.es.js";
+import { Benefit as v } from "../../components/Benefit/Benefit.es.js";
+import { EIconName as N } from "../../components/Icon/constants.es.js";
+import { Label as R } from "../../components/Label/Label.es.js";
+import { ProgressButton as d } from "../../components/ProgressButton/ProgressButton.es.js";
+import { TextButton as k } from "../../components/TextButton/TextButton.es.js";
+import { useSwiper as C } from "../../utils/useSwiper/useSwiper.es.js";
+import 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();
+  return /* @__PURE__ */ l("div", { className: i.container, children: [
+    /* @__PURE__ */ l("div", { className: i.heading, children: [
+      /* @__PURE__ */ e(R, { color: "white", size: "lg", children: a }),
+      /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "desktop", children: /* @__PURE__ */ e(
+        d,
+        {
+          left: {
+            onClick: s,
+            disabled: r <= 0
+          },
+          right: {
+            disabled: t,
+            onClick: n
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      w,
+      {
+        onSwiper: h,
+        onResize: f,
+        onSlideChange: p,
+        onReachEnd: () => m(!0),
+        modules: E,
+        spaceBetween: 0,
+        slidesPerView: "auto",
+        className: i.swiper,
+        children: c.map((o, S) => /* @__PURE__ */ e(g, { className: i.swiperSlide, children: /* @__PURE__ */ e(
+          v,
+          {
+            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" })
+          }
+        ) }, S))
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "mobile", children: /* @__PURE__ */ e(
+      d,
+      {
+        left: {
+          onClick: s,
+          disabled: r <= 0
+        },
+        right: {
+          onClick: n,
+          disabled: t
+        }
+      }
+    ) })
+  ] });
+}
+export {
+  L as FollowTheScience
+};

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

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

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

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

package/dist/modules/HowItWorks/HowItWorks.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../components/Button/Button.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),i=require("./components/Content/Content.cjs.js"),t=require("./howItWorks.module.css.cjs.js"),l=({title:o,getStartedLink:s,items:a})=>e.jsxs("section",{className:t.default.root,children:[e.jsxs("div",{className:t.default.headerContainer,children:[e.jsx(n.Typography,{as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:o}),s&&e.jsx("div",{className:t.default.desktop,children:e.jsx(r.Button,{as:"a",href:s,variant:"muted",size:"lg",children:"Get started"})}),s&&e.jsx("div",{className:t.default.mobile,children:e.jsx(r.Button,{as:"a",href:s,variant:"muted",size:"sm",children:"Get started"})})]}),e.jsx(i.Content,{items:a})]});exports.HowItWorks=l;

package/dist/modules/HowItWorks/HowItWorks.es.js

@@ -0,0 +1,16 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { Button as i } from "../../components/Button/Button.es.js";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+import { Content as l } from "./components/Content/Content.es.js";
+import a from "./howItWorks.module.css.es.js";
+const f = ({ title: o, getStartedLink: e, items: t }) => /* @__PURE__ */ s("section", { className: a.root, children: [
+  /* @__PURE__ */ s("div", { className: a.headerContainer, children: [
+    /* @__PURE__ */ r(m, { as: "h2", defaultVariant: "displayMd", mobileVariant: "headingXl", children: o }),
+    e && /* @__PURE__ */ r("div", { className: a.desktop, children: /* @__PURE__ */ r(i, { as: "a", href: e, variant: "muted", size: "lg", children: "Get started" }) }),
+    e && /* @__PURE__ */ r("div", { className: a.mobile, children: /* @__PURE__ */ r(i, { as: "a", href: e, variant: "muted", size: "sm", children: "Get started" }) })
+  ] }),
+  /* @__PURE__ */ r(l, { items: t })
+] });
+export {
+  f as HowItWorks
+};

package/dist/modules/HowItWorks/components/Content/Content.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("../../../../node_modules/swiper/modules/navigation.cjs.js"),r=require("../../../../node_modules/swiper/swiper-react.cjs.js"),j=require("../../../../components/ProgressButton/ProgressButton.cjs.js"),s=require("../../../../components/Typography/Typography.cjs.js"),y=require("../../../../utils/useSwiper/useSwiper.cjs.js");;/* empty css                                              */;/* empty css                                                          */;/* empty css                                                          */const i=require("./content.module.css.cjs.js"),q=[w.default],x=({items:l})=>{const{isEnd:t,isBeginning:d,hideNav:o,handleSlideChange:c,handlePrevClick:u,handleNextClick:h,onSwiperInit:g,handleSwiperResize:p,handleReachEnd:S,handleReachBeginning:m,handleSlideTo:f}=y.useSwiper();return e.jsxs("div",{className:i.default.root,children:[e.jsx("div",{className:i.default.carouselArea,children:e.jsx(r.Swiper,{onSwiper:g,onResize:p,onSlideChange:c,onReachEnd:S,onReachBeginning:m,modules:q,spaceBetween:0,slidesPerView:"auto",className:i.default.swiper,children:l.map((a,n)=>e.jsx(r.SwiperSlide,{className:i.default.swiperSlide,children:e.jsxs("div",{className:i.default.card,onClick:()=>f(n),children:[e.jsxs("div",{className:i.default.cardHeader,children:[e.jsx("img",{src:a.image,className:i.default.cardImage,alt:a.title}),e.jsx(s.Typography,{as:"h3",defaultVariant:"headingLg",mobileVariant:"headingXs",children:a.title})]}),e.jsx(s.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",children:a.description})]})},`${a.title}_${n}`))})}),!o&&e.jsx("div",{className:i.default.navigation,children:e.jsx(j.ProgressButton,{left:{disabled:d,onClick:u},right:{disabled:t,onClick:h}})})]})};exports.Content=x;

package/dist/modules/HowItWorks/components/Content/Content.es.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import w from "../../../../node_modules/swiper/modules/navigation.es.js";
+import { Swiper as u, SwiperSlide as v } from "../../../../node_modules/swiper/swiper-react.es.js";
+import { ProgressButton as C } from "../../../../components/ProgressButton/ProgressButton.es.js";
+import { Typography as l } from "../../../../components/Typography/Typography.es.js";
+import { useSwiper as R } from "../../../../utils/useSwiper/useSwiper.es.js";
+/* empty css                                            */
+/* empty css                                                        */
+/* empty css                                                        */
+import i from "./content.module.css.es.js";
+const b = [w], z = ({ items: o }) => {
+  const {
+    isEnd: d,
+    isBeginning: s,
+    hideNav: t,
+    handleSlideChange: c,
+    handlePrevClick: m,
+    handleNextClick: h,
+    onSwiperInit: p,
+    handleSwiperResize: g,
+    handleReachEnd: S,
+    handleReachBeginning: N,
+    handleSlideTo: f
+  } = R();
+  return /* @__PURE__ */ n("div", { className: i.root, children: [
+    /* @__PURE__ */ e("div", { className: i.carouselArea, children: /* @__PURE__ */ e(
+      u,
+      {
+        onSwiper: p,
+        onResize: g,
+        onSlideChange: c,
+        onReachEnd: S,
+        onReachBeginning: N,
+        modules: b,
+        spaceBetween: 0,
+        slidesPerView: "auto",
+        className: i.swiper,
+        children: o.map((a, r) => /* @__PURE__ */ e(v, { className: i.swiperSlide, children: /* @__PURE__ */ n("div", { className: i.card, onClick: () => f(r), children: [
+          /* @__PURE__ */ n("div", { className: i.cardHeader, children: [
+            /* @__PURE__ */ e("img", { src: a.image, className: i.cardImage, alt: a.title }),
+            /* @__PURE__ */ e(l, { as: "h3", defaultVariant: "headingLg", mobileVariant: "headingXs", children: a.title })
+          ] }),
+          /* @__PURE__ */ e(l, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", children: a.description })
+        ] }) }, `${a.title}_${r}`))
+      }
+    ) }),
+    !t && /* @__PURE__ */ e("div", { className: i.navigation, children: /* @__PURE__ */ e(
+      C,
+      {
+        left: {
+          disabled: s,
+          onClick: m
+        },
+        right: {
+          disabled: d,
+          onClick: h
+        }
+      }
+    ) })
+  ] });
+};
+export {
+  z as Content
+};

package/dist/modules/HowItWorks/components/Content/content.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="content-module__root___qfzkV",o="content-module__carouselArea___milox",t="content-module__swiper___6bohy",_="content-module__swiperSlide___O31RT",r="content-module__card___-FmJI",a="content-module__cardHeader___6bvv8",n="content-module__cardImage___85ki9",c="content-module__navigation___gF-nP",d={root:e,carouselArea:o,swiper:t,swiperSlide:_,card:r,cardHeader:a,cardImage:n,navigation:c};exports.card=r;exports.cardHeader=a;exports.cardImage=n;exports.carouselArea=o;exports.default=d;exports.navigation=c;exports.root=e;exports.swiper=t;exports.swiperSlide=_;

package/dist/modules/HowItWorks/components/Content/content.module.css.es.js

@@ -0,0 +1,21 @@
+const e = "content-module__root___qfzkV", o = "content-module__carouselArea___milox", _ = "content-module__swiper___6bohy", t = "content-module__swiperSlide___O31RT", n = "content-module__card___-FmJI", a = "content-module__cardHeader___6bvv8", c = "content-module__cardImage___85ki9", r = "content-module__navigation___gF-nP", d = {
+  root: e,
+  carouselArea: o,
+  swiper: _,
+  swiperSlide: t,
+  card: n,
+  cardHeader: a,
+  cardImage: c,
+  navigation: r
+};
+export {
+  n as card,
+  a as cardHeader,
+  c as cardImage,
+  o as carouselArea,
+  d as default,
+  r as navigation,
+  e as root,
+  _ as swiper,
+  t as swiperSlide
+};

package/dist/modules/HowItWorks/howItWorks.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="howItWorks-module__root___tgV6H",e="howItWorks-module__headerContainer___iw1t-",t="howItWorks-module__mobile___c4I-i",_="howItWorks-module__desktop___bZESp",r={root:o,headerContainer:e,mobile:t,desktop:_};exports.default=r;exports.desktop=_;exports.headerContainer=e;exports.mobile=t;exports.root=o;

package/dist/modules/HowItWorks/howItWorks.module.css.es.js

@@ -0,0 +1,13 @@
+const o = "howItWorks-module__root___tgV6H", t = "howItWorks-module__headerContainer___iw1t-", e = "howItWorks-module__mobile___c4I-i", _ = "howItWorks-module__desktop___bZESp", s = {
+  root: o,
+  headerContainer: t,
+  mobile: e,
+  desktop: _
+};
+export {
+  s as default,
+  _ as desktop,
+  t as headerContainer,
+  e as mobile,
+  o as root
+};

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

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

package/dist/modules/OptimalHealth/OptimalHealth.es.js

@@ -0,0 +1,19 @@
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
+import { Button as t } from "../../components/Button/Button.es.js";
+import { HighlightedTitle as n } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as c } from "../../components/Typography/Typography.es.js";
+import { cn as o } from "../../utils/cn/cn.es.js";
+import { ClockImages as d } from "./components/ClockImages/ClockImages.es.js";
+import a from "./optimalHealth.module.css.es.js";
+const b = ({ title: s, description: m, link: r, images: l }) => /* @__PURE__ */ i("section", { className: a.root, children: /* @__PURE__ */ e("div", { className: a.container, children: [
+  /* @__PURE__ */ i(d, { images: l }),
+  /* @__PURE__ */ e("div", { className: a.content, children: [
+    /* @__PURE__ */ i(n, { title: s, className: a.title, defaultVariant: "displaySm", mobileVariant: "headingLg" }),
+    /* @__PURE__ */ i(c, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", className: a.description, children: m }),
+    /* @__PURE__ */ i("div", { className: o(a.actions, a.desktop), children: /* @__PURE__ */ i(t, { as: "a", variant: "primary", size: "lg", href: r, children: "LEARN MORE" }) }),
+    /* @__PURE__ */ i("div", { className: o(a.actions, a.mobile), children: /* @__PURE__ */ i(t, { as: "a", variant: "primary", size: "sm", href: r, children: "LEARN MORE" }) })
+  ] })
+] }) });
+export {
+  b as OptimalHealth
+};

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

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("../../../../utils/cn/cn.cjs.js"),o=require("./hooks.cjs.js"),e=require("./clockImages.module.css.cjs.js"),I=10,d=2*Math.PI/I,i=-Math.PI/2,q=[{key:"smallSquareImage1",className:e.default.smallSquareImage},{key:"rectImage2",className:e.default.rectImage},{key:"smallSquareImage3",className:e.default.smallSquareImage},{key:"largeSquareImage4",className:e.default.largeSquareImage},{key:"rectImage5",className:e.default.rectImage},{key:"smallSquareImage6",className:e.default.smallSquareImage},{key:"rectImage7",className:e.default.rectImage},{key:"smallSquareImage8",className:e.default.smallSquareImage},{key:"rectImage9",className:e.default.rectImage},{key:"largeSquareImage10",className:e.default.largeSquareImage}],N=({images:r})=>{const s=o.useResponsiveRadius();return l.jsx("div",{className:e.default.root,children:q.map(({key:a,className:m},c)=>{const t=i+c*d,u=s*Math.cos(t),g=s*Math.sin(t);return l.jsx("img",{src:r[a],className:n.cn(e.default.image,m),style:{transform:`translate(-50%, -50%) translate(${u}px, ${g}px)`},alt:a},a)})})};exports.ClockImages=N;

package/dist/modules/OptimalHealth/components/ClockImages/ClockImages.es.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { cn as o } from "../../../../utils/cn/cn.es.js";
+import { useResponsiveRadius as n } from "./hooks.es.js";
+import a from "./clockImages.module.css.es.js";
+const u = 10, N = 2 * Math.PI / u, S = -Math.PI / 2, i = [
+  { key: "smallSquareImage1", className: a.smallSquareImage },
+  { key: "rectImage2", className: a.rectImage },
+  { key: "smallSquareImage3", className: a.smallSquareImage },
+  { key: "largeSquareImage4", className: a.largeSquareImage },
+  { key: "rectImage5", className: a.rectImage },
+  { key: "smallSquareImage6", className: a.smallSquareImage },
+  { key: "rectImage7", className: a.rectImage },
+  { key: "smallSquareImage8", className: a.smallSquareImage },
+  { key: "rectImage9", className: a.rectImage },
+  { key: "largeSquareImage10", className: a.largeSquareImage }
+], h = ({ images: t }) => {
+  const s = n();
+  return /* @__PURE__ */ r("div", { className: a.root, children: i.map(({ key: e, className: l }, c) => {
+    const m = S + c * N, g = s * Math.cos(m), I = s * Math.sin(m);
+    return /* @__PURE__ */ r(
+      "img",
+      {
+        src: t[e],
+        className: o(a.image, l),
+        style: {
+          transform: `translate(-50%, -50%) translate(${g}px, ${I}px)`
+        },
+        alt: e
+      },
+      e
+    );
+  }) });
+};
+export {
+  h as ClockImages
+};

package/dist/modules/OptimalHealth/components/ClockImages/clockImages.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="clockImages-module__root___EP8LS",a="clockImages-module__image___MtqIw",m="clockImages-module__smallSquareImage___NkpW3",l="clockImages-module__largeSquareImage___mPBhn",o="clockImages-module__rectImage___GMy9G",g={root:e,image:a,smallSquareImage:m,largeSquareImage:l,rectImage:o};exports.default=g;exports.image=a;exports.largeSquareImage=l;exports.rectImage=o;exports.root=e;exports.smallSquareImage=m;

package/dist/modules/OptimalHealth/components/ClockImages/clockImages.module.css.es.js

@@ -0,0 +1,15 @@
+const e = "clockImages-module__root___EP8LS", a = "clockImages-module__image___MtqIw", m = "clockImages-module__smallSquareImage___NkpW3", _ = "clockImages-module__largeSquareImage___mPBhn", o = "clockImages-module__rectImage___GMy9G", l = {
+  root: e,
+  image: a,
+  smallSquareImage: m,
+  largeSquareImage: _,
+  rectImage: o
+};
+export {
+  l as default,
+  a as image,
+  _ as largeSquareImage,
+  o as rectImage,
+  e as root,
+  m as smallSquareImage
+};

package/dist/modules/OptimalHealth/components/ClockImages/hooks.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),i=e=>e&&window.innerWidth<=768?280:480;function o(){const e=typeof window<"u",[s,r]=t.useState(i(e));return t.useEffect(()=>{if(!e)return;const n=()=>r(i(e));return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[e]),s}exports.useResponsiveRadius=o;

package/dist/modules/OptimalHealth/components/ClockImages/hooks.es.js

@@ -0,0 +1,13 @@
+import { useState as r, useEffect as o } from "react";
+const t = (e) => e && window.innerWidth <= 768 ? 280 : 480;
+function u() {
+  const e = typeof window < "u", [i, s] = r(t(e));
+  return o(() => {
+    if (!e) return;
+    const n = () => s(t(e));
+    return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
+  }, [e]), i;
+}
+export {
+  u as useResponsiveRadius
+};

package/dist/modules/OptimalHealth/optimalHealth.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="optimalHealth-module__root___l-DfB",o="optimalHealth-module__container___Nc-Cv",e="optimalHealth-module__content___5ntd8",_="optimalHealth-module__description___3MlIW",l="optimalHealth-module__actions___IWhyr",n="optimalHealth-module__mobile___8lH1x",i="optimalHealth-module__desktop___Nh1ZJ",c={root:t,container:o,content:e,description:_,actions:l,mobile:n,desktop:i};exports.actions=l;exports.container=o;exports.content=e;exports.default=c;exports.description=_;exports.desktop=i;exports.mobile=n;exports.root=t;