import { type ComponentType, type ReactNode } from 'react';
import { type MadeView, type UiClass, type UiContract, type ViewImpl } from '@playfast/reform';
import type { ArrayItem, ArrayPath, FieldBinding, FieldPath, PathValue, Values, VariantBody, VariantPath, VariantTag, VariantValue, View, AnyForm } from '@playfast/reform-forms';
export type FieldComponent<A, P extends object = {}> = ComponentType<{
    readonly field: FieldBinding<A>;
} & P>;
export interface FieldHandle<A> {
    as(component: FieldComponent<A>): ReactNode;
    as<P extends object>(component: FieldComponent<A, P>, props: P): ReactNode;
}
export interface ArrayItemScope<Item> extends ScopeHelpers<Item> {
    readonly key: string;
    readonly index: number;
    readonly value: Item;
    readonly remove: () => void;
    readonly move: (to: number) => void;
}
export interface ArrayRenderArgs<Item> {
    readonly items: ReadonlyArray<ArrayItemScope<Item>>;
    readonly append: (value?: Item) => void;
    readonly remove: (index: number) => void;
    readonly move: (from: number, to: number) => void;
    readonly swap: (a: number, b: number) => void;
}
type VariantCases<V> = {
    readonly [Tag in VariantTag<V>]: (scope: ScopeHelpers<VariantBody<V, Tag>>) => ReactNode;
};
export interface ScopeHelpers<ScopeValues> {
    readonly field: <P extends FieldPath<ScopeValues>>(path: P) => FieldHandle<PathValue<ScopeValues, P>>;
    readonly array: <P extends ArrayPath<ScopeValues>>(path: P, render: (args: ArrayRenderArgs<ArrayItem<ScopeValues, P>>) => ReactNode) => ReactNode;
    readonly variant: <P extends VariantPath<ScopeValues>>(path: P, cases: VariantCases<VariantValue<ScopeValues, P>>) => ReactNode;
}
export interface RootHelpers<F extends AnyForm> extends ScopeHelpers<Values<F>> {
    readonly form: View<F>;
}
type ContractWithForm<F extends AnyForm> = UiContract & {
    readonly props: {
        readonly form: View<F>;
    };
};
export declare const make: <F extends AnyForm, C extends ContractWithForm<F>, N extends string>(contract: UiClass<C, N>, _form: F, render: (helpers: RootHelpers<F> & {
    readonly props: C["props"];
}, slots: Parameters<ViewImpl<C>>[1], events: Parameters<ViewImpl<C>>[2]) => ReactNode) => MadeView<C, N>;
export declare const FormUi: {
    readonly make: typeof make;
};
export {};
//# sourceMappingURL=index.d.ts.map