@aic-kits/react 0.24.1 → 0.24.3

package/dist/components/Button/StyledButton.d.ts

@@ -25,8 +25,10 @@ type ButtonTextProps = {
 };
 declare const StyledButtonText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').TextProps & {
     useRichText?: boolean;
+    ref?: import('react').ForwardedRef<HTMLParagraphElement>;
 }, ButtonTextProps>> & string & Omit<(props: import('..').TextProps & {
     useRichText?: boolean;
+    ref?: import('react').ForwardedRef<HTMLParagraphElement>;
 }) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 type ButtonIconWrapperProps = {
     $themePosition: 'left' | 'right';

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;

package/dist/components/Tag/StyledTag.d.ts

@@ -19,6 +19,7 @@ export declare const StyledTagContainer: import('styled-components/dist/types').
 }) => ReturnType<({ children, style, "data-testid": testId, ...otherProps }: import('..').BoxProps, ref: import('react').ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element>, keyof import('react').Component<any, {}, any>>;
 export declare const StyledTagText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').TextProps & {
     useRichText?: boolean;
+    ref?: import('react').ForwardedRef<HTMLParagraphElement>;
 }, {
     $color: Color;
     $textColor?: Color;
@@ -26,4 +27,5 @@ export declare const StyledTagText: import('styled-components/dist/types').IStyl
     $fontSize: FontSize;
 }>> & string & Omit<(props: import('..').TextProps & {
     useRichText?: boolean;
+    ref?: import('react').ForwardedRef<HTMLParagraphElement>;
 }) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;

package/dist/components/Text/index.d.ts

@@ -1,6 +1,8 @@
+import { ForwardedRef } from 'react';
 import { TextProps } from './types';
 export declare const Text: (props: TextProps & {
     useRichText?: boolean;
+    ref?: ForwardedRef<HTMLParagraphElement>;
 }) => import("react/jsx-runtime").JSX.Element;
 export type { TextProps };
 export * from './constants';

package/dist/components/Text/withRichText.d.ts

@@ -1,5 +1,6 @@
-import { default as React } from 'react';
+import { default as React, ForwardedRef } from 'react';
 import { TextProps } from './types';
 export declare const withRichText: (BaseText: React.ComponentType<TextProps>) => (props: TextProps & {
     useRichText?: boolean;
+    ref?: ForwardedRef<HTMLParagraphElement>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Touchable/index.d.ts

@@ -1,4 +1,7 @@
-import { default as React } from 'react';
+import { ForwardedRef } from 'react';
 import { TouchableProps } from './types';
-export declare const Touchable: React.FC<TouchableProps>;
+declare function PlainTouchable({ children, onClick, style, useScaleAnimation, useOpacityAnimation, 'data-testid': testId, ...props }: TouchableProps, ref: ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare const Touchable: (props: TouchableProps & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReturnType<typeof PlainTouchable>;
 export * from './types';