import { type DialogController } from '../dialog';
import { type IconProp } from '../icon';
import { type Step } from '../stepper';
import type { Snippet } from 'svelte';
declare function $$render<TResult = void, TCancelResult = void>(): {
    props: {
        controller: DialogController<TResult, TCancelResult>;
        /** Leading header icon — string SVG source, `{ src, color?, size? }` object, or custom snippet. */
        icon?: IconProp;
        title: string;
        subtitle?: string;
        steps: Step[];
        /** Reactive gate for Next / Finish per step index. @default () => true */
        canAdvance?: (step: number) => boolean;
        /** Per-button overrides of the localized footer labels. */
        labels?: {
            cancel?: string;
            back?: string;
            next?: string;
            finish?: string;
        };
        /** Body content; receives the current step index. */
        children: Snippet<[number]>;
        on: {
            /** Owns closing: call `controller.ok(...)` on success; return without closing to keep the dialog open. Surface errors inside the handler — rejections are absorbed (logged), not rethrown. */
            finish: () => void | Promise<void>;
            beforeNext?: (step: number) => boolean | void | Promise<boolean | void>;
            stepChange?: (step: number) => void;
        };
    };
    exports: {};
    bindings: "";
    slots: {};
    events: {};
};
declare class __sveltets_Render<TResult = void, TCancelResult = void> {
    props(): ReturnType<typeof $$render<TResult, TCancelResult>>['props'];
    events(): ReturnType<typeof $$render<TResult, TCancelResult>>['events'];
    slots(): ReturnType<typeof $$render<TResult, TCancelResult>>['slots'];
    bindings(): "";
    exports(): {};
}
interface $$IsomorphicComponent {
    new <TResult = void, TCancelResult = void>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TResult, TCancelResult>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TResult, TCancelResult>['props']>, ReturnType<__sveltets_Render<TResult, TCancelResult>['events']>, ReturnType<__sveltets_Render<TResult, TCancelResult>['slots']>> & {
        $$bindings?: ReturnType<__sveltets_Render<TResult, TCancelResult>['bindings']>;
    } & ReturnType<__sveltets_Render<TResult, TCancelResult>['exports']>;
    <TResult = void, TCancelResult = void>(internal: unknown, props: ReturnType<__sveltets_Render<TResult, TCancelResult>['props']> & {}): ReturnType<__sveltets_Render<TResult, TCancelResult>['exports']>;
    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
}
/**
 * StepperDialogLayout — layout scaffold for multi-step wizard dialog views: header (icon / title /
 * subtitle / close), vertical Stepper sidebar, scrollable body, and a Cancel / Back / Next / Finish
 * footer. Render it inside your own dialog view opened via `Dialogs.open()` — the layout owns step
 * navigation and the submitting state; your `on.finish` owns closing (`controller.ok(...)`).
 * Completed sidebar steps are clickable to go back; `canAdvance(step)` gates Next / Finish.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--stepper-dialog-layout--sidebar--width` | Stepper sidebar width | `20rem` (320px) |
 * | `--sc-kit--stepper-dialog-layout--sidebar--background` | Sidebar background | `--sc-kit--color--bg--field-alt` |
 * | `--sc-kit--stepper-dialog-layout--height` | Dialog height (forwarded to `--sc-kit--dialog--height`) | `auto` |
 */
declare const Cmp: $$IsomorphicComponent;
type Cmp<TResult = void, TCancelResult = void> = InstanceType<typeof Cmp<TResult, TCancelResult>>;
export default Cmp;