import type { Snippet } from 'svelte';
import type { HTMLDialogAttributes } from 'svelte/elements';
import type { DialogIntent } from '../Dialog/index.js';
import type { DialogSlots } from '../Dialog/dialog.variants.js';
/**
 * Intent applied to the confirm button. Reuses the standard intent palette
 * via {@link DialogIntent} (with `neutral` mapped to `primary` for visual
 * affordance).
 */
export type ConfirmIntent = Exclude<DialogIntent, 'neutral'>;
/**
 * @summary The "are you sure" that replaces the browser's own — styleable, focused, dismissible.
 * @description Pre-configured Dialog for confirming a single, often
 * destructive action. Replaces the native `window.confirm()` with a
 * styleable, focus-trapped, keyboard-accessible modal that matches the
 * design system's intent palette.
 *
 * `onConfirm` may be `async`; while the returned promise is pending the
 * dialog locks itself (no backdrop dismiss, no escape, confirm button
 * shows a spinner). Auto-closes on resolve; on reject it stays open and
 * re-enables, handing the error to `onError`.
 *
 * @tag overlay
 * @related Dialog
 *
 * @example
 * ```svelte
 * <script>
 *   let confirmOpen = $state(false);
 * </script>
 * <Button intent="danger" onclick={() => (confirmOpen = true)}>Delete</Button>
 * <ConfirmDialog
 *   bind:open={confirmOpen}
 *   title="Delete project?"
 *   description="This cannot be undone."
 *   intent="danger"
 *   confirmLabel="Delete"
 *   onConfirm={async () => { await deleteProject(id); }}
 * />
 * ```
 */
export interface ConfirmDialogProps extends Omit<HTMLDialogAttributes, 'children' | 'open' | 'title' | 'draggable'> {
    /** Controls visibility. Supports bind:open. */
    open?: boolean;
    /** Heading shown in the dialog header. */
    title: string;
    /** Description rendered above the footer. Use `children` for richer markup. */
    description?: string;
    /**
     * Accent on the dialog header strip. Drives the default `confirmIntent`.
     * @default 'danger'
     */
    intent?: DialogIntent;
    /**
     * Override for the confirm button intent. Defaults to {@link ConfirmDialogProps.intent},
     * with `neutral` upgraded to `primary` for visual affordance.
     */
    confirmIntent?: ConfirmIntent;
    /** Label of the confirm button. Defaults to the localized `button.confirm`. */
    confirmLabel?: string;
    /** Label of the cancel button. Defaults to the localized `button.cancel`. */
    cancelLabel?: string;
    /**
     * Confirm handler. May return a promise — the dialog stays open and shows
     * a loading state while it resolves, then auto-closes on success. If the
     * promise rejects the dialog stays open and re-enables; the rejection is
     * reported via {@link ConfirmDialogProps.onError}.
     */
    onConfirm?: () => void | Promise<void>;
    /**
     * Fired when an async `onConfirm` rejects (or a sync one throws). The
     * dialog stays open and re-enables so the user can retry or cancel — use
     * this to surface the failure (toast, inline message). Without a handler
     * the rejection is logged DEV-only (`console.error`) and swallowed in
     * production; it never escapes as an unhandled promise rejection.
     */
    onError?: (error: unknown) => void;
    /** Fired when the user cancels (button, backdrop, or Escape). */
    onCancel?: () => void;
    /**
     * Externally controlled loading flag. Combined with the internal `busy`
     * flag from an async `onConfirm`. While truthy, the confirm button is busy
     * (spinner, still focusable, clicks dropped), the cancel button is
     * disabled, and dismissal is blocked — Escape, backdrop and the close
     * button. A close request that is not a key press (back gesture,
     * assistive tech) is vetoed twice; the browser honours the third without
     * user activation, and that arrives as an ordinary close.
     * @default false
     */
    loading?: boolean;
    /** Whether the backdrop click cancels. @default true */
    closeOnBackdropClick?: boolean;
    /** Whether Escape cancels. @default true */
    closeOnEscape?: boolean;
    /**
     * Override the enter/exit animation duration in milliseconds, forwarded to
     * the underlying {@link Dialog}. Defaults to the overlay token
     * `--blocks-overlay-enter-duration` / `--blocks-overlay-exit-duration`
     * (200ms / 180ms). Respects `prefers-reduced-motion`.
     */
    transitionDuration?: number;
    /**
     * Override the enter/exit easing function, forwarded to the underlying
     * {@link Dialog}. Defaults to the overlay token easing (`quintOut`).
     */
    transitionEasing?: (t: number) => number;
    /** Optional richer markup rendered below `description`. */
    children?: Snippet;
    /**
     * Extra classes merged onto the dialog **panel** — the card, not the
     * full-viewport `<dialog>` shell around it. Forwarded to
     * {@link DialogProps.class}, which lands on the same element.
     */
    class?: string;
    /**
     * Strip the underlying Dialog's default styles. Combine with `slotClasses`
     * for a fully custom appearance. @default false
     */
    unstyled?: boolean;
    /**
     * Per-slot class overrides, forwarded to the underlying Dialog.
     * Slots: dialog | backdrop | panel | content | header | title | body | footer.
     */
    slotClasses?: Partial<Record<DialogSlots, string>>;
    /**
     * Apply a named preset registered via `<BlocksProvider presets={{ ConfirmDialog: {...} }}>`.
     * Resolved against the **`ConfirmDialog`** key, not `Dialog`: a preset written
     * for the confirmation would otherwise style every dialog under the provider.
     * `defaults.Dialog` still applies — the resolved preset reaches Dialog as
     * instance `slotClasses`, so it wins over the provider's dialog-wide defaults
     * and loses to `slotClasses` / `class` written on this component.
     * A preset's `overrides` rules are matched against what you wrote here plus
     * Dialog's own variant defaults. Dialog's three axes (`size`, `placement`,
     * `intent`) are all received rather than derived, so no such mismatch exists
     * today — see #360 for the shape it takes where an axis is derived.
     */
    preset?: string;
}
export { default as ConfirmDialog } from './ConfirmDialog.svelte';