@zenpatient-org/healthspan-marketing-ui 0.1.129 → 0.1.131

package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../utils/cn/cn.cjs.js"),N=require("../../ProgressButton/ProgressButton.cjs.js"),c=require("../../Typography/Typography.cjs.js"),v=require("../useComplexImageCarousel.cjs.js"),r=require("./complexImageCarousel.module.css.cjs.js"),b=({images:a})=>{const{containerRef:u,carouselRef:m,imageRefs:f,descriptionRef:p,descriptionItemRef:g,progressButtonContainerRef:h,visible:s,cardSizes:n,handleCustomPrevClick:C,handleCustomNextClick:x,current:y,mobileCardIndex:o,xLargeCardIndex:l}=v.useComplexImageCarousel({images:a});return e.jsx("div",{className:r.default.root,children:e.jsxs("div",{ref:u,className:r.default.container,children:[e.jsx("div",{ref:m,className:r.default.carouselArea,children:s.length>0&&s.map((j,t)=>e.jsx("div",{className:i.cn(r.default.slideContainer,r.default[`size-${n[t]}`]),ref:d=>{d&&(f.current[t]=d)},"data-flip-id":`slide-${(y+t)%a.length}`,"data-size":n[t],children:e.jsx("img",{src:j.image,alt:`Slide ${t+1}`,className:r.default.image})},t+1))}),e.jsx("div",{ref:p,className:r.default.description,children:e.jsxs("div",{ref:g,className:i.cn("description-item",r.default.descriptionItem),children:[e.jsx(c.Typography,{as:"h3",defaultVariant:"headingLg",mobileVariant:"headingXxs",children:typeof window<"u"&&window.innerWidth<=768?s[o].title:s[l].title}),e.jsx(c.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:r.default.text,children:typeof window<"u"&&window.innerWidth<=768?s[o].description:s[l].description})]})}),e.jsx("div",{ref:h,className:r.default.progressButtonContainer,children:e.jsx(N.ProgressButton,{left:{onClick:C},right:{onClick:x},className:i.cn("progress-buttons",r.default.progressButton)})})]})})};exports.ComplexCarousel=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../utils/cn/cn.cjs.js"),N=require("../../ProgressButton/ProgressButton.cjs.js"),c=require("../../Typography/Typography.cjs.js"),v=require("../useComplexImageCarousel.cjs.js"),r=require("./complexImageCarousel.module.css.cjs.js"),b=({images:a})=>{const{containerRef:u,carouselRef:m,imageRefs:f,descriptionRef:p,descriptionItemRef:g,progressButtonContainerRef:h,visible:s,cardSizes:n,handleCustomPrevClick:C,handleCustomNextClick:x,current:y,mobileCardIndex:o,xLargeCardIndex:l}=v.useComplexImageCarousel({images:a});return e.jsx("div",{className:r.default.root,children:e.jsxs("div",{ref:u,className:r.default.container,children:[e.jsx("div",{ref:m,className:r.default.carouselArea,children:s.length>0&&s.map((j,t)=>e.jsx("div",{className:i.cn(r.default.slideContainer,r.default[`size-${n[t]}`]),ref:d=>{d&&(f.current[t]=d)},"data-flip-id":`slide-${(y+t)%a.length}`,"data-size":n[t],children:e.jsx("img",{src:j.image,alt:`Slide ${t+1}`,className:r.default.image})},t+1))}),e.jsx("div",{ref:p,className:r.default.description,children:e.jsxs("div",{ref:g,className:i.cn("description-item",r.default.descriptionItem),children:[e.jsx(c.Typography,{as:"h3",defaultVariant:"headingLg",mobileVariant:"headingSm",children:typeof window<"u"&&window.innerWidth<=768?s[o].title:s[l].title}),e.jsx(c.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:r.default.text,children:typeof window<"u"&&window.innerWidth<=768?s[o].description:s[l].description})]})}),e.jsx("div",{ref:h,className:r.default.progressButtonContainer,children:e.jsx(N.ProgressButton,{left:{onClick:C},right:{onClick:x},className:i.cn("progress-buttons",r.default.progressButton)})})]})})};exports.ComplexCarousel=b;

package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.es.js

@@ -3,9 +3,9 @@ import { jsx as i, jsxs as c } from "react/jsx-runtime";
 import { cn as s } from "../../../utils/cn/cn.es.js";
 import { ProgressButton as y } from "../../ProgressButton/ProgressButton.es.js";
 import { Typography as m } from "../../Typography/Typography.es.js";
-import { useComplexImageCarousel as x } from "../useComplexImageCarousel.es.js";
+import { useComplexImageCarousel as R } from "../useComplexImageCarousel.es.js";
 import e from "./complexImageCarousel.module.css.es.js";
-const S = ({ images: o }) => {
+const z = ({ images: o }) => {
   const {
     containerRef: f,
     carouselRef: p,
@@ -20,7 +20,7 @@ const S = ({ images: o }) => {
     current: w,
     mobileCardIndex: n,
     xLargeCardIndex: d
-  } = x({ images: o });
+  } = R({ images: o });
   return /* @__PURE__ */ i("div", { className: e.root, children: /* @__PURE__ */ c("div", { ref: f, className: e.container, children: [
     /* @__PURE__ */ i("div", { ref: p, className: e.carouselArea, children: r.length > 0 && r.map((b, t) => /* @__PURE__ */ i(
       "div",
@@ -36,7 +36,7 @@ const S = ({ images: o }) => {
       t + 1
     )) }),
     /* @__PURE__ */ i("div", { ref: u, className: e.description, children: /* @__PURE__ */ c("div", { ref: g, className: s("description-item", e.descriptionItem), children: [
-      /* @__PURE__ */ i(m, { as: "h3", defaultVariant: "headingLg", mobileVariant: "headingXxs", children: typeof window < "u" && window.innerWidth <= 768 ? r[n].title : r[d].title }),
+      /* @__PURE__ */ i(m, { as: "h3", defaultVariant: "headingLg", mobileVariant: "headingSm", children: typeof window < "u" && window.innerWidth <= 768 ? r[n].title : r[d].title }),
       /* @__PURE__ */ i(m, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", className: e.text, children: typeof window < "u" && window.innerWidth <= 768 ? r[n].description : r[d].description })
     ] }) }),
     /* @__PURE__ */ i("div", { ref: C, className: e.progressButtonContainer, children: /* @__PURE__ */ i(
@@ -54,5 +54,5 @@ const S = ({ images: o }) => {
   ] }) });
 };
 export {
-  S as ComplexCarousel
+  z as ComplexCarousel
 };

package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),p=require("../../ComplexTooltip/ComplexTooltip.cjs.js");require("../../Icon/Icon.cjs.js");const o=require("../../Typography/Typography.cjs.js"),m=require("../../InfiniteScroll/InfiniteScroll.cjs.js"),e=require("./simpleImageCarousel.module.css.cjs.js"),d=({images:a})=>{const[l,r]=c.useState(null);return t.jsx("div",{className:e.default.simpleContainer,children:t.jsx(m.InfiniteScroll,{items:a,renderItem:(s,n)=>t.jsxs("div",{className:e.default.simpleItem,onMouseEnter:i=>{r({x:i.clientX,y:i.clientY})},onMouseMove:i=>{r({x:i.clientX,y:i.clientY})},children:[t.jsx(p.ComplexTooltip,{trigger:"hover",title:s.title||"",description:s.description||"",style:"light",transformMode:"absolute",transform:{top:(l==null?void 0:l.y)||0,left:l==null?void 0:l.x},children:t.jsx("img",{src:s.image,alt:s.title,className:e.default.simpleImage})}),t.jsx(o.Typography,{as:"h4",defaultVariant:"headingXs",mobileVariant:"bodyLg",className:e.default.simpleTitle,children:s.title}),t.jsx(o.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:e.default.simpleDescription,children:s.description})]},n),itemClassName:e.default.simpleItemWrapper,contentClassName:e.default.simpleContent,rootClassName:e.default.simpleRoot})})};exports.SimpleImageCarousel=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),p=require("../../ComplexTooltip/ComplexTooltip.cjs.js");require("../../Icon/Icon.cjs.js");const o=require("../../Typography/Typography.cjs.js"),m=require("../../InfiniteScroll/InfiniteScroll.cjs.js"),e=require("./simpleImageCarousel.module.css.cjs.js"),u=({images:a})=>{const[l,r]=c.useState(null);return t.jsx("div",{className:e.default.simpleContainer,children:t.jsx(m.InfiniteScroll,{items:a,renderItem:(s,n)=>t.jsxs("div",{className:e.default.simpleItem,onMouseEnter:i=>{r({x:i.clientX,y:i.clientY})},onMouseMove:i=>{r({x:i.clientX,y:i.clientY})},children:[t.jsx(p.ComplexTooltip,{trigger:"hover",title:s.title||"",description:s.description||"",style:"light",transformMode:"absolute",transform:{top:(l==null?void 0:l.y)||0,left:l==null?void 0:l.x},children:t.jsx("img",{src:s.image,alt:s.title,className:e.default.simpleImage})}),t.jsx(o.Typography,{as:"h4",defaultVariant:"headingXs",mobileVariant:"bodyLg",className:e.default.simpleTitle,children:s.title}),t.jsx(o.Typography,{as:"p",defaultVariant:"bodySm",mobileVariant:"bodyXs",className:e.default.simpleDescription,children:s.description})]},n),itemClassName:e.default.simpleItemWrapper,contentClassName:e.default.simpleContent,rootClassName:e.default.simpleRoot})})};exports.SimpleImageCarousel=u;

package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.es.js

@@ -55,8 +55,8 @@ const b = ({ images: m }) => {
               o,
               {
                 as: "p",
-                defaultVariant: "bodyMd",
-                mobileVariant: "bodySm",
+                defaultVariant: "bodySm",
+                mobileVariant: "bodyXs",
                 className: e.simpleDescription,
                 children: i.description
               }

package/dist/components/ProductGallery/ProductGallery.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),j=require("../../node_modules/swiper/modules/navigation.cjs.js"),u=require("../../node_modules/swiper/swiper-react.cjs.js"),p=require("../../utils/cn/cn.cjs.js"),v=require("../../utils/useSwiper/useSwiper.cjs.js"),f=require("../ProgressButton/ProgressButton.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const e=require("./productGallery.module.css.cjs.js"),P=[j.default],N=({slides:i,header:h,isTabbed:l=!1})=>{const{swiper:s,activeIndex:t,isEnd:n,setIsEnd:w,hideNav:S,handleSlideChange:g,handlePrevClick:a,handleNextClick:o,onSwiperInit:m,handleSwiperResize:q,handleSlideTo:d}=v.useSwiper();return c.useEffect(()=>{s==null||s.setProgress(0,300)},[s]),c.useEffect(()=>{i.length&&d(0)},[i,d]),r.jsxs("div",{className:e.default.root,children:[r.jsxs("div",{className:p.cn(e.default.topRow,{[e.default.topRowTabbed]:l}),children:[r.jsx("div",{className:e.default.headerWrapper,children:h}),r.jsx("div",{className:p.cn(e.default.swiperControlsDesktop,{[e.default.swiperControlsHidden]:S,[e.default.swiperControlsTabbed]:l}),children:r.jsx(f.ProgressButton,{left:{disabled:t<=0,onClick:a},right:{disabled:n,onClick:o}})})]}),r.jsx("div",{className:e.default.carouselArea,children:r.jsx(u.Swiper,{onSwiper:m,onResize:q,onSlideChange:g,onReachEnd:()=>w(!0),modules:P,spaceBetween:0,slidesPerView:"auto",className:e.default.swiper,children:i.map((x,C)=>r.jsx(u.SwiperSlide,{className:e.default.swiperSlide,children:x},C))})}),r.jsx("div",{className:e.default.swiperControlsMobile,children:r.jsx(f.ProgressButton,{left:{disabled:t<=0,onClick:a},right:{disabled:n,onClick:o}})})]})};exports.ProductGallery=N;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),q=require("../../node_modules/swiper/modules/navigation.cjs.js"),p=require("../../node_modules/swiper/swiper-react.cjs.js"),f=require("../../utils/cn/cn.cjs.js"),x=require("../../utils/useSwiper/useSwiper.cjs.js"),h=require("../ProgressButton/ProgressButton.cjs.js"),j=require("../ProductGalleryCard/ProductGalleryCard.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const r=require("./productGallery.module.css.cjs.js"),b=[q.default],v=({slides:i,header:m,isTabbed:l=!1})=>{const{swiper:t,activeIndex:n,isEnd:a,setIsEnd:w,hideNav:S,handleSlideChange:g,handlePrevClick:o,handleNextClick:c,onSwiperInit:C,handleSwiperResize:P,handleSlideTo:d}=x.useSwiper();return u.useEffect(()=>{t==null||t.setProgress(0,300)},[t]),u.useEffect(()=>{i.length&&d(0)},[i,d]),e.jsxs("div",{className:r.default.root,children:[e.jsxs("div",{className:f.cn(r.default.topRow,{[r.default.topRowTabbed]:l}),children:[e.jsx("div",{className:r.default.headerWrapper,children:m}),e.jsx("div",{className:f.cn(r.default.swiperControlsDesktop,{[r.default.swiperControlsHidden]:S,[r.default.swiperControlsTabbed]:l}),children:e.jsx(h.ProgressButton,{left:{disabled:n<=0,onClick:o},right:{disabled:a,onClick:c}})})]}),e.jsx("div",{className:r.default.carouselArea,children:e.jsx(p.Swiper,{onSwiper:C,onResize:P,onSlideChange:g,onReachEnd:()=>w(!0),modules:b,spaceBetween:0,slidesPerView:"auto",className:r.default.swiper,children:i.map(s=>e.jsx(p.SwiperSlide,{className:r.default.swiperSlide,children:e.jsx(j.ProductGalleryCard,{name:s.name,price:s.price,image:s.image,link:s.link,buttons:s.buttons})},`${s.name}_${s.link}`))})}),e.jsx("div",{className:r.default.swiperControlsMobile,children:e.jsx(h.ProgressButton,{left:{disabled:n<=0,onClick:o},right:{disabled:a,onClick:c}})})]})};exports.ProductGallery=v;

package/dist/components/ProductGallery/ProductGallery.d.ts

@@ -1,8 +1,9 @@
 import { ReactNode } from 'react';
+import { TProductGalleryCardView } from '../ProductGalleryCard';
 
 export type TProductGalleryProps = {
     header: ReactNode;
-    slides: ReactNode[];
+    slides: Array<TProductGalleryCardView>;
     isTabbed?: boolean;
 };
 export declare const ProductGallery: ({ slides, header, isTabbed }: TProductGalleryProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,59 +1,60 @@
 "use client";
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { jsxs as m, jsx as r } 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 k from "../../node_modules/swiper/modules/navigation.es.js";
+import { Swiper as v, SwiperSlide as b } from "../../node_modules/swiper/swiper-react.es.js";
+import { cn as h } 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";
+import { ProgressButton as f } from "../ProgressButton/ProgressButton.es.js";
+import { ProductGalleryCard as E } from "../ProductGalleryCard/ProductGalleryCard.es.js";
 /* empty css                                      */
 /* empty css                                                  */
 /* empty css                                                  */
 import e from "./productGallery.module.css.es.js";
-const R = [b], G = ({ slides: o, header: w, isTabbed: s = !1 }) => {
+const R = [k], $ = ({ slides: n, header: w, isTabbed: t = !1 }) => {
   const {
-    swiper: r,
-    activeIndex: l,
-    isEnd: n,
-    setIsEnd: f,
-    hideNav: S,
-    handleSlideChange: C,
-    handlePrevClick: t,
-    handleNextClick: a,
+    swiper: o,
+    activeIndex: a,
+    isEnd: l,
+    setIsEnd: u,
+    hideNav: C,
+    handleSlideChange: S,
+    handlePrevClick: s,
+    handleNextClick: d,
     onSwiperInit: N,
-    handleSwiperResize: u,
-    handleSlideTo: d
+    handleSwiperResize: g,
+    handleSlideTo: c
   } = P();
   return p(() => {
-    r == null || r.setProgress(0, 300);
-  }, [r]), p(() => {
-    o.length && d(0);
-  }, [o, d]), /* @__PURE__ */ c("div", { className: e.root, children: [
-    /* @__PURE__ */ c(
+    o == null || o.setProgress(0, 300);
+  }, [o]), p(() => {
+    n.length && c(0);
+  }, [n, c]), /* @__PURE__ */ m("div", { className: e.root, children: [
+    /* @__PURE__ */ m(
       "div",
       {
-        className: m(e.topRow, {
-          [e.topRowTabbed]: s
+        className: h(e.topRow, {
+          [e.topRowTabbed]: t
         }),
         children: [
-          /* @__PURE__ */ i("div", { className: e.headerWrapper, children: w }),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ r("div", { className: e.headerWrapper, children: w }),
+          /* @__PURE__ */ r(
             "div",
             {
-              className: m(e.swiperControlsDesktop, {
-                [e.swiperControlsHidden]: S,
-                [e.swiperControlsTabbed]: s
+              className: h(e.swiperControlsDesktop, {
+                [e.swiperControlsHidden]: C,
+                [e.swiperControlsTabbed]: t
               }),
-              children: /* @__PURE__ */ i(
-                h,
+              children: /* @__PURE__ */ r(
+                f,
                 {
                   left: {
-                    disabled: l <= 0,
-                    onClick: t
+                    disabled: a <= 0,
+                    onClick: s
                   },
                   right: {
-                    disabled: n,
-                    onClick: a
+                    disabled: l,
+                    onClick: d
                   }
                 }
               )
@@ -62,35 +63,44 @@ const R = [b], G = ({ slides: o, header: w, isTabbed: s = !1 }) => {
         ]
       }
     ),
-    /* @__PURE__ */ i("div", { className: e.carouselArea, children: /* @__PURE__ */ i(
-      k,
+    /* @__PURE__ */ r("div", { className: e.carouselArea, children: /* @__PURE__ */ r(
+      v,
       {
         onSwiper: N,
-        onResize: u,
-        onSlideChange: C,
-        onReachEnd: () => f(!0),
+        onResize: g,
+        onSlideChange: S,
+        onReachEnd: () => u(!0),
         modules: R,
         spaceBetween: 0,
         slidesPerView: "auto",
         className: e.swiper,
-        children: o.map((v, g) => /* @__PURE__ */ i(E, { className: e.swiperSlide, children: v }, g))
+        children: n.map((i) => /* @__PURE__ */ r(b, { className: e.swiperSlide, children: /* @__PURE__ */ r(
+          E,
+          {
+            name: i.name,
+            price: i.price,
+            image: i.image,
+            link: i.link,
+            buttons: i.buttons
+          }
+        ) }, `${i.name}_${i.link}`))
       }
     ) }),
-    /* @__PURE__ */ i("div", { className: e.swiperControlsMobile, children: /* @__PURE__ */ i(
-      h,
+    /* @__PURE__ */ r("div", { className: e.swiperControlsMobile, children: /* @__PURE__ */ r(
+      f,
       {
         left: {
-          disabled: l <= 0,
-          onClick: t
+          disabled: a <= 0,
+          onClick: s
         },
         right: {
-          disabled: n,
-          onClick: a
+          disabled: l,
+          onClick: d
         }
       }
     ) })
   ] });
 };
 export {
-  G as ProductGallery
+  $ as ProductGallery
 };