@spark-ui/components 13.1.4 → 13.2.0

package/dist/carousel/Carousel.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps, ReactNode } from 'react';
+import { CarouselAPI, UseCarouselProps } from './types';
+interface Props extends UseCarouselProps, ComponentProps<'div'> {
+    children?: ReactNode;
+    className?: string;
+}
+export declare const Carousel: {
+    ({ className, snapType, snapStop, scrollBehavior, slidesPerMove, pagePickerInset, slidesPerPage, loop, children, gap, defaultPage, page, onPageChange, maxDots, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const useCarouselContext: () => CarouselAPI;
+export {};

package/dist/carousel/CarouselControls.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+interface ControlsProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare const CarouselControls: {
+    ({ children, className, ...props }: ControlsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/carousel/CarouselNextButton.d.ts

@@ -0,0 +1,5 @@
+import { IconButtonProps } from '../icon-button';
+export declare const CarouselNextButton: {
+    ({ "aria-label": ariaLabel, ...buttonProps }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/carousel/CarouselPageIndicator.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+interface Props {
+    children?: ReactNode;
+    'aria-label': string;
+    index: number;
+    className?: string;
+    unstyled?: boolean;
+    intent?: 'basic' | 'surface';
+}
+export declare const CarouselPageIndicator: {
+    ({ children, unstyled, index, "aria-label": ariaLabel, className, intent, }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/carousel/CarouselPagePicker.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { CarouselAPI } from './types';
+interface RenderProps extends CarouselAPI {
+    pages: number[];
+}
+interface Props {
+    children: (renderProps: RenderProps) => ReactNode;
+    className?: string;
+}
+export declare const CarouselPagePicker: {
+    ({ children, className }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/carousel/CarouselPrevButton.d.ts

@@ -0,0 +1,5 @@
+import { IconButtonProps } from '../icon-button';
+export declare const CarouselPrevButton: {
+    ({ "aria-label": ariaLabel, ...buttonProps }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/carousel/CarouselSlide.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps, ReactNode } from 'react';
+export interface CarouselSlideProps extends ComponentProps<'div'> {
+    isSnapPoint?: boolean;
+    children?: ReactNode;
+    index?: number;
+    totalSlides?: number;
+    className?: string;
+}
+export declare const CarouselSlide: {
+    ({ children, index, totalSlides, className, ...props }: CarouselSlideProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/carousel/CarouselSlides.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps, ReactNode } from 'react';
+interface Props extends ComponentProps<'div'> {
+    children?: ReactNode;
+    className?: string;
+}
+export declare const CarouselSlides: {
+    ({ children, className }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/carousel/CarouselViewport.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface Props {
+    children: ReactNode;
+}
+export declare const CarouselViewport: {
+    ({ children }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/carousel/index.d.mts

@@ -1,264 +1,19 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CSSProperties, Ref, KeyboardEvent, RefObject, ComponentProps, ReactNode, HTMLAttributes } from 'react';
-import { IconButtonProps } from '../icon-button/index.mjs';
-import '../button/index.mjs';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-
-declare const DATA_SCOPE: "carousel";
-declare const DIRECTION: "ltr";
-interface UseCarouselProps {
-    /**
-     * Opens the carousel on a predefined page index.
-     */
-    defaultPage?: number;
-    /**
-     * Active page of the carousel.
-     * Use it to control the carousel with your own state.
-     */
-    page?: number;
-    /**
-     * Space (in pixels) between slides.
-     */
-    gap?: number;
-    /**
-     * CSS scroll snap behavior.
-     * - `mandatory` to force snapping on each "page".
-     * - `proximity` to force snapping only when scroll position is near the edge of a "page". Behavior can change depending on each browser.
-     */
-    snapType?: 'proximity' | 'mandatory';
-    /**
-     * Defines whether or not the scroll container is allowed to "pass over" possible snap positions.
-     */
-    snapStop?: 'always' | 'normal';
-    /**
-     * Offset (in pixels) of the left of the optimal viewing region of the list.
-     */
-    scrollPadding?: number;
-    /**
-     * Number of slides to display in the carousel viewport.
-     */
-    slidesPerPage?: number;
-    /**
-     * By default, the carousel scroll N slides per move, N being the number of slides in the carousel viewport.
-     * Use this prop if you prefer to scroll by a smaller amount of slides each time.
-     */
-    slidesPerMove?: number | 'auto';
-    /**
-     * When `true`, allow previous and next buttons to be used when reaching the edges of the carousel.
-     */
-    loop?: boolean;
-    scrollBehavior?: 'instant' | 'smooth';
-    onPageChange?: (pageIndex: number) => void;
-    pagePickerInset?: boolean;
-    /**
-     * Maximum number of dots to display in the page picker.
-     */
-    maxDots?: number;
-}
-interface ComputedRootProps {
-    id: string;
-    role: 'region';
-    'aria-roledescription': 'carousel';
-    'data-scope': typeof DATA_SCOPE;
-    'data-part': 'root';
-    'data-orientation': 'horizontal';
-    dir: typeof DIRECTION;
-    style: CSSProperties & {
-        '--slides-per-page': number;
-        '--slide-spacing': string;
-        '--slide-item-size': string;
-    };
-}
-interface ComputedControlProps {
-    'data-scope': typeof DATA_SCOPE;
-    'data-part': 'control';
-    'data-orientation': 'horizontal';
-}
-interface ComputedTriggerProps<T extends 'prev-trigger' | 'next-trigger'> {
-    id: string;
-    'aria-controls': string;
-    'data-scope': typeof DATA_SCOPE;
-    'data-part': T;
-    'data-orientation': 'horizontal';
-    type: 'button';
-    dir: typeof DIRECTION;
-    disabled: boolean;
-    onClick: () => void;
-}
-interface ComputedSlideGroupProps {
-    id: string;
-    'aria-live': 'polite' | 'off';
-    'data-scope': typeof DATA_SCOPE;
-    'data-part': 'item-group';
-    'data-orientation': 'horizontal';
-    dir: typeof DIRECTION;
-    tabIndex: 0;
-    style: CSSProperties;
-    ref: Ref<HTMLDivElement | null>;
-}
-interface ComputedSlideProps {
-    id: string;
-    role: 'group';
-    'aria-roledescription': 'slide';
-    'data-scope': typeof DATA_SCOPE;
-    'data-part': 'item';
-    'data-index': number;
-    'data-orientation': 'horizontal';
-    dir: typeof DIRECTION;
-    style: CSSProperties;
-}
-interface ComputedIndicatorGroupProps {
-    role: 'radiogroup';
-    id: string;
-    'data-scope': typeof DATA_SCOPE;
-    'data-part': 'indicator-group';
-    'data-orientation': 'horizontal';
-    dir: typeof DIRECTION;
-}
-interface ComputedIndicatorProps {
-    role: 'radio';
-    id: string;
-    'aria-checked': boolean;
-    'data-scope': typeof DATA_SCOPE;
-    'data-part': 'indicator';
-    'data-orientation': 'horizontal';
-    'data-index': number;
-    'data-state': 'active' | 'edge' | 'hidden' | 'idle';
-    tabIndex: 0 | -1;
-    onClick: () => void;
-    onKeyDown: (event: KeyboardEvent) => void;
-}
-interface AnatomyPropsSetters {
-    getRootProps: () => ComputedRootProps;
-    getControlProps: () => ComputedControlProps;
-    getPrevTriggerProps: () => ComputedTriggerProps<'prev-trigger'>;
-    getNextTriggerProps: () => ComputedTriggerProps<'next-trigger'>;
-    getSlidesContainerProps: () => ComputedSlideGroupProps;
-    getSlideProps: (props: {
-        index: number;
-        totalSlides: number;
-    }) => ComputedSlideProps;
-    getIndicatorGroupProps: () => ComputedIndicatorGroupProps;
-    getIndicatorProps: (props: {
-        index: number;
-    }) => ComputedIndicatorProps;
-}
-interface CarouselAPI extends AnatomyPropsSetters {
-    ref: RefObject<HTMLElement | null>;
-    pageIndicatorsRefs: RefObject<(HTMLElement | null)[] | null>;
-    gap: number;
-    page: number;
-    pageSnapPoints: number[];
-    pagePickerInset: boolean;
-    canScrollNext: boolean;
-    canScrollPrev: boolean;
-    scrollTo: (pageIndex: number, behavior: 'instant' | 'smooth') => void;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    loop: boolean;
-    scrollPadding: number;
-    slidesPerPage: number;
-    slidesPerMove: number | 'auto';
-    snapType: UseCarouselProps['snapType'];
-    snapStop: UseCarouselProps['snapStop'];
-    scrollBehavior: UseCarouselProps['scrollBehavior'];
-    maxDots: number;
-    registerSlide: (element: HTMLElement | null, callback: (isVisible: boolean) => void) => void;
-    unregisterSlide: (element: HTMLElement | null) => void;
-    isSlideVisible: (element: HTMLElement | null) => boolean;
-}
-
-interface Props$4 extends UseCarouselProps, ComponentProps<'div'> {
-    children?: ReactNode;
-    className?: string;
-}
-declare const Carousel$1: {
-    ({ className, snapType, snapStop, scrollBehavior, slidesPerMove, pagePickerInset, slidesPerPage, loop, children, gap, defaultPage, page, onPageChange, maxDots, ...props }: Props$4): react_jsx_runtime.JSX.Element;
-    displayName: string;
+import { Carousel as Root } from './Carousel';
+import { CarouselControls as Controls } from './CarouselControls';
+import { CarouselNextButton as NextButton } from './CarouselNextButton';
+import { CarouselPageIndicator as PageIndicator } from './CarouselPageIndicator';
+import { CarouselPagePicker as PagePicker } from './CarouselPagePicker';
+import { CarouselPrevButton as PrevButton } from './CarouselPrevButton';
+import { CarouselSlide as Slide } from './CarouselSlide';
+import { CarouselSlides as Slides } from './CarouselSlides';
+import { CarouselViewport as Viewport } from './CarouselViewport';
+export declare const Carousel: typeof Root & {
+    Controls: typeof Controls;
+    NextButton: typeof NextButton;
+    PrevButton: typeof PrevButton;
+    Slide: typeof Slide;
+    Slides: typeof Slides;
+    Viewport: typeof Viewport;
+    PagePicker: typeof PagePicker;
+    PageIndicator: typeof PageIndicator;
 };
-
-interface ControlsProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-}
-declare const CarouselControls: {
-    ({ children, className, ...props }: ControlsProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const CarouselNextButton: {
-    ({ "aria-label": ariaLabel, ...buttonProps }: IconButtonProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface Props$3 {
-    children?: ReactNode;
-    'aria-label': string;
-    index: number;
-    className?: string;
-    unstyled?: boolean;
-    intent?: 'basic' | 'surface';
-}
-declare const CarouselPageIndicator: {
-    ({ children, unstyled, index, "aria-label": ariaLabel, className, intent, }: Props$3): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface RenderProps extends CarouselAPI {
-    pages: number[];
-}
-interface Props$2 {
-    children: (renderProps: RenderProps) => ReactNode;
-    className?: string;
-}
-declare const CarouselPagePicker: {
-    ({ children, className }: Props$2): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const CarouselPrevButton: {
-    ({ "aria-label": ariaLabel, ...buttonProps }: IconButtonProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface CarouselSlideProps extends ComponentProps<'div'> {
-    isSnapPoint?: boolean;
-    children?: ReactNode;
-    index?: number;
-    totalSlides?: number;
-    className?: string;
-}
-declare const CarouselSlide: {
-    ({ children, index, totalSlides, className, ...props }: CarouselSlideProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface Props$1 extends ComponentProps<'div'> {
-    children?: ReactNode;
-    className?: string;
-}
-declare const CarouselSlides: {
-    ({ children, className }: Props$1): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface Props {
-    children: ReactNode;
-}
-declare const CarouselViewport: {
-    ({ children }: Props): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Carousel: typeof Carousel$1 & {
-    Controls: typeof CarouselControls;
-    NextButton: typeof CarouselNextButton;
-    PrevButton: typeof CarouselPrevButton;
-    Slide: typeof CarouselSlide;
-    Slides: typeof CarouselSlides;
-    Viewport: typeof CarouselViewport;
-    PagePicker: typeof CarouselPagePicker;
-    PageIndicator: typeof CarouselPageIndicator;
-};
-
-export { Carousel };

package/dist/carousel/index.d.ts

@@ -1,264 +1,19 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CSSProperties, Ref, KeyboardEvent, RefObject, ComponentProps, ReactNode, HTMLAttributes } from 'react';
-import { IconButtonProps } from '../icon-button/index.js';
-import '../button/index.js';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-
-declare const DATA_SCOPE: "carousel";
-declare const DIRECTION: "ltr";
-interface UseCarouselProps {
-    /**
-     * Opens the carousel on a predefined page index.
-     */
-    defaultPage?: number;
-    /**
-     * Active page of the carousel.
-     * Use it to control the carousel with your own state.
-     */
-    page?: number;
-    /**
-     * Space (in pixels) between slides.
-     */
-    gap?: number;
-    /**
-     * CSS scroll snap behavior.
-     * - `mandatory` to force snapping on each "page".
-     * - `proximity` to force snapping only when scroll position is near the edge of a "page". Behavior can change depending on each browser.
-     */
-    snapType?: 'proximity' | 'mandatory';
-    /**
-     * Defines whether or not the scroll container is allowed to "pass over" possible snap positions.
-     */
-    snapStop?: 'always' | 'normal';
-    /**
-     * Offset (in pixels) of the left of the optimal viewing region of the list.
-     */
-    scrollPadding?: number;
-    /**
-     * Number of slides to display in the carousel viewport.
-     */
-    slidesPerPage?: number;
-    /**
-     * By default, the carousel scroll N slides per move, N being the number of slides in the carousel viewport.
-     * Use this prop if you prefer to scroll by a smaller amount of slides each time.
-     */
-    slidesPerMove?: number | 'auto';
-    /**
-     * When `true`, allow previous and next buttons to be used when reaching the edges of the carousel.
-     */
-    loop?: boolean;
-    scrollBehavior?: 'instant' | 'smooth';
-    onPageChange?: (pageIndex: number) => void;
-    pagePickerInset?: boolean;
-    /**
-     * Maximum number of dots to display in the page picker.
-     */
-    maxDots?: number;
-}
-interface ComputedRootProps {
-    id: string;
-    role: 'region';
-    'aria-roledescription': 'carousel';
-    'data-scope': typeof DATA_SCOPE;
-    'data-part': 'root';
-    'data-orientation': 'horizontal';
-    dir: typeof DIRECTION;
-    style: CSSProperties & {
-        '--slides-per-page': number;
-        '--slide-spacing': string;
-        '--slide-item-size': string;
-    };
-}
-interface ComputedControlProps {
-    'data-scope': typeof DATA_SCOPE;
-    'data-part': 'control';
-    'data-orientation': 'horizontal';
-}
-interface ComputedTriggerProps<T extends 'prev-trigger' | 'next-trigger'> {
-    id: string;
-    'aria-controls': string;
-    'data-scope': typeof DATA_SCOPE;
-    'data-part': T;
-    'data-orientation': 'horizontal';
-    type: 'button';
-    dir: typeof DIRECTION;
-    disabled: boolean;
-    onClick: () => void;
-}
-interface ComputedSlideGroupProps {
-    id: string;
-    'aria-live': 'polite' | 'off';
-    'data-scope': typeof DATA_SCOPE;
-    'data-part': 'item-group';
-    'data-orientation': 'horizontal';
-    dir: typeof DIRECTION;
-    tabIndex: 0;
-    style: CSSProperties;
-    ref: Ref<HTMLDivElement | null>;
-}
-interface ComputedSlideProps {
-    id: string;
-    role: 'group';
-    'aria-roledescription': 'slide';
-    'data-scope': typeof DATA_SCOPE;
-    'data-part': 'item';
-    'data-index': number;
-    'data-orientation': 'horizontal';
-    dir: typeof DIRECTION;
-    style: CSSProperties;
-}
-interface ComputedIndicatorGroupProps {
-    role: 'radiogroup';
-    id: string;
-    'data-scope': typeof DATA_SCOPE;
-    'data-part': 'indicator-group';
-    'data-orientation': 'horizontal';
-    dir: typeof DIRECTION;
-}
-interface ComputedIndicatorProps {
-    role: 'radio';
-    id: string;
-    'aria-checked': boolean;
-    'data-scope': typeof DATA_SCOPE;
-    'data-part': 'indicator';
-    'data-orientation': 'horizontal';
-    'data-index': number;
-    'data-state': 'active' | 'edge' | 'hidden' | 'idle';
-    tabIndex: 0 | -1;
-    onClick: () => void;
-    onKeyDown: (event: KeyboardEvent) => void;
-}
-interface AnatomyPropsSetters {
-    getRootProps: () => ComputedRootProps;
-    getControlProps: () => ComputedControlProps;
-    getPrevTriggerProps: () => ComputedTriggerProps<'prev-trigger'>;
-    getNextTriggerProps: () => ComputedTriggerProps<'next-trigger'>;
-    getSlidesContainerProps: () => ComputedSlideGroupProps;
-    getSlideProps: (props: {
-        index: number;
-        totalSlides: number;
-    }) => ComputedSlideProps;
-    getIndicatorGroupProps: () => ComputedIndicatorGroupProps;
-    getIndicatorProps: (props: {
-        index: number;
-    }) => ComputedIndicatorProps;
-}
-interface CarouselAPI extends AnatomyPropsSetters {
-    ref: RefObject<HTMLElement | null>;
-    pageIndicatorsRefs: RefObject<(HTMLElement | null)[] | null>;
-    gap: number;
-    page: number;
-    pageSnapPoints: number[];
-    pagePickerInset: boolean;
-    canScrollNext: boolean;
-    canScrollPrev: boolean;
-    scrollTo: (pageIndex: number, behavior: 'instant' | 'smooth') => void;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    loop: boolean;
-    scrollPadding: number;
-    slidesPerPage: number;
-    slidesPerMove: number | 'auto';
-    snapType: UseCarouselProps['snapType'];
-    snapStop: UseCarouselProps['snapStop'];
-    scrollBehavior: UseCarouselProps['scrollBehavior'];
-    maxDots: number;
-    registerSlide: (element: HTMLElement | null, callback: (isVisible: boolean) => void) => void;
-    unregisterSlide: (element: HTMLElement | null) => void;
-    isSlideVisible: (element: HTMLElement | null) => boolean;
-}
-
-interface Props$4 extends UseCarouselProps, ComponentProps<'div'> {
-    children?: ReactNode;
-    className?: string;
-}
-declare const Carousel$1: {
-    ({ className, snapType, snapStop, scrollBehavior, slidesPerMove, pagePickerInset, slidesPerPage, loop, children, gap, defaultPage, page, onPageChange, maxDots, ...props }: Props$4): react_jsx_runtime.JSX.Element;
-    displayName: string;
+import { Carousel as Root } from './Carousel';
+import { CarouselControls as Controls } from './CarouselControls';
+import { CarouselNextButton as NextButton } from './CarouselNextButton';
+import { CarouselPageIndicator as PageIndicator } from './CarouselPageIndicator';
+import { CarouselPagePicker as PagePicker } from './CarouselPagePicker';
+import { CarouselPrevButton as PrevButton } from './CarouselPrevButton';
+import { CarouselSlide as Slide } from './CarouselSlide';
+import { CarouselSlides as Slides } from './CarouselSlides';
+import { CarouselViewport as Viewport } from './CarouselViewport';
+export declare const Carousel: typeof Root & {
+    Controls: typeof Controls;
+    NextButton: typeof NextButton;
+    PrevButton: typeof PrevButton;
+    Slide: typeof Slide;
+    Slides: typeof Slides;
+    Viewport: typeof Viewport;
+    PagePicker: typeof PagePicker;
+    PageIndicator: typeof PageIndicator;
 };
-
-interface ControlsProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-}
-declare const CarouselControls: {
-    ({ children, className, ...props }: ControlsProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const CarouselNextButton: {
-    ({ "aria-label": ariaLabel, ...buttonProps }: IconButtonProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface Props$3 {
-    children?: ReactNode;
-    'aria-label': string;
-    index: number;
-    className?: string;
-    unstyled?: boolean;
-    intent?: 'basic' | 'surface';
-}
-declare const CarouselPageIndicator: {
-    ({ children, unstyled, index, "aria-label": ariaLabel, className, intent, }: Props$3): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface RenderProps extends CarouselAPI {
-    pages: number[];
-}
-interface Props$2 {
-    children: (renderProps: RenderProps) => ReactNode;
-    className?: string;
-}
-declare const CarouselPagePicker: {
-    ({ children, className }: Props$2): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const CarouselPrevButton: {
-    ({ "aria-label": ariaLabel, ...buttonProps }: IconButtonProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface CarouselSlideProps extends ComponentProps<'div'> {
-    isSnapPoint?: boolean;
-    children?: ReactNode;
-    index?: number;
-    totalSlides?: number;
-    className?: string;
-}
-declare const CarouselSlide: {
-    ({ children, index, totalSlides, className, ...props }: CarouselSlideProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface Props$1 extends ComponentProps<'div'> {
-    children?: ReactNode;
-    className?: string;
-}
-declare const CarouselSlides: {
-    ({ children, className }: Props$1): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface Props {
-    children: ReactNode;
-}
-declare const CarouselViewport: {
-    ({ children }: Props): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Carousel: typeof Carousel$1 & {
-    Controls: typeof CarouselControls;
-    NextButton: typeof CarouselNextButton;
-    PrevButton: typeof CarouselPrevButton;
-    Slide: typeof CarouselSlide;
-    Slides: typeof CarouselSlides;
-    Viewport: typeof CarouselViewport;
-    PagePicker: typeof CarouselPagePicker;
-    PageIndicator: typeof CarouselPageIndicator;
-};
-
-export { Carousel };