@zenpatient-org/healthspan-marketing-ui 0.2.44 → 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/Citation/Citation.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../src/modules/Citation/citation.module.css"),u=require("../../utils/cn/cn.cjs.js"),i=require("../../components/Typography/Typography.cjs.js");function l({orderPadding:e,items:t,className:a}){const o=isNaN(Number(e))?0:e;return!t||t.length===0?null:r.jsx("section",{className:u.cn(s.root,a),children:t==null?void 0:t.map((c,n)=>r.jsxs(i.Typography,{as:"p",className:s.text,defaultVariant:"bodySm",mobileVariant:"bodyXs",children:[r.jsx("sup",{children:o?o+n:n+1})," ",c.item]},n))})}exports.Citation=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("../../src/modules/Citation/citation.module.css"),i=require("../../utils/cn/cn.cjs.js"),p=require("../../components/Typography/Typography.cjs.js"),l=require("../../components/Superscript/Superscript.cjs.js");function y({orderPadding:e,items:t,className:u}){const n=isNaN(Number(e))?0:e;return!t||t.length===0?null:r.jsx("section",{className:i.cn(c.root,u),children:t==null?void 0:t.map((a,o)=>{const s=n?n+o:o+1;return r.jsxs(p.Typography,{as:"p",className:c.text,defaultVariant:"bodySm",mobileVariant:"bodyXs",children:[r.jsx(l.Superscript,{value:s.toString()})," ",a.item]},s)})})}exports.Citation=y;

package/dist/modules/Citation/Citation.es.js

@@ -1,15 +1,29 @@
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import l from "../../modules/Citation/citation.module.css";
-import { cn as m } from "../../utils/cn/cn.es.js";
-import { Typography as e } from "../../components/Typography/Typography.es.js";
-function y({ orderPadding: t, items: r, className: p }) {
-  const a = isNaN(Number(t)) ? 0 : t;
-  return !r || r.length === 0 ? null : /* @__PURE__ */ n("section", { className: m(l.root, p), children: r == null ? void 0 : r.map((s, o) => /* @__PURE__ */ c(e, { as: "p", className: l.text, defaultVariant: "bodySm", mobileVariant: "bodyXs", children: [
-    /* @__PURE__ */ n("sup", { children: a ? a + o : o + 1 }),
-    " ",
-    s.item
-  ] }, o)) });
+import { cn as s } from "../../utils/cn/cn.es.js";
+import { Typography as c } from "../../components/Typography/Typography.es.js";
+import { Superscript as u } from "../../components/Superscript/Superscript.es.js";
+function x({ orderPadding: t, items: r, className: p }) {
+  const o = isNaN(Number(t)) ? 0 : t;
+  return !r || r.length === 0 ? null : /* @__PURE__ */ e("section", { className: s(l.root, p), children: r == null ? void 0 : r.map((i, a) => {
+    const n = o ? o + a : a + 1;
+    return /* @__PURE__ */ m(
+      c,
+      {
+        as: "p",
+        className: l.text,
+        defaultVariant: "bodySm",
+        mobileVariant: "bodyXs",
+        children: [
+          /* @__PURE__ */ e(u, { value: n.toString() }),
+          " ",
+          i.item
+        ]
+      },
+      n
+    );
+  }) });
 }
 export {
-  y as Citation
+  x as Citation
 };

package/dist/modules/Citation/citation.module.css

@@ -1,6 +1,6 @@
 .root {
     width: 100%;
-    padding: 48px 10vw;
+    padding: 16px 10vw 48px 10vw;
     max-width: var(--content-max-width);
     margin: 0 auto;
 }

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.44",
+    "version": "0.2.46",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",