aura-glass/dist/components/interactive/GlassCarousel.d.ts

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

import React, { ReactNode } from "react";
import type { ConsciousnessFeatures } from "../layout/GlassContainer";
export interface CarouselItem {
    id: string;
    content: ReactNode;
    title?: string;
    description?: string;
    image?: string;
}
export interface GlassCarouselProps extends React.HTMLAttributes<HTMLDivElement>, ConsciousnessFeatures {
    /**
     * Carousel items or children
     */
    children?: ReactNode;
    items?: CarouselItem[];
    /**
     * Initial active slide index
     */
    initialIndex?: number;
    /**
     * Number of slides to show at once
     */
    slidesToShow?: number;
    /**
     * Number of slides to scroll at once
     */
    slidesToScroll?: number;
    /**
     * Enable infinite loop
     */
    infinite?: boolean;
    /**
     * Enable auto-play
     */
    autoPlay?: boolean;
    /**
     * Auto-play interval in milliseconds
     */
    autoPlayInterval?: number;
    /**
     * Show navigation arrows
     */
    showArrows?: boolean;
    /**
     * Show navigation dots
     */
    showDots?: boolean;
    /**
     * Show slide indicators
     */
    showIndicators?: boolean;
    /**
     * Enable swipe gestures
     */
    enableSwipe?: boolean;
    /**
     * Enable keyboard navigation
     */
    enableKeyboard?: boolean;
    /**
     * Animation duration in milliseconds
     */
    animationDuration?: number;
    /**
     * Pause auto-play on hover
     */
    pauseOnHover?: boolean;
    /**
     * Carousel height
     */
    height?: string | number;
    /**
     * Gap between slides
     */
    gap?: string | number;
    /**
     * Show fullscreen toggle
     */
    showFullscreen?: boolean;
    /**
     * Slide change callback
     */
    onSlideChange?: (index: number) => void;
    /**
     * Custom arrow components
     */
    customPrevArrow?: ReactNode;
    customNextArrow?: ReactNode;
}
/**
 * GlassCarousel component
 * A flexible carousel/slider with smooth animations and multiple display modes
 */
export declare const GlassCarousel: React.ForwardRefExoticComponent<GlassCarouselProps & React.RefAttributes<HTMLDivElement>>;
export declare const GlassPredictiveCarousel: React.FC<GlassCarouselProps>;
export declare const GlassAdaptiveCarousel: React.FC<GlassCarouselProps>;
export declare const GlassEyeTrackingCarousel: React.FC<GlassCarouselProps>;
export declare const GlassSpatialAudioCarousel: React.FC<GlassCarouselProps>;
export declare const GlassAchievementCarousel: React.FC<GlassCarouselProps>;
export declare const GlassConsciousnessCarousel: React.FC<GlassCarouselProps>;
export interface GlassThumbnailCarouselProps extends Omit<GlassCarouselProps, "slidesToShow"> {
    /**
     * Show thumbnails
     */
    showThumbnails?: boolean;
    /**
     * Thumbnail size
     */
    thumbnailSize?: "sm" | "md" | "lg";
    /**
     * Thumbnail position
     */
    thumbnailPosition?: "bottom" | "left" | "right";
}
export declare const GlassThumbnailCarousel: React.FC<GlassThumbnailCarouselProps>;
export default GlassCarousel;
//# sourceMappingURL=GlassCarousel.d.ts.map