import type { CarouselMode } from './types';
import { type Snippet } from 'svelte';
declare function $$render<T>(): {
    props: {
        /** Array of items to cycle through */
        items: T[];
        /** Zero-based index of the initially visible slide */
        initialIndex: number;
        /** Navigation UI mode @default 'arrows-with-counts' */
        mode?: CarouselMode;
        /** Auto-advance interval in ms; 0 disables auto-sliding @default 0 */
        autoSlideMs?: number;
        /** Convert vertical mouse wheel scroll to slide navigation @default false */
        wheelNavigation?: boolean;
        on?: {
            /** Fires after the active slide changes */
            indexChanged: (index: number) => void;
        };
        /** Render snippet for each slide item */
        children: Snippet<[T]>;
        /** Custom dot indicator snippet; receives `{ active }` flag */
        dot?: Snippet<[{
            active: boolean;
        }]>;
    };
    exports: {};
    bindings: "";
    slots: {};
    events: {};
};
declare class __sveltets_Render<T> {
    props(): ReturnType<typeof $$render<T>>['props'];
    events(): ReturnType<typeof $$render<T>>['events'];
    slots(): ReturnType<typeof $$render<T>>['slots'];
    bindings(): "";
    exports(): {};
}
interface $$IsomorphicComponent {
    new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
    } & ReturnType<__sveltets_Render<T>['exports']>;
    <T>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
}
/**
 * A horizontal slide carousel with infinite looping, touch swipe support, keyboard navigation, and multiple display modes (arrows, dots, counts).
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--carousel--button-color` | Navigation arrow button background | `rgba(255, 255, 255, 0.2)` |
 * | `--sc-kit--carousel--dot-color` | Dot indicator color (fill when active, border when inactive) | `white` |
 * | `--sc-kit--carousel--dot-size` | Dot indicator diameter | `0.5rem` |
 * | `--sc-kit--carousel--text-color` | Arrow button icon color | `white` |
 * | `--sc-kit--carousel--counts--color` | Counter text color (floats over media — white by default) | `white` |
 * | `--sc-kit--carousel--counts--font-size` | Counter text font size | `0.9375rem` |
 * | `--sc-kit--carousel--counts--width` | Counter container width | `5.625rem` |
 * | `--sc-kit--carousel--counts--text-shadow` | Counter text shadow | `0 1px 0/3px/6px rgba(0,0,0,...)` |
 * | `--sc-kit--carousel--navigation-button--size` | Navigation button width and height | `1.875rem` |
 */
declare const Cmp: $$IsomorphicComponent;
type Cmp<T> = InstanceType<typeof Cmp<T>>;
export default Cmp;