@zenpatient-org/healthspan-marketing-ui 0.1.37 → 0.1.39

package/dist/modules/AllInOne/AllInOne.es.js

@@ -1,222 +0,0 @@
-"use client";
-import { jsx as t, jsxs as O } from "react/jsx-runtime";
-import { useGSAP as G } from "../../node_modules/@gsap/react/src/index.es.js";
-import { gsap as e } from "../../node_modules/gsap/index.es.js";
-import { ScrollTrigger as U } from "../../node_modules/gsap/ScrollTrigger.es.js";
-import { useState as Y, useRef as g, useCallback as _ } from "react";
-import { HighlightedTitle as A } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as q } from "../../components/Typography/Typography.es.js";
-import { cn as I } from "../../utils/cn/cn.es.js";
-import F from "../../utils/debounce.es.js";
-import { CallToAction as J } from "../CallToAction/CallToAction.es.js";
-import r from "./allInOne.module.css.es.js";
-e.registerPlugin(U);
-const X = [
-  "health",
-  "energy",
-  "strength",
-  "smiles",
-  "balance",
-  "sleep",
-  "miles",
-  "love",
-  "fun",
-  "years"
-], {
-  subtitle: D,
-  titleTop: M,
-  scrollableLabels: K,
-  titleBottom: Q,
-  description: Z,
-  hsaText: ee,
-  buttonText: te,
-  buttonLink: ie,
-  backgroundImage: ne
-} = {
-  subtitle: /* @__PURE__ */ t("p", { children: "YOUR LONGEVITY JOURNEY" }),
-  titleTop: /* @__PURE__ */ t("p", { children: "Get more" }),
-  scrollableLabels: X,
-  titleBottom: /* @__PURE__ */ t("p", { children: "out of life" }),
-  description: "It's time to shift our thinking from healthcare and lifespan to something deeper. Healthspan.",
-  hsaText: "Healthspan is HSA/FSA Eligible",
-  buttonText: "JOIN NOW",
-  buttonLink: "#",
-  backgroundImage: "https://methodical-vitality-96814f361f.media.strapiapp.com/aio_step_9_67b550bfe1.jpg"
-}, he = ({ title1: B, title2: E, description: V, scrollLabels: R, images: C }) => {
-  const [k, W] = Y(!1), T = 932, f = g(null), l = g(null), d = g(null), p = g(null), u = g(null), s = g(null), S = _(() => {
-    if (!l.current || !f.current || !d.current || !p.current || !u.current || !s.current)
-      return;
-    const o = f.current, i = l.current, a = d.current, c = p.current, h = u.current, b = s.current, w = h.querySelectorAll("p");
-    if (w.length === 0) return;
-    w.forEach((m, n) => {
-      m.style.zIndex = String(w.length - n);
-    });
-    const y = i.querySelectorAll("img"), H = y.length;
-    y.forEach((m, n) => {
-      m.style.zIndex = String(H - n);
-    });
-    const N = o.scrollHeight / H, P = 0.8;
-    H > 0 && y.forEach((m, n) => {
-      const v = n * N, j = (n + 1) * N - P * N;
-      e.fromTo(
-        [m, w[n]],
-        { opacity: 1 },
-        {
-          opacity: 0,
-          scrollTrigger: {
-            trigger: o,
-            start: () => `top+=${v} top`,
-            end: () => `top+=${j} top`,
-            scrub: !0
-          }
-        }
-      );
-    });
-    const $ = i.getBoundingClientRect(), L = a.getBoundingClientRect(), x = o.getBoundingClientRect();
-    e.set(h, {
-      y: `${$.bottom - x.top + 20}px`
-    }), window.innerWidth > T ? (e.set(a, {
-      x: `${$.left - L.width - 50}px`
-    }), e.set(c, {
-      x: `${$.right + 25}px`
-    })) : (e.set(a, {
-      top: `${x.top - c.clientHeight - 25}px`
-    }), e.set(c, {
-      top: `${x.top - 25}px`
-    }));
-    const z = window.getComputedStyle(i).borderRadius;
-    e.to(i, {
-      scale: 1,
-      scrollTrigger: {
-        trigger: o,
-        start: "top top",
-        end: "95% bottom",
-        scrub: !0,
-        onUpdate: (m) => {
-          if (!l.current || !s.current || !a || !c)
-            return;
-          const n = i.getBoundingClientRect();
-          window.innerWidth > T ? (e.set(a, {
-            x: `${n.left - L.width - 50}px`
-          }), e.set(c, {
-            x: `${n.right + 25}px`
-          })) : (e.set(a, {
-            y: `${n.top - x.top - 25}px`
-          }), e.set(c, {
-            y: `${n.top - x.top - 25}px`
-          })), e.set(h, {
-            y: `${n.bottom + 20}px`
-          });
-          const v = s.current.getBoundingClientRect();
-          n.bottom + 60 >= v.top ? e.to(b, { opacity: 0, duration: 0.3 }) : e.to(b, { opacity: 1, duration: 0.3 }), m.progress >= 0.99 ? (e.to(i, {
-            borderRadius: 0,
-            duration: 0.3,
-            ease: "power1.inOut"
-          }), e.to(y, {
-            opacity: 0,
-            duration: 0.3,
-            ease: "power1.inOut"
-          })) : e.to(i, {
-            borderRadius: z,
-            duration: 0.3,
-            ease: "power1.inOut"
-          });
-        }
-      },
-      onComplete: () => {
-        W(!0);
-      }
-    });
-  }, [l, d, p, u, s]);
-  return G(
-    () => {
-      if (!l.current || !f.current || !d.current || !p || !u.current || !s.current)
-        return;
-      const o = l.current, i = d.current, a = p.current, c = u.current, h = s.current;
-      window.innerWidth <= T ? e.set(o, {
-        aspectRatio: `${window.innerWidth} / ${window.innerHeight}`,
-        scale: 0.5
-      }) : e.set(o, {
-        scale: 0.3,
-        aspectRatio: `${window.innerWidth} / ${window.innerHeight}`
-      }), S();
-      const b = F(S, 600);
-      return window.addEventListener("resize", () => {
-        b();
-      }), () => {
-        window.removeEventListener("resize", b), e.killTweensOf([o, c, i, a, h]);
-      };
-    },
-    {
-      scope: f,
-      dependencies: [
-        f,
-        l,
-        d,
-        p,
-        u,
-        S
-      ]
-    }
-  ), /* @__PURE__ */ t("div", { className: r.root, children: /* @__PURE__ */ t("div", { ref: f, className: r.container, children: /* @__PURE__ */ O("div", { className: r.pillContainerWrapper, children: [
-    /* @__PURE__ */ O("div", { ref: l, className: I("pillContainer", r.pillContainer), children: [
-      C == null ? void 0 : C.map((o, i) => /* @__PURE__ */ t("img", { src: o, alt: `Image ${i + 1}` }, i)),
-      /* @__PURE__ */ t("div", { className: r.callToActionContainer, children: k && /* @__PURE__ */ t(
-        J,
-        {
-          subtitle: D,
-          titleTop: M,
-          scrollableLabels: K,
-          titleBottom: Q,
-          description: Z,
-          hsaText: ee,
-          buttonText: te,
-          buttonLink: ie,
-          backgroundImage: ne
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ t("div", { ref: d, className: r.fixedHeader, children: /* @__PURE__ */ t(
-      A,
-      {
-        className: r.title1,
-        as: "div",
-        defaultVariant: "displayXs",
-        title: B
-      }
-    ) }),
-    /* @__PURE__ */ t("div", { ref: p, className: r.fixedHeader, children: /* @__PURE__ */ t(
-      A,
-      {
-        className: r.title2,
-        as: "div",
-        defaultVariant: "displayXs",
-        title: E
-      }
-    ) }),
-    /* @__PURE__ */ t("div", { ref: u, className: I("scrollableLabels", r.scrollableLabels), children: R == null ? void 0 : R.map((o, i) => /* @__PURE__ */ t(
-      q,
-      {
-        as: "p",
-        defaultVariant: "labelLg",
-        mobileVariant: "labelSm",
-        className: r.scrollLabel,
-        children: o
-      },
-      i
-    )) }),
-    /* @__PURE__ */ t("div", { ref: s, className: I("description", r.description), children: /* @__PURE__ */ t(
-      A,
-      {
-        as: "p",
-        defaultVariant: "preambleMd",
-        mobileVariant: "preambleSm",
-        title: V,
-        className: r.descriptionText
-      }
-    ) })
-  ] }) }) });
-};
-export {
-  he as AllInOne
-};

package/dist/modules/AllInOne/allInOne.module.css.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="allInOne-module__root___aRPBl",l="allInOne-module__container___FKeTW",n="allInOne-module__pillContainerWrapper___kXrF1",o="allInOne-module__pillContainer___PJAUY",t="allInOne-module__callToActionContainer___J0Gfh",i="allInOne-module__fixedHeader___4Lq8d",a="allInOne-module__scrollableLabels___BtN-2",r="allInOne-module__description___Y3gZh",_="allInOne-module__descriptionText___svjVl",c={root:e,container:l,pillContainerWrapper:n,pillContainer:o,callToActionContainer:t,fixedHeader:i,scrollableLabels:a,description:r,descriptionText:_};exports.callToActionContainer=t;exports.container=l;exports.default=c;exports.description=r;exports.descriptionText=_;exports.fixedHeader=i;exports.pillContainer=o;exports.pillContainerWrapper=n;exports.root=e;exports.scrollableLabels=a;

package/dist/modules/AllInOne/allInOne.module.css.es.js

@@ -1,23 +0,0 @@
-const e = "allInOne-module__root___aRPBl", l = "allInOne-module__container___FKeTW", n = "allInOne-module__pillContainerWrapper___kXrF1", o = "allInOne-module__pillContainer___PJAUY", _ = "allInOne-module__callToActionContainer___J0Gfh", t = "allInOne-module__fixedHeader___4Lq8d", a = "allInOne-module__scrollableLabels___BtN-2", i = "allInOne-module__description___Y3gZh", r = "allInOne-module__descriptionText___svjVl", c = {
-  root: e,
-  container: l,
-  pillContainerWrapper: n,
-  pillContainer: o,
-  callToActionContainer: _,
-  fixedHeader: t,
-  scrollableLabels: a,
-  description: i,
-  descriptionText: r
-};
-export {
-  _ as callToActionContainer,
-  l as container,
-  c as default,
-  i as description,
-  r as descriptionText,
-  t as fixedHeader,
-  o as pillContainer,
-  n as pillContainerWrapper,
-  e as root,
-  a as scrollableLabels
-};

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

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

package/dist/modules/CallToAction/CallToAction.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),X=require("../../components/Button/Button.cjs.js"),d=require("../../components/Typography/Typography.cjs.js"),w=require("../../components/Icon/Icon.cjs.js"),M=require("../../components/Icon/constants.cjs.js"),t=require("./callToAction.module.css.cjs.js"),x=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../node_modules/gsap/index.cjs.js"),z=require("../../node_modules/@gsap/react/src/index.cjs.js"),F=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),D=require("../../utils/debounce.cjs.js");a.gsap.registerPlugin(F.ScrollTrigger);const G=({subtitle:A,titleTop:E,scrollableLabels:j,titleBottom:P,description:C,hsaText:W,buttonText:k,buttonLink:f,backgroundImage:B})=>{const R=l.useRef(null),i=l.useRef(null),T=l.useRef(null),p=l.useRef(null),h=l.useRef(null),N=l.useRef(null),m=l.useRef(null),g=l.useRef(null),y=l.useRef(null);return z.useGSAP(()=>{var V,L,H;const o=(V=T.current)==null?void 0:V.querySelector("p"),u=(L=N.current)==null?void 0:L.querySelector("p"),$=[o,p.current,i.current,h.current,u,m.current,g.current,y.current].filter(Boolean);a.gsap.set($,{clipPath:"inset(0% 0% 100% 0%)",yPercent:100}),a.gsap.to([o,p.current,i.current,h.current,u,m.current,g.current,y.current],{clipPath:"inset(0% 0% 0% 0%)",yPercent:0,duration:1,ease:"power2.out",delay:1,stagger:{amount:1,from:"start"},scrollTrigger:{trigger:R.current,start:"top center",end:"+=500"}});const r=(H=i.current)==null?void 0:H.querySelector("ul");if(!r)return;const v=r.innerHTML;let s=null,q=!0;const _=()=>{s&&s.kill(),r.innerHTML=v,a.gsap.set(r,{y:0});const n=Array.from(r.querySelectorAll("li"));if(n.length<=1)return;const b=n[0].clientHeight;if(!b)return;a.gsap.set(i.current,{height:b,overflow:"hidden"});const I=Array.from(n);I.forEach(S=>{r.appendChild(S.cloneNode(!0))}),s=a.gsap.timeline({repeat:-1,delay:q?2.5:0,onRepeat:()=>{a.gsap.set(r,{y:0})}}),I.forEach((S,O)=>{s&&s.to({},{duration:2}).to(r,{y:`-${(O+1)*b}`,duration:.5,ease:"power1.inOut"})}),q=!1},c=D.default(_,200);return _(),window.addEventListener("resize",c),()=>{var n;window.removeEventListener("resize",c),(n=c.kill)==null||n.call(c),s&&s.kill(),r&&(r.innerHTML=v,a.gsap.set(r,{y:0}))}},[j]),e.jsxs("section",{ref:R,className:t.default.root,children:[e.jsx("div",{className:t.default.backgroundImage,style:{backgroundImage:`url(${B})`}}),e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.leftContent,children:e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{ref:p,children:e.jsx(x.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:E})}),e.jsx("div",{ref:i,className:t.default.scrollableLabelsWrapper,children:e.jsx("ul",{className:t.default.scrollableLabels,children:j.map((o,u)=>e.jsx("li",{className:t.default.scrollableLabel,children:e.jsx(d.Typography,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"span",children:o})},u))})}),e.jsx("div",{ref:h,children:e.jsx(x.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:P})})]})}),e.jsx("div",{ref:T,className:t.default.subtitleWrapper,children:e.jsx(x.HighlightedTitle,{defaultVariant:"labelMd",mobileVariant:"labelSm",as:"div",className:t.default.subtitle,title:A})}),e.jsx("div",{ref:N,className:t.default.arrowWrapper,children:e.jsxs(d.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:t.default.arrow,as:"p",children:["(",e.jsx(w.Icon,{name:M.EIconName.ARROW_FORWARD}),")"]})}),e.jsx("div",{className:t.default.rightContent,children:e.jsxs("div",{className:t.default.descriptionWrapper,children:[e.jsx("div",{ref:m,children:e.jsx(d.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:t.default.description,children:C})}),e.jsx("div",{ref:g,className:t.default.buttonWrapper,children:f&&e.jsx(X.Button,{as:f?"a":"button",href:f,variant:"secondary",size:"lg",children:k})}),e.jsxs("div",{ref:y,className:t.default.hsaEligible,children:[e.jsx(w.Icon,{name:M.EIconName.CIRCLE_CHECK_FILL,className:t.default.checkIcon}),e.jsx(d.Typography,{defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.hsaText,children:W})]})]})})]})]})};exports.CallToAction=G;

package/dist/modules/CallToAction/CallToAction.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-
-export type CallToActionProps = {
-    subtitle: ReactNode;
-    titleTop: ReactNode;
-    scrollableLabels: string[];
-    titleBottom: ReactNode;
-    description: string;
-    hsaText: string;
-    buttonText: string;
-    buttonLink?: string;
-    backgroundImage: string;
-    onButtonClick?: () => void;
-};
-export declare const CallToAction: ({ subtitle, titleTop, scrollableLabels, titleBottom, description, hsaText, buttonText, buttonLink, backgroundImage, }: CallToActionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/CallToAction/CallToAction.es.js

@@ -1,165 +0,0 @@
-"use client";
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { useRef as l } from "react";
-import { Button as j } from "../../components/Button/Button.es.js";
-import { Typography as u } from "../../components/Typography/Typography.es.js";
-import { Icon as A } from "../../components/Icon/Icon.es.js";
-import { EIconName as I } from "../../components/Icon/constants.es.js";
-import r from "./callToAction.module.css.es.js";
-import { HighlightedTitle as v } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { gsap as a } from "../../node_modules/gsap/index.es.js";
-import { useGSAP as $ } from "../../node_modules/@gsap/react/src/index.es.js";
-import { ScrollTrigger as D } from "../../node_modules/gsap/ScrollTrigger.es.js";
-import G from "../../utils/debounce.es.js";
-a.registerPlugin(D);
-const ne = ({
-  subtitle: k,
-  titleTop: q,
-  scrollableLabels: R,
-  titleBottom: x,
-  description: X,
-  hsaText: _,
-  buttonText: z,
-  buttonLink: f,
-  backgroundImage: B
-}) => {
-  const V = l(null), o = l(null), L = l(null), p = l(null), h = l(null), T = l(null), b = l(null), g = l(null), y = l(null);
-  return $(() => {
-    var C, E, H;
-    const d = (C = L.current) == null ? void 0 : C.querySelector("p"), m = (E = T.current) == null ? void 0 : E.querySelector("p"), F = [
-      d,
-      p.current,
-      o.current,
-      h.current,
-      m,
-      b.current,
-      g.current,
-      y.current
-    ].filter(Boolean);
-    a.set(F, {
-      clipPath: "inset(0% 0% 100% 0%)",
-      yPercent: 100
-    }), a.to(
-      [
-        d,
-        p.current,
-        o.current,
-        h.current,
-        m,
-        b.current,
-        g.current,
-        y.current
-      ],
-      {
-        clipPath: "inset(0% 0% 0% 0%)",
-        yPercent: 0,
-        duration: 1,
-        ease: "power2.out",
-        delay: 1,
-        stagger: {
-          amount: 1,
-          from: "start"
-        },
-        scrollTrigger: {
-          trigger: V.current,
-          start: "top center",
-          end: "+=500"
-        }
-      }
-    );
-    const t = (H = o.current) == null ? void 0 : H.querySelector("ul");
-    if (!t) return;
-    const w = t.innerHTML;
-    let i = null, S = !0;
-    const M = () => {
-      i && i.kill(), t.innerHTML = w, a.set(t, { y: 0 });
-      const n = Array.from(t.querySelectorAll("li"));
-      if (n.length <= 1) return;
-      const N = n[0].clientHeight;
-      if (!N) return;
-      a.set(o.current, { height: N, overflow: "hidden" });
-      const P = Array.from(n);
-      P.forEach((W) => {
-        t.appendChild(W.cloneNode(!0));
-      }), i = a.timeline({
-        repeat: -1,
-        delay: S ? 2.5 : 0,
-        onRepeat: () => {
-          a.set(t, { y: 0 });
-        }
-      }), P.forEach((W, O) => {
-        i && i.to({}, { duration: 2 }).to(t, {
-          y: `-${(O + 1) * N}`,
-          duration: 0.5,
-          ease: "power1.inOut"
-        });
-      }), S = !1;
-    }, c = G(M, 200);
-    return M(), window.addEventListener("resize", c), () => {
-      var n;
-      window.removeEventListener("resize", c), (n = c.kill) == null || n.call(c), i && i.kill(), t && (t.innerHTML = w, a.set(t, { y: 0 }));
-    };
-  }, [R]), /* @__PURE__ */ s("section", { ref: V, className: r.root, children: [
-    /* @__PURE__ */ e("div", { className: r.backgroundImage, style: { backgroundImage: `url(${B})` } }),
-    /* @__PURE__ */ s("div", { className: r.container, children: [
-      /* @__PURE__ */ e("div", { className: r.leftContent, children: /* @__PURE__ */ s("div", { className: r.content, children: [
-        /* @__PURE__ */ e("div", { ref: p, children: /* @__PURE__ */ e(
-          v,
-          {
-            defaultVariant: "displayXl",
-            mobileVariant: "displayMd",
-            as: "div",
-            className: r.title,
-            title: q
-          }
-        ) }),
-        /* @__PURE__ */ e("div", { ref: o, className: r.scrollableLabelsWrapper, children: /* @__PURE__ */ e("ul", { className: r.scrollableLabels, children: R.map((d, m) => /* @__PURE__ */ e("li", { className: r.scrollableLabel, children: /* @__PURE__ */ e(u, { defaultVariant: "displayXl", mobileVariant: "displayMd", as: "span", children: d }) }, m)) }) }),
-        /* @__PURE__ */ e("div", { ref: h, children: /* @__PURE__ */ e(
-          v,
-          {
-            defaultVariant: "displayXl",
-            mobileVariant: "displayMd",
-            as: "div",
-            className: r.title,
-            title: x
-          }
-        ) })
-      ] }) }),
-      /* @__PURE__ */ e("div", { ref: L, className: r.subtitleWrapper, children: /* @__PURE__ */ e(
-        v,
-        {
-          defaultVariant: "labelMd",
-          mobileVariant: "labelSm",
-          as: "div",
-          className: r.subtitle,
-          title: k
-        }
-      ) }),
-      /* @__PURE__ */ e("div", { ref: T, className: r.arrowWrapper, children: /* @__PURE__ */ s(u, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: r.arrow, as: "p", children: [
-        "(",
-        /* @__PURE__ */ e(A, { name: I.ARROW_FORWARD }),
-        ")"
-      ] }) }),
-      /* @__PURE__ */ e("div", { className: r.rightContent, children: /* @__PURE__ */ s("div", { className: r.descriptionWrapper, children: [
-        /* @__PURE__ */ e("div", { ref: b, children: /* @__PURE__ */ e(u, { defaultVariant: "bodyLg", mobileVariant: "bodyMd", className: r.description, children: X }) }),
-        /* @__PURE__ */ e("div", { ref: g, className: r.buttonWrapper, children: f && /* @__PURE__ */ e(
-          j,
-          {
-            as: f ? "a" : "button",
-            href: f,
-            variant: "secondary",
-            size: "lg",
-            children: z
-          }
-        ) }),
-        /* @__PURE__ */ s("div", { ref: y, className: r.hsaEligible, children: [
-          /* @__PURE__ */ e(A, { name: I.CIRCLE_CHECK_FILL, className: r.checkIcon }),
-          /* @__PURE__ */ e(u, { defaultVariant: "bodySm", mobileVariant: "bodySm", className: r.hsaText, children: _ })
-        ] })
-      ] }) })
-    ] })
-  ] });
-};
-export {
-  ne as CallToAction
-};

package/dist/modules/CallToAction/callToAction.module.css.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="callToAction-module__root___-Mx9p",t="callToAction-module__backgroundImage___ArlBX",e="callToAction-module__container___GcKf3",l="callToAction-module__leftContent___H0JJW",c="callToAction-module__content___UUQA-",_="callToAction-module__arrowWrapper___E9SUH",r="callToAction-module__arrow___zEmD9",n="callToAction-module__rightContent___P6E8E",a="callToAction-module__subtitleWrapper___rkYN-",i="callToAction-module__subtitle___3OYsg",s="callToAction-module__title___tF4ct",p="callToAction-module__scrollableLabels___rtBOU",u="callToAction-module__scrollableLabelsWrapper___kMiEE",b="callToAction-module__descriptionWrapper___wZ-TI",d="callToAction-module__buttonWrapper___y6mvR",m="callToAction-module__description___APtkj",T="callToAction-module__hsaEligible___zmkav",A="callToAction-module__checkIcon___kasFP",W="callToAction-module__hsaText___0MzD7",g={root:o,backgroundImage:t,container:e,leftContent:l,content:c,arrowWrapper:_,arrow:r,rightContent:n,subtitleWrapper:a,subtitle:i,title:s,scrollableLabels:p,scrollableLabelsWrapper:u,descriptionWrapper:b,buttonWrapper:d,description:m,hsaEligible:T,checkIcon:A,hsaText:W};exports.arrow=r;exports.arrowWrapper=_;exports.backgroundImage=t;exports.buttonWrapper=d;exports.checkIcon=A;exports.container=e;exports.content=c;exports.default=g;exports.description=m;exports.descriptionWrapper=b;exports.hsaEligible=T;exports.hsaText=W;exports.leftContent=l;exports.rightContent=n;exports.root=o;exports.scrollableLabels=p;exports.scrollableLabelsWrapper=u;exports.subtitle=i;exports.subtitleWrapper=a;exports.title=s;

package/dist/modules/CallToAction/callToAction.module.css.es.js

@@ -1,43 +0,0 @@
-const o = "callToAction-module__root___-Mx9p", t = "callToAction-module__backgroundImage___ArlBX", l = "callToAction-module__container___GcKf3", _ = "callToAction-module__leftContent___H0JJW", e = "callToAction-module__content___UUQA-", c = "callToAction-module__arrowWrapper___E9SUH", n = "callToAction-module__arrow___zEmD9", a = "callToAction-module__rightContent___P6E8E", r = "callToAction-module__subtitleWrapper___rkYN-", s = "callToAction-module__subtitle___3OYsg", i = "callToAction-module__title___tF4ct", p = "callToAction-module__scrollableLabels___rtBOU", u = "callToAction-module__scrollableLabelsWrapper___kMiEE", d = "callToAction-module__descriptionWrapper___wZ-TI", b = "callToAction-module__buttonWrapper___y6mvR", m = "callToAction-module__description___APtkj", T = "callToAction-module__hsaEligible___zmkav", A = "callToAction-module__checkIcon___kasFP", W = "callToAction-module__hsaText___0MzD7", g = {
-  root: o,
-  backgroundImage: t,
-  container: l,
-  leftContent: _,
-  content: e,
-  arrowWrapper: c,
-  arrow: n,
-  rightContent: a,
-  subtitleWrapper: r,
-  subtitle: s,
-  title: i,
-  scrollableLabels: p,
-  scrollableLabelsWrapper: u,
-  descriptionWrapper: d,
-  buttonWrapper: b,
-  description: m,
-  hsaEligible: T,
-  checkIcon: A,
-  hsaText: W
-};
-export {
-  n as arrow,
-  c as arrowWrapper,
-  t as backgroundImage,
-  b as buttonWrapper,
-  A as checkIcon,
-  l as container,
-  e as content,
-  g as default,
-  m as description,
-  d as descriptionWrapper,
-  T as hsaEligible,
-  W as hsaText,
-  _ as leftContent,
-  a as rightContent,
-  o as root,
-  p as scrollableLabels,
-  u as scrollableLabelsWrapper,
-  s as subtitle,
-  r as subtitleWrapper,
-  i as title
-};

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

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

package/dist/modules/CursorImageBlock/CursorImageBlock.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/Cursor/Cursor.cjs.js"),a=require("./cursorImageBlock.module.css.cjs.js"),o=({title:r,description:l,cursorLabel:t,link:i,image:d})=>e.jsxs("div",{className:a.default.root,children:[e.jsx("div",{className:a.default.desktopLayout,children:e.jsx(c.Cursor,{label:t,colorScheme:"dark",children:e.jsxs("a",{href:i,className:a.default.desktopLink,children:[e.jsx("img",{src:d,alt:"",className:a.default.image}),e.jsxs("div",{className:a.default.textContent,children:[e.jsx(s.Typography,{defaultVariant:"displayLg",className:a.default.title,children:r}),l&&e.jsx(s.Typography,{defaultVariant:"headingSm",className:a.default.description,children:l})]})]})})}),e.jsxs("div",{className:a.default.mobileLayout,children:[e.jsx("img",{src:d,alt:"",className:a.default.image}),e.jsxs("div",{className:a.default.textContent,children:[e.jsx(s.Typography,{defaultVariant:"displayLg",mobileVariant:"headingXl",className:a.default.title,children:r}),l&&e.jsx(s.Typography,{defaultVariant:"headingSm",mobileVariant:"headingXs",className:a.default.description,children:l})]}),e.jsx("a",{href:i,className:a.default.mobileButton,children:e.jsx("div",{className:a.default.cursorVisual,children:e.jsx("div",{className:a.default.cursorVisualText,children:e.jsx(s.Typography,{defaultVariant:"labelLg",mobileVariant:"labelLg",emphasis:!0,children:t})})})})]})]});exports.CursorImageBlock=o;

package/dist/modules/CursorImageBlock/CursorImageBlock.d.ts

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

package/dist/modules/CursorImageBlock/CursorImageBlock.es.js

@@ -1,24 +0,0 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { Typography as i } from "../../components/Typography/Typography.es.js";
-import { Cursor as d } from "../../components/Cursor/Cursor.es.js";
-import a from "./cursorImageBlock.module.css.es.js";
-const N = ({ title: r, description: s, cursorLabel: t, link: c, image: m }) => /* @__PURE__ */ l("div", { className: a.root, children: [
-  /* @__PURE__ */ e("div", { className: a.desktopLayout, children: /* @__PURE__ */ e(d, { label: t, colorScheme: "dark", children: /* @__PURE__ */ l("a", { href: c, className: a.desktopLink, children: [
-    /* @__PURE__ */ e("img", { src: m, alt: "", className: a.image }),
-    /* @__PURE__ */ l("div", { className: a.textContent, children: [
-      /* @__PURE__ */ e(i, { defaultVariant: "displayLg", className: a.title, children: r }),
-      s && /* @__PURE__ */ e(i, { defaultVariant: "headingSm", className: a.description, children: s })
-    ] })
-  ] }) }) }),
-  /* @__PURE__ */ l("div", { className: a.mobileLayout, children: [
-    /* @__PURE__ */ e("img", { src: m, alt: "", className: a.image }),
-    /* @__PURE__ */ l("div", { className: a.textContent, children: [
-      /* @__PURE__ */ e(i, { defaultVariant: "displayLg", mobileVariant: "headingXl", className: a.title, children: r }),
-      s && /* @__PURE__ */ e(i, { defaultVariant: "headingSm", mobileVariant: "headingXs", className: a.description, children: s })
-    ] }),
-    /* @__PURE__ */ e("a", { href: c, className: a.mobileButton, children: /* @__PURE__ */ e("div", { className: a.cursorVisual, children: /* @__PURE__ */ e("div", { className: a.cursorVisualText, children: /* @__PURE__ */ e(i, { defaultVariant: "labelLg", mobileVariant: "labelLg", emphasis: !0, children: t }) }) }) })
-  ] })
-] });
-export {
-  N as CursorImageBlock
-};

package/dist/modules/CursorImageBlock/cursorImageBlock.module.css.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="cursorImageBlock-module__root___0PwhB",t="cursorImageBlock-module__image___D4SEN",e="cursorImageBlock-module__textContent___ZUb6l",u="cursorImageBlock-module__title___5vaBY",_="cursorImageBlock-module__description___R3uj2",r="cursorImageBlock-module__mobileLayout___Prji8",s="cursorImageBlock-module__cursorVisual___-zg8I",l="cursorImageBlock-module__cursorVisualText___uAUpt",c="cursorImageBlock-module__desktopLayout___JPMLz",i="cursorImageBlock-module__mobileButton___oXpir",a={root:o,image:t,textContent:e,title:u,description:_,mobileLayout:r,cursorVisual:s,cursorVisualText:l,desktopLayout:c,mobileButton:i};exports.cursorVisual=s;exports.cursorVisualText=l;exports.default=a;exports.description=_;exports.desktopLayout=c;exports.image=t;exports.mobileButton=i;exports.mobileLayout=r;exports.root=o;exports.textContent=e;exports.title=u;

package/dist/modules/CursorImageBlock/cursorImageBlock.module.css.es.js

@@ -1,25 +0,0 @@
-const o = "cursorImageBlock-module__root___0PwhB", t = "cursorImageBlock-module__image___D4SEN", e = "cursorImageBlock-module__textContent___ZUb6l", _ = "cursorImageBlock-module__title___5vaBY", u = "cursorImageBlock-module__description___R3uj2", s = "cursorImageBlock-module__mobileLayout___Prji8", r = "cursorImageBlock-module__cursorVisual___-zg8I", c = "cursorImageBlock-module__cursorVisualText___uAUpt", l = "cursorImageBlock-module__desktopLayout___JPMLz", m = "cursorImageBlock-module__mobileButton___oXpir", a = {
-  root: o,
-  image: t,
-  textContent: e,
-  title: _,
-  description: u,
-  mobileLayout: s,
-  cursorVisual: r,
-  cursorVisualText: c,
-  desktopLayout: l,
-  mobileButton: m
-};
-export {
-  r as cursorVisual,
-  c as cursorVisualText,
-  a as default,
-  u as description,
-  l as desktopLayout,
-  t as image,
-  m as mobileButton,
-  s as mobileLayout,
-  o as root,
-  e as textContent,
-  _ as title
-};

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

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

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

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-
-export type TCursorImageBlockProps = {
-    image: string;
-    title: ReactNode;
-    description?: ReactNode;
-    cursorLabel: string;
-    link: string;
-};

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

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

@@ -1,26 +0,0 @@
-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 {};