@aic-kits/react 0.24.2 → 0.24.3

package/dist/components/Carousel/CarouselItems.d.ts

@@ -1,11 +1,12 @@
 import { Space } from '../../theme';
 import { CarouselProps } from './types';
 export declare const scrollAnimation: import('styled-components/dist/models/Keyframes').default;
-interface CarouselItemsProps<T> extends Pick<CarouselProps<T>, 'autoScroll' | 'itemSpacing' | 'items' | 'renderItem' | 'keyExtractor' | 'itemsPerView'> {
+interface CarouselItemsProps<T> extends Pick<CarouselProps<T>, 'autoScroll' | 'itemSpacing' | 'items' | 'renderItem' | 'keyExtractor' | 'itemsPerView' | 'infiniteLoop'> {
     itemSpacing: Space | undefined;
     itemWidth: number | undefined;
     itemsWrapperRef: React.RefObject<HTMLDivElement | null>;
     activeIndex: number;
+    virtualActiveIndex: number;
 }
-export declare function CarouselItems<T>({ itemSpacing, itemsWrapperRef, items, renderItem, keyExtractor, autoScroll, activeIndex, itemsPerView, itemWidth, }: CarouselItemsProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function CarouselItems<T>({ itemSpacing, itemsWrapperRef, items, renderItem, keyExtractor, autoScroll, activeIndex, virtualActiveIndex, itemsPerView, itemWidth, infiniteLoop, }: CarouselItemsProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Carousel/types.d.ts

@@ -83,3 +83,14 @@ export interface CarouselHandle {
     goToNext: () => void;
     goToPrev: () => void;
 }
+/**
+ * Internal interface to track virtual positioning for smooth infinite scrolling
+ */
+export interface VirtualIndexInfo {
+    /** The virtual index including duplicates */
+    virtualIndex: number;
+    /** The real index in the original items array */
+    realIndex: number;
+    /** Whether we need to snap to a real position after animation */
+    needsSnap: boolean;
+}

package/dist/components/Carousel/utils.d.ts

@@ -1,2 +1,6 @@
 import { Size, Theme } from '../../theme';
 export declare const getItemWidthNumericValue: (theme: Theme, itemWidth: Size | string | number | undefined) => number | undefined;
+/**
+ * Creates a CSS translateX value for carousel positioning
+ */
+export declare const createTranslateValue: (virtualIndex: number, itemsPerView: number, itemSpacing: number, itemWidth?: number) => string;