#Modal Contracts

#ModalRenderProps<Input, Result>

Every registered component receives three namespaced props:

function NameForm({
  input,
  resolve,
  cancel,
}: ModalRenderProps<{ initialName: string }, string>) {
  // ...
}

#ModalOutcome<Result>

type ModalOutcome<Result> =
  | { status: 'resolved'; value: Result }
  | {
      status: 'cancelled';
      reason:
        | 'escape'
        | 'backdrop'
        | 'programmatic'
        | 'replaced'
        | 'provider-unmounted';
    };

Cancellation is normal control flow and never rejects the promise.

#ModalOpenOptions

Options merge in this order:

1. provider defaultOptions
2. motion preset
3. definition defaultOptions
4. per-open options