@aic-kits/react 0.4.4 → 0.5.0

package/dist/components/Box/StyledBox.d.ts

@@ -1,6 +1,6 @@
 import { Theme } from '../../theme';
 import { ConfigType } from './config';
-import { CustomBoxProps, FlexStyleProps, StyleProps } from './types';
+import { CustomBoxProps, CSSStyleProps, StyleProps } from './types';
 export declare const getThemeValue: (theme: Theme, key: keyof StyleProps, props: StyleProps) => {
     [x: string]: string;
 } | {
@@ -8,7 +8,7 @@ export declare const getThemeValue: (theme: Theme, key: keyof StyleProps, props:
 } | undefined;
 export declare const mapStylePropToThemeValue: (theme: Theme, props: StyleProps) => {};
 export declare const configKeys: Array<keyof ConfigType>;
-export declare const genBoxStyle: (theme: Theme, props: StyleProps & FlexStyleProps & CustomBoxProps) => {
+export declare const genBoxStyle: (theme: Theme, props: StyleProps & CSSStyleProps & CustomBoxProps) => {
     opacity?: import("csstype").Property.Opacity | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     height?: import("csstype").Property.Height<string | number> | undefined;
@@ -33,5 +33,20 @@ export declare const genBoxStyle: (theme: Theme, props: StyleProps & FlexStylePr
     bottom?: import("csstype").Property.Bottom<string | number> | undefined;
     left?: import("csstype").Property.Left<string | number> | undefined;
     overflow?: import("csstype").Property.Overflow | undefined;
+    cursor?: import("csstype").Property.Cursor | undefined;
+    transition?: import("csstype").Property.Transition<string & {}> | undefined;
+    transform?: import("csstype").Property.Transform | undefined;
+    animation?: import("csstype").Property.Animation<string & {}> | undefined;
+    willChange?: import("csstype").Property.WillChange | undefined;
+    pointerEvents?: import("csstype").Property.PointerEvents | undefined;
+    userSelect?: import("csstype").Property.UserSelect | undefined;
+    resize?: import("csstype").Property.Resize | undefined;
+    boxShadow?: import("csstype").Property.BoxShadow | undefined;
+    textShadow?: import("csstype").Property.TextShadow | undefined;
+    filter?: import("csstype").Property.Filter | undefined;
+    backdropFilter?: import("csstype").Property.BackdropFilter | undefined;
+    mixBlendMode?: import("csstype").Property.MixBlendMode | undefined;
+    isolation?: import("csstype").Property.Isolation | undefined;
+    zIndex?: import("csstype").Property.ZIndex | undefined;
 };
-export declare const StyledBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleProps & FlexStyleProps & CustomBoxProps>> & string;
+export declare const StyledBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleProps & CSSStyleProps & CustomBoxProps>> & string;

package/dist/components/Box/config.d.ts

@@ -465,14 +465,14 @@ declare const config: {
         readonly scale: "colors";
     };
 };
-export declare const flexPropsKey: readonly ["alignContent", "alignItems", "alignSelf", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "justifyContent", "position", "top", "right", "bottom", "left", "overflow", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "opacity"];
-export declare const customBoxPropsKey: readonly ["fullWidth", "fullHeight", "fw", "fh"];
+export declare const cssPropsKey: readonly ["alignContent", "alignItems", "alignSelf", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "justifyContent", "position", "top", "right", "bottom", "left", "overflow", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "opacity", "cursor", "transition", "transform", "animation", "willChange", "pointerEvents", "userSelect", "resize", "boxShadow", "textShadow", "filter", "backdropFilter", "mixBlendMode", "isolation", "zIndex"];
+export declare const customBoxPropsKey: readonly ["absoluteFill", "fullWidth", "fullHeight", "fw", "fh"];
 export type ColorPropsKeyType = keyof typeof colors;
 export type SpacePropsKeyType = keyof typeof spaces;
 export type RadiiPropsKeyType = keyof typeof radii;
 export type BorderWidthsPropsKeyType = keyof typeof borderWidths;
 export type ConfigType = typeof config;
-export type FlexPropsKeyType = (typeof flexPropsKey)[number];
+export type CSSPropsKeyType = (typeof cssPropsKey)[number];
 export type CustomBoxPropsKeyType = (typeof customBoxPropsKey)[number];
 export declare const customBoxPropsConfig: Record<CustomBoxPropsKeyType, CSSProperties>;
 export default config;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, HTMLAttributes } from 'react';
 import { BorderWidth, Color, Radius, Space } from '../../theme';
-import { ConfigType, FlexPropsKeyType } from './config';
+import { ConfigType, CSSPropsKeyType } from './config';
 export interface ThemeScale {
     colors: Color;
     spaces: Space;
@@ -11,8 +11,13 @@ type ConfigKeyType = keyof ConfigType;
 export type StyleProps = {
     [key in ConfigKeyType]?: ThemeScale[ConfigType[key]['scale']];
 };
-export type FlexStyleProps = Pick<CSSProperties, FlexPropsKeyType>;
+export type CSSStyleProps = Pick<CSSProperties, CSSPropsKeyType>;
 export interface CustomBoxProps {
+    /**
+     * If true, the box will take the full width and height of its parent.
+     * It is equivalent to setting `position: 'absolute'`, `top: 0`, `bottom: 0`, `left: 0`, `right: 0`.
+     */
+    absoluteFill?: boolean;
     /**
      * If true, the box will take the full width of its parent.
      */
@@ -44,6 +49,6 @@ export interface BoxHTMLProps extends HTMLAttributes<HTMLDivElement> {
      */
     'data-testid'?: string;
 }
-export interface BoxProps extends StyleProps, FlexStyleProps, CustomBoxProps, BoxHTMLProps {
+export interface BoxProps extends StyleProps, CSSStyleProps, CustomBoxProps, BoxHTMLProps {
 }
 export {};

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { CarouselRenderItemInfo } from './types';
+interface AutoScrollCarouselItemProps<T> {
+    item: T;
+    index: number;
+    renderItem: (info: CarouselRenderItemInfo<T>) => React.ReactNode;
+}
+export declare function AutoScrollCarouselItem<T>({ item, index, renderItem, }: AutoScrollCarouselItemProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { CarouselRenderItemInfo } from './types';
+interface CarouselItemProps<T> {
+    item: T;
+    index: number;
+    isFocused: boolean;
+    renderItem: (info: CarouselRenderItemInfo<T>) => React.ReactNode;
+}
+export declare function CarouselItem<T>({ item, index, isFocused, renderItem, }: CarouselItemProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+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'> {
+    isScrolling: boolean;
+    itemSpacing: Space | undefined;
+    itemsWrapperRef: React.RefObject<HTMLDivElement | null>;
+    activeIndex: number;
+}
+export declare function CarouselItems<T>({ isScrolling, itemSpacing, itemsWrapperRef, items, renderItem, keyExtractor, autoScroll, activeIndex, }: CarouselItemsProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+interface CarouselNavigationProps {
+    isLeft: boolean;
+    onPrev: () => void;
+    onNext: () => void;
+}
+export declare function CarouselNavigation({ isLeft, onPrev, onNext, }: CarouselNavigationProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+interface CarouselPaginationProps {
+    itemsCount: number;
+    activeIndex: number;
+    onDotClick: (index: number) => void;
+}
+export declare function CarouselPagination({ itemsCount, activeIndex, onDotClick, }: CarouselPaginationProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { CarouselProps } from './types';
+export declare function Carousel<T>({ items, renderItem, showPagination, showNavigation, autoPlay, autoScroll, initialIndex, onIndexChange, keyExtractor, itemSpacing, ...rest }: CarouselProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,62 @@
+import { default as React } from 'react';
+import { Space } from '../../theme';
+import { BoxProps } from '../Box';
+export interface CarouselRenderItemInfo<T> {
+    item: T;
+    index: number;
+    isFocused: boolean;
+}
+export type CarouselRenderItem<T> = (info: CarouselRenderItemInfo<T>) => React.ReactNode;
+export interface CarouselProps<T = any> extends BoxProps {
+    /**
+     * Array of data items for the carousel.
+     */
+    items: T[];
+    /**
+     * Function to render each item. Receives item data, index, and focus state.
+     */
+    renderItem: CarouselRenderItem<T>;
+    /**
+     * If true, displays pagination dots at the bottom.
+     * @default true
+     */
+    showPagination?: boolean;
+    /**
+     * If true, displays previous/next navigation buttons.
+     * @default true
+     */
+    showNavigation?: boolean;
+    /**
+     * Configures automatic advancement to the next item.
+     * Set to `true` for default delay or provide an object `{ delay: number }` for custom delay (in ms).
+     * @default false
+     */
+    autoPlay?: boolean | {
+        delay: number;
+    };
+    /**
+     * If true, enables continuous horizontal scrolling (e.g., for logo strips).
+     * This overrides `autoPlay`, `showNavigation`, and `showPagination`.
+     * @default false
+     */
+    autoScroll?: boolean | {
+        speed?: number;
+    };
+    /**
+     * Initial active index.
+     * @default 0
+     */
+    initialIndex?: number;
+    /**
+     * Callback fired when the active index changes.
+     */
+    onIndexChange?: (index: number) => void;
+    /**
+     * Optional key extractor function.
+     */
+    keyExtractor?: (item: T, index: number) => string;
+    /**
+     * Optional item spacing.
+     */
+    itemSpacing?: Space;
+}

package/dist/components/index.d.ts

@@ -11,3 +11,4 @@ export * from './Skeleton';
 export * from './Text';
 export * from './Touchable';
 export * from './Vimeo';
+export * from './Carousel';