@zenpatient-org/healthspan-marketing-ui 0.1.134 → 0.1.136

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

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

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

package/dist/components/InfiniteScroll/InfiniteScroll.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),t=require("react"),v=require("../../utils/cn/cn.cjs.js"),M=require("./infiniteScroll.module.css.cjs.js");function N({items:u,speed:R=50,direction:h="left",contentClassName:T,itemClassName:F,rootClassName:P,renderItem:k},x){const i=t.useRef(null),S=t.useRef(null),f=t.useRef(null),d=t.useRef(!1),p=t.useRef(performance.now()),[m,y]=t.useState(0),[r,j]=t.useState(0),[s,E]=t.useState(4),q=t.useCallback(()=>{if(!S.current||!i.current||u.length===0)return;const e=S.current.scrollWidth/s,o=i.current.offsetWidth,l=Math.ceil(o*2.5/e),a=Math.max(4,Math.min(20,l%2===0?l:l+1));E(a),j(e);const c=Math.floor(a/2);y(-e*c)},[u.length,s]);t.useEffect(()=>{q();const n=new ResizeObserver(()=>{q()});return i.current&&n.observe(i.current),()=>n.disconnect()},[q]);const C=t.useCallback(n=>{if(d.current||r===0){f.current=requestAnimationFrame(C);return}const e=n??performance.now(),o=e-p.current||16.67;p.current=e,y(l=>{const a=h==="right"?-R:R;let c=l-a*(o/1e3);const W=r*s,g=r*Math.floor(s/2);return h==="left"&&c<=-W+g?c+r:h==="right"&&c>=g?c-r:c}),f.current=requestAnimationFrame(C)},[h,R,r,s]);t.useEffect(()=>(p.current=performance.now(),f.current=requestAnimationFrame(C),()=>{f.current&&cancelAnimationFrame(f.current)}),[C]);const I=t.useCallback(n=>{d.current=!0,n.pointerType==="mouse"&&(d.current=!0)},[]),L=t.useCallback(n=>{n.pointerType==="mouse"&&(d.current=!1,p.current=performance.now())},[]),w=t.useCallback((n,e=300)=>{const o=m,l=n-o,a=performance.now(),c=W=>{const g=W-a,A=Math.min(g/e,1),_=1-Math.pow(1-A,3);y(o+l*_),A<1&&requestAnimationFrame(c)};requestAnimationFrame(c)},[m]);return t.useImperativeHandle(x,()=>({scrollLeft:()=>{const n=r*s,e=-r*Math.floor(s/2);let o=m-200;o<-n+e&&(o+=r),w(o)},scrollRight:()=>{const n=-r*Math.floor(s/2);let e=m+200;e>n&&(e-=r),w(e)}})),b.jsx("div",{className:v.cn(M.default.root,P),ref:i,onPointerEnter:I,onPointerLeave:L,children:b.jsx("div",{className:v.cn(M.default.content,T),ref:S,style:{transform:`translate3d(${m}px, 0, 0)`},children:Array.from({length:u.length*s},(n,e)=>b.jsx("div",{className:v.cn(M.default.item,F),children:k(u[e%u.length],e)},e))})})}const O=t.forwardRef(N);exports.InfiniteScroll=O;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react/jsx-runtime"),o=require("react"),k=require("../../utils/cn/cn.cjs.js"),V=require("../../utils/useIsMobile.cjs.js"),A=require("./infiniteScroll.module.css.cjs.js");function Y({items:p,speed:R=50,direction:F="left",contentClassName:N,itemClassName:$,rootClassName:H,slowOnTouch:x=!1,enableManualScroll:b=!1,renderItem:O},U){const C=o.useRef(null),q=o.useRef(null),g=o.useRef(null),W=o.useRef(!1),w=o.useRef(performance.now()),[f,h]=o.useState(0),[c,B]=o.useState(0),[m,G]=o.useState(4),[D,j]=o.useState(!1),_=V.useIsMobile(),E=o.useCallback(e=>{if(c===0)return e;const t=c;let n=e;for(;n<=-t;)n+=t;for(;n>0;)n-=t;return n},[c]),T=o.useCallback(()=>{if(!q.current||!C.current||p.length===0)return;const e=q.current,t=e.children.length;if(t===0)return;let n=0;for(let s=0;s<Math.min(p.length,t);s++){const d=e.children[s];n+=d.offsetWidth}if(n===0&&(n=e.scrollWidth/m),n<=0)return;const l=C.current.offsetWidth,i=Math.ceil(l*2.5/n),a=Math.max(4,Math.min(20,i%2===0?i:i+1)),u=c,v=m;if(G(a),B(n),u>0&&v>0){const s=Math.floor(v/2),d=Math.floor(a/2),S=(f+u*s)/u,r=-n*d+S*n;h(r)}else{const s=Math.floor(a/2);h(-n*s)}},[p.length,m,c,f]);o.useEffect(()=>{T();const e=new ResizeObserver(()=>{T()});return C.current&&e.observe(C.current),()=>e.disconnect()},[T]);const y=o.useCallback(e=>{if(W.current||c===0){g.current=requestAnimationFrame(y);return}const t=e??performance.now(),n=t-w.current||16.67;w.current=t,h(l=>{const i=D?R*.5:R,a=F==="right"?-i:i;let u=l-a*(n/1e3);return E(u)}),g.current=requestAnimationFrame(y)},[F,R,c,D,E]);o.useEffect(()=>(w.current=performance.now(),g.current=requestAnimationFrame(y),()=>{g.current&&cancelAnimationFrame(g.current)}),[y]);const X=o.useCallback((e,t)=>{!(t==="mouse")&&!(t==="touch"&&_)||(e?x?j(!0):W.current=!0:(W.current=!1,j(!1),w.current=performance.now()))},[_,x]),J=o.useCallback(e=>{X(!0,e.pointerType)},[X]),K=o.useCallback(e=>{X(!1,e.pointerType)},[X]),z=o.useCallback((e,t=300)=>{const n=f,l=e-n,i=performance.now(),a=u=>{const v=u-i,s=Math.min(v/t,1),d=1-Math.pow(1-s,3);h(n+l*d),s<1&&requestAnimationFrame(a)};requestAnimationFrame(a)},[f]);return o.useEffect(()=>{if(!b)return;const e=C.current;if(!e)return;let t=null,n=!1,l=null;const i=r=>{if(r.deltaX!==0){r.preventDefault();const M=r.deltaX*2;h(L=>E(L-M))}},a=r=>{n=!0,l=r.clientX,r.preventDefault()},u=r=>{if(!n||l===null)return;const M=r.clientX,L=M-l;l=M,h(P=>E(P+L))},v=()=>{n=!1,l=null},s=r=>{t=r.touches[0].clientX},d=r=>{if(t===null)return;r.preventDefault();const L=r.touches[0].clientX,P=L-t;t=L,h(Q=>E(Q+P))},S=()=>{t=null};return e.addEventListener("wheel",i,{passive:!1}),e.addEventListener("mousedown",a,{passive:!1}),e.addEventListener("mousemove",u,{passive:!1}),e.addEventListener("touchstart",s),e.addEventListener("touchmove",d,{passive:!1}),e.addEventListener("touchend",S),document.addEventListener("mouseup",v),document.addEventListener("mousemove",u),()=>{e.removeEventListener("wheel",i),e.removeEventListener("mousedown",a),e.removeEventListener("mousemove",u),e.removeEventListener("touchstart",s),e.removeEventListener("touchmove",d),e.removeEventListener("touchend",S),document.removeEventListener("mouseup",v),document.removeEventListener("mousemove",u)}},[b,E]),o.useImperativeHandle(U,()=>({scrollLeft:()=>{const e=c*m,t=-c*Math.floor(m/2);let n=f-200;n<-e+t&&(n+=c),z(n)},scrollRight:()=>{const e=-c*Math.floor(m/2);let t=f+200;t>e&&(t-=c),z(t)}})),I.jsx("div",{className:k.cn(A.default.root,H),ref:C,"data-manual-scroll":b,onPointerEnter:J,onPointerLeave:K,children:I.jsx("div",{className:k.cn(A.default.content,N),ref:q,style:{transform:`translate3d(${f}px, 0, 0)`},children:Array.from({length:p.length*m},(e,t)=>I.jsx("div",{className:k.cn(A.default.item,$),children:O(p[t%p.length],t)},t))})})}const Z=o.forwardRef(Y);exports.InfiniteScroll=Z;

package/dist/components/InfiniteScroll/InfiniteScroll.d.ts

@@ -11,6 +11,8 @@ type InfiniteScrollProps<T> = {
     contentClassName?: string;
     itemClassName?: string;
     rootClassName?: string;
+    slowOnTouch?: boolean;
+    enableManualScroll?: boolean;
     renderItem: (item: T, index: number) => ReactNode;
 };
 export declare const InfiniteScroll: <T>(props: InfiniteScrollProps<T> & {

package/dist/components/InfiniteScroll/InfiniteScroll.es.js

@@ -1,95 +1,166 @@
 "use client";
-import { jsx as S } from "react/jsx-runtime";
-import { forwardRef as H, useRef as m, useState as A, useCallback as h, useEffect as b, useImperativeHandle as _ } from "react";
-import { cn as q } from "../../utils/cn/cn.es.js";
-import F from "./infiniteScroll.module.css.es.js";
-function $({
-  items: a,
-  speed: W = 50,
-  direction: d = "left",
-  contentClassName: x,
-  itemClassName: L,
-  rootClassName: E,
-  renderItem: I
-}, N) {
-  const i = m(null), v = m(null), u = m(null), p = m(!1), g = m(performance.now()), [f, w] = A(0), [n, X] = A(0), [c, O] = A(4), M = h(() => {
-    if (!v.current || !i.current || a.length === 0) return;
-    const t = v.current.scrollWidth / c, r = i.current.offsetWidth, s = Math.ceil(r * 2.5 / t), l = Math.max(4, Math.min(20, s % 2 === 0 ? s : s + 1));
-    O(l), X(t);
-    const o = Math.floor(l / 2);
-    w(-t * o);
-  }, [a.length, c]);
+import { jsx as D } from "react/jsx-runtime";
+import { forwardRef as ee, useRef as C, useState as P, useCallback as v, useEffect as b, useImperativeHandle as te } from "react";
+import { cn as x } from "../../utils/cn/cn.es.js";
+import { useIsMobile as ne } from "../../utils/useIsMobile.es.js";
+import z from "./infiniteScroll.module.css.es.js";
+function oe({
+  items: p,
+  speed: R = 50,
+  direction: N = "left",
+  contentClassName: $,
+  itemClassName: B,
+  rootClassName: G,
+  slowOnTouch: j = !1,
+  enableManualScroll: S = !1,
+  renderItem: J
+}, K) {
+  const E = C(null), A = C(null), g = C(null), q = C(!1), y = C(performance.now()), [d, f] = P(0), [s, O] = P(0), [m, Q] = P(4), [k, H] = P(!1), U = ne(), M = v(
+    (e) => {
+      if (s === 0) return e;
+      const t = s;
+      let n = e;
+      for (; n <= -t; )
+        n += t;
+      for (; n > 0; )
+        n -= t;
+      return n;
+    },
+    [s]
+  ), F = v(() => {
+    if (!A.current || !E.current || p.length === 0) return;
+    const e = A.current, t = e.children.length;
+    if (t === 0) return;
+    let n = 0;
+    for (let r = 0; r < Math.min(p.length, t); r++) {
+      const u = e.children[r];
+      n += u.offsetWidth;
+    }
+    if (n === 0 && (n = e.scrollWidth / m), n <= 0)
+      return;
+    const c = E.current.offsetWidth, i = Math.ceil(c * 2.5 / n), a = Math.max(4, Math.min(20, i % 2 === 0 ? i : i + 1)), l = s, h = m;
+    if (Q(a), O(n), l > 0 && h > 0) {
+      const r = Math.floor(h / 2), u = Math.floor(a / 2), T = (d + l * r) / l, o = -n * u + T * n;
+      f(o);
+    } else {
+      const r = Math.floor(a / 2);
+      f(-n * r);
+    }
+  }, [p.length, m, s, d]);
   b(() => {
-    M();
+    F();
     const e = new ResizeObserver(() => {
-      M();
+      F();
     });
-    return i.current && e.observe(i.current), () => e.disconnect();
-  }, [M]);
-  const y = h(
+    return E.current && e.observe(E.current), () => e.disconnect();
+  }, [F]);
+  const X = v(
     (e) => {
-      if (p.current || n === 0) {
-        u.current = requestAnimationFrame(y);
+      if (q.current || s === 0) {
+        g.current = requestAnimationFrame(X);
         return;
       }
-      const t = e ?? performance.now(), r = t - g.current || 16.67;
-      g.current = t, w((s) => {
-        const l = d === "right" ? -W : W;
-        let o = s - l * (r / 1e3);
-        const R = n * c, C = n * Math.floor(c / 2);
-        return d === "left" && o <= -R + C ? o + n : d === "right" && o >= C ? o - n : o;
-      }), u.current = requestAnimationFrame(y);
+      const t = e ?? performance.now(), n = t - y.current || 16.67;
+      y.current = t, f((c) => {
+        const i = k ? R * 0.5 : R, a = N === "right" ? -i : i;
+        let l = c - a * (n / 1e3);
+        return M(l);
+      }), g.current = requestAnimationFrame(X);
     },
-    [d, W, n, c]
+    [N, R, s, k, M]
   );
-  b(() => (g.current = performance.now(), u.current = requestAnimationFrame(y), () => {
-    u.current && cancelAnimationFrame(u.current);
-  }), [y]);
-  const j = h((e) => {
-    p.current = !0, e.pointerType === "mouse" && (p.current = !0);
-  }, []), k = h((e) => {
-    e.pointerType === "mouse" && (p.current = !1, g.current = performance.now());
-  }, []), T = h(
+  b(() => (y.current = performance.now(), g.current = requestAnimationFrame(X), () => {
+    g.current && cancelAnimationFrame(g.current);
+  }), [X]);
+  const W = v(
+    (e, t) => {
+      !(t === "mouse") && !(t === "touch" && U) || (e ? j ? H(!0) : q.current = !0 : (q.current = !1, H(!1), y.current = performance.now()));
+    },
+    [U, j]
+  ), V = v(
+    (e) => {
+      W(!0, e.pointerType);
+    },
+    [W]
+  ), Y = v(
+    (e) => {
+      W(!1, e.pointerType);
+    },
+    [W]
+  ), _ = v(
     (e, t = 300) => {
-      const r = f, s = e - r, l = performance.now(), o = (R) => {
-        const C = R - l, P = Math.min(C / t, 1), z = 1 - Math.pow(1 - P, 3);
-        w(r + s * z), P < 1 && requestAnimationFrame(o);
+      const n = d, c = e - n, i = performance.now(), a = (l) => {
+        const h = l - i, r = Math.min(h / t, 1), u = 1 - Math.pow(1 - r, 3);
+        f(n + c * u), r < 1 && requestAnimationFrame(a);
       };
-      requestAnimationFrame(o);
+      requestAnimationFrame(a);
     },
-    [f]
+    [d]
   );
-  return _(N, () => ({
+  return b(() => {
+    if (!S) return;
+    const e = E.current;
+    if (!e) return;
+    let t = null, n = !1, c = null;
+    const i = (o) => {
+      if (o.deltaX !== 0) {
+        o.preventDefault();
+        const L = o.deltaX * 2;
+        f((w) => M(w - L));
+      }
+    }, a = (o) => {
+      n = !0, c = o.clientX, o.preventDefault();
+    }, l = (o) => {
+      if (!n || c === null) return;
+      const L = o.clientX, w = L - c;
+      c = L, f((I) => M(I + w));
+    }, h = () => {
+      n = !1, c = null;
+    }, r = (o) => {
+      t = o.touches[0].clientX;
+    }, u = (o) => {
+      if (t === null) return;
+      o.preventDefault();
+      const w = o.touches[0].clientX, I = w - t;
+      t = w, f((Z) => M(Z + I));
+    }, T = () => {
+      t = null;
+    };
+    return e.addEventListener("wheel", i, { passive: !1 }), e.addEventListener("mousedown", a, { passive: !1 }), e.addEventListener("mousemove", l, { passive: !1 }), e.addEventListener("touchstart", r), e.addEventListener("touchmove", u, { passive: !1 }), e.addEventListener("touchend", T), document.addEventListener("mouseup", h), document.addEventListener("mousemove", l), () => {
+      e.removeEventListener("wheel", i), e.removeEventListener("mousedown", a), e.removeEventListener("mousemove", l), e.removeEventListener("touchstart", r), e.removeEventListener("touchmove", u), e.removeEventListener("touchend", T), document.removeEventListener("mouseup", h), document.removeEventListener("mousemove", l);
+    };
+  }, [S, M]), te(K, () => ({
     scrollLeft: () => {
-      const e = n * c, t = -n * Math.floor(c / 2);
-      let r = f - 200;
-      r < -e + t && (r += n), T(r);
+      const e = s * m, t = -s * Math.floor(m / 2);
+      let n = d - 200;
+      n < -e + t && (n += s), _(n);
     },
     scrollRight: () => {
-      const e = -n * Math.floor(c / 2);
-      let t = f + 200;
-      t > e && (t -= n), T(t);
+      const e = -s * Math.floor(m / 2);
+      let t = d + 200;
+      t > e && (t -= s), _(t);
     }
-  })), /* @__PURE__ */ S(
+  })), /* @__PURE__ */ D(
     "div",
     {
-      className: q(F.root, E),
-      ref: i,
-      onPointerEnter: j,
-      onPointerLeave: k,
-      children: /* @__PURE__ */ S(
+      className: x(z.root, G),
+      ref: E,
+      "data-manual-scroll": S,
+      onPointerEnter: V,
+      onPointerLeave: Y,
+      children: /* @__PURE__ */ D(
         "div",
         {
-          className: q(F.content, x),
-          ref: v,
-          style: { transform: `translate3d(${f}px, 0, 0)` },
-          children: Array.from({ length: a.length * c }, (e, t) => /* @__PURE__ */ S("div", { className: q(F.item, L), children: I(a[t % a.length], t) }, t))
+          className: x(z.content, $),
+          ref: A,
+          style: { transform: `translate3d(${d}px, 0, 0)` },
+          children: Array.from({ length: p.length * m }, (e, t) => /* @__PURE__ */ D("div", { className: x(z.item, B), children: J(p[t % p.length], t) }, t))
         }
       )
     }
   );
 }
-const K = H($);
+const ae = ee(oe);
 export {
-  K as InfiniteScroll
+  ae as InfiniteScroll
 };

package/dist/components/InfiniteScroll/infiniteScroll.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="infiniteScroll-module__root___UJY-j",o="infiniteScroll-module__content___hW-Qi",e={root:t,content:o};exports.content=o;exports.default=e;exports.root=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="infiniteScroll-module__root___UJY-j",e="infiniteScroll-module__content___hW-Qi",o="infiniteScroll-module__item___nzVXQ",n={root:t,content:e,item:o};exports.content=e;exports.default=n;exports.item=o;exports.root=t;

package/dist/components/InfiniteScroll/infiniteScroll.module.css.es.js

@@ -1,9 +1,11 @@
-const o = "infiniteScroll-module__root___UJY-j", t = "infiniteScroll-module__content___hW-Qi", n = {
-  root: o,
-  content: t
+const t = "infiniteScroll-module__root___UJY-j", o = "infiniteScroll-module__content___hW-Qi", n = "infiniteScroll-module__item___nzVXQ", e = {
+  root: t,
+  content: o,
+  item: n
 };
 export {
-  t as content,
-  n as default,
-  o as root
+  o as content,
+  e as default,
+  n as item,
+  t as root
 };