@zenpatient-org/healthspan-marketing-ui 0.1.130 → 0.1.132

package/dist/components/ContentTabs/ContentTabs.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn/cn.cjs.js"),s=require("../Typography/Typography.cjs.js"),d=require("../IconBracket/IconBracket.cjs.js"),u=require("../Icon/Icon.cjs.js"),n=require("./contentTabs.module.css.cjs.js");function m({tabs:c,activeTab:l,colorScheme:r,activeWithArrow:o,onTabClick:i}){return e.jsx("div",{className:t.cn(n.default.root,n.default[r]),children:c.map(a=>e.jsxs("div",{className:n.default.tabWrap,children:[e.jsxs("button",{className:t.cn(n.default.tab,{[n.default.activeTab]:l.label===a.label}),onClick:()=>i(a),children:[l.label===a.label&&o&&e.jsx("div",{className:n.default.arrow,children:e.jsx(d.IconBracket,{variant:"arrow",size:"md",colorScheme:r})}),a.icon&&e.jsx("div",{className:n.default.icon,children:e.jsx(u.Icon,{name:a.icon})}),e.jsx(s.Typography,{defaultVariant:"headingXs",children:a.label})]}),e.jsx("div",{className:t.cn(n.default.itemContent,{[n.default.itemContentOpen]:l.label===a.label}),children:e.jsx("div",{className:n.default.itemContentInner,children:e.jsx(s.Typography,{as:"p",defaultVariant:"bodySm",children:a.description})})})]},String(a.label)))})}exports.ContentTabs=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../utils/cn/cn.cjs.js"),s=require("../Typography/Typography.cjs.js"),d=require("../IconBracket/IconBracket.cjs.js"),u=require("../Icon/Icon.cjs.js"),n=require("./contentTabs.module.css.cjs.js");function m({tabs:c,activeTab:t,colorScheme:r,activeWithArrow:o,onTabClick:i}){return e.jsx("div",{className:l.cn(n.default.root,n.default[r]),children:c.map(a=>e.jsxs("div",{className:n.default.tabWrap,children:[e.jsxs("button",{className:l.cn(n.default.tab,{[n.default.activeTab]:t.label===a.label}),onClick:()=>i(a),children:[t.label===a.label&&o&&e.jsx("div",{className:n.default.arrow,children:e.jsx(d.IconBracket,{variant:"arrow",size:"md",colorScheme:r})}),a.icon&&e.jsx(u.Icon,{name:a.icon,className:n.default.icon}),e.jsx(s.Typography,{defaultVariant:"headingXxs",children:a.label})]}),e.jsx("div",{className:l.cn(n.default.itemContent,{[n.default.itemContentOpen]:t.label===a.label}),children:e.jsx("div",{className:n.default.itemContentInner,children:e.jsx(s.Typography,{as:"p",defaultVariant:"bodySm",children:a.description})})})]},String(a.label)))})}exports.ContentTabs=m;

package/dist/components/ContentTabs/ContentTabs.es.js

@@ -1,31 +1,31 @@
 "use client";
-import { jsx as i, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { cn as l } from "../../utils/cn/cn.es.js";
 import { Typography as t } from "../Typography/Typography.es.js";
 import { IconBracket as d } from "../IconBracket/IconBracket.es.js";
 import { Icon as p } from "../Icon/Icon.es.js";
 import e from "./contentTabs.module.css.es.js";
-function b({ tabs: m, activeTab: r, colorScheme: a, activeWithArrow: s, onTabClick: c }) {
-  return /* @__PURE__ */ i("div", { className: l(e.root, e[a]), children: m.map((n) => /* @__PURE__ */ o("div", { className: e.tabWrap, children: [
+function b({ tabs: m, activeTab: i, colorScheme: a, activeWithArrow: s, onTabClick: c }) {
+  return /* @__PURE__ */ r("div", { className: l(e.root, e[a]), children: m.map((n) => /* @__PURE__ */ o("div", { className: e.tabWrap, children: [
     /* @__PURE__ */ o(
       "button",
       {
         className: l(e.tab, {
-          [e.activeTab]: r.label === n.label
+          [e.activeTab]: i.label === n.label
         }),
         onClick: () => c(n),
         children: [
-          r.label === n.label && s && /* @__PURE__ */ i("div", { className: e.arrow, children: /* @__PURE__ */ i(d, { variant: "arrow", size: "md", colorScheme: a }) }),
-          n.icon && /* @__PURE__ */ i("div", { className: e.icon, children: /* @__PURE__ */ i(p, { name: n.icon }) }),
-          /* @__PURE__ */ i(t, { defaultVariant: "headingXs", children: n.label })
+          i.label === n.label && s && /* @__PURE__ */ r("div", { className: e.arrow, children: /* @__PURE__ */ r(d, { variant: "arrow", size: "md", colorScheme: a }) }),
+          n.icon && /* @__PURE__ */ r(p, { name: n.icon, className: e.icon }),
+          /* @__PURE__ */ r(t, { defaultVariant: "headingXxs", children: n.label })
         ]
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ r(
       "div",
       {
-        className: l(e.itemContent, { [e.itemContentOpen]: r.label === n.label }),
-        children: /* @__PURE__ */ i("div", { className: e.itemContentInner, children: /* @__PURE__ */ i(t, { as: "p", defaultVariant: "bodySm", children: n.description }) })
+        className: l(e.itemContent, { [e.itemContentOpen]: i.label === n.label }),
+        children: /* @__PURE__ */ r("div", { className: e.itemContentInner, children: /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodySm", children: n.description }) })
       }
     )
   ] }, String(n.label))) });

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
 };