@aic-kits/react 0.11.0 → 0.12.1

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", "marginInline", "marginBlock", "paddingInline", "paddingBlock"];
+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", "willChange"];
 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/CarouselItem.d.ts

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

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

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

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

@@ -1,2 +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;
+export declare function Carousel<T>({ items, renderItem, showPagination, showNavigation, autoPlay, autoScroll, initialIndex, onIndexChange, keyExtractor, itemSpacing, itemsPerView, itemWidth, ...rest }: CarouselProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Space } from '../../theme';
+import { Size, Space } from '../../theme';
 import { BoxProps } from '../Box';
 export interface CarouselRenderItemInfo<T> {
     item: T;
@@ -59,4 +59,16 @@ export interface CarouselProps<T = any> extends BoxProps {
      * Optional item spacing.
      */
     itemSpacing?: Space;
+    /**
+     * Number of items to display per view.
+     * Has no effect when `autoScroll` is enabled.
+     * @default 1
+     */
+    itemsPerView?: number;
+    /**
+     * Fixed width in pixels (e.g. '100px') or Size for each carousel item.
+     * If not provided, items will stretch to fill the container width divided by `itemsPerView`.
+     * Has no effect when `autoScroll` is enabled.
+     */
+    itemWidth?: Size | string | number;
 }

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

@@ -0,0 +1,2 @@
+import { Size, Theme } from '../../theme';
+export declare const getItemWidthNumericValue: (theme: Theme, itemWidth: Size | string | number | undefined) => number | undefined;

package/dist/components/Header/HeaderAuth.d.ts

@@ -2,8 +2,8 @@ import { default as React, Dispatch, SetStateAction } from 'react';
 import { HeaderProps } from './types';
 interface HeaderAuthProps {
     isSignedIn?: boolean;
-    isDropdownVisible?: boolean;
-    setIsDropdownVisible?: Dispatch<SetStateAction<boolean>>;
+    isDropdownVisible: boolean;
+    setIsDropdownVisible: Dispatch<SetStateAction<boolean>>;
     userProfile?: HeaderProps['userProfile'];
     dropdownItems?: HeaderProps['profileDropdownItems'];
     onProfileClick?: () => void;

package/dist/components/Header/ProfileDropdown.d.ts

@@ -0,0 +1,15 @@
+import { ForwardedRef, ForwardRefExoticComponent } from 'react';
+import { HeaderProps } from './types';
+interface ProfileDropdownProps {
+    userProfile: HeaderProps['userProfile'];
+    dropdownItems: HeaderProps['profileDropdownItems'];
+    maxHeight?: HeaderProps['maxHeight'];
+}
+export interface ProfileDropdownHandle {
+    showDropdown: (callback?: () => void) => void;
+    hideDropdown: (callback?: () => void) => void;
+}
+export declare const ProfileDropdown: ForwardRefExoticComponent<ProfileDropdownProps & {
+    ref?: ForwardedRef<ProfileDropdownHandle>;
+}>;
+export {};

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

@@ -1,4 +1,4 @@
-import { Color } from '../../theme';
+import { Color, Size } from '../../theme';
 import { BoxProps } from '../Box';
 export interface NavItemProps {
     /**
@@ -59,6 +59,10 @@ export interface HeaderProps extends BoxProps {
      * Profile dropdown items
      */
     profileDropdownItems?: NavItemProps[];
+    /**
+     * Maximum height of the header
+     */
+    maxHeight?: number | Size;
 }
 export interface HeaderHandle {
     /**