@ship-it-ui/ui 0.0.11 → 0.0.12

package/dist/index.cjs

@@ -3257,7 +3257,8 @@ var Carousel = (0, import_react52.forwardRef)(function Carousel2({
   ...props
 }, ref) {
   const N = items.length;
-  const isLooping = loop && N > 1;
+  const loopMode = !loop ? null : loop === true ? "circular" : loop;
+  const isLooping = loopMode !== null && N > 1;
   const [active, setActive] = useControllableState({
     value: indexProp,
     defaultValue: defaultIndex ?? 0,
@@ -3265,6 +3266,7 @@ var Carousel = (0, import_react52.forwardRef)(function Carousel2({
   });
   const viewportRef = (0, import_react52.useRef)(null);
   const internalScrollRef = (0, import_react52.useRef)(false);
+  const wrapInProgressRef = (0, import_react52.useRef)(false);
   const activeIdx = active ?? 0;
   const domIndexFor = (0, import_react52.useCallback)((real) => isLooping ? real + 1 : real, [isLooping]);
   const goTo = (0, import_react52.useCallback)(
@@ -3273,14 +3275,18 @@ var Carousel = (0, import_react52.forwardRef)(function Carousel2({
       setActive(next);
       const node = viewportRef.current;
       if (node) {
-        const slide = node.children[domIndexFor(next)];
+        const isNextWrap = loopMode === "circular" && activeIdx === N - 1 && i === activeIdx + 1;
+        const isPrevWrap = loopMode === "circular" && activeIdx === 0 && i === activeIdx - 1;
+        const targetDom = isNextWrap ? N + 1 : isPrevWrap ? 0 : domIndexFor(next);
+        const slide = node.children[targetDom];
         if (slide) {
           internalScrollRef.current = true;
+          if (isNextWrap || isPrevWrap) wrapInProgressRef.current = true;
           slide.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "start" });
         }
       }
     },
-    [N, isLooping, domIndexFor, setActive]
+    [N, isLooping, loopMode, domIndexFor, setActive, activeIdx]
   );
   (0, import_react52.useEffect)(() => {
     const node = viewportRef.current;
@@ -3294,23 +3300,28 @@ var Carousel = (0, import_react52.forwardRef)(function Carousel2({
         return;
       }
       if (domIdx === 0) {
+        if (wrapInProgressRef.current && node.scrollLeft > 1) return;
         const realTwin = node.children[N];
         if (realTwin) {
           internalScrollRef.current = true;
           realTwin.scrollIntoView({ behavior: "instant", block: "nearest", inline: "start" });
         }
         if (activeIdx !== N - 1) setActive(N - 1);
+        wrapInProgressRef.current = false;
         return;
       }
       if (domIdx === N + 1) {
+        if (wrapInProgressRef.current && node.scrollLeft < (N + 1) * width - 1) return;
         const realTwin = node.children[1];
         if (realTwin) {
           internalScrollRef.current = true;
           realTwin.scrollIntoView({ behavior: "instant", block: "nearest", inline: "start" });
         }
         if (activeIdx !== 0) setActive(0);
+        wrapInProgressRef.current = false;
         return;
       }
+      if (wrapInProgressRef.current) return;
       const realIdx = domIdx - 1;
       if (realIdx !== activeIdx) setActive(realIdx);
     };