@zenpatient-org/healthspan-marketing-ui 0.1.32 → 0.1.34

package/dist/modules/IndividualProductCard/components/PlanCard/PlanCard.d.ts

@@ -0,0 +1,9 @@
+import { TProductPlan } from '../../types';
+
+type PlanCardProps = {
+    plan: TProductPlan;
+    onSelect: (planId: TProductPlan['id']) => void;
+    isActive: boolean;
+};
+export declare const PlanCard: ({ plan, isActive, onSelect }: PlanCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/IndividualProductCard/components/PlanCard/PlanCard.es.js

@@ -0,0 +1,48 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { Icon as n } from "../../../../components/Icon/Icon.es.js";
+import { EIconName as o } from "../../../../components/Icon/constants.es.js";
+import { RadioButton as m } from "../../../../components/RadioButton/RadioButton.es.js";
+import { Typography as t } from "../../../../components/Typography/Typography.es.js";
+import { Label as h } from "../../../../components/Label/Label.es.js";
+import { cn as c } from "../../../../utils/cn/cn.es.js";
+import { formatUnits as l } from "../../../../utils/formatUnits/formatUnits.es.js";
+import e from "./planCard.module.css.es.js";
+const C = ({ plan: a, isActive: s, onSelect: d }) => /* @__PURE__ */ i("button", { className: c(e.root, s && e.active), onClick: () => d(a.id), children: [
+  a.featured && /* @__PURE__ */ r(h, { color: "black", className: e.label, size: "sm", children: "Most popular" }),
+  /* @__PURE__ */ i("div", { className: e.planContainer, children: [
+    /* @__PURE__ */ i("div", { className: e.planInfo, children: [
+      /* @__PURE__ */ r(m, { checked: s }),
+      /* @__PURE__ */ i("div", { className: e.planDetails, children: [
+        /* @__PURE__ */ r(t, { as: "h4", defaultVariant: "bodySm", emphasis: !0, children: a.label }),
+        !!a.savingsPercentage && /* @__PURE__ */ i(t, { as: "p", defaultVariant: "labelXs", weight: "regular", className: e.description, children: [
+          "Save ",
+          a.savingsPercentage,
+          "%"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: e.priceDetails, children: [
+      /* @__PURE__ */ i("div", { className: c(e.priceContainer), children: [
+        a.price !== a.totalPrice && /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodySm", weight: "regular", className: e.totalPrice, children: l(a.price, "usd", 0) }),
+        /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodySm", emphasis: !0, className: e.price, children: l(a.totalPrice, "usd", 0) })
+      ] }),
+      !!a.monthlyPrice && /* @__PURE__ */ i(t, { as: "p", defaultVariant: "labelXs", weight: "regular", className: e.description, children: [
+        l(a.monthlyPrice, "usd", 0),
+        "/mo"
+      ] })
+    ] })
+  ] }),
+  !!a.duration && a.duration !== "one-time" && /* @__PURE__ */ r("div", { className: c(e.benefitsContainer, s && e.benefitsActive), children: /* @__PURE__ */ i("div", { className: e.benefitsContent, children: [
+    /* @__PURE__ */ i("div", { className: e.benefit, children: [
+      /* @__PURE__ */ r(n, { name: o.ARROW_RETURN, className: e.benefitIcon }),
+      /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodyXs", children: "Delivered every month" })
+    ] }),
+    /* @__PURE__ */ i("div", { className: e.benefit, children: [
+      /* @__PURE__ */ r(n, { name: o.CALENDAR, className: e.benefitIcon }),
+      /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodyXs", children: "Modify or cancel anytime" })
+    ] })
+  ] }) })
+] });
+export {
+  C as PlanCard
+};

package/dist/modules/IndividualProductCard/components/PlanCard/index.d.ts

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

package/dist/modules/IndividualProductCard/components/PlanCard/planCard.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="planCard-module__root___zp7Tv",n="planCard-module__active___Jfcov",t="planCard-module__label___QCNmN",a="planCard-module__planContainer___11Plm",o="planCard-module__planInfo___WnxmB",_="planCard-module__planDetails___3SReq",i="planCard-module__priceDetails___76mLM",l="planCard-module__priceContainer___RLU3v",r="planCard-module__description___aIuab",c="planCard-module__totalPrice___KJB6P",s="planCard-module__benefitsContainer___YkMqx",p="planCard-module__benefitsActive___yxSvM",d="planCard-module__benefitsContent___PEjLg",C="planCard-module__benefit___L4KF1",b="planCard-module__benefitIcon___IVAlB",f={root:e,active:n,label:t,planContainer:a,planInfo:o,planDetails:_,priceDetails:i,priceContainer:l,description:r,totalPrice:c,benefitsContainer:s,benefitsActive:p,benefitsContent:d,benefit:C,benefitIcon:b};exports.active=n;exports.benefit=C;exports.benefitIcon=b;exports.benefitsActive=p;exports.benefitsContainer=s;exports.benefitsContent=d;exports.default=f;exports.description=r;exports.label=t;exports.planContainer=a;exports.planDetails=_;exports.planInfo=o;exports.priceContainer=l;exports.priceDetails=i;exports.root=e;exports.totalPrice=c;

package/dist/modules/IndividualProductCard/components/PlanCard/planCard.module.css.es.js

@@ -0,0 +1,35 @@
+const n = "planCard-module__root___zp7Tv", e = "planCard-module__active___Jfcov", _ = "planCard-module__label___QCNmN", t = "planCard-module__planContainer___11Plm", a = "planCard-module__planInfo___WnxmB", o = "planCard-module__planDetails___3SReq", l = "planCard-module__priceDetails___76mLM", i = "planCard-module__priceContainer___RLU3v", r = "planCard-module__description___aIuab", c = "planCard-module__totalPrice___KJB6P", s = "planCard-module__benefitsContainer___YkMqx", p = "planCard-module__benefitsActive___yxSvM", d = "planCard-module__benefitsContent___PEjLg", C = "planCard-module__benefit___L4KF1", f = "planCard-module__benefitIcon___IVAlB", b = {
+  root: n,
+  active: e,
+  label: _,
+  planContainer: t,
+  planInfo: a,
+  planDetails: o,
+  priceDetails: l,
+  priceContainer: i,
+  description: r,
+  totalPrice: c,
+  benefitsContainer: s,
+  benefitsActive: p,
+  benefitsContent: d,
+  benefit: C,
+  benefitIcon: f
+};
+export {
+  e as active,
+  C as benefit,
+  f as benefitIcon,
+  p as benefitsActive,
+  s as benefitsContainer,
+  d as benefitsContent,
+  b as default,
+  r as description,
+  _ as label,
+  t as planContainer,
+  o as planDetails,
+  a as planInfo,
+  i as priceContainer,
+  l as priceDetails,
+  n as root,
+  c as totalPrice
+};

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

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

package/dist/modules/IndividualProductCard/individualProductCard.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="individualProductCard-module__root___fX53y",o="individualProductCard-module__container___m6HC1",i="individualProductCard-module__noPlans___Sqc1d",d="individualProductCard-module__info___D9znj",a="individualProductCard-module__infoHeader___walQw",t="individualProductCard-module__infoDescription___VAX0Z",_="individualProductCard-module__gallery___Hp-Ue",e="individualProductCard-module__plansSection___N7Y3e",r="individualProductCard-module__plans___Nfzwn",l="individualProductCard-module__ratingContainer___KInZH",c="individualProductCard-module__actions___EU3Yo",u={root:n,container:o,noPlans:i,info:d,infoHeader:a,infoDescription:t,gallery:_,plansSection:e,plans:r,ratingContainer:l,actions:c};exports.actions=c;exports.container=o;exports.default=u;exports.gallery=_;exports.info=d;exports.infoDescription=t;exports.infoHeader=a;exports.noPlans=i;exports.plans=r;exports.plansSection=e;exports.ratingContainer=l;exports.root=n;

package/dist/modules/IndividualProductCard/individualProductCard.module.css.es.js

@@ -0,0 +1,27 @@
+const n = "individualProductCard-module__root___fX53y", o = "individualProductCard-module__container___m6HC1", i = "individualProductCard-module__noPlans___Sqc1d", d = "individualProductCard-module__info___D9znj", _ = "individualProductCard-module__infoHeader___walQw", a = "individualProductCard-module__infoDescription___VAX0Z", t = "individualProductCard-module__gallery___Hp-Ue", r = "individualProductCard-module__plansSection___N7Y3e", l = "individualProductCard-module__plans___Nfzwn", e = "individualProductCard-module__ratingContainer___KInZH", c = "individualProductCard-module__actions___EU3Yo", u = {
+  root: n,
+  container: o,
+  noPlans: i,
+  info: d,
+  infoHeader: _,
+  infoDescription: a,
+  gallery: t,
+  plansSection: r,
+  plans: l,
+  ratingContainer: e,
+  actions: c
+};
+export {
+  c as actions,
+  o as container,
+  u as default,
+  t as gallery,
+  d as info,
+  a as infoDescription,
+  _ as infoHeader,
+  i as noPlans,
+  l as plans,
+  r as plansSection,
+  e as ratingContainer,
+  n as root
+};

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

@@ -0,0 +1,17 @@
+import { ETypeBadge } from '../../components/TypeBadge';
+
+export type TProductFeature = {
+    label: string;
+    type: ETypeBadge;
+    description?: string;
+};
+export type TProductPlan = {
+    id: string;
+    label: string;
+    price: number;
+    totalPrice: number;
+    monthlyPrice?: number;
+    savingsPercentage?: number;
+    duration?: 'one-time' | 'day' | 'month' | 'year';
+    featured?: boolean;
+};

package/dist/modules/IngredientHighlight/IngredientHighlight.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),o=require("./components/Ingredient/Ingredient.cjs.js"),n=require("./ingredientHighlight.module.css.cjs.js"),g=({ingredients:a})=>{const[s,c]=r.useState(0),l=i=>{c(e=>e===i?e:i)};return t.jsx("section",{className:n.default.root,children:t.jsxs("div",{className:n.default.container,children:[t.jsx("div",{className:n.default.imageContainer,children:t.jsx("img",{src:a[s].image,alt:"background image",className:n.default.image})}),t.jsx("div",{className:n.default.ingredients,children:a.map((i,e)=>t.jsx(o.Ingredient,{label:i.label,content:i.content,isOpen:s===e,index:e,onClick:l},e))})]})})};exports.IngredientHighlight=g;

package/dist/modules/IngredientHighlight/IngredientHighlight.d.ts

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

package/dist/modules/IngredientHighlight/IngredientHighlight.es.js

@@ -0,0 +1,26 @@
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { useState as r } from "react";
+import { Ingredient as l } from "./components/Ingredient/Ingredient.es.js";
+import s from "./ingredientHighlight.module.css.es.js";
+const I = ({ ingredients: i }) => {
+  const [o, c] = r(0), n = (t) => {
+    c((e) => e === t ? e : t);
+  };
+  return /* @__PURE__ */ a("section", { className: s.root, children: /* @__PURE__ */ m("div", { className: s.container, children: [
+    /* @__PURE__ */ a("div", { className: s.imageContainer, children: /* @__PURE__ */ a("img", { src: i[o].image, alt: "background image", className: s.image }) }),
+    /* @__PURE__ */ a("div", { className: s.ingredients, children: i.map((t, e) => /* @__PURE__ */ a(
+      l,
+      {
+        label: t.label,
+        content: t.content,
+        isOpen: o === e,
+        index: e,
+        onClick: n
+      },
+      e
+    )) })
+  ] }) });
+};
+export {
+  I as IngredientHighlight
+};

package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../../components/Typography/Typography.cjs.js"),t=require("../../../../utils/cn/cn.cjs.js"),r=require("./ingredient.module.css.cjs.js"),o=({label:d,content:a,isOpen:n,index:s,onClick:c})=>e.jsxs("div",{onClick:()=>c(s??0),className:t.cn(r.default.root,{[r.default.rootOpened]:n}),children:[e.jsx("div",{className:r.default.header,children:e.jsx(i.Typography,{defaultVariant:"headingXs",children:d})}),e.jsx("div",{className:t.cn(r.default.description,{[r.default.descriptionShow]:n}),children:e.jsx("div",{className:r.default.descriptionInner,children:e.jsx(i.Typography,{as:"p",defaultVariant:"bodySm",children:a})})})]});exports.Ingredient=o;

package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.d.ts

@@ -0,0 +1,3 @@
+import { TIngredient } from './types';
+
+export declare const Ingredient: ({ label, content, isOpen, index, onClick }: TIngredient) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.es.js

@@ -0,0 +1,11 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { Typography as o } from "../../../../components/Typography/Typography.es.js";
+import { cn as d } from "../../../../utils/cn/cn.es.js";
+import r from "./ingredient.module.css.es.js";
+const f = ({ label: n, content: a, isOpen: i, index: s, onClick: t }) => /* @__PURE__ */ c("div", { onClick: () => t(s ?? 0), className: d(r.root, { [r.rootOpened]: i }), children: [
+  /* @__PURE__ */ e("div", { className: r.header, children: /* @__PURE__ */ e(o, { defaultVariant: "headingXs", children: n }) }),
+  /* @__PURE__ */ e("div", { className: d(r.description, { [r.descriptionShow]: i }), children: /* @__PURE__ */ e("div", { className: r.descriptionInner, children: /* @__PURE__ */ e(o, { as: "p", defaultVariant: "bodySm", children: a }) }) })
+] });
+export {
+  f as Ingredient
+};

package/dist/modules/IngredientHighlight/components/Ingredient/index.d.ts

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

package/dist/modules/IngredientHighlight/components/Ingredient/ingredient.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="ingredient-module__root___kt-ps",o="ingredient-module__rootOpened___5PA6m",n="ingredient-module__header___BDlV9",t="ingredient-module__description___sO6x5",i="ingredient-module__descriptionInner___1uX0t",r="ingredient-module__descriptionShow___Wy5P5",d={root:e,rootOpened:o,header:n,description:t,descriptionInner:i,descriptionShow:r};exports.default=d;exports.description=t;exports.descriptionInner=i;exports.descriptionShow=r;exports.header=n;exports.root=e;exports.rootOpened=o;

package/dist/modules/IngredientHighlight/components/Ingredient/ingredient.module.css.es.js

@@ -0,0 +1,17 @@
+const e = "ingredient-module__root___kt-ps", o = "ingredient-module__rootOpened___5PA6m", n = "ingredient-module__header___BDlV9", t = "ingredient-module__description___sO6x5", i = "ingredient-module__descriptionInner___1uX0t", _ = "ingredient-module__descriptionShow___Wy5P5", d = {
+  root: e,
+  rootOpened: o,
+  header: n,
+  description: t,
+  descriptionInner: i,
+  descriptionShow: _
+};
+export {
+  d as default,
+  t as description,
+  i as descriptionInner,
+  _ as descriptionShow,
+  n as header,
+  e as root,
+  o as rootOpened
+};

package/dist/modules/IngredientHighlight/components/Ingredient/types.d.ts

@@ -0,0 +1,7 @@
+export type TIngredient = {
+    label: string;
+    content: string;
+    index: number;
+    isOpen: boolean;
+    onClick: (index: number) => void;
+};

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

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

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

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

package/dist/modules/IngredientHighlight/ingredientHighlight.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="ingredientHighlight-module__root___kFynb",i="ingredientHighlight-module__container___qdYEG",n="ingredientHighlight-module__imageContainer___KJD3-",t="ingredientHighlight-module__image___jJPWe",o="ingredientHighlight-module__ingredients___AQX1i",g={root:e,container:i,imageContainer:n,image:t,ingredients:o};exports.container=i;exports.default=g;exports.image=t;exports.imageContainer=n;exports.ingredients=o;exports.root=e;

package/dist/modules/IngredientHighlight/ingredientHighlight.module.css.es.js

@@ -0,0 +1,15 @@
+const i = "ingredientHighlight-module__root___kFynb", e = "ingredientHighlight-module__container___qdYEG", n = "ingredientHighlight-module__imageContainer___KJD3-", t = "ingredientHighlight-module__image___jJPWe", _ = "ingredientHighlight-module__ingredients___AQX1i", g = {
+  root: i,
+  container: e,
+  imageContainer: n,
+  image: t,
+  ingredients: _
+};
+export {
+  e as container,
+  g as default,
+  t as image,
+  n as imageContainer,
+  _ as ingredients,
+  i as root
+};

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

@@ -0,0 +1,7 @@
+export type TIngredientHighlight = {
+    ingredients: Array<{
+        image: string;
+        label: string;
+        content: string;
+    }>;
+};

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("section",{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 p = ({ view: i, label: m, title: t, carousel: r }) => /* @__PURE__ */ l("section", { className: a.root, children: [
+  /* @__PURE__ */ e("div", { className: a.header, children: /* @__PURE__ */ e(
+    o,
+    {
+      title: t,
+      className: a.title,
+      defaultVariant: "displayMd",
+      mobileVariant: "headingXl"
+    }
+  ) }),
+  /* @__PURE__ */ e(s, { images: r, view: i })
+] });
+export {
+  p 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

@@ -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.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.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { TClockImages } from './types';
+
+type OptimalHealthProps = {
+    title: ReactNode;
+    description: string;
+    link: string;
+    images: TClockImages;
+};
+export declare const OptimalHealth: ({ title, description, link, images }: OptimalHealthProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,36 @@
+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 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: 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: 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: 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

@@ -0,0 +1 @@
+"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.d.ts

@@ -0,0 +1,7 @@
+import { TClockImages } from '../../types';
+
+type ClockImagesProps = {
+    images: TClockImages;
+};
+export declare const ClockImages: ({ images }: ClockImagesProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,59 @@
+"use client";
+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 },
+      {
+        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 {
+  C 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",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

@@ -0,0 +1,35 @@
+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: l,
+  smallSquareImage1: g,
+  rectImage2: c,
+  smallSquareImage3: I,
+  largeSquareImage4: o,
+  rectImage5: r,
+  smallSquareImage6: s,
+  rectImage7: u,
+  smallSquareImage8: t,
+  rectImage9: S,
+  largeSquareImage10: q
+};
+export {
+  n as default,
+  a as image,
+  _ as largeSquareImage,
+  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,
+  g as smallSquareImage1,
+  I as smallSquareImage3,
+  s as smallSquareImage6,
+  t as smallSquareImage8
+};

package/dist/modules/OptimalHealth/components/ClockImages/hooks.d.ts

@@ -0,0 +1 @@
+export declare function useResponsiveRadius(): number;

package/dist/modules/OptimalHealth/components/ClockImages/index.d.ts

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

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

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

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__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

@@ -0,0 +1,21 @@
+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,
+  wrapper: t,
+  container: _,
+  content: e,
+  description: l,
+  actions: n,
+  mobile: a,
+  desktop: i
+};
+export {
+  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
+};

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

@@ -0,0 +1,12 @@
+export type TClockImages = {
+    smallSquareImage1: string;
+    rectImage2: string;
+    smallSquareImage3: string;
+    largeSquareImage4: string;
+    rectImage5: string;
+    smallSquareImage6: string;
+    rectImage7: string;
+    smallSquareImage8: string;
+    rectImage9: string;
+    largeSquareImage10: string;
+};

package/dist/modules/OurProcess/OurProcess.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../components/StepsCarousel/StepsCarousel.cjs.js"),a=require("../../components/Button/Button.cjs.js"),d=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("./ourProcess.module.css.cjs.js"),c=({title:i,label:n,colorScheme:s,steps:o,buttonLabel:u,buttonLink:r})=>e.jsx("section",{className:t.default.root,"data-scheme":s,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.header,children:[e.jsx(d.HighlightedTitle,{title:i,label:n,colorScheme:s}),r&&e.jsx("div",{children:e.jsx(a.Button,{as:"a",variant:s==="light"?"muted":"muted-invert",size:"lg",href:r,children:u||"How it works"})})]}),e.jsx(l.StepsCarousel,{steps:o,colorScheme:s})]})});exports.OurProcess=c;

package/dist/modules/OurProcess/OurProcess.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { TStepsCarouselView } from '../../components/StepsCarousel';
+import { TColorScheme } from '../../types/common';
+
+export type OurProcessProps = {
+    title: ReactNode;
+    label: string;
+    colorScheme: TColorScheme;
+    steps: TStepsCarouselView;
+    buttonLabel?: string;
+    buttonLink?: string;
+};
+export declare const OurProcess: ({ title, label, colorScheme, steps, buttonLabel, buttonLink }: OurProcessProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/OurProcess/OurProcess.es.js

@@ -0,0 +1,24 @@
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { StepsCarousel as l } from "../../components/StepsCarousel/StepsCarousel.es.js";
+import { Button as n } from "../../components/Button/Button.es.js";
+import { HighlightedTitle as h } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import t from "./ourProcess.module.css.es.js";
+const g = ({ title: a, label: o, colorScheme: i, steps: d, buttonLabel: m, buttonLink: e }) => /* @__PURE__ */ r("section", { className: t.root, "data-scheme": i, children: /* @__PURE__ */ s("div", { className: t.container, children: [
+  /* @__PURE__ */ s("div", { className: t.header, children: [
+    /* @__PURE__ */ r(h, { title: a, label: o, colorScheme: i }),
+    e && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+      n,
+      {
+        as: "a",
+        variant: i === "light" ? "muted" : "muted-invert",
+        size: "lg",
+        href: e,
+        children: m || "How it works"
+      }
+    ) })
+  ] }),
+  /* @__PURE__ */ r(l, { steps: d, colorScheme: i })
+] }) });
+export {
+  g as OurProcess
+};

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

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