@zenpatient-org/healthspan-marketing-ui 0.2.45 → 0.2.46

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"),m=require("swiper/modules"),u=require("swiper/react"),h=require("react"),q=require("../../utils/useSwiper/useSwiper.cjs.js"),j=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"),y=require("./components/ImageGalleryPagination/ImageGalleryPagination.cjs.js"),x=require("../GalleryPagination/GalleryPagination.cjs.js"),P=[m.Navigation],_=({images:r,label:l,className:d,pagination:I="plain"})=>{const{activeIndex:s,handleSlideTo:t,handleSlideChange:p,onSwiperInit:S,handleSwiperResize:g,handleUserInteraction:n}=q.useSwiperWithAutoPlay(3e3),o=h.useCallback(a=>{n(),t(a)},[n,t]);return e.jsxs("div",{className:j.cn(i.root,d),children:[l&&e.jsx("div",{className:i.labelWrap,children:e.jsx(w.Label,{color:"black",size:"sm",children:l})}),e.jsx(u.Swiper,{onSwiper:S,onResize:g,onSlideChange:p,onTouchStart:n,onTouchEnd:n,modules:P,spaceBetween:0,slidesPerView:1,className:i.swiper,children:r.map((a,c)=>e.jsx(u.SwiperSlide,{children:e.jsx("div",{className:i.imageWrapper,children:e.jsx("img",{src:a,alt:"product image",className:i.image,onClick:n},c)})},c))}),e.jsx(y.ImageGalleryPagination,{images:r,activeIndex:s,onSelect:o}),e.jsx(x.GalleryPagination,{count:r.length,activeIndex:s,onSelect:o})]})};exports.ImageGallery=_;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("swiper/modules"),u=require("swiper/react"),h=require("react"),q=require("../../utils/useSwiper/useSwiper.cjs.js"),j=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"),x=require("./components/ImageGalleryPagination/ImageGalleryPagination.cjs.js"),y=require("../GalleryPagination/GalleryPagination.cjs.js"),P=[S.Navigation],_=({images:a,label:l,className:d,pagination:I="plain"})=>{const{activeIndex:s,handleSlideTo:t,handleSlideChange:m,onSwiperInit:g,handleSwiperResize:p,handleUserInteraction:n}=q.useSwiperWithAutoPlay(3e3),o=h.useCallback(r=>{n(),t(r)},[n,t]);return e.jsxs("div",{className:j.cn(i.root,d),children:[l&&e.jsx("div",{className:i.labelWrap,children:e.jsx(w.Label,{color:"black",size:"sm",children:l})}),e.jsx(u.Swiper,{onSwiper:g,onResize:p,onSlideChange:m,onTouchStart:n,onTouchEnd:n,modules:P,spaceBetween:0,slidesPerView:1,className:i.swiper,children:a.map((r,c)=>e.jsx(u.SwiperSlide,{children:e.jsx("div",{className:i.imageContainer,children:e.jsx("div",{className:i.imageWrapper,children:e.jsx("img",{src:r,alt:"product image",className:i.image,onClick:n},c)})})},c))}),e.jsx(x.ImageGalleryPagination,{images:a,activeIndex:s,onSelect:o}),e.jsx(y.GalleryPagination,{count:a.length,activeIndex:s,onSelect:o})]})};exports.ImageGallery=_;

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

@@ -3,49 +3,49 @@ import { jsxs as S, jsx as e } from "react/jsx-runtime";
 import { Navigation as g } from "swiper/modules";
 import { Swiper as f, SwiperSlide as u } from "swiper/react";
 import { useCallback as w } from "react";
-import { useSwiperWithAutoPlay as I } from "../../utils/useSwiper/useSwiper.es.js";
-import { cn as N } from "../../utils/cn/cn.es.js";
+import { useSwiperWithAutoPlay as N } from "../../utils/useSwiper/useSwiper.es.js";
+import { cn as v } from "../../utils/cn/cn.es.js";
 /* empty css                                      */
 /* empty css                                                  */
 /* empty css                                                  */
-import o from "../../components/ImageGallery/imageGallery.module.css";
-import { Label as P } from "../Label/Label.es.js";
-import { ImageGalleryPagination as v } from "./components/ImageGalleryPagination/ImageGalleryPagination.es.js";
+import i from "../../components/ImageGallery/imageGallery.module.css";
+import { Label as I } from "../Label/Label.es.js";
+import { ImageGalleryPagination as P } from "./components/ImageGalleryPagination/ImageGalleryPagination.es.js";
 import { GalleryPagination as y } from "../GalleryPagination/GalleryPagination.es.js";
 const C = [g], D = ({ images: r, label: n, className: s, pagination: W = "plain" }) => {
-  const { activeIndex: l, handleSlideTo: t, handleSlideChange: p, onSwiperInit: d, handleSwiperResize: h, handleUserInteraction: i } = I(3e3), m = w(
+  const { activeIndex: l, handleSlideTo: t, handleSlideChange: p, onSwiperInit: d, handleSwiperResize: h, handleUserInteraction: o } = N(3e3), m = w(
     (a) => {
-      i(), t(a);
+      o(), t(a);
     },
-    [i, t]
+    [o, t]
   );
-  return /* @__PURE__ */ S("div", { className: N(o.root, s), children: [
-    n && /* @__PURE__ */ e("div", { className: o.labelWrap, children: /* @__PURE__ */ e(P, { color: "black", size: "sm", children: n }) }),
+  return /* @__PURE__ */ S("div", { className: v(i.root, s), children: [
+    n && /* @__PURE__ */ e("div", { className: i.labelWrap, children: /* @__PURE__ */ e(I, { color: "black", size: "sm", children: n }) }),
     /* @__PURE__ */ e(
       f,
       {
         onSwiper: d,
         onResize: h,
         onSlideChange: p,
-        onTouchStart: i,
-        onTouchEnd: i,
+        onTouchStart: o,
+        onTouchEnd: o,
         modules: C,
         spaceBetween: 0,
         slidesPerView: 1,
-        className: o.swiper,
-        children: r.map((a, c) => /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e("div", { className: o.imageWrapper, children: /* @__PURE__ */ e(
+        className: i.swiper,
+        children: r.map((a, c) => /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e("div", { className: i.imageContainer, children: /* @__PURE__ */ e("div", { className: i.imageWrapper, children: /* @__PURE__ */ e(
           "img",
           {
             src: a,
             alt: "product image",
-            className: o.image,
-            onClick: i
+            className: i.image,
+            onClick: o
           },
           c
-        ) }) }, c))
+        ) }) }) }, c))
       }
     ),
-    /* @__PURE__ */ e(v, { images: r, activeIndex: l, onSelect: m }),
+    /* @__PURE__ */ e(P, { images: r, activeIndex: l, onSelect: m }),
     /* @__PURE__ */ e(y, { count: r.length, activeIndex: l, onSelect: m })
   ] });
 };

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

@@ -1,31 +1,34 @@
 .root {
     position: relative;
-    padding: 24px 0;
+    padding: 18px 0 13px 0;
     display: flex;
     max-width: 100%;
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
-    overflow: hidden;
     border-radius: var(--border-radius-md);
     background-color: var(--color-bg-neutral-light);
-    gap: 24px;
 }
 
 .labelWrap {
     width: 100%;
     display: flex;
     align-items: flex-start;
-    padding: 0 24px;
+    padding: 0 18px;
 }
 
 .swiper {
     width: 100%;
+    max-width: 566px;
+}
+
+.imageContainer {
+    padding: 18px 0 14px 0;
 }
 
 .imageWrapper {
     width: 100%;
-    height: 480px;
+    aspect-ratio: 1;
 }
 
 .image {
@@ -34,16 +37,9 @@
     object-fit: contain;
 }
 
-@media (width <= 1024px) {
-    .imageWrapper {
-        height: 480px;
-    }
-}
-
 @media (width <= 768px) {
     .root {
         padding: 16px 0;
-        gap: 16px;
     }
 
     .labelWrap {

package/dist/modules/IndividualProductCardV2/individualProductCardV2.module.css

@@ -12,8 +12,8 @@
     display: flex;
     flex-direction: column;
     gap: 3rem;
-    overflow: hidden;
     align-items: center;
+    min-width: 0;
 }
 
 .rightColumn {

package/package.json

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