@zenpatient-org/healthspan-marketing-ui 0.1.31 → 0.1.33

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/tabsMenuItem.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tabsMenuItem-module__root___-QHe-",t="tabsMenuItem-module__header___krKM1",o="tabsMenuItem-module__titleWithPrefixIconWrapper___mnvj1",n="tabsMenuItem-module__prefixIcon___pEK8g",_="tabsMenuItem-module__closeButtonWrapper___AQIuV",r="tabsMenuItem-module__closeButton___shzRB",s="tabsMenuItem-module__closeButtonActive___YVd-W",c="tabsMenuItem-module__description___U1czl",i="tabsMenuItem-module__descriptionShow___FiI3T",u={root:e,header:t,titleWithPrefixIconWrapper:o,prefixIcon:n,closeButtonWrapper:_,closeButton:r,closeButtonActive:s,description:c,descriptionShow:i};exports.closeButton=r;exports.closeButtonActive=s;exports.closeButtonWrapper=_;exports.default=u;exports.description=c;exports.descriptionShow=i;exports.header=t;exports.prefixIcon=n;exports.root=e;exports.titleWithPrefixIconWrapper=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tabsMenuItem-module__root___-QHe-",t="tabsMenuItem-module__header___krKM1",o="tabsMenuItem-module__titleWithPrefixIconWrapper___mnvj1",n="tabsMenuItem-module__prefixIcon___pEK8g",r="tabsMenuItem-module__closeButtonWrapper___AQIuV",s="tabsMenuItem-module__closeButton___shzRB",_="tabsMenuItem-module__closeButtonActive___YVd-W",c="tabsMenuItem-module__description___U1czl",i="tabsMenuItem-module__descriptionInner___XjZI3",u="tabsMenuItem-module__descriptionShow___FiI3T",l={root:e,header:t,titleWithPrefixIconWrapper:o,prefixIcon:n,closeButtonWrapper:r,closeButton:s,closeButtonActive:_,description:c,descriptionInner:i,descriptionShow:u};exports.closeButton=s;exports.closeButtonActive=_;exports.closeButtonWrapper=r;exports.default=l;exports.description=c;exports.descriptionInner=i;exports.descriptionShow=u;exports.header=t;exports.prefixIcon=n;exports.root=e;exports.titleWithPrefixIconWrapper=o;

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/tabsMenuItem.module.css.es.js

@@ -1,23 +1,25 @@
-const e = "tabsMenuItem-module__root___-QHe-", t = "tabsMenuItem-module__header___krKM1", o = "tabsMenuItem-module__titleWithPrefixIconWrapper___mnvj1", _ = "tabsMenuItem-module__prefixIcon___pEK8g", n = "tabsMenuItem-module__closeButtonWrapper___AQIuV", s = "tabsMenuItem-module__closeButton___shzRB", c = "tabsMenuItem-module__closeButtonActive___YVd-W", r = "tabsMenuItem-module__description___U1czl", u = "tabsMenuItem-module__descriptionShow___FiI3T", i = {
+const e = "tabsMenuItem-module__root___-QHe-", t = "tabsMenuItem-module__header___krKM1", o = "tabsMenuItem-module__titleWithPrefixIconWrapper___mnvj1", n = "tabsMenuItem-module__prefixIcon___pEK8g", _ = "tabsMenuItem-module__closeButtonWrapper___AQIuV", s = "tabsMenuItem-module__closeButton___shzRB", c = "tabsMenuItem-module__closeButtonActive___YVd-W", r = "tabsMenuItem-module__description___U1czl", i = "tabsMenuItem-module__descriptionInner___XjZI3", u = "tabsMenuItem-module__descriptionShow___FiI3T", p = {
   root: e,
   header: t,
   titleWithPrefixIconWrapper: o,
-  prefixIcon: _,
-  closeButtonWrapper: n,
+  prefixIcon: n,
+  closeButtonWrapper: _,
   closeButton: s,
   closeButtonActive: c,
   description: r,
+  descriptionInner: i,
   descriptionShow: u
 };
 export {
   s as closeButton,
   c as closeButtonActive,
-  n as closeButtonWrapper,
-  i as default,
+  _ as closeButtonWrapper,
+  p as default,
   r as description,
+  i as descriptionInner,
   u as descriptionShow,
   t as header,
-  _ as prefixIcon,
+  n as prefixIcon,
   e as root,
   o as titleWithPrefixIconWrapper
 };

package/dist/modules/IndividualProductCard/IndividualProductCard.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("../../utils/cn/cn.cjs.js"),u=require("../../components/Button/Button.cjs.js"),m=require("../../components/TextButton/TextButton.cjs.js"),f=require("../../components/ImageGallery/ImageGallery.cjs.js"),i=require("../../components/Typography/Typography.cjs.js"),v=require("../../components/SmartCallout/SmartCallout.cjs.js"),S=require("../../components/RatingStars/RatingStars.cjs.js"),_=require("./components/Features/Features.cjs.js"),q=require("./components/PlanCard/PlanCard.cjs.js"),a=require("./individualProductCard.module.css.cjs.js"),b=({name:h,description:c,features:g,images:p,label:j,rating:r,plans:t,button:l,textButton:s,selectedPlanId:x,onSelectPlan:o})=>{const n=t&&t.length>0&&o;return e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:y.cn(a.default.container,!n&&a.default.noPlans),children:[e.jsxs("div",{className:a.default.info,children:[e.jsxs("div",{className:a.default.infoHeader,children:[e.jsx(i.Typography,{as:"h3",defaultVariant:"displayXs",mobileVariant:"headingLg",weight:"regular",children:h}),!!c&&e.jsx(i.Typography,{as:"p",defaultVariant:"bodySm",className:a.default.infoDescription,weight:"regular",children:c}),r&&e.jsxs("div",{className:a.default.ratingContainer,children:[!!r.stars&&e.jsx(S.RatingStars,{rating:r.stars,size:"sm"}),!!r.totalReviews&&e.jsxs(i.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,children:[r.totalReviews," reviews"]})]})]}),e.jsx(_.Features,{features:g}),e.jsxs("div",{className:a.default.actions,children:[e.jsx(v.SmartCallout,{label:"HSA/FSA Eligibile"}),!n&&e.jsxs(e.Fragment,{children:[e.jsx(u.Button,{variant:"primary",size:"lg",...l,children:l.label}),s&&e.jsx(m.TextButton,{...s,children:s.label})]})]})]}),e.jsx(f.ImageGallery,{className:a.default.gallery,images:p,label:j}),n&&e.jsxs("div",{className:a.default.plansSection,children:[e.jsxs("div",{className:a.default.plans,children:[e.jsx(i.Typography,{as:"h4",defaultVariant:"labelSm",emphasis:!0,weight:"regular",children:"Subscribe & Save"}),t.map(d=>e.jsx(q.PlanCard,{plan:d,onSelect:o,isActive:x===d.id},d.id))]}),e.jsxs("div",{className:a.default.actions,children:[e.jsx(u.Button,{variant:"primary",size:"lg",...l,children:l.label}),s&&e.jsx(m.TextButton,{...s,children:s.label})]})]})]})})};exports.IndividualProductCard=b;

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

@@ -0,0 +1,26 @@
+import { ButtonProps } from '../../components/Button';
+import { TextButtonProps } from '../../components/TextButton';
+import { TProductFeature, TProductPlan } from './types';
+
+type IndividualProductCardProps = {
+    name: string;
+    images: Array<string>;
+    features: Array<TProductFeature>;
+    description?: string;
+    label?: string;
+    rating?: {
+        stars: number;
+        totalReviews: number;
+    };
+    button: {
+        label: string;
+    } & ButtonProps;
+    textButton?: {
+        label: string;
+    } & TextButtonProps;
+    plans?: Array<TProductPlan>;
+    selectedPlanId?: TProductPlan['id'];
+    onSelectPlan?: (planId: TProductPlan['id']) => void;
+};
+export declare const IndividualProductCard: ({ name, description, features, images, label, rating, plans, button, textButton, selectedPlanId, onSelectPlan, }: IndividualProductCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,80 @@
+import { jsx as a, jsxs as i, Fragment as b } from "react/jsx-runtime";
+import { cn as u } from "../../utils/cn/cn.es.js";
+import { Button as h } from "../../components/Button/Button.es.js";
+import { TextButton as p } from "../../components/TextButton/TextButton.es.js";
+import { ImageGallery as y } from "../../components/ImageGallery/ImageGallery.es.js";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+import { SmartCallout as w } from "../../components/SmartCallout/SmartCallout.es.js";
+import { RatingStars as V } from "../../components/RatingStars/RatingStars.es.js";
+import { Features as C } from "./components/Features/Features.es.js";
+import { PlanCard as z } from "./components/PlanCard/PlanCard.es.js";
+import e from "./individualProductCard.module.css.es.js";
+const L = ({
+  name: f,
+  description: n,
+  features: v,
+  images: g,
+  label: N,
+  rating: l,
+  plans: c,
+  button: s,
+  textButton: r,
+  selectedPlanId: S,
+  onSelectPlan: t
+}) => {
+  const d = c && c.length > 0 && t;
+  return /* @__PURE__ */ a("section", { className: e.root, children: /* @__PURE__ */ i("div", { className: u(e.container, !d && e.noPlans), children: [
+    /* @__PURE__ */ i("div", { className: e.info, children: [
+      /* @__PURE__ */ i("div", { className: e.infoHeader, children: [
+        /* @__PURE__ */ a(m, { as: "h3", defaultVariant: "displayXs", mobileVariant: "headingLg", weight: "regular", children: f }),
+        !!n && /* @__PURE__ */ a(
+          m,
+          {
+            as: "p",
+            defaultVariant: "bodySm",
+            className: e.infoDescription,
+            weight: "regular",
+            children: n
+          }
+        ),
+        l && /* @__PURE__ */ i("div", { className: e.ratingContainer, children: [
+          !!l.stars && /* @__PURE__ */ a(V, { rating: l.stars, size: "sm" }),
+          !!l.totalReviews && /* @__PURE__ */ i(m, { as: "p", defaultVariant: "labelSm", emphasis: !0, children: [
+            l.totalReviews,
+            " reviews"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ a(C, { features: v }),
+      /* @__PURE__ */ i("div", { className: e.actions, children: [
+        /* @__PURE__ */ a(w, { label: "HSA/FSA Eligibile" }),
+        !d && /* @__PURE__ */ i(b, { children: [
+          /* @__PURE__ */ a(h, { variant: "primary", size: "lg", ...s, children: s.label }),
+          r && /* @__PURE__ */ a(p, { ...r, children: r.label })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(y, { className: e.gallery, images: g, label: N }),
+    d && /* @__PURE__ */ i("div", { className: e.plansSection, children: [
+      /* @__PURE__ */ i("div", { className: e.plans, children: [
+        /* @__PURE__ */ a(m, { as: "h4", defaultVariant: "labelSm", emphasis: !0, weight: "regular", children: "Subscribe & Save" }),
+        c.map((o) => /* @__PURE__ */ a(
+          z,
+          {
+            plan: o,
+            onSelect: t,
+            isActive: S === o.id
+          },
+          o.id
+        ))
+      ] }),
+      /* @__PURE__ */ i("div", { className: e.actions, children: [
+        /* @__PURE__ */ a(h, { variant: "primary", size: "lg", ...s, children: s.label }),
+        r && /* @__PURE__ */ a(p, { ...r, children: r.label })
+      ] })
+    ] })
+  ] }) });
+};
+export {
+  L as IndividualProductCard
+};

package/dist/modules/IndividualProductCard/components/Features/Features.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),d=require("../../../../utils/cn/cn.cjs.js"),p=require("../../../../components/IconBracket/IconBracket.cjs.js"),l=require("../../../../components/Typography/Typography.cjs.js"),y=require("../../../../components/TypeBadge/TypeBadge.cjs.js"),r=require("./features.module.css.cjs.js"),g=({features:n})=>{const[a,i]=c.useState([]),o=c.useCallback(e=>{i(s=>s.includes(e)?s.filter(u=>u!==e):[...s,e])},[]);return t.jsx("div",{className:r.default.root,children:n.map((e,s)=>t.jsxs("div",{className:r.default.feature,children:[t.jsxs("button",{className:r.default.header,onClick:()=>o(s),children:[t.jsxs("div",{className:r.default.labelWrapper,children:[t.jsx(y.TypeBadge,{type:e.type},s),t.jsx(l.Typography,{as:"span",defaultVariant:"bodySm",mobileVariant:"labelMd",weight:"regular",children:e.label})]}),e.description&&t.jsx(p.IconBracket,{variant:a.includes(s)?"close":"plus",size:"sm"})]}),e.description&&t.jsx(l.Typography,{as:"p",defaultVariant:"bodyXs",className:d.cn(r.default.description,a.includes(s)&&r.default.descriptionActive),weight:"regular",children:e.description})]},`${e.label}-${s}`))})};exports.Features=g;

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

@@ -0,0 +1,7 @@
+import { TProductFeature } from '../../types';
+
+type FeaturesProps = {
+    features: Array<TProductFeature>;
+};
+export declare const Features: ({ features }: FeaturesProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { useState as m, useCallback as d } from "react";
+import { cn as u } from "../../../../utils/cn/cn.es.js";
+import { IconBracket as h } from "../../../../components/IconBracket/IconBracket.es.js";
+import { Typography as l } from "../../../../components/Typography/Typography.es.js";
+import { TypeBadge as b } from "../../../../components/TypeBadge/TypeBadge.es.js";
+import s from "./features.module.css.es.js";
+const V = ({ features: o }) => {
+  const [a, c] = m([]), n = d((e) => {
+    c((r) => r.includes(e) ? r.filter((p) => p !== e) : [...r, e]);
+  }, []);
+  return /* @__PURE__ */ t("div", { className: s.root, children: o.map((e, r) => /* @__PURE__ */ i("div", { className: s.feature, children: [
+    /* @__PURE__ */ i("button", { className: s.header, onClick: () => n(r), children: [
+      /* @__PURE__ */ i("div", { className: s.labelWrapper, children: [
+        /* @__PURE__ */ t(b, { type: e.type }, r),
+        /* @__PURE__ */ t(l, { as: "span", defaultVariant: "bodySm", mobileVariant: "labelMd", weight: "regular", children: e.label })
+      ] }),
+      e.description && /* @__PURE__ */ t(h, { variant: a.includes(r) ? "close" : "plus", size: "sm" })
+    ] }),
+    e.description && /* @__PURE__ */ t(
+      l,
+      {
+        as: "p",
+        defaultVariant: "bodyXs",
+        className: u(s.description, a.includes(r) && s.descriptionActive),
+        weight: "regular",
+        children: e.description
+      }
+    )
+  ] }, `${e.label}-${r}`)) });
+};
+export {
+  V as Features
+};

package/dist/modules/IndividualProductCard/components/Features/features.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="features-module__root___ts6Mh",t="features-module__feature___RGQxn",r="features-module__header___iedRh",o="features-module__labelWrapper___TAIS-",_="features-module__description___RiwC6",s="features-module__descriptionActive___Sq4Tm",a={root:e,feature:t,header:r,labelWrapper:o,description:_,descriptionActive:s};exports.default=a;exports.description=_;exports.descriptionActive=s;exports.feature=t;exports.header=r;exports.labelWrapper=o;exports.root=e;

package/dist/modules/IndividualProductCard/components/Features/features.module.css.es.js

@@ -0,0 +1,17 @@
+const e = "features-module__root___ts6Mh", t = "features-module__feature___RGQxn", _ = "features-module__header___iedRh", r = "features-module__labelWrapper___TAIS-", o = "features-module__description___RiwC6", s = "features-module__descriptionActive___Sq4Tm", a = {
+  root: e,
+  feature: t,
+  header: _,
+  labelWrapper: r,
+  description: o,
+  descriptionActive: s
+};
+export {
+  a as default,
+  o as description,
+  s as descriptionActive,
+  t as feature,
+  _ as header,
+  r as labelWrapper,
+  e as root
+};

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

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

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

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

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/components/Ingredient/Ingredient.cjs.js

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

@@ -2,9 +2,9 @@ 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: t, isOpen: i, index: a, onClick: s }) => /* @__PURE__ */ c("div", { onClick: () => s(a ?? 0), className: d(r.root, { [r.rootOpened]: i }), children: [
+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.descriptionOpened]: i }), children: /* @__PURE__ */ e(o, { as: "p", defaultVariant: "bodySm", children: t }) })
+  /* @__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/ingredient.module.css.cjs.js

@@ -1 +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",t="ingredient-module__header___BDlV9",d="ingredient-module__description___sO6x5",n="ingredient-module__descriptionOpened___jgqeG",i={root:e,rootOpened:o,header:t,description:d,descriptionOpened:n};exports.default=i;exports.description=d;exports.descriptionOpened=n;exports.header=t;exports.root=e;exports.rootOpened=o;
+"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

@@ -1,14 +1,16 @@
-const e = "ingredient-module__root___kt-ps", o = "ingredient-module__rootOpened___5PA6m", n = "ingredient-module__header___BDlV9", t = "ingredient-module__description___sO6x5", d = "ingredient-module__descriptionOpened___jgqeG", _ = {
+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,
-  descriptionOpened: d
+  descriptionInner: i,
+  descriptionShow: _
 };
 export {
-  _ as default,
+  d as default,
   t as description,
-  d as descriptionOpened,
+  i as descriptionInner,
+  _ as descriptionShow,
   n as header,
   e as root,
   o as rootOpened

package/dist/pageComponents/Bubbles/Bubbles.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),l=require("../../utils/cn/cn.cjs.js"),n=require("./bubbles.module.css.cjs.js"),b=["xs","lg","sm","sm","xl","sm","xl","xl","xl","md","md","md","lg"],m=({className:o})=>{const[r,a]=t.useState(!1),[i,d]=t.useState(!1),c=t.useRef(null);return t.useEffect(()=>{const s=new window.IntersectionObserver(([e])=>{e.isIntersecting&&e.intersectionRatio===1&&!r&&!i&&(a(!0),setTimeout(()=>d(!0),5e3))},{threshold:1});return c.current&&s.observe(c.current),()=>s.disconnect()},[r,i]),u.jsx("section",{ref:c,className:l.cn(n.default.root,o),children:u.jsx("div",{className:n.default.container,children:b.map((s,e)=>u.jsx("div",{className:l.cn(n.default.bubble,(i||r)&&n.default.bubbleFinished),"data-size":s,"data-index":e},e))})})};exports.Bubbles=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),e=require("react"),d=require("../../utils/cn/cn.cjs.js"),r=require("./bubbles.module.css.cjs.js"),v=["xs","lg","md","md","xl","sm","sm","md","lg","md","xl","xl","xl"],w=({className:b})=>{const[n,f]=e.useState(!1),[c,m]=e.useState("forward"),[o,u]=e.useState(!1),l=e.useRef(null),a=e.useRef(0);return e.useEffect(()=>{const s=()=>{const t=window.scrollY;m(t>a.current?"forward":"reverse"),a.current=t};return window.addEventListener("scroll",s,{passive:!0}),()=>window.removeEventListener("scroll",s)},[]),e.useEffect(()=>{const s=new window.IntersectionObserver(([t])=>{f(t.isIntersecting)},{threshold:.5});return l.current&&s.observe(l.current),()=>s.disconnect()},[]),e.useEffect(()=>{n&&c==="forward"&&u(!0),n&&c==="reverse"&&u(!1)},[n,c]),i.jsx("section",{ref:l,className:d.cn(r.default.root,b),children:i.jsx("div",{className:r.default.container,children:v.map((s,t)=>i.jsx("div",{className:d.cn(r.default.bubble,o&&r.default.bubbleFinished,!o&&r.default.bubbleReverse),"data-size":s,"data-index":t},t))})})};exports.Bubbles=w;

package/dist/pageComponents/Bubbles/Bubbles.es.js

@@ -1,28 +1,40 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { useState as c, useRef as u, useEffect as b } from "react";
-import { cn as l } from "../../utils/cn/cn.es.js";
-import t from "./bubbles.module.css.es.js";
-const f = ["xs", "lg", "sm", "sm", "xl", "sm", "xl", "xl", "xl", "md", "md", "md", "lg"], g = ({ className: m }) => {
-  const [n, a] = c(!1), [r, d] = c(!1), i = u(null);
-  return b(() => {
-    const s = new window.IntersectionObserver(
-      ([e]) => {
-        e.isIntersecting && e.intersectionRatio === 1 && !n && !r && (a(!0), setTimeout(() => d(!0), 5e3));
+import { jsx as i } from "react/jsx-runtime";
+import { useState as c, useRef as u, useEffect as l } from "react";
+import { cn as b } from "../../utils/cn/cn.es.js";
+import r from "./bubbles.module.css.es.js";
+const h = ["xs", "lg", "md", "md", "xl", "sm", "sm", "md", "lg", "md", "xl", "xl", "xl"], F = ({ className: f }) => {
+  const [t, v] = c(!1), [n, w] = c("forward"), [d, a] = c(!1), o = u(null), m = u(0);
+  return l(() => {
+    const e = () => {
+      const s = window.scrollY;
+      w(s > m.current ? "forward" : "reverse"), m.current = s;
+    };
+    return window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
+  }, []), l(() => {
+    const e = new window.IntersectionObserver(
+      ([s]) => {
+        v(s.isIntersecting);
       },
-      { threshold: 1 }
+      { threshold: 0.5 }
     );
-    return i.current && s.observe(i.current), () => s.disconnect();
-  }, [n, r]), /* @__PURE__ */ o("section", { ref: i, className: l(t.root, m), children: /* @__PURE__ */ o("div", { className: t.container, children: f.map((s, e) => /* @__PURE__ */ o(
+    return o.current && e.observe(o.current), () => e.disconnect();
+  }, []), l(() => {
+    t && n === "forward" && a(!0), t && n === "reverse" && a(!1);
+  }, [t, n]), /* @__PURE__ */ i("section", { ref: o, className: b(r.root, f), children: /* @__PURE__ */ i("div", { className: r.container, children: h.map((e, s) => /* @__PURE__ */ i(
     "div",
     {
-      className: l(t.bubble, (r || n) && t.bubbleFinished),
-      "data-size": s,
-      "data-index": e
+      className: b(
+        r.bubble,
+        d && r.bubbleFinished,
+        !d && r.bubbleReverse
+      ),
+      "data-size": e,
+      "data-index": s
     },
-    e
+    s
   )) }) });
 };
 export {
-  g as Bubbles
+  F as Bubbles
 };

package/dist/pageComponents/Bubbles/bubbles.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="bubbles-module__root___DUhTG",b="bubbles-module__container___eH7Zj",o="bubbles-module__bubble___FKp2x",l="bubbles-module__bubbleFinished___TNKmv",u={root:e,container:b,bubble:o,bubbleFinished:l};exports.bubble=o;exports.bubbleFinished=l;exports.container=b;exports.default=u;exports.root=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="bubbles-module__root___DUhTG",b="bubbles-module__container___eH7Zj",l="bubbles-module__bubble___FKp2x",u="bubbles-module__bubbleReverse___9awzJ",o="bubbles-module__bubbleFinished___TNKmv",_={root:e,container:b,bubble:l,bubbleReverse:u,bubbleFinished:o};exports.bubble=l;exports.bubbleFinished=o;exports.bubbleReverse=u;exports.container=b;exports.default=_;exports.root=e;

package/dist/pageComponents/Bubbles/bubbles.module.css.es.js

@@ -1,13 +1,15 @@
-const b = "bubbles-module__root___DUhTG", e = "bubbles-module__container___eH7Zj", _ = "bubbles-module__bubble___FKp2x", o = "bubbles-module__bubbleFinished___TNKmv", l = {
+const b = "bubbles-module__root___DUhTG", e = "bubbles-module__container___eH7Zj", _ = "bubbles-module__bubble___FKp2x", l = "bubbles-module__bubbleReverse___9awzJ", o = "bubbles-module__bubbleFinished___TNKmv", s = {
   root: b,
   container: e,
   bubble: _,
+  bubbleReverse: l,
   bubbleFinished: o
 };
 export {
   _ as bubble,
   o as bubbleFinished,
+  l as bubbleReverse,
   e as container,
-  l as default,
+  s as default,
   b as root
 };

package/dist/pageComponents/LabsHero/LabsHero.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../utils/cn/cn.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),i=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("../../components/Button/Button.cjs.js"),r=require("./assets/icon1.png.cjs.js"),c=require("./assets/icon2.png.cjs.js"),n=require("./assets/icon3.png.cjs.js"),d=require("./assets/img1.png.cjs.js"),o=require("./assets/img2.png.cjs.js"),u=require("./assets/img3.png.cjs.js"),m=require("./assets/svg1.svg.cjs.js"),g=require("./assets/svg2.svg.cjs.js"),f=require("./assets/svg3.svg.cjs.js"),a=require("./labsHero.module.css.cjs.js"),p=()=>e.jsxs("section",{className:a.default.root,children:[e.jsxs("div",{className:a.default.container,children:[e.jsx("div",{className:a.default.title,children:e.jsx(i.HighlightedTitle,{as:"p",colorScheme:"dark",defaultVariant:"displayMd",mobileVariant:"displayXs",title:e.jsxs(e.Fragment,{children:["To see results, you need to ",e.jsx("b",{children:"see your results"})]})})}),e.jsx(l.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.description,children:"Healthspan's advanced lab panels provide precise data on 100+ biomarkers. Your dedicated clinical care team analyzes and explains the results in plain terms, helping you personalize and optimize your longevity protocol."}),e.jsx("div",{className:s.cn(a.default.buttonWrap,a.default.mobile),children:e.jsx(t.Button,{as:"a",href:"https://app.gethealthspan.com/#/product/signup/61f89782d9ecee002014f33e",variant:"secondary",size:"md",children:"Get Started"})}),e.jsx("div",{className:s.cn(a.default.buttonWrap,a.default.desktop),children:e.jsx(t.Button,{as:"a",href:"https://app.gethealthspan.com/#/product/signup/61f89782d9ecee002014f33e",variant:"secondary",size:"lg",children:"Get Started"})})]}),e.jsxs("div",{className:a.default.animationContainer,children:[e.jsxs("div",{className:s.cn(a.default.imageSet,a.default.active),children:[e.jsx("img",{src:r.default,className:a.default.set1Icon,alt:"Image Icon"}),e.jsx("img",{src:d.default,className:a.default.set1Image,alt:"Product Image"}),e.jsx(m.default,{className:a.default.set1Svg})]}),e.jsxs("div",{className:a.default.imageSet,children:[e.jsx("img",{src:c.default,className:a.default.set2Icon,alt:"Image Icon"}),e.jsx("img",{src:o.default,className:a.default.set2Image,alt:"Product Image"}),e.jsx(g.default,{className:a.default.set2Svg})]}),e.jsxs("div",{className:a.default.imageSet,children:[e.jsx("img",{src:n.default,className:a.default.set3Icon,alt:"Image Icon"}),e.jsx("img",{src:u.default,className:a.default.set3Image,alt:"Product Image"}),e.jsx(f.default,{className:a.default.set3Svg})]})]})]});exports.LabsHero=p;

package/dist/pageComponents/LabsHero/LabsHero.d.ts

@@ -0,0 +1 @@
+export declare const LabsHero: () => import("react/jsx-runtime").JSX.Element;