import { type DialogController, type DialogResult } from '../dialog';
import type { DynamicComponentModel } from '../dynamic-component';
import type { Component, Snippet } from 'svelte';
export type DrawerContent = Snippet | DynamicComponentModel;
export type DrawerViewComponent<TData = unknown> = Component<{
    controller: DialogController<void, void>;
    data: TData;
}>;
type DrawerCommonOptions = {
    /** Edge the drawer slides in from. @default 'right' */
    side?: 'left' | 'right';
    /** Width in px. @default 360 */
    width?: number;
    /** Close on ESC, backdrop click, and show the close button. @default true */
    dismissible?: boolean;
};
export type DrawerSnippetOptions = DrawerCommonOptions & {
    title?: string;
    /** Body content — a snippet or a DynamicComponentModel. */
    content: DrawerContent;
    /** Footer content — a snippet or a DynamicComponentModel. */
    footer?: DrawerContent;
};
export type DrawerViewOptions<TData = void> = DrawerCommonOptions & {
    /** Custom view component receiving `{ controller, data }`. Owns the entire drawer chrome (typically wraps a kit Dialog). */
    view: DrawerViewComponent<TData>;
    data: TData;
};
export type DrawerOptions<TData = void> = DrawerSnippetOptions | DrawerViewOptions<TData>;
export type DrawerData = {
    dismissible: boolean;
    view?: DrawerViewComponent;
    viewData?: unknown;
    title?: string;
    content?: DrawerContent;
    footer?: DrawerContent;
};
export declare const DRAWER_DIALOG_ID = "sc-kit-drawer";
export declare const openDrawer: <TData = void>(options: DrawerOptions<TData>) => Promise<DialogResult<void>>;
export declare const closeDrawer: (apply?: boolean) => void;
export {};