@zenpatient-org/healthspan-marketing-ui 0.1.21 → 0.1.23

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

@@ -0,0 +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.jsxs("div",{className:t.default.root,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;

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+
+type Props = {
+    label: string;
+    title: ReactNode;
+    image: string;
+    benefits: Array<{
+        title: string;
+        description: string;
+    }>;
+    tags: Array<string>;
+};
+export declare const Benefits: ({ label, title, image, benefits, tags }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,30 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { HighlightedTitle as c } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { BenefitTag as n } 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 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__ */ 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))
+    ] }),
+    /* @__PURE__ */ a("div", { className: e.benefits, children: o.map((t, i) => /* @__PURE__ */ a(
+      p,
+      {
+        index: i + 1,
+        title: t.title,
+        description: t.description
+      },
+      i
+    )) })
+  ] })
+] });
+export {
+  y as Benefits
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="benefits-module__root___DiO7c",t="benefits-module__header___wt7M5",_="benefits-module__label___sgWAr",o="benefits-module__content___Q1Nej",a="benefits-module__imageWrapper___Owwd8",n="benefits-module__image___Hq7o5",s="benefits-module__tag1___orgyD",i="benefits-module__tag2___49bdt",l="benefits-module__tag3___TYdET",g="benefits-module__benefits___psqX-",r={root:e,header:t,label:_,content:o,imageWrapper:a,image:n,tag1:s,tag2:i,tag3:l,benefits:g};exports.benefits=g;exports.content=o;exports.default=r;exports.header=t;exports.image=n;exports.imageWrapper=a;exports.label=_;exports.root=e;exports.tag1=s;exports.tag2=i;exports.tag3=l;

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

@@ -0,0 +1,25 @@
+const e = "benefits-module__root___DiO7c", _ = "benefits-module__header___wt7M5", t = "benefits-module__label___sgWAr", o = "benefits-module__content___Q1Nej", n = "benefits-module__imageWrapper___Owwd8", s = "benefits-module__image___Hq7o5", a = "benefits-module__tag1___orgyD", i = "benefits-module__tag2___49bdt", l = "benefits-module__tag3___TYdET", b = "benefits-module__benefits___psqX-", d = {
+  root: e,
+  header: _,
+  label: t,
+  content: o,
+  imageWrapper: n,
+  image: s,
+  tag1: a,
+  tag2: i,
+  tag3: l,
+  benefits: b
+};
+export {
+  b as benefits,
+  o as content,
+  d as default,
+  _ as header,
+  s as image,
+  n as imageWrapper,
+  t as label,
+  e as root,
+  a as tag1,
+  i as tag2,
+  l as tag3
+};

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

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

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

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

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

@@ -0,0 +1,13 @@
+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__ */ 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 })
+  ] })
+] });
+export {
+  o as BenefitItem
+};

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./benefitTag.module.css.cjs.js"),n=require("../../../../components/Typography/Typography.cjs.js"),i=require("../../../../utils/cn/cn.cjs.js"),o=({text:t,className:a})=>e.jsx("div",{className:i.cn(r.default.root,a),children:e.jsx(n.Typography,{emphasis:!0,defaultVariant:"labelLg",mobileVariant:"labelSm",className:r.default.benefitTag,children:t})});exports.BenefitTag=o;

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

@@ -0,0 +1,6 @@
+type Props = {
+    text: string;
+    className: string;
+};
+export declare const BenefitTag: ({ text, className }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+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 }) });
+export {
+  p as BenefitTag
+};

package/dist/modules/Benefits/components/BenefitTag/benefitTag.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="benefitTag-module__root___8-WMf",t="benefitTag-module__benefitTag___9R-qj",o={root:e,benefitTag:t};exports.benefitTag=t;exports.default=o;exports.root=e;

package/dist/modules/Benefits/components/BenefitTag/benefitTag.module.css.es.js

@@ -0,0 +1,9 @@
+const e = "benefitTag-module__root___8-WMf", t = "benefitTag-module__benefitTag___9R-qj", o = {
+  root: e,
+  benefitTag: t
+};
+export {
+  t as benefitTag,
+  o as default,
+  e as root
+};

package/dist/modules/Benefits/components/BenefitTag/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export { BenefitTag } from './BenefitTag';
+export { BenefitItem } from './BenefitItem';

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

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

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/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/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/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;

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

@@ -2,18 +2,18 @@ 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 { cn as s } 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: [
+const b = ({ title: o, description: m, link: r, images: l }) => /* @__PURE__ */ i("section", { className: a.root, children: /* @__PURE__ */ i("div", { className: a.container, children: /* @__PURE__ */ e("div", { className: a.wrapper, 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(n, { title: o, 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" }) })
+    /* @__PURE__ */ i("div", { className: s(a.actions, a.desktop), children: /* @__PURE__ */ i(t, { as: "a", variant: "primary", size: "lg", href: r, children: "LEARN MORE" }) }),
+    /* @__PURE__ */ i("div", { className: s(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

@@ -1 +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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),g=require("../../../../node_modules/gsap/index.cjs.js"),y=require("../../../../node_modules/gsap/ScrollTrigger.cjs.js"),e=require("./clockImages.module.css.cjs.js"),f=require("../../../../utils/cn/cn.cjs.js"),q=require("react");g.gsap.registerPlugin(y.ScrollTrigger);const s=[{key:"smallSquareImage1",className:e.default.smallSquareImage,to:{x:100,y:60}},{key:"rectImage2",className:e.default.rectImage,to:{x:70,y:70}},{key:"smallSquareImage3",className:e.default.smallSquareImage,to:{x:40,y:60}},{key:"largeSquareImage4",className:e.default.largeSquareImage,to:{x:-110,y:55}},{key:"rectImage5",className:e.default.rectImage,to:{x:-150,y:69}},{key:"smallSquareImage6",className:e.default.smallSquareImage,to:{x:-100,y:9}},{key:"rectImage7",className:e.default.rectImage,to:{x:-65,y:-100}},{key:"smallSquareImage8",className:e.default.smallSquareImage,to:{x:50,y:-100}},{key:"rectImage9",className:e.default.rectImage,to:{x:50,y:-50}},{key:"largeSquareImage10",className:e.default.largeSquareImage,to:{x:56,y:13}}],S=({images:n})=>{const t=q.useRef(null),i=a=>{var c,o,m;const r=(c=t.current)==null?void 0:c.querySelector(`[data-ohealth-image-key="${a}"]`);if(!r)return;const d=((o=s.find(l=>l.key===a))==null?void 0:o.to.x)||0,I=((m=s.find(l=>l.key===a))==null?void 0:m.to.y)||0;g.gsap.fromTo(r,{x:0,y:0},{x:d,y:I,duration:5,ease:"power2.out",scrollTrigger:{trigger:t.current,start:"center center",end:"center center",once:!0,scrub:!1,toggleActions:"play none none reverse"}})};return u.jsx("div",{ref:t,className:e.default.root,children:s.map(({key:a,className:r})=>u.jsx("img",{src:n[a],className:f.cn(e.default.image,r,e.default[a]),"data-ohealth-image-key":a,alt:a,onLoad:()=>i(a)},a))})};exports.ClockImages=S;

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

@@ -1,37 +1,59 @@
 "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",
+import { jsx as g } from "react/jsx-runtime";
+import { gsap as n } from "../../../../node_modules/gsap/index.es.js";
+import { ScrollTrigger as S } from "../../../../node_modules/gsap/ScrollTrigger.es.js";
+import e from "./clockImages.module.css.es.js";
+import { cn as x } from "../../../../utils/cn/cn.es.js";
+import { useRef as f } from "react";
+n.registerPlugin(S);
+const s = [
+  { key: "smallSquareImage1", className: e.smallSquareImage, to: { x: 100, y: 60 } },
+  { key: "rectImage2", className: e.rectImage, to: { x: 70, y: 70 } },
+  { key: "smallSquareImage3", className: e.smallSquareImage, to: { x: 40, y: 60 } },
+  { key: "largeSquareImage4", className: e.largeSquareImage, to: { x: -110, y: 55 } },
+  { key: "rectImage5", className: e.rectImage, to: { x: -150, y: 69 } },
+  { key: "smallSquareImage6", className: e.smallSquareImage, to: { x: -100, y: 9 } },
+  { key: "rectImage7", className: e.rectImage, to: { x: -65, y: -100 } },
+  { key: "smallSquareImage8", className: e.smallSquareImage, to: { x: 50, y: -100 } },
+  { key: "rectImage9", className: e.rectImage, to: { x: 50, y: -50 } },
+  { key: "largeSquareImage10", className: e.largeSquareImage, to: { x: 56, y: 13 } }
+], C = ({ images: i }) => {
+  const t = f(null), u = (a) => {
+    var o, l, c;
+    const r = (o = t.current) == null ? void 0 : o.querySelector(`[data-ohealth-image-key="${a}"]`);
+    if (!r) return;
+    const I = ((l = s.find((m) => m.key === a)) == null ? void 0 : l.to.x) || 0, y = ((c = s.find((m) => m.key === a)) == null ? void 0 : c.to.y) || 0;
+    n.fromTo(
+      r,
+      { x: 0, y: 0 },
       {
-        src: t[e],
-        className: o(a.image, l),
-        style: {
-          transform: `translate(-50%, -50%) translate(${g}px, ${I}px)`
-        },
-        alt: e
-      },
-      e
+        x: I,
+        y,
+        duration: 5,
+        ease: "power2.out",
+        scrollTrigger: {
+          trigger: t.current,
+          start: "center center",
+          end: "center center",
+          once: !0,
+          scrub: !1,
+          toggleActions: "play none none reverse"
+        }
+      }
     );
-  }) });
+  };
+  return /* @__PURE__ */ g("div", { ref: t, className: e.root, children: s.map(({ key: a, className: r }) => /* @__PURE__ */ g(
+    "img",
+    {
+      src: i[a],
+      className: x(e.image, r, e[a]),
+      "data-ohealth-image-key": a,
+      alt: a,
+      onLoad: () => u(a)
+    },
+    a
+  )) });
 };
 export {
-  h as ClockImages
+  C as ClockImages
 };

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

@@ -1 +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;
+"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",g="clockImages-module__rectImage___GMy9G",_="clockImages-module__smallSquareImage1___yHzSr",r="clockImages-module__rectImage2___yTVQv",I="clockImages-module__smallSquareImage3___2Ulue",c="clockImages-module__largeSquareImage4___ENR09",o="clockImages-module__rectImage5___Q6nwe",s="clockImages-module__smallSquareImage6___JIgK4",u="clockImages-module__rectImage7___LLPub",t="clockImages-module__smallSquareImage8___hK-yx",S="clockImages-module__rectImage9___FJ8gO",q="clockImages-module__largeSquareImage10___yOvmO",n={root:e,image:a,smallSquareImage:m,largeSquareImage:l,rectImage:g,smallSquareImage1:_,rectImage2:r,smallSquareImage3:I,largeSquareImage4:c,rectImage5:o,smallSquareImage6:s,rectImage7:u,smallSquareImage8:t,rectImage9:S,largeSquareImage10:q};exports.default=n;exports.image=a;exports.largeSquareImage=l;exports.largeSquareImage10=q;exports.largeSquareImage4=c;exports.rectImage=g;exports.rectImage2=r;exports.rectImage5=o;exports.rectImage7=u;exports.rectImage9=S;exports.root=e;exports.smallSquareImage=m;exports.smallSquareImage1=_;exports.smallSquareImage3=I;exports.smallSquareImage6=s;exports.smallSquareImage8=t;

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

@@ -1,15 +1,35 @@
-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 = {
+const e = "clockImages-module__root___EP8LS", a = "clockImages-module__image___MtqIw", m = "clockImages-module__smallSquareImage___NkpW3", _ = "clockImages-module__largeSquareImage___mPBhn", l = "clockImages-module__rectImage___GMy9G", g = "clockImages-module__smallSquareImage1___yHzSr", c = "clockImages-module__rectImage2___yTVQv", I = "clockImages-module__smallSquareImage3___2Ulue", o = "clockImages-module__largeSquareImage4___ENR09", r = "clockImages-module__rectImage5___Q6nwe", s = "clockImages-module__smallSquareImage6___JIgK4", u = "clockImages-module__rectImage7___LLPub", t = "clockImages-module__smallSquareImage8___hK-yx", S = "clockImages-module__rectImage9___FJ8gO", q = "clockImages-module__largeSquareImage10___yOvmO", n = {
   root: e,
   image: a,
   smallSquareImage: m,
   largeSquareImage: _,
-  rectImage: o
+  rectImage: l,
+  smallSquareImage1: g,
+  rectImage2: c,
+  smallSquareImage3: I,
+  largeSquareImage4: o,
+  rectImage5: r,
+  smallSquareImage6: s,
+  rectImage7: u,
+  smallSquareImage8: t,
+  rectImage9: S,
+  largeSquareImage10: q
 };
 export {
-  l as default,
+  n as default,
   a as image,
   _ as largeSquareImage,
-  o as rectImage,
+  q as largeSquareImage10,
+  o as largeSquareImage4,
+  l as rectImage,
+  c as rectImage2,
+  r as rectImage5,
+  u as rectImage7,
+  S as rectImage9,
   e as root,
-  m as smallSquareImage
+  m as smallSquareImage,
+  g as smallSquareImage1,
+  I as smallSquareImage3,
+  s as smallSquareImage6,
+  t as smallSquareImage8
 };

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

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

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

@@ -1,19 +1,21 @@
-const o = "optimalHealth-module__root___l-DfB", t = "optimalHealth-module__container___Nc-Cv", _ = "optimalHealth-module__content___5ntd8", e = "optimalHealth-module__description___3MlIW", l = "optimalHealth-module__actions___IWhyr", n = "optimalHealth-module__mobile___8lH1x", a = "optimalHealth-module__desktop___Nh1ZJ", i = {
+const o = "optimalHealth-module__root___l-DfB", t = "optimalHealth-module__wrapper___DdVh-", _ = "optimalHealth-module__container___Nc-Cv", e = "optimalHealth-module__content___5ntd8", l = "optimalHealth-module__description___3MlIW", n = "optimalHealth-module__actions___IWhyr", a = "optimalHealth-module__mobile___8lH1x", i = "optimalHealth-module__desktop___Nh1ZJ", c = {
   root: o,
-  container: t,
-  content: _,
-  description: e,
-  actions: l,
-  mobile: n,
-  desktop: a
+  wrapper: t,
+  container: _,
+  content: e,
+  description: l,
+  actions: n,
+  mobile: a,
+  desktop: i
 };
 export {
-  l as actions,
-  t as container,
-  _ as content,
-  i as default,
-  e as description,
-  a as desktop,
-  n as mobile,
-  o as root
+  n as actions,
+  _ as container,
+  e as content,
+  c as default,
+  l as description,
+  i as desktop,
+  a as mobile,
+  o as root,
+  t as wrapper
 };