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

package/dist/components/ProductGallery/ProductGallery.es.js

@@ -1,57 +1,58 @@
-import { j as i } from "../../_virtual/jsx-runtime.es.js";
-import { useEffect as c } from "react";
-import u from "../../node_modules/swiper/modules/navigation.es.js";
-import { Swiper as v, SwiperSlide as g } from "../../node_modules/swiper/swiper-react.es.js";
-import { cn as p } from "../../utils/cn.es.js";
-import { useSwiper as b } from "../../utils/useSwiper.es.js";
-import { ProgressButton as m } from "../ProgressButton/ProgressButton.es.js";
+"use client";
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { useEffect as p } from "react";
+import b from "../../node_modules/swiper/modules/navigation.es.js";
+import { Swiper as k, SwiperSlide as E } from "../../node_modules/swiper/swiper-react.es.js";
+import { cn as m } from "../../utils/cn/cn.es.js";
+import { useSwiper as P } from "../../utils/useSwiper/useSwiper.es.js";
+import { ProgressButton as h } from "../ProgressButton/ProgressButton.es.js";
 /* empty css                                      */
 /* empty css                                                  */
 /* empty css                                                  */
 import e from "./productGallery.module.css.es.js";
-const k = [u], A = ({ slides: s, header: h, isTabbed: o = !1 }) => {
+const R = [b], G = ({ slides: o, header: w, isTabbed: s = !1 }) => {
   const {
     swiper: r,
     activeIndex: l,
-    isEnd: t,
-    setIsEnd: w,
-    hideNav: x,
-    handleSlideChange: f,
-    handlePrevClick: n,
+    isEnd: n,
+    setIsEnd: f,
+    hideNav: S,
+    handleSlideChange: C,
+    handlePrevClick: t,
     handleNextClick: a,
-    onSwiperInit: S,
-    handleSwiperResize: j,
+    onSwiperInit: N,
+    handleSwiperResize: u,
     handleSlideTo: d
-  } = b();
-  return c(() => {
+  } = P();
+  return p(() => {
     r == null || r.setProgress(0, 300);
-  }, [r]), c(() => {
-    s.length && d(0);
-  }, [s, d]), /* @__PURE__ */ i.jsxs("div", { className: e.root, children: [
-    /* @__PURE__ */ i.jsxs(
+  }, [r]), p(() => {
+    o.length && d(0);
+  }, [o, d]), /* @__PURE__ */ c("div", { className: e.root, children: [
+    /* @__PURE__ */ c(
       "div",
       {
-        className: p(e.topRow, {
-          [e.topRowTabbed]: o
+        className: m(e.topRow, {
+          [e.topRowTabbed]: s
         }),
         children: [
-          /* @__PURE__ */ i.jsx("div", { className: e.headerWrapper, children: h }),
-          /* @__PURE__ */ i.jsx(
+          /* @__PURE__ */ i("div", { className: e.headerWrapper, children: w }),
+          /* @__PURE__ */ i(
             "div",
             {
-              className: p(e.swiperControlsDesktop, {
-                [e.swiperControlsHidden]: x,
-                [e.swiperControlsTabbed]: o
+              className: m(e.swiperControlsDesktop, {
+                [e.swiperControlsHidden]: S,
+                [e.swiperControlsTabbed]: s
               }),
-              children: /* @__PURE__ */ i.jsx(
-                m,
+              children: /* @__PURE__ */ i(
+                h,
                 {
                   left: {
                     disabled: l <= 0,
-                    onClick: n
+                    onClick: t
                   },
                   right: {
-                    disabled: t,
+                    disabled: n,
                     onClick: a
                   }
                 }
@@ -61,29 +62,29 @@ const k = [u], A = ({ slides: s, header: h, isTabbed: o = !1 }) => {
         ]
       }
     ),
-    /* @__PURE__ */ i.jsx("div", { className: e.carouselArea, children: /* @__PURE__ */ i.jsx(
-      v,
+    /* @__PURE__ */ i("div", { className: e.carouselArea, children: /* @__PURE__ */ i(
+      k,
       {
-        onSwiper: S,
-        onResize: j,
-        onSlideChange: f,
-        onReachEnd: () => w(!0),
-        modules: k,
+        onSwiper: N,
+        onResize: u,
+        onSlideChange: C,
+        onReachEnd: () => f(!0),
+        modules: R,
         spaceBetween: 0,
         slidesPerView: "auto",
         className: e.swiper,
-        children: s.map((C, N) => /* @__PURE__ */ i.jsx(g, { className: e.swiperSlide, children: C }, N))
+        children: o.map((v, g) => /* @__PURE__ */ i(E, { className: e.swiperSlide, children: v }, g))
       }
     ) }),
-    /* @__PURE__ */ i.jsx("div", { className: e.swiperControlsMobile, children: /* @__PURE__ */ i.jsx(
-      m,
+    /* @__PURE__ */ i("div", { className: e.swiperControlsMobile, children: /* @__PURE__ */ i(
+      h,
       {
         left: {
           disabled: l <= 0,
-          onClick: n
+          onClick: t
         },
         right: {
-          disabled: t,
+          disabled: n,
           onClick: a
         }
       }
@@ -91,5 +92,5 @@ const k = [u], A = ({ slides: s, header: h, isTabbed: o = !1 }) => {
   ] });
 };
 export {
-  A as ProductGallery
+  G as ProductGallery
 };

package/dist/components/ProductGalleryCard/ProductGalleryCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs.js"),n=require("../Button/Button.cjs.js"),o=require("../Typography/Typography.cjs.js"),r=require("./productGalleryCard.module.css.cjs.js"),x=({name:i,price:u,image:c,link:d,buttons:l})=>{const s=t=>{t.preventDefault(),t.stopPropagation()};return e.jsxRuntimeExports.jsxs("a",{href:d,target:"_blank",rel:"noopener noreferrer",className:r.default.root,children:[e.jsxRuntimeExports.jsxs("div",{className:r.default.productInfo,children:[e.jsxRuntimeExports.jsx(o.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:r.default.title,children:i}),e.jsxRuntimeExports.jsx(o.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:r.default.price,children:u})]}),e.jsxRuntimeExports.jsx("img",{src:c,alt:"product image",className:r.default.productImage}),e.jsxRuntimeExports.jsx("div",{onClick:s,className:r.default.buttonContainerDesktop,children:l.map((t,a)=>e.jsxRuntimeExports.jsx(n.Button,{size:"sm",...t,children:t.label},a))}),e.jsxRuntimeExports.jsx("div",{onClick:s,className:r.default.buttonContainerMobile,children:l.map((t,a)=>e.jsxRuntimeExports.jsx(n.Button,{size:"xs",...t,children:t.label},a))})]})};exports.ProductGalleryCard=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../Button/Button.cjs.js"),s=require("../Typography/Typography.cjs.js"),l=require("./productGalleryCard.module.css.cjs.js"),p=({name:i,price:c,image:d,link:u,buttons:t})=>{const o=a=>{a.preventDefault(),a.stopPropagation()};return e.jsxs("a",{href:u,target:"_blank",rel:"noopener noreferrer",className:l.default.root,children:[e.jsxs("div",{className:l.default.productInfo,children:[e.jsx(s.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:l.default.title,children:i}),e.jsx(s.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:l.default.price,children:c})]}),e.jsx("img",{src:d,alt:"product image",className:l.default.productImage}),e.jsx("div",{onClick:o,className:l.default.buttonContainerDesktop,children:t.map((a,r)=>e.jsx(n.Button,{size:"sm",...a,children:a.label},r))}),e.jsx("div",{onClick:o,className:l.default.buttonContainerMobile,children:t.map((a,r)=>e.jsx(n.Button,{size:"xs",...a,children:a.label},r))})]})};exports.ProductGalleryCard=p;

package/dist/components/ProductGalleryCard/ProductGalleryCard.es.js

@@ -1,21 +1,21 @@
-import { j as e } from "../../_virtual/jsx-runtime.es.js";
-import { Button as i } from "../Button/Button.es.js";
-import { Typography as o } from "../Typography/Typography.es.js";
-import r from "./productGalleryCard.module.css.es.js";
-const f = ({ name: n, price: c, image: m, link: d, buttons: s }) => {
-  const t = (a) => {
-    a.preventDefault(), a.stopPropagation();
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { Button as n } from "../Button/Button.es.js";
+import { Typography as s } from "../Typography/Typography.es.js";
+import l from "./productGalleryCard.module.css.es.js";
+const g = ({ name: c, price: m, image: d, link: p, buttons: i }) => {
+  const o = (e) => {
+    e.preventDefault(), e.stopPropagation();
   };
-  return /* @__PURE__ */ e.jsxs("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: r.root, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: r.productInfo, children: [
-      /* @__PURE__ */ e.jsx(o, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: r.title, children: n }),
-      /* @__PURE__ */ e.jsx(o, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: r.price, children: c })
+  return /* @__PURE__ */ t("a", { href: p, target: "_blank", rel: "noopener noreferrer", className: l.root, children: [
+    /* @__PURE__ */ t("div", { className: l.productInfo, children: [
+      /* @__PURE__ */ a(s, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: l.title, children: c }),
+      /* @__PURE__ */ a(s, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: l.price, children: m })
     ] }),
-    /* @__PURE__ */ e.jsx("img", { src: m, alt: "product image", className: r.productImage }),
-    /* @__PURE__ */ e.jsx("div", { onClick: t, className: r.buttonContainerDesktop, children: s.map((a, l) => /* @__PURE__ */ e.jsx(i, { size: "sm", ...a, children: a.label }, l)) }),
-    /* @__PURE__ */ e.jsx("div", { onClick: t, className: r.buttonContainerMobile, children: s.map((a, l) => /* @__PURE__ */ e.jsx(i, { size: "xs", ...a, children: a.label }, l)) })
+    /* @__PURE__ */ a("img", { src: d, alt: "product image", className: l.productImage }),
+    /* @__PURE__ */ a("div", { onClick: o, className: l.buttonContainerDesktop, children: i.map((e, r) => /* @__PURE__ */ a(n, { size: "sm", ...e, children: e.label }, r)) }),
+    /* @__PURE__ */ a("div", { onClick: o, className: l.buttonContainerMobile, children: i.map((e, r) => /* @__PURE__ */ a(n, { size: "xs", ...e, children: e.label }, r)) })
   ] });
 };
 export {
-  f as ProductGalleryCard
+  g as ProductGalleryCard
 };

package/dist/components/ProductListing/ProductListing.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../utils/cn/cn.cjs.js"),n=require("../Button/Button.cjs.js"),h=require("../Label/Label.cjs.js"),y=require("../TypeBadge/TypeBadge.cjs.js"),t=require("../Typography/Typography.cjs.js"),a=require("./productListing.module.css.cjs.js"),g=({name:d,description:o,image:u,price:p,buttons:i,features:m,label:r})=>e.jsxs("section",{className:a.default.root,children:[e.jsxs("div",{className:a.default.imageWrapper,children:[e.jsx("img",{src:u,alt:d,className:a.default.image}),r&&e.jsx(h.Label,{color:"black",size:"sm",className:a.default.label,children:r})]}),e.jsxs("div",{className:a.default.content,children:[e.jsxs("div",{className:a.default.header,children:[e.jsx(t.Typography,{as:"h3",defaultVariant:"headingXl",mobileVariant:"headingMd",children:d}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",children:o})]}),e.jsx("div",{className:a.default.features,children:m.map((s,l)=>e.jsxs("div",{className:a.default.feature,children:[e.jsx(y.TypeBadge,{type:s.type},l),e.jsx(t.Typography,{as:"span",defaultVariant:"bodyMd",className:a.default.featureLabel,children:s.label})]},`${s.label}-${l}`))}),e.jsx("div",{className:a.default.divider}),e.jsx(t.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodyMd",emphasis:!0,children:p}),e.jsx("div",{className:c.cn(a.default.actions,a.default.desktop),children:i.map((s,l)=>e.jsx(n.Button,{...s,size:"lg",children:s.label},l))}),e.jsx("div",{className:c.cn(a.default.actions,a.default.mobile),children:i.map((s,l)=>e.jsx(n.Button,{...s,size:"md",children:s.label},l))})]})]});exports.ProductListing=g;

package/dist/components/ProductListing/ProductListing.es.js

@@ -0,0 +1,30 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { cn as o } from "../../utils/cn/cn.es.js";
+import { Button as t } from "../Button/Button.es.js";
+import { Label as N } from "../Label/Label.es.js";
+import { TypeBadge as b } from "../TypeBadge/TypeBadge.es.js";
+import { Typography as s } from "../Typography/Typography.es.js";
+import a from "./productListing.module.css.es.js";
+const M = ({ name: d, description: n, image: p, price: h, buttons: m, features: f, label: c }) => /* @__PURE__ */ r("section", { className: a.root, children: [
+  /* @__PURE__ */ r("div", { className: a.imageWrapper, children: [
+    /* @__PURE__ */ e("img", { src: p, alt: d, className: a.image }),
+    c && /* @__PURE__ */ e(N, { color: "black", size: "sm", className: a.label, children: c })
+  ] }),
+  /* @__PURE__ */ r("div", { className: a.content, children: [
+    /* @__PURE__ */ r("div", { className: a.header, children: [
+      /* @__PURE__ */ e(s, { as: "h3", defaultVariant: "headingXl", mobileVariant: "headingMd", children: d }),
+      /* @__PURE__ */ e(s, { as: "p", defaultVariant: "bodySm", children: n })
+    ] }),
+    /* @__PURE__ */ e("div", { className: a.features, children: f.map((i, l) => /* @__PURE__ */ r("div", { className: a.feature, children: [
+      /* @__PURE__ */ e(b, { type: i.type }, l),
+      /* @__PURE__ */ e(s, { as: "span", defaultVariant: "bodyMd", className: a.featureLabel, children: i.label })
+    ] }, `${i.label}-${l}`)) }),
+    /* @__PURE__ */ e("div", { className: a.divider }),
+    /* @__PURE__ */ e(s, { defaultVariant: "bodyLg", mobileVariant: "bodyMd", emphasis: !0, children: h }),
+    /* @__PURE__ */ e("div", { className: o(a.actions, a.desktop), children: m.map((i, l) => /* @__PURE__ */ e(t, { ...i, size: "lg", children: i.label }, l)) }),
+    /* @__PURE__ */ e("div", { className: o(a.actions, a.mobile), children: m.map((i, l) => /* @__PURE__ */ e(t, { ...i, size: "md", children: i.label }, l)) })
+  ] })
+] });
+export {
+  M as ProductListing
+};

package/dist/components/ProductListing/productListing.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="productListing-module__root___wKekh",t="productListing-module__imageWrapper___1Ng1A",o="productListing-module__label___RmnsZ",_="productListing-module__image___c7PjO",i="productListing-module__content___8mUJb",r="productListing-module__header___0p-91",d="productListing-module__features___65QFU",s="productListing-module__feature___qDenI",n="productListing-module__divider___JqTo6",u="productListing-module__actions___Hvth9",a="productListing-module__mobile___q5MBB",c="productListing-module__desktop___tRyUV",l={root:e,imageWrapper:t,label:o,image:_,content:i,header:r,features:d,feature:s,divider:n,actions:u,mobile:a,desktop:c};exports.actions=u;exports.content=i;exports.default=l;exports.desktop=c;exports.divider=n;exports.feature=s;exports.features=d;exports.header=r;exports.image=_;exports.imageWrapper=t;exports.label=o;exports.mobile=a;exports.root=e;

package/dist/components/ProductListing/productListing.module.css.es.js

@@ -0,0 +1,29 @@
+const t = "productListing-module__root___wKekh", _ = "productListing-module__imageWrapper___1Ng1A", e = "productListing-module__label___RmnsZ", o = "productListing-module__image___c7PjO", i = "productListing-module__content___8mUJb", s = "productListing-module__header___0p-91", d = "productListing-module__features___65QFU", n = "productListing-module__feature___qDenI", r = "productListing-module__divider___JqTo6", c = "productListing-module__actions___Hvth9", u = "productListing-module__mobile___q5MBB", a = "productListing-module__desktop___tRyUV", l = {
+  root: t,
+  imageWrapper: _,
+  label: e,
+  image: o,
+  content: i,
+  header: s,
+  features: d,
+  feature: n,
+  divider: r,
+  actions: c,
+  mobile: u,
+  desktop: a
+};
+export {
+  c as actions,
+  i as content,
+  l as default,
+  a as desktop,
+  r as divider,
+  n as feature,
+  d as features,
+  s as header,
+  o as image,
+  _ as imageWrapper,
+  e as label,
+  u as mobile,
+  t as root
+};

package/dist/components/ProgramCard/ProgramCard.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("../Typography/Typography.cjs.js"),l=require("./assets/program_card_bg.png.cjs.js"),o=require("./programCard.module.css.cjs.js"),g=a=>{if(a.type==="coming_soon")return{title:{label:a.label||"Coming Soon",variant:"headingLg",mobileVariant:"headingXxs"}};if(a.type==="active"){const{label:e,image:r,link:i}=a;return{title:{label:e,variant:"displayXs",mobileVariant:"headingSm"},image:r||l.default,link:i}}return null};function m(a){const e=g(a);if(!e)return null;const r=e.link?"a":"div";return t.jsx(r,{href:e.link||"",className:o.default.card,"data-type":a.type,style:{backgroundImage:e.image?`url(${e.image})`:void 0},children:t.jsx(n.Typography,{as:"p",defaultVariant:e.title.variant,mobileVariant:e.title.mobileVariant,children:e.title.label})})}exports.ProgramCard=m;

package/dist/components/ProgramCard/ProgramCard.es.js

@@ -0,0 +1,48 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Typography as n } from "../Typography/Typography.es.js";
+import l from "./assets/program_card_bg.png.es.js";
+import m from "./programCard.module.css.es.js";
+const o = (i) => {
+  if (i.type === "coming_soon")
+    return {
+      title: {
+        label: i.label || "Coming Soon",
+        variant: "headingLg",
+        mobileVariant: "headingXxs"
+      }
+    };
+  if (i.type === "active") {
+    const { label: a, image: t, link: r } = i;
+    return {
+      title: {
+        label: a,
+        variant: "displayXs",
+        mobileVariant: "headingSm"
+      },
+      image: t || l,
+      link: r
+    };
+  }
+  return null;
+};
+function u(i) {
+  const a = o(i);
+  if (!a)
+    return null;
+  const t = a.link ? "a" : "div";
+  return /* @__PURE__ */ e(
+    t,
+    {
+      href: a.link || "",
+      className: m.card,
+      "data-type": i.type,
+      style: {
+        backgroundImage: a.image ? `url(${a.image})` : void 0
+      },
+      children: /* @__PURE__ */ e(n, { as: "p", defaultVariant: a.title.variant, mobileVariant: a.title.mobileVariant, children: a.title.label })
+    }
+  );
+}
+export {
+  u as ProgramCard
+};