@zenpatient-org/healthspan-marketing-ui 0.2.65 → 0.2.66

package/dist/components/AdvancedGallery/AdvancedGallery.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),q=require("swiper/modules"),d=require("swiper/react"),y=require("../../utils/useSwiper/useSwiper.cjs.js"),j=require("../../utils/cn/cn.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const w=require("../GalleryPagination/GalleryPagination.cjs.js"),u=require("../../src/styles/utils.module.css"),a=require("../../src/components/AdvancedGallery/advancedGallery.module.css"),x=require("../Label/Label.cjs.js"),v=require("./components/VideoSlide/VideoSlide.cjs.js"),P=require("./components/ImageGalleryPagination/ImageGalleryPagination.cjs.js"),_=[q.Navigation],b=({items:r,label:l,className:S})=>{const{activeIndex:s,handleSlideTo:o,handleSlideChange:p,onSwiperInit:g,handleSwiperResize:h,handleUserInteraction:i}=y.useSwiperWithAutoPlay(5e3),c=m.useCallback(n=>{i(),o(n)},[i,o]);return e.jsxs("div",{className:j.cn(a.root,S),children:[l&&e.jsx("div",{className:a.labelWrap,children:e.jsx(x.Label,{color:"black",size:"sm",children:l})}),e.jsx(d.Swiper,{onSwiper:g,onResize:h,onSlideChange:p,onTouchStart:i,onTouchEnd:i,modules:_,spaceBetween:0,slidesPerView:1,className:a.swiper,children:r.map((n,t)=>e.jsxs(d.SwiperSlide,{children:[n.mediaType==="image"&&e.jsx("div",{className:a.imageWrapper,children:e.jsx("img",{src:n.url,alt:"product image",className:a.image,onClick:i})}),n.mediaType==="video"&&e.jsx(v.VideoSlide,{item:n,isActive:s===t,onClick:i})]},t))}),e.jsx(P.ImageGalleryPagination,{items:r,activeIndex:s,className:u.hideOnMobile,onSelect:c}),e.jsx(w.GalleryPagination,{count:r.length,activeIndex:s,className:u.hideOnDesktop,onSelect:c})]})};exports.AdvancedGallery=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),m=require("swiper/modules"),d=require("swiper/react"),q=require("../../utils/useSwiper/useSwiper.cjs.js"),y=require("../../utils/cn/cn.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const j=require("../GalleryPagination/GalleryPagination.cjs.js"),i=require("../../src/components/AdvancedGallery/advancedGallery.module.css"),w=require("../Label/Label.cjs.js"),x=require("./components/VideoSlide/VideoSlide.cjs.js"),v=require("./components/ImageGalleryPagination/ImageGalleryPagination.cjs.js"),P=[m.Navigation],_=({items:r,label:l,className:u})=>{const{activeIndex:s,handleSlideTo:o,handleSlideChange:S,onSwiperInit:p,handleSwiperResize:g,handleUserInteraction:n}=q.useSwiperWithAutoPlay(5e3),c=h.useCallback(a=>{n(),o(a)},[n,o]);return e.jsxs("div",{className:y.cn(i.root,u),children:[l&&e.jsx("div",{className:i.labelWrap,children:e.jsx(w.Label,{color:"black",size:"sm",children:l})}),e.jsx(d.Swiper,{onSwiper:p,onResize:g,onSlideChange:S,onTouchStart:n,onTouchEnd:n,modules:P,spaceBetween:0,slidesPerView:1,className:i.swiper,children:r.map((a,t)=>e.jsxs(d.SwiperSlide,{children:[a.mediaType==="image"&&e.jsx("div",{className:i.imageWrapper,children:e.jsx("img",{src:a.url,alt:"product image",className:i.image,onClick:n})}),a.mediaType==="video"&&e.jsx(x.VideoSlide,{item:a,isActive:s===t,onClick:n})]},t))}),e.jsx(v.ImageGalleryPagination,{items:r,activeIndex:s,className:i.hideOnMobile,onSelect:c}),e.jsx(j.GalleryPagination,{count:r.length,activeIndex:s,className:i.hideOnDesktop,onSelect:c})]})};exports.AdvancedGallery=_;

package/dist/components/AdvancedGallery/AdvancedGallery.es.js

@@ -1,74 +1,73 @@
 "use client";
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useCallback as f } from "react";
-import { Navigation as u } from "swiper/modules";
-import { Swiper as w, SwiperSlide as v } from "swiper/react";
-import { useSwiperWithAutoPlay as y } from "../../utils/useSwiper/useSwiper.es.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useCallback as g } from "react";
+import { Navigation as f } from "swiper/modules";
+import { Swiper as u, SwiperSlide as w } from "swiper/react";
+import { useSwiperWithAutoPlay as v } from "../../utils/useSwiper/useSwiper.es.js";
 import { cn as N } from "../../utils/cn/cn.es.js";
 /* empty css                                      */
 /* empty css                                                  */
 /* empty css                                                  */
-import { GalleryPagination as P } from "../GalleryPagination/GalleryPagination.es.js";
-import p from "../../styles/utils.module.css";
-import r from "../../components/AdvancedGallery/advancedGallery.module.css";
-import { Label as k } from "../Label/Label.es.js";
-import { VideoSlide as C } from "./components/VideoSlide/VideoSlide.es.js";
-import { ImageGalleryPagination as I } from "./components/ImageGalleryPagination/ImageGalleryPagination.es.js";
-const T = [u], B = ({ items: a, label: n, className: d }) => {
-  const { activeIndex: l, handleSlideTo: t, handleSlideChange: h, onSwiperInit: S, handleSwiperResize: g, handleUserInteraction: i } = y(5e3), m = f(
-    (o) => {
-      i(), t(o);
+import { GalleryPagination as y } from "../GalleryPagination/GalleryPagination.es.js";
+import i from "../../components/AdvancedGallery/advancedGallery.module.css";
+import { Label as P } from "../Label/Label.es.js";
+import { VideoSlide as k } from "./components/VideoSlide/VideoSlide.es.js";
+import { ImageGalleryPagination as C } from "./components/ImageGalleryPagination/ImageGalleryPagination.es.js";
+const I = [f], U = ({ items: a, label: n, className: d }) => {
+  const { activeIndex: l, handleSlideTo: t, handleSlideChange: p, onSwiperInit: h, handleSwiperResize: S, handleUserInteraction: o } = v(5e3), m = g(
+    (r) => {
+      o(), t(r);
     },
-    [i, t]
+    [o, t]
   );
-  return /* @__PURE__ */ c("div", { className: N(r.root, d), children: [
-    n && /* @__PURE__ */ e("div", { className: r.labelWrap, children: /* @__PURE__ */ e(k, { color: "black", size: "sm", children: n }) }),
+  return /* @__PURE__ */ s("div", { className: N(i.root, d), children: [
+    n && /* @__PURE__ */ e("div", { className: i.labelWrap, children: /* @__PURE__ */ e(P, { color: "black", size: "sm", children: n }) }),
     /* @__PURE__ */ e(
-      w,
+      u,
       {
-        onSwiper: S,
-        onResize: g,
-        onSlideChange: h,
-        onTouchStart: i,
-        onTouchEnd: i,
-        modules: T,
+        onSwiper: h,
+        onResize: S,
+        onSlideChange: p,
+        onTouchStart: o,
+        onTouchEnd: o,
+        modules: I,
         spaceBetween: 0,
         slidesPerView: 1,
-        className: r.swiper,
-        children: a.map((o, s) => /* @__PURE__ */ c(v, { children: [
-          o.mediaType === "image" && /* @__PURE__ */ e("div", { className: r.imageWrapper, children: /* @__PURE__ */ e(
+        className: i.swiper,
+        children: a.map((r, c) => /* @__PURE__ */ s(w, { children: [
+          r.mediaType === "image" && /* @__PURE__ */ e("div", { className: i.imageWrapper, children: /* @__PURE__ */ e(
             "img",
             {
-              src: o.url,
+              src: r.url,
               alt: "product image",
-              className: r.image,
-              onClick: i
+              className: i.image,
+              onClick: o
             }
           ) }),
-          o.mediaType === "video" && /* @__PURE__ */ e(C, { item: o, isActive: l === s, onClick: i })
-        ] }, s))
+          r.mediaType === "video" && /* @__PURE__ */ e(k, { item: r, isActive: l === c, onClick: o })
+        ] }, c))
       }
     ),
     /* @__PURE__ */ e(
-      I,
+      C,
       {
         items: a,
         activeIndex: l,
-        className: p.hideOnMobile,
+        className: i.hideOnMobile,
         onSelect: m
       }
     ),
     /* @__PURE__ */ e(
-      P,
+      y,
       {
         count: a.length,
         activeIndex: l,
-        className: p.hideOnDesktop,
+        className: i.hideOnDesktop,
         onSelect: m
       }
     )
   ] });
 };
 export {
-  B as AdvancedGallery
+  U as AdvancedGallery
 };

package/dist/components/AdvancedGallery/advancedGallery.module.css

@@ -62,3 +62,18 @@
         aspect-ratio: 1 / 1;
     }
 }
+
+.hideOnDesktop {
+    display: none;
+}
+.hideOnMobile {
+    display: inherit;
+}
+@media (width <= 768px) {
+    .hideOnDesktop {
+        display: inherit;
+    }
+    .hideOnMobile {
+        display: none;
+    }
+}

package/dist/components/ImageGallery/ImageGallery.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),q=require("swiper/modules"),u=require("swiper/react"),x=require("../../utils/useSwiper/useSwiper.cjs.js"),w=require("../../utils/cn/cn.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const i=require("../../src/components/ImageGallery/imageGallery.module.css"),d=require("../../src/styles/utils.module.css"),P=require("../Label/Label.cjs.js"),N=require("./components/ImageGalleryPagination/ImageGalleryPagination.cjs.js"),m=require("../GalleryPagination/GalleryPagination.cjs.js"),_=[q.Navigation],b=({images:a,label:c,className:h,type:r="primary"})=>{const{activeIndex:s,handleSlideTo:o,handleSlideChange:g,onSwiperInit:S,handleSwiperResize:p,handleUserInteraction:n}=x.useSwiperWithAutoPlay(3e3),l=j.useCallback(t=>{n(),o(t)},[n,o]);return e.jsxs("div",{className:w.cn(i.root,h,{[i.primary]:r==="primary",[i.secondary]:r==="secondary"}),children:[c&&e.jsx("div",{className:i.labelWrap,children:e.jsx(P.Label,{color:"black",size:"sm",children:c})}),e.jsx(u.Swiper,{onSwiper:S,onResize:p,onSlideChange:g,onTouchStart:n,onTouchEnd:n,modules:_,spaceBetween:0,slidesPerView:1,className:i.swiper,children:a.map((t,y)=>e.jsx(u.SwiperSlide,{children:e.jsx("div",{className:i.imageContainer,children:e.jsx("div",{className:i.imageWrapper,children:e.jsx("img",{src:t,alt:"product image",width:r==="primary"?600:492,height:r==="primary"?600:389,className:i.image,onClick:n})})})},y))}),r==="primary"?e.jsxs(e.Fragment,{children:[e.jsx(N.ImageGalleryPagination,{images:a,className:d.hideOnMobile,activeIndex:s,onSelect:l}),e.jsx(m.GalleryPagination,{count:a.length,activeIndex:s,className:d.hideOnDesktop,onSelect:l})]}):e.jsx(m.GalleryPagination,{count:a.length,activeIndex:s,onSelect:l})]})};exports.ImageGallery=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),j=require("swiper/modules"),d=require("swiper/react"),x=require("../../utils/useSwiper/useSwiper.cjs.js"),q=require("../../utils/cn/cn.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const i=require("../../src/components/ImageGallery/imageGallery.module.css"),w=require("../Label/Label.cjs.js"),P=require("./components/ImageGalleryPagination/ImageGalleryPagination.cjs.js"),u=require("../GalleryPagination/GalleryPagination.cjs.js"),N=[j.Navigation],_=({images:a,label:o,className:m,type:r="primary"})=>{const{activeIndex:s,handleSlideTo:t,handleSlideChange:h,onSwiperInit:g,handleSwiperResize:p,handleUserInteraction:n}=x.useSwiperWithAutoPlay(3e3),l=y.useCallback(c=>{n(),t(c)},[n,t]);return e.jsxs("div",{className:q.cn(i.root,m,{[i.primary]:r==="primary",[i.secondary]:r==="secondary"}),children:[o&&e.jsx("div",{className:i.labelWrap,children:e.jsx(w.Label,{color:"black",size:"sm",children:o})}),e.jsx(d.Swiper,{onSwiper:g,onResize:p,onSlideChange:h,onTouchStart:n,onTouchEnd:n,modules:N,spaceBetween:0,slidesPerView:1,className:i.swiper,children:a.map((c,S)=>e.jsx(d.SwiperSlide,{children:e.jsx("div",{className:i.imageContainer,children:e.jsx("div",{className:i.imageWrapper,children:e.jsx("img",{src:c,alt:"product image",width:r==="primary"?600:492,height:r==="primary"?600:389,className:i.image,onClick:n})})})},S))}),r==="primary"?e.jsxs(e.Fragment,{children:[e.jsx(P.ImageGalleryPagination,{images:a,className:i.hideOnMobile,activeIndex:s,onSelect:l}),e.jsx(u.GalleryPagination,{count:a.length,activeIndex:s,className:i.hideOnDesktop,onSelect:l})]}):e.jsx(u.GalleryPagination,{count:a.length,activeIndex:s,onSelect:l})]})};exports.ImageGallery=_;

package/dist/components/ImageGallery/ImageGallery.es.js

@@ -1,47 +1,46 @@
 "use client";
-import { jsxs as s, jsx as e, Fragment as w } from "react/jsx-runtime";
-import { useCallback as y } from "react";
-import { Navigation as N } from "swiper/modules";
-import { Swiper as v, SwiperSlide as I } from "swiper/react";
-import { useSwiperWithAutoPlay as P } from "../../utils/useSwiper/useSwiper.es.js";
-import { cn as C } from "../../utils/cn/cn.es.js";
+import { jsxs as s, jsx as e, Fragment as f } from "react/jsx-runtime";
+import { useCallback as w } from "react";
+import { Navigation as y } from "swiper/modules";
+import { Swiper as N, SwiperSlide as v } from "swiper/react";
+import { useSwiperWithAutoPlay as I } from "../../utils/useSwiper/useSwiper.es.js";
+import { cn as P } from "../../utils/cn/cn.es.js";
 /* empty css                                      */
 /* empty css                                                  */
 /* empty css                                                  */
 import r from "../../components/ImageGallery/imageGallery.module.css";
-import d from "../../styles/utils.module.css";
-import { Label as b } from "../Label/Label.es.js";
-import { ImageGalleryPagination as k } from "./components/ImageGalleryPagination/ImageGalleryPagination.es.js";
-import { GalleryPagination as p } from "../GalleryPagination/GalleryPagination.es.js";
-const x = [N], F = ({ images: a, label: m, className: h, type: i = "primary" }) => {
-  const { activeIndex: n, handleSlideTo: c, handleSlideChange: S, onSwiperInit: g, handleSwiperResize: u, handleUserInteraction: o } = P(3e3), l = y(
+import { Label as C } from "../Label/Label.es.js";
+import { ImageGalleryPagination as b } from "./components/ImageGalleryPagination/ImageGalleryPagination.es.js";
+import { GalleryPagination as d } from "../GalleryPagination/GalleryPagination.es.js";
+const k = [y], A = ({ images: o, label: m, className: p, type: i = "primary" }) => {
+  const { activeIndex: n, handleSlideTo: c, handleSlideChange: h, onSwiperInit: S, handleSwiperResize: g, handleUserInteraction: a } = I(3e3), l = w(
     (t) => {
-      o(), c(t);
+      a(), c(t);
     },
-    [o, c]
+    [a, c]
   );
   return /* @__PURE__ */ s(
     "div",
     {
-      className: C(r.root, h, {
+      className: P(r.root, p, {
         [r.primary]: i === "primary",
         [r.secondary]: i === "secondary"
       }),
       children: [
-        m && /* @__PURE__ */ e("div", { className: r.labelWrap, children: /* @__PURE__ */ e(b, { color: "black", size: "sm", children: m }) }),
+        m && /* @__PURE__ */ e("div", { className: r.labelWrap, children: /* @__PURE__ */ e(C, { color: "black", size: "sm", children: m }) }),
         /* @__PURE__ */ e(
-          v,
+          N,
           {
-            onSwiper: g,
-            onResize: u,
-            onSlideChange: S,
-            onTouchStart: o,
-            onTouchEnd: o,
-            modules: x,
+            onSwiper: S,
+            onResize: g,
+            onSlideChange: h,
+            onTouchStart: a,
+            onTouchEnd: a,
+            modules: k,
             spaceBetween: 0,
             slidesPerView: 1,
             className: r.swiper,
-            children: a.map((t, f) => /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e("div", { className: r.imageContainer, children: /* @__PURE__ */ e("div", { className: r.imageWrapper, children: /* @__PURE__ */ e(
+            children: o.map((t, u) => /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e("div", { className: r.imageContainer, children: /* @__PURE__ */ e("div", { className: r.imageWrapper, children: /* @__PURE__ */ e(
               "img",
               {
                 src: t,
@@ -49,35 +48,35 @@ const x = [N], F = ({ images: a, label: m, className: h, type: i = "primary" })
                 width: i === "primary" ? 600 : 492,
                 height: i === "primary" ? 600 : 389,
                 className: r.image,
-                onClick: o
+                onClick: a
               }
-            ) }) }) }, f))
+            ) }) }) }, u))
           }
         ),
-        i === "primary" ? /* @__PURE__ */ s(w, { children: [
+        i === "primary" ? /* @__PURE__ */ s(f, { children: [
           /* @__PURE__ */ e(
-            k,
+            b,
             {
-              images: a,
-              className: d.hideOnMobile,
+              images: o,
+              className: r.hideOnMobile,
               activeIndex: n,
               onSelect: l
             }
           ),
           /* @__PURE__ */ e(
-            p,
+            d,
             {
-              count: a.length,
+              count: o.length,
               activeIndex: n,
-              className: d.hideOnDesktop,
+              className: r.hideOnDesktop,
               onSelect: l
             }
           )
-        ] }) : /* @__PURE__ */ e(p, { count: a.length, activeIndex: n, onSelect: l })
+        ] }) : /* @__PURE__ */ e(d, { count: o.length, activeIndex: n, onSelect: l })
       ]
     }
   );
 };
 export {
-  F as ImageGallery
+  A as ImageGallery
 };

package/dist/components/ImageGallery/imageGallery.module.css

@@ -77,3 +77,18 @@
         aspect-ratio: 1 / 1;
     }
 }
+
+.hideOnDesktop {
+    display: none;
+}
+.hideOnMobile {
+    display: inherit;
+}
+@media (width <= 768px) {
+    .hideOnDesktop {
+        display: inherit;
+    }
+    .hideOnMobile {
+        display: none;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.2.65",
+    "version": "0.2.66",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",

package/dist/styles/utils.module.css

@@ -1,14 +0,0 @@
-.hideOnDesktop {
-    display: none;
-}
-.hideOnMobile {
-    display: inherit;
-}
-@media (width <= 768px) {
-    .hideOnDesktop {
-        display: inherit;
-    }
-    .hideOnMobile {
-        display: none;
-    }
-}