/**
 * Interactive components — Tabs, Accordion, Dialog, Popover, Tooltip, etc.
 */
import { ContainerComponent, type Component } from '../../core/component.js';
import type { ContainerProps, RxStr } from '../../core/component.js';
export declare function Tabs(props?: ContainerProps): ContainerComponent;
export interface TabProps extends ContainerProps {
    title: string;
}
export declare function Tab(props: TabProps): ContainerComponent;
export declare function Accordion(props?: ContainerProps): ContainerComponent;
export interface AccordionItemProps extends ContainerProps {
    title: string;
}
export declare function AccordionItem(props: AccordionItemProps): ContainerComponent;
export interface DialogProps extends ContainerProps {
    title?: string;
    description?: string;
    trigger?: Component;
    name?: string;
    dismissible?: boolean;
}
export declare function Dialog(props: DialogProps): ContainerComponent;
export interface PopoverProps extends ContainerProps {
    title?: string;
    description?: string;
    side?: 'top' | 'right' | 'bottom' | 'left';
}
export declare function Popover(props: PopoverProps): ContainerComponent;
export declare function Tooltip(content: RxStr, props?: ContainerProps): ContainerComponent;
export declare function HoverCard(content: RxStr, props?: ContainerProps): ContainerComponent;
export declare function Carousel(props?: ContainerProps): ContainerComponent;
//# sourceMappingURL=index.d.ts.map