import * as toast from "@zag-js/toast";
import { VanillaMachine } from "@zag-js/vanilla";
import { Component } from "../lib";
import type { Placement, StatusChangeDetails } from "@zag-js/toast";
export declare class ToastItem extends Component<toast.Options<any> & {
    parent: any;
    index: number;
}, toast.Api> {
    constructor(el: HTMLElement, actor: toast.Options<any> & {
        parent: any;
        index: number;
    });
    initMachine(props: toast.Props): VanillaMachine<any>;
    initApi(): toast.Api;
    destroy: () => void;
    render(): void;
}
export declare class Toast extends Component<toast.GroupProps, toast.GroupApi> {
    private toastComponents;
    private groupEl;
    groupId: string;
    constructor(el: HTMLElement, props: toast.GroupProps);
    initMachine(props: toast.GroupProps): VanillaMachine<any>;
    initApi(): toast.GroupApi;
    addToast(toastActor: toast.Options<any> & {
        id: string;
    }, index: number): void;
    render(): void;
}
export declare function createToastGroup(container: HTMLElement, options?: {
    id?: string;
    store?: ReturnType<typeof toast.createStore>;
    placement?: Placement;
    overlap?: boolean;
    max?: number;
    gap?: number;
    offsets?: string | Record<"left" | "right" | "bottom" | "top", string>;
}): {
    group: Toast;
    store: ReturnType<typeof toast.createStore>;
};
export declare function initToast(doc?: HTMLElement | Document, selector?: string): Toast | null;
export declare function createToast(options: {
    title: string;
    description?: string;
    type?: "info" | "success" | "error" | "warning" | "loading";
    id?: string;
    duration?: number;
    onStatusChange?: (details: StatusChangeDetails) => void;
    removeDelay?: number;
    groupId?: string;
}): any;
export declare function createInfoToast(title: string, description?: string): any;
export declare function createSuccessToast(title: string, description?: string): any;
export declare function createErrorToast(title: string, description?: string): any;
export declare function createWarningToast(title: string, description?: string): any;
export declare function createLoadingToast(title: string, description?: string): any;
export declare function updateToast(id: string, options: Partial<{
    title: string;
    description?: string;
    type?: "info" | "success" | "error" | "warning" | "loading";
}>): void;
export declare function dismissToast(id: string): void;