@app-studio/components 0.10.17

package/dist/native/components/Carousel/Carousel/Carousel.state.d.ts

@@ -0,0 +1,29 @@
+export interface CarouselStateProps {
+    defaultActiveIndex?: number;
+    activeIndex?: number;
+    onChange?: (index: number) => void;
+    autoPlay?: boolean;
+    autoPlayInterval?: number;
+    pauseOnHover?: boolean;
+    infinite?: boolean;
+    totalSlides?: number;
+    stepIndices?: number[];
+}
+export declare const useCarouselState: ({ defaultActiveIndex, activeIndex: controlledActiveIndex, onChange, autoPlay, autoPlayInterval, pauseOnHover, infinite, totalSlides: initialTotalSlides, stepIndices, }: CarouselStateProps) => {
+    activeIndex: number;
+    totalSlides: number;
+    goToSlide: (index: number) => void;
+    nextSlide: () => void;
+    prevSlide: () => void;
+    canGoNext: boolean;
+    canGoPrevious: boolean;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    handleDragStart: (e: React.MouseEvent | React.TouchEvent) => void;
+    handleDragMove: (e: React.MouseEvent | React.TouchEvent) => void;
+    handleDragEnd: () => void;
+    registerSlide: () => number;
+    unregisterSlide: (id: number) => void;
+    contentId: string;
+    infinite: boolean;
+};

package/dist/native/components/Carousel/Carousel/Carousel.state.js

@@ -0,0 +1,170 @@
+import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
+import { generateId } from '../../../utils/id';
+export const useCarouselState = ({ defaultActiveIndex = 0, activeIndex: controlledActiveIndex, onChange, autoPlay = false, autoPlayInterval = 3000, pauseOnHover = true, infinite = true, totalSlides: initialTotalSlides, stepIndices, }) => {
+    const slideCountRef = useRef(initialTotalSlides || 0);
+    const [totalSlides, setTotalSlides] = useState(initialTotalSlides || 0);
+    const slideRegistry = useRef(new Set());
+    const nextSlideId = useRef(0);
+    const contentId = useMemo(() => generateId('carousel-content'), []);
+    const [activeIndex, setActiveIndex] = useState(controlledActiveIndex !== undefined
+        ? controlledActiveIndex
+        : defaultActiveIndex);
+    const [isHovered, setIsHovered] = useState(false);
+    const [isDragging, setIsDragging] = useState(false);
+    const [dragStartX, setDragStartX] = useState(0);
+    const [dragStartY, setDragStartY] = useState(0);
+    const autoPlayTimerRef = useRef(null);
+    useEffect(() => {
+        if (controlledActiveIndex !== undefined) {
+            setActiveIndex(controlledActiveIndex);
+        }
+    }, [controlledActiveIndex]);
+    const goToSlide = useCallback((index) => {
+        let newIndex = index;
+        if (infinite) {
+            if (index < 0) {
+                newIndex = totalSlides - 1;
+            }
+            else if (index >= totalSlides) {
+                newIndex = 0;
+            }
+        }
+        else {
+            newIndex = Math.max(0, Math.min(index, totalSlides - 1));
+        }
+        if (stepIndices && stepIndices.length > 0) {
+            if (stepIndices.includes(newIndex)) {
+            }
+            else {
+                const closestIndex = stepIndices.reduce((prev, curr) => {
+                    return Math.abs(curr - newIndex) < Math.abs(prev - newIndex)
+                        ? curr
+                        : prev;
+                });
+                newIndex = closestIndex;
+            }
+        }
+        if (controlledActiveIndex === undefined) {
+            setActiveIndex(newIndex);
+        }
+        if (onChange) {
+            onChange(newIndex);
+        }
+    }, [controlledActiveIndex, infinite, onChange, totalSlides]);
+    const nextSlide = useCallback(() => {
+        goToSlide(activeIndex + 1);
+    }, [activeIndex, goToSlide]);
+    const prevSlide = useCallback(() => {
+        goToSlide(activeIndex - 1);
+    }, [activeIndex, goToSlide]);
+    useEffect(() => {
+        if (autoPlay && !isHovered && !isDragging) {
+            autoPlayTimerRef.current = setInterval(() => {
+                nextSlide();
+            }, autoPlayInterval);
+        }
+        return () => {
+            if (autoPlayTimerRef.current) {
+                clearInterval(autoPlayTimerRef.current);
+            }
+        };
+    }, [
+        autoPlay,
+        autoPlayInterval,
+        isHovered,
+        isDragging,
+        nextSlide,
+        pauseOnHover,
+    ]);
+    const handleMouseEnter = useCallback(() => {
+        if (pauseOnHover) {
+            setIsHovered(true);
+        }
+    }, [pauseOnHover]);
+    const handleMouseLeave = useCallback(() => {
+        setIsHovered(false);
+    }, []);
+    const handleDragStart = useCallback((e) => {
+        setIsDragging(true);
+        if ('touches' in e) {
+            setDragStartX(e.touches[0].clientX);
+            setDragStartY(e.touches[0].clientY);
+        }
+        else {
+            setDragStartX(e.clientX);
+            setDragStartY(e.clientY);
+        }
+    }, []);
+    const handleDragMove = useCallback((e) => {
+        if (!isDragging)
+            return;
+        let currentX;
+        let currentY;
+        if ('touches' in e) {
+            currentX = e.touches[0].clientX;
+            currentY = e.touches[0].clientY;
+        }
+        else {
+            currentX = e.clientX;
+            currentY = e.clientY;
+        }
+        const diffX = currentX - dragStartX;
+        const diffY = currentY - dragStartY;
+        if (Math.abs(diffX) > Math.abs(diffY) && Math.abs(diffX) > 50) {
+            if (diffX > 0) {
+                prevSlide();
+            }
+            else {
+                nextSlide();
+            }
+            setIsDragging(false);
+        }
+    }, [isDragging, dragStartX, dragStartY, nextSlide, prevSlide]);
+    const handleDragEnd = useCallback(() => {
+        setIsDragging(false);
+    }, []);
+    const registerSlide = useCallback(() => {
+        const id = nextSlideId.current++;
+        slideRegistry.current.add(id);
+        const newCount = slideRegistry.current.size;
+        slideCountRef.current = newCount;
+        setTotalSlides(newCount);
+        return id;
+    }, []);
+    const unregisterSlide = useCallback((id) => {
+        slideRegistry.current.delete(id);
+        const newCount = slideRegistry.current.size;
+        slideCountRef.current = newCount;
+        setTotalSlides(newCount);
+        if (newCount > 0 && activeIndex >= newCount) {
+            const newIndex = Math.max(0, newCount - 1);
+            if (controlledActiveIndex === undefined) {
+                setActiveIndex(newIndex);
+            }
+            if (onChange) {
+                onChange(newIndex);
+            }
+        }
+    }, [activeIndex, controlledActiveIndex, onChange]);
+    const canGoPrevious = infinite || activeIndex > 0;
+    const canGoNext = infinite || activeIndex < totalSlides - 1;
+    return {
+        activeIndex,
+        totalSlides,
+        goToSlide,
+        nextSlide,
+        prevSlide,
+        canGoNext,
+        canGoPrevious,
+        handleMouseEnter,
+        handleMouseLeave,
+        handleDragStart,
+        handleDragMove,
+        handleDragEnd,
+        registerSlide,
+        unregisterSlide,
+        contentId,
+        infinite,
+    };
+};
+//# sourceMappingURL=Carousel.state.js.map

package/dist/native/components/Carousel/Carousel/Carousel.state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.state.js","sourceRoot":"","sources":["../../../../../src/components/Carousel/Carousel/Carousel.state.ts"],"names":[],"mappings":"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"}

package/dist/native/components/Carousel/Carousel/Carousel.style.d.ts

@@ -0,0 +1,6 @@
+import { ViewProps } from 'app-studio';
+import { IndicatorVariant, CarouselStyles } from './Carousel.type';
+export declare const IndicatorStyles: Record<IndicatorVariant, ViewProps>;
+export declare const ActiveIndicatorStyles: Record<IndicatorVariant, ViewProps>;
+export declare const NavigationButtonStyles: ViewProps;
+export declare const getDefaultCarouselStyles: () => CarouselStyles;

package/dist/native/components/Carousel/Carousel/Carousel.style.js

@@ -0,0 +1,107 @@
+// Defines the base styles for different visual variants of carousel indicators, such as dots, lines, or numbers.
+export const IndicatorStyles = {
+    dot: {
+        width: '10px',
+        height: '10px',
+        borderRadius: '50%',
+        backgroundColor: 'color-gray-300',
+        margin: '0 4px',
+        cursor: 'pointer',
+        transition: 'background-color 0.3s ease',
+    },
+    line: {
+        width: '20px',
+        height: '4px',
+        borderRadius: '2px',
+        backgroundColor: 'color-gray-300',
+        margin: '0 4px',
+        cursor: 'pointer',
+        transition: 'background-color 0.3s ease',
+    },
+    number: {
+        minWidth: '24px',
+        height: '24px',
+        borderRadius: '50%',
+        backgroundColor: 'color-gray-300',
+        margin: '0 4px',
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontSize: '12px',
+        transition: 'background-color 0.3s ease',
+    },
+};
+// Specifies the distinct styles applied to an active (currently selected) carousel indicator, varying by its visual type.
+export const ActiveIndicatorStyles = {
+    dot: {
+        backgroundColor: 'theme-primary',
+    },
+    line: {
+        backgroundColor: 'theme-primary',
+    },
+    number: {
+        backgroundColor: 'theme-primary',
+        color: 'color-white',
+    },
+};
+// Provides a set of common styling properties for the carousel's navigation buttons, ensuring a consistent appearance.
+export const NavigationButtonStyles = {
+    width: '40px',
+    height: '40px',
+    borderRadius: '50%',
+    backgroundColor: 'color-white',
+    color: 'color-gray-800',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    cursor: 'pointer',
+    boxShadow: '0 2px 5px rgba(0, 0, 0, 0.1)',
+    zIndex: 1,
+    transition: 'background-color 0.3s ease',
+    _hover: {
+        backgroundColor: 'color-gray-100',
+    },
+};
+// A factory function that returns a comprehensive object containing the default CSS-in-JS styles for all major parts of the Carousel component, including the container, content, individual items, and navigation buttons.
+export const getDefaultCarouselStyles = () => ({
+    container: {
+        position: 'relative',
+        overflow: 'hidden',
+    },
+    content: {
+        overflow: 'hidden',
+        width: '100%',
+        height: '100%',
+    },
+    innerContainer: {
+        display: 'flex',
+        transitionProperty: 'transform',
+        transitionDuration: '300ms',
+        transitionTimingFunction: 'ease-in-out',
+        height: '100%',
+    },
+    item: {
+        flex: '0 0 100%',
+        minWidth: 0,
+        position: 'relative',
+        height: '100%',
+    },
+    prevButton: {
+        position: 'absolute',
+        top: '50%',
+        left: '16px',
+        transform: 'translateY(-50%)',
+        zIndex: 10,
+        ...NavigationButtonStyles,
+    },
+    nextButton: {
+        position: 'absolute',
+        top: '50%',
+        right: '16px',
+        transform: 'translateY(-50%)',
+        zIndex: 10,
+        ...NavigationButtonStyles,
+    },
+});
+//# sourceMappingURL=Carousel.style.js.map

package/dist/native/components/Carousel/Carousel/Carousel.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.style.js","sourceRoot":"","sources":["../../../../../src/components/Carousel/Carousel/Carousel.style.ts"],"names":[],"mappings":"AAEA,iHAAiH;AACjH,MAAM,CAAC,MAAM,eAAe,GAAwC;IAClE,GAAG,EAAE;QACH,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,gBAAgB;QACjC,MAAM,EAAE,OAAO;QACf,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,4BAA4B;KACzC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,gBAAgB;QACjC,MAAM,EAAE,OAAO;QACf,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,4BAA4B;KACzC;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,gBAAgB;QACjC,MAAM,EAAE,OAAO;QACf,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,4BAA4B;KACzC;CACF,CAAC;AACF,0HAA0H;AAC1H,MAAM,CAAC,MAAM,qBAAqB,GAAwC;IACxE,GAAG,EAAE;QACH,eAAe,EAAE,eAAe;KACjC;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,eAAe;KACjC;IACD,MAAM,EAAE;QACN,eAAe,EAAE,eAAe;QAChC,KAAK,EAAE,aAAa;KACrB;CACF,CAAC;AACF,uHAAuH;AACvH,MAAM,CAAC,MAAM,sBAAsB,GAAc;IAC/C,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,KAAK;IACnB,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,gBAAgB;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,8BAA8B;IACzC,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,4BAA4B;IACxC,MAAM,EAAE;QACN,eAAe,EAAE,gBAAgB;KAClC;CACF,CAAC;AACF,4NAA4N;AAC5N,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAmB,EAAE,CAAC,CAAC;IAC7D,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;KACnB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;IACD,cAAc,EAAE;QACd,OAAO,EAAE,MAAM;QACf,kBAAkB,EAAE,WAAW;QAC/B,kBAAkB,EAAE,OAAO;QAC3B,wBAAwB,EAAE,aAAa;QACvC,MAAM,EAAE,MAAM;KACf;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;KACf;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,kBAAkB;QAC7B,MAAM,EAAE,EAAE;QACV,GAAG,sBAAsB;KAC1B;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,kBAAkB;QAC7B,MAAM,EAAE,EAAE;QACV,GAAG,sBAAsB;KAC1B;CACF,CAAC,CAAC"}

package/dist/native/components/Carousel/Carousel/Carousel.type.d.ts

@@ -0,0 +1,32 @@
+import { ViewProps } from 'app-studio';
+export type NavigationPosition = 'inside' | 'outside';
+export type IndicatorPosition = 'top' | 'bottom';
+export type IndicatorVariant = 'dot' | 'line' | 'number';
+export type SlideDirection = 'horizontal' | 'vertical';
+export interface CarouselStyles {
+    container?: ViewProps;
+    slide?: ViewProps;
+    slideWrapper?: ViewProps;
+    prevButton?: ViewProps;
+    nextButton?: ViewProps;
+    indicators?: ViewProps;
+    indicator?: ViewProps;
+    activeIndicator?: ViewProps;
+    content?: ViewProps;
+    innerContainer?: ViewProps;
+    item?: ViewProps;
+}
+export interface CarouselContextValue {
+    currentIndex: number;
+    totalSlides: number;
+    goToSlide: (index: number) => void;
+    goToNext: () => void;
+    goToPrevious: () => void;
+    canGoNext: boolean;
+    canGoPrevious: boolean;
+    registerSlide: () => number;
+    unregisterSlide: (id: number) => void;
+    styles?: CarouselStyles;
+    contentId: string;
+    infinite: boolean;
+}

package/dist/native/components/Carousel/Carousel/Carousel.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Carousel.type.js.map

package/dist/native/components/Carousel/Carousel/Carousel.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.type.js","sourceRoot":"","sources":["../../../../../src/components/Carousel/Carousel/Carousel.type.ts"],"names":[],"mappings":""}

package/dist/native/components/Carousel/Carousel/Carousel.view.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CarouselProps, CarouselSlideProps, CarouselContentProps, CarouselItemProps, CarouselPreviousProps, CarouselNextProps } from './Carousel.props';
+export declare const CarouselSlide: React.FC<CarouselSlideProps>;
+export declare const CarouselPreviousComponent: React.FC<CarouselPreviousProps>;
+export declare const CarouselNextComponent: React.FC<CarouselNextProps>;
+export declare const CarouselItemComponent: React.FC<CarouselItemProps>;
+export declare const CarouselContentComponent: React.FC<CarouselContentProps>;
+export declare const CarouselView: React.FC<CarouselProps>;

package/dist/native/components/Carousel/Carousel/Carousel.view.js

@@ -0,0 +1,173 @@
+import React, { useMemo, useEffect, useRef } from 'react';
+import { View } from 'app-studio';
+import { Horizontal } from 'app-studio';
+import { Button } from '../../Button/Button';
+import { ChevronIcon } from '../../Icon/Icon';
+import { useCarouselState } from './Carousel.state';
+import { IndicatorStyles, ActiveIndicatorStyles, NavigationButtonStyles, getDefaultCarouselStyles, } from './Carousel.style';
+import { CarouselContext, useCarouselContext } from './Carousel.context';
+// Defines the individual slide component within the carousel, responsible for rendering its content and managing its active state.
+export const CarouselSlide = ({ children, isActive, index, views, ...props }) => {
+    return (<View flexShrink={0} width="100%" height="100%" display={isActive ? 'block' : 'none'} {...views} {...props}>
+      {children}
+    </View>);
+};
+export const CarouselPreviousComponent = ({ views, children, ...props }) => {
+    const { goToPrevious, canGoPrevious, styles: globalStyles, } = useCarouselContext();
+    const defaultStyles = getDefaultCarouselStyles().prevButton;
+    const mergedStyles = {
+        ...defaultStyles,
+        ...globalStyles?.prevButton,
+        ...views?.prevButton,
+    };
+    return (<Button aria-label="Previous slide" onClick={() => goToPrevious()} isDisabled={!canGoPrevious} {...mergedStyles} {...props}>
+      {children ?? <ChevronIcon orientation="left" widthHeight={16}/>}
+    </Button>);
+};
+export const CarouselNextComponent = ({ views, children, ...props }) => {
+    const { goToNext, canGoNext, styles: globalStyles } = useCarouselContext();
+    const defaultStyles = getDefaultCarouselStyles().nextButton;
+    const mergedStyles = {
+        ...defaultStyles,
+        ...globalStyles?.nextButton,
+        ...views?.nextButton,
+    };
+    return (<Button aria-label="Next slide" onClick={() => goToNext()} isDisabled={!canGoNext} {...mergedStyles} {...props}>
+      {children ?? <ChevronIcon orientation="right" widthHeight={16}/>}
+    </Button>);
+};
+export const CarouselItemComponent = ({ children, views, ...props }) => {
+    const { registerSlide, unregisterSlide, styles: globalStyles, } = useCarouselContext();
+    const slideIdRef = useRef(null);
+    useEffect(() => {
+        const id = registerSlide();
+        slideIdRef.current = id;
+        return () => {
+            if (slideIdRef.current !== null) {
+                unregisterSlide(slideIdRef.current);
+            }
+        };
+    }, [registerSlide, unregisterSlide]);
+    const defaultStyles = getDefaultCarouselStyles().item;
+    const mergedStyles = {
+        ...defaultStyles,
+        ...globalStyles?.item,
+        ...views?.item,
+    };
+    return (<View role="group" aria-roledescription="slide" {...mergedStyles} {...props}>
+      {children}
+    </View>);
+};
+export const CarouselContentComponent = ({ children, views, style, ...props }) => {
+    const { currentIndex, styles: globalStyles, contentId, } = useCarouselContext();
+    const defaultStyles = getDefaultCarouselStyles();
+    const mergedContentStyles = {
+        ...defaultStyles.content,
+        ...globalStyles?.content,
+        ...views?.content,
+    };
+    const mergedInnerStyles = {
+        ...defaultStyles.innerContainer,
+        ...globalStyles?.innerContainer,
+        ...views?.innerContainer,
+    };
+    const translateX = `-${currentIndex * 100}%`;
+    return (<View {...mergedContentStyles} {...props} style={{ ...mergedContentStyles?.style, ...style }} id={contentId} aria-live="polite">
+      
+      <View {...mergedInnerStyles} style={{
+            ...mergedInnerStyles?.style,
+            transform: `translateX(${translateX})`,
+        }}>
+        {children}
+      </View>
+    </View>);
+};
+export const CarouselView = ({ children, defaultActiveIndex = 0, activeIndex: controlledActiveIndex, onChange, showNavigation = true, navigationPosition = 'inside', prevButton, nextButton, showIndicators = true, indicatorPosition = 'bottom', indicatorVariant = 'dot', autoPlay = false, autoPlayInterval = 3000, pauseOnHover = true, infinite = true, direction = 'horizontal', transitionDuration = 300, views, stepIndices, themeMode: elementMode, ...props }) => {
+    const slides = useMemo(() => {
+        return React.Children.toArray(children);
+    }, [children]);
+    const carouselState = useCarouselState({
+        defaultActiveIndex,
+        activeIndex: controlledActiveIndex,
+        onChange,
+        autoPlay,
+        autoPlayInterval,
+        pauseOnHover,
+        infinite,
+        totalSlides: slides.length,
+    });
+    const { activeIndex, totalSlides, goToSlide, nextSlide, prevSlide, handleMouseEnter, handleMouseLeave, handleDragStart, handleDragMove, handleDragEnd, } = carouselState;
+    const renderNavigation = () => {
+        if (!showNavigation)
+            return null;
+        const prevButtonElement = prevButton || (<View as="button" aria-label="Previous slide" {...NavigationButtonStyles} {...views?.prevButton}>
+        &#10094;
+      </View>);
+        const nextButtonElement = nextButton || (<View as="button" aria-label="Next slide" {...NavigationButtonStyles} {...views?.nextButton}>
+        &#10095;
+      </View>);
+        return (<>
+        <View position="absolute" top="50%" transform="translateY(-50%)" left={navigationPosition === 'inside' ? '10px' : '-40px'} onClick={prevSlide} cursor={!infinite && activeIndex === 0 ? 'not-allowed' : 'pointer'} opacity={!infinite && activeIndex === 0 ? 0.5 : 1}>
+          {prevButtonElement}
+        </View>
+        <View position="absolute" top="50%" transform="translateY(-50%)" right={navigationPosition === 'inside' ? '10px' : '-40px'} onClick={nextSlide} cursor={!infinite && activeIndex === slides.length - 1
+                ? 'not-allowed'
+                : 'pointer'} opacity={!infinite && activeIndex === slides.length - 1 ? 0.5 : 1}>
+          {nextButtonElement}
+        </View>
+      </>);
+    };
+    const renderIndicators = () => {
+        if (!showIndicators)
+            return null;
+        return (<Horizontal position="absolute" left="0" right="0" justifyContent="center" {...(indicatorPosition === 'top'
+            ? { top: '10px' }
+            : { bottom: '10px' })} {...views?.indicators}>
+        {slides.map((_, index) => (<View key={index} onClick={() => goToSlide(index)} cursor="pointer" {...IndicatorStyles[indicatorVariant]} {...(index === activeIndex
+                ? { ...ActiveIndicatorStyles[indicatorVariant] }
+                : {})} {...views?.indicator} {...(index === activeIndex ? views?.activeIndicator : {})}>
+            {indicatorVariant === 'number' && index + 1}
+          </View>))}
+      </Horizontal>);
+    };
+    const hasCompoundComponents = useMemo(() => {
+        return React.Children.toArray(children).some((child) => React.isValidElement(child) &&
+            (child.type === CarouselContentComponent ||
+                child.type === CarouselItemComponent ||
+                child.type === CarouselPreviousComponent ||
+                child.type === CarouselNextComponent));
+    }, [children]);
+    if (hasCompoundComponents) {
+        return (<CarouselContext.Provider value={{
+                currentIndex: activeIndex,
+                totalSlides,
+                goToSlide,
+                goToNext: nextSlide,
+                goToPrevious: prevSlide,
+                canGoNext: carouselState.canGoNext,
+                canGoPrevious: carouselState.canGoPrevious,
+                registerSlide: carouselState.registerSlide,
+                unregisterSlide: carouselState.unregisterSlide,
+                styles: {
+                    ...getDefaultCarouselStyles(),
+                    ...views,
+                },
+                contentId: carouselState.contentId,
+                infinite,
+            }}>
+        <View role="region" aria-roledescription="carousel" aria-label="Carousel" position="relative" width="100%" height="100%" overflow="hidden" {...views?.container} {...props}>
+          {children}
+        </View>
+      </CarouselContext.Provider>);
+    }
+    return (<View position="relative" width="100%" height="100%" overflow="hidden" onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} onTouchStart={handleDragStart} onTouchMove={handleDragMove} onTouchEnd={handleDragEnd} onMouseDown={handleDragStart} onMouseMove={handleDragMove} onMouseUp={handleDragEnd} {...views?.container} {...props}>
+      <View width="100%" height="100%" position="relative" {...views?.slideWrapper}>
+        {slides.map((slide, index) => (<CarouselSlide key={index} isActive={index === activeIndex} index={index} views={views?.slide}>
+            {slide}
+          </CarouselSlide>))}
+      </View>
+      {renderNavigation()}
+      {renderIndicators()}
+    </View>);
+};
+//# sourceMappingURL=Carousel.view.js.map

package/dist/native/components/Carousel/Carousel/Carousel.view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.view.js","sourceRoot":"","sources":["../../../../../src/components/Carousel/Carousel/Carousel.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAS9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACzE,mIAAmI;AACnI,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,CAAC,IAAI,CACH,UAAU,CAAC,CAAC,CAAC,CAAC,CACd,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CACrC,IAAI,KAAK,CAAC,CACV,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,yBAAyB,GAAoC,CAAC,EACzE,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EACJ,YAAY,EACZ,aAAa,EACb,MAAM,EAAE,YAAY,GACrB,GAAG,kBAAkB,EAAE,CAAC;IACzB,MAAM,aAAa,GAAG,wBAAwB,EAAE,CAAC,UAAU,CAAC;IAC5D,MAAM,YAAY,GAAG;QACnB,GAAG,aAAa;QAChB,GAAG,YAAY,EAAE,UAAU;QAC3B,GAAG,KAAK,EAAE,UAAU;KACrB,CAAC;IACF,OAAO,CACL,CAAC,MAAM,CACL,UAAU,CAAC,gBAAgB,CAC3B,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,CAC9B,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAC3B,IAAK,YAAoB,CAAC,CAC1B,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,QAAQ,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAAG,CAClE;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAgC,CAAC,EACjE,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC3E,MAAM,aAAa,GAAG,wBAAwB,EAAE,CAAC,UAAU,CAAC;IAC5D,MAAM,YAAY,GAAG;QACnB,GAAG,aAAa;QAChB,GAAG,YAAY,EAAE,UAAU;QAC3B,GAAG,KAAK,EAAE,UAAU;KACrB,CAAC;IACF,OAAO,CACL,CAAC,MAAM,CACL,UAAU,CAAC,YAAY,CACvB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,CAC1B,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CACvB,IAAK,YAAoB,CAAC,CAC1B,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,QAAQ,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAAG,CACnE;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAgC,CAAC,EACjE,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EACJ,aAAa,EACb,eAAe,EACf,MAAM,EAAE,YAAY,GACrB,GAAG,kBAAkB,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAC/C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;QAC3B,UAAU,CAAC,OAAO,GAAG,EAAE,CAAC;QACxB,OAAO,GAAG,EAAE;YACV,IAAI,UAAU,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;gBAChC,eAAe,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC;IACrC,MAAM,aAAa,GAAG,wBAAwB,EAAE,CAAC,IAAI,CAAC;IACtD,MAAM,YAAY,GAAG;QACnB,GAAG,aAAa;QAChB,GAAG,YAAY,EAAE,IAAI;QACrB,GAAG,KAAK,EAAE,IAAI;KACf,CAAC;IACF,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,OAAO,CACZ,oBAAoB,CAAC,OAAO,CAC5B,IAAI,YAAY,CAAC,CACjB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAmC,CAAC,EACvE,QAAQ,EACR,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EACJ,YAAY,EACZ,MAAM,EAAE,YAAY,EACpB,SAAS,GACV,GAAG,kBAAkB,EAAE,CAAC;IACzB,MAAM,aAAa,GAAG,wBAAwB,EAAE,CAAC;IACjD,MAAM,mBAAmB,GAAG;QAC1B,GAAG,aAAa,CAAC,OAAO;QACxB,GAAG,YAAY,EAAE,OAAO;QACxB,GAAG,KAAK,EAAE,OAAO;KAClB,CAAC;IACF,MAAM,iBAAiB,GAAG;QACxB,GAAG,aAAa,CAAC,cAAc;QAC/B,GAAG,YAAY,EAAE,cAAc;QAC/B,GAAG,KAAK,EAAE,cAAc;KACzB,CAAC;IACF,MAAM,UAAU,GAAG,IAAI,YAAY,GAAG,GAAG,GAAG,CAAC;IAC7C,OAAO,CACL,CAAC,IAAI,CACH,IAAI,mBAAmB,CAAC,CACxB,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,EAAE,GAAG,mBAAmB,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,CACnD,EAAE,CAAC,CAAC,SAAS,CAAC,CACd,SAAS,CAAC,QAAQ,CAElB;MACA;MAAA,CAAC,IAAI,CACH,IAAI,iBAAiB,CAAC,CACtB,KAAK,CAAC,CAAC;YACL,GAAG,iBAAiB,EAAE,KAAK;YAC3B,SAAS,EAAE,cAAc,UAAU,GAAG;SACvC,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,YAAY,GAA4B,CAAC,EACpD,QAAQ,EACR,kBAAkB,GAAG,CAAC,EACtB,WAAW,EAAE,qBAAqB,EAClC,QAAQ,EACR,cAAc,GAAG,IAAI,EACrB,kBAAkB,GAAG,QAAQ,EAC7B,UAAU,EACV,UAAU,EACV,cAAc,GAAG,IAAI,EACrB,iBAAiB,GAAG,QAAQ,EAC5B,gBAAgB,GAAG,KAAK,EACxB,QAAQ,GAAG,KAAK,EAChB,gBAAgB,GAAG,IAAI,EACvB,YAAY,GAAG,IAAI,EACnB,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,YAAY,EACxB,kBAAkB,GAAG,GAAG,EACxB,KAAK,EACL,WAAW,EACX,SAAS,EAAE,WAAW,EACtB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,MAAM,aAAa,GAAG,gBAAgB,CAAC;QACrC,kBAAkB;QAClB,WAAW,EAAE,qBAAqB;QAClC,QAAQ;QACR,QAAQ;QACR,gBAAgB;QAChB,YAAY;QACZ,QAAQ;QACR,WAAW,EAAE,MAAM,CAAC,MAAM;KAC3B,CAAC,CAAC;IACH,MAAM,EACJ,WAAW,EACX,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,aAAa,GACd,GAAG,aAAa,CAAC;IAClB,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,CAAC,cAAc;YAAE,OAAO,IAAI,CAAC;QACjC,MAAM,iBAAiB,GAAG,UAAU,IAAI,CACtC,CAAC,IAAI,CACH,EAAE,CAAC,QAAQ,CACX,UAAU,CAAC,gBAAgB,CAC3B,IAAI,sBAAsB,CAAC,CAC3B,IAAI,KAAK,EAAE,UAAU,CAAC,CAEtB;;MACF,EAAE,IAAI,CAAC,CACR,CAAC;QACF,MAAM,iBAAiB,GAAG,UAAU,IAAI,CACtC,CAAC,IAAI,CACH,EAAE,CAAC,QAAQ,CACX,UAAU,CAAC,YAAY,CACvB,IAAI,sBAAsB,CAAC,CAC3B,IAAI,KAAK,EAAE,UAAU,CAAC,CAEtB;;MACF,EAAE,IAAI,CAAC,CACR,CAAC;QACF,OAAO,CACL,EACE;QAAA,CAAC,IAAI,CACH,QAAQ,CAAC,UAAU,CACnB,GAAG,CAAC,KAAK,CACT,SAAS,CAAC,kBAAkB,CAC5B,IAAI,CAAC,CAAC,kBAAkB,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CACzD,OAAO,CAAC,CAAC,SAAS,CAAC,CACnB,MAAM,CAAC,CAAC,CAAC,QAAQ,IAAI,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CACnE,OAAO,CAAC,CAAC,CAAC,QAAQ,IAAI,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAElD;UAAA,CAAC,iBAAiB,CACpB;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,IAAI,CACH,QAAQ,CAAC,UAAU,CACnB,GAAG,CAAC,KAAK,CACT,SAAS,CAAC,kBAAkB,CAC5B,KAAK,CAAC,CAAC,kBAAkB,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAC1D,OAAO,CAAC,CAAC,SAAS,CAAC,CACnB,MAAM,CAAC,CACL,CAAC,QAAQ,IAAI,WAAW,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC;gBAC5C,CAAC,CAAC,aAAa;gBACf,CAAC,CAAC,SACN,CAAC,CACD,OAAO,CAAC,CAAC,CAAC,QAAQ,IAAI,WAAW,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAElE;UAAA,CAAC,iBAAiB,CACpB;QAAA,EAAE,IAAI,CACR;MAAA,GAAG,CACJ,CAAC;IACJ,CAAC,CAAC;IACF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,CAAC,cAAc;YAAE,OAAO,IAAI,CAAC;QACjC,OAAO,CACL,CAAC,UAAU,CACT,QAAQ,CAAC,UAAU,CACnB,IAAI,CAAC,GAAG,CACR,KAAK,CAAC,GAAG,CACT,cAAc,CAAC,QAAQ,CACvB,IAAI,CAAC,iBAAiB,KAAK,KAAK;YAC9B,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE;YACjB,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CACxB,IAAI,KAAK,EAAE,UAAU,CAAC,CAEtB;QAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAChC,MAAM,CAAC,SAAS,CAChB,IAAI,eAAe,CAAC,gBAAgB,CAAC,CAAC,CACtC,IAAI,CAAC,KAAK,KAAK,WAAW;gBACxB,CAAC,CAAC,EAAE,GAAG,qBAAqB,CAAC,gBAAgB,CAAC,EAAE;gBAChD,CAAC,CAAC,EAAE,CAAC,CAAC,CACR,IAAI,KAAK,EAAE,SAAS,CAAC,CACrB,IAAI,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAE1D;YAAA,CAAC,gBAAgB,KAAK,QAAQ,IAAI,KAAK,GAAG,CAAC,CAC7C;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;IACJ,CAAC,CAAC;IACF,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE;QACzC,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC1C,CAAC,KAAK,EAAE,EAAE,CACR,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;YAC3B,CAAC,KAAK,CAAC,IAAI,KAAK,wBAAwB;gBACtC,KAAK,CAAC,IAAI,KAAK,qBAAqB;gBACpC,KAAK,CAAC,IAAI,KAAK,yBAAyB;gBACxC,KAAK,CAAC,IAAI,KAAK,qBAAqB,CAAC,CAC1C,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,IAAI,qBAAqB,EAAE,CAAC;QAC1B,OAAO,CACL,CAAC,eAAe,CAAC,QAAQ,CACvB,KAAK,CAAC,CAAC;gBACL,YAAY,EAAE,WAAW;gBACzB,WAAW;gBACX,SAAS;gBACT,QAAQ,EAAE,SAAS;gBACnB,YAAY,EAAE,SAAS;gBACvB,SAAS,EAAE,aAAa,CAAC,SAAS;gBAClC,aAAa,EAAE,aAAa,CAAC,aAAa;gBAC1C,aAAa,EAAE,aAAa,CAAC,aAAa;gBAC1C,eAAe,EAAE,aAAa,CAAC,eAAe;gBAC9C,MAAM,EAAE;oBACN,GAAG,wBAAwB,EAAE;oBAC7B,GAAG,KAAK;iBACT;gBACD,SAAS,EAAE,aAAa,CAAC,SAAS;gBAClC,QAAQ;aACT,CAAC,CAEF;QAAA,CAAC,IAAI,CACH,IAAI,CAAC,QAAQ,CACb,oBAAoB,CAAC,UAAU,CAC/B,UAAU,CAAC,UAAU,CACrB,QAAQ,CAAC,UAAU,CACnB,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,QAAQ,CAAC,QAAQ,CACjB,IAAI,KAAK,EAAE,SAAS,CAAC,CACrB,IAAI,KAAK,CAAC,CAEV;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,eAAe,CAAC,QAAQ,CAAC,CAC5B,CAAC;IACJ,CAAC;IACD,OAAO,CACL,CAAC,IAAI,CACH,QAAQ,CAAC,UAAU,CACnB,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,QAAQ,CAAC,QAAQ,CACjB,YAAY,CAAC,CAAC,gBAAgB,CAAC,CAC/B,YAAY,CAAC,CAAC,gBAAgB,CAAC,CAC/B,YAAY,CAAC,CAAC,eAAe,CAAC,CAC9B,WAAW,CAAC,CAAC,cAAc,CAAC,CAC5B,UAAU,CAAC,CAAC,aAAa,CAAC,CAC1B,WAAW,CAAC,CAAC,eAAe,CAAC,CAC7B,WAAW,CAAC,CAAC,cAAc,CAAC,CAC5B,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,IAAI,KAAK,EAAE,SAAS,CAAC,CACrB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,QAAQ,CAAC,UAAU,CACnB,IAAI,KAAK,EAAE,YAAY,CAAC,CAExB;QAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,CAAC,aAAa,CACZ,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,QAAQ,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAChC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAEpB;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,aAAa,CAAC,CACjB,CAAC,CACJ;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,gBAAgB,EAAE,CACnB;MAAA,CAAC,gBAAgB,EAAE,CACrB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/native/components/Carousel/Carousel/Carousel.view.native.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CarouselProps, CarouselSlideProps, CarouselContentProps, CarouselItemProps, CarouselPreviousProps, CarouselNextProps } from './Carousel.props';
+export declare const CarouselSlide: React.FC<CarouselSlideProps>;
+export declare const CarouselPreviousComponent: React.FC<CarouselPreviousProps>;
+export declare const CarouselNextComponent: React.FC<CarouselNextProps>;
+export declare const CarouselItemComponent: React.FC<CarouselItemProps>;
+export declare const CarouselContentComponent: React.FC<CarouselContentProps>;
+export declare const CarouselView: React.FC<CarouselProps>;