@aic-kits/react 0.5.0 → 0.7.0

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,2 @@
+import { AccordionProps } from './types';
+export declare function Accordion({ renderHeader, renderContent, initialExpanded, onExpandedChange, disabled, ...rest }: AccordionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Accordion/AccordionContent.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface AccordionContentProps {
+    renderContent: () => React.ReactNode;
+    isExpanded: boolean;
+}
+export declare function AccordionContent({ renderContent, isExpanded, }: AccordionContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Accordion/AccordionHeader.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface AccordionHeaderProps {
+    renderHeader: (isExpanded: boolean) => React.ReactNode;
+    isExpanded: boolean;
+    onToggle: () => void;
+    disabled?: boolean;
+}
+export declare function AccordionHeader({ renderHeader, isExpanded, onToggle, disabled, }: AccordionHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './Accordion';
+export * from './types';

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

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { BoxProps } from '../Box';
+export interface AccordionProps extends BoxProps {
+    /**
+     * Function to render the header content.
+     * Receives an `isExpanded` boolean.
+     */
+    renderHeader: (isExpanded: boolean) => React.ReactNode;
+    /**
+     * Function to render the collapsible content.
+     */
+    renderContent: () => React.ReactNode;
+    /**
+     * Initial expanded state.
+     * @default false
+     */
+    initialExpanded?: boolean;
+    /**
+     * Callback fired when the expanded state changes.
+     */
+    onExpandedChange?: (isExpanded: boolean) => void;
+    /**
+     * If true, the accordion will be disabled and cannot be toggled.
+     * @default false
+     */
+    disabled?: boolean;
+}

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

@@ -48,5 +48,9 @@ export declare const genBoxStyle: (theme: Theme, props: StyleProps & CSSStylePro
     mixBlendMode?: import("csstype").Property.MixBlendMode | undefined;
     isolation?: import("csstype").Property.Isolation | undefined;
     zIndex?: import("csstype").Property.ZIndex | undefined;
+    marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
+    marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
+    paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
+    paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | 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 & CSSStyleProps & CustomBoxProps>> & string;

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

@@ -465,7 +465,7 @@ declare const config: {
         readonly scale: "colors";
     };
 };
-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 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", "marginInline", "marginBlock", "paddingInline", "paddingBlock"];
 export declare const customBoxPropsKey: readonly ["absoluteFill", "fullWidth", "fullHeight", "fw", "fh"];
 export type ColorPropsKeyType = keyof typeof colors;
 export type SpacePropsKeyType = keyof typeof spaces;

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

@@ -2,10 +2,9 @@ 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 declare function CarouselItems<T>({ itemSpacing, itemsWrapperRef, items, renderItem, keyExtractor, autoScroll, activeIndex, }: CarouselItemsProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,45 +1,6 @@
 import { default as React } from 'react';
-import { Space } from '../../theme/common';
-import { BoxProps } from '../Box';
-export interface ListProps<T = any> extends BoxProps {
-    /**
-     * The data array to be rendered
-     */
-    data?: T[];
-    /**
-     * Function to render an item from the data array
-     */
-    renderItem?: (item: T, index: number) => React.ReactNode;
-    /**
-     * Optional key extractor function
-     */
-    keyExtractor?: (item: T, index: number) => string;
-    /**
-     * Component to render when the list is empty
-     */
-    ListEmptyComponent?: React.ReactNode;
-    /**
-     * Component to render at the top of the list
-     */
-    ListHeaderComponent?: React.ReactNode;
-    /**
-     * Component to render at the bottom of the list
-     */
-    ListFooterComponent?: React.ReactNode;
-    /**
-     * Component to render between each item
-     */
-    ItemSeparatorComponent?: React.ReactNode;
-    /**
-     * Gap between items (overrides the theme gap)
-     */
-    itemGap?: Space;
-    /**
-     * Additional props
-     */
-    [key: string]: any;
-}
-declare function InternalList<T>({ data, renderItem, keyExtractor, ListEmptyComponent, ListHeaderComponent, ListFooterComponent, ItemSeparatorComponent, itemGap, ...rest }: ListProps<T>, ref: React.Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+import { ListProps } from './types';
+declare function InternalList<T>(props: ListProps<T>, ref: React.Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 export declare const List: <T>(props: ListProps<T> & {
     ref?: React.Ref<HTMLDivElement>;
 }) => ReturnType<typeof InternalList>;

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

@@ -0,0 +1,40 @@
+import { Space } from '../../theme/common';
+import { BoxProps } from '../Box';
+export interface ListProps<T = any> extends BoxProps {
+    /**
+     * The data array to be rendered
+     */
+    data?: T[];
+    /**
+     * Function to render an item from the data array
+     */
+    renderItem?: (item: T, index: number) => React.ReactNode;
+    /**
+     * Optional key extractor function
+     */
+    keyExtractor?: (item: T, index: number) => string;
+    /**
+     * Component to render when the list is empty
+     */
+    ListEmptyComponent?: React.ReactNode;
+    /**
+     * Component to render at the top of the list
+     */
+    ListHeaderComponent?: React.ReactNode;
+    /**
+     * Component to render at the bottom of the list
+     */
+    ListFooterComponent?: React.ReactNode;
+    /**
+     * Component to render between each item
+     */
+    ItemSeparatorComponent?: React.ReactNode;
+    /**
+     * Gap between items (overrides the theme gap)
+     */
+    itemGap?: Space;
+    /**
+     * Additional props
+     */
+    [key: string]: any;
+}

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

@@ -0,0 +1,12 @@
+import { BoxProps } from '../Box';
+import { ListProps } from './types';
+declare const contentPropsKeys: (keyof BoxProps)[];
+/**
+ * Separates ListProps into props for the outer container and inner content Box.
+ */
+export declare function splitListProps<T>(props: ListProps<T>): {
+    listProps: Omit<ListProps<T>, keyof BoxProps>;
+    contentProps: Pick<BoxProps, (typeof contentPropsKeys)[number]>;
+    containerProps: Omit<BoxProps, (typeof contentPropsKeys)[number]>;
+};
+export {};

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

@@ -13,4 +13,14 @@ export interface TouchableProps extends React.HTMLAttributes<HTMLDivElement>, Bo
      * Testing id of the component.
      */
     'data-testid'?: string;
+    /**
+     * Toggle the scale animation of the component.
+     * @default true
+     */
+    useScaleAnimation?: boolean;
+    /**
+     * Toggle the opacity animation of the component.
+     * @default true
+     */
+    useOpacityAnimation?: boolean;
 }

package/dist/components/index.d.ts

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