@krak-stack/registry 0.1.0

package/dist/components/ui/form.d.ts

@@ -0,0 +1,402 @@
+import type { InputHTMLAttributes, JSX } from "react";
+import { type VirtualizedComboboxMessageOverrides, type VirtualizedComboboxOption } from "./virtualized-combobox.js";
+export type FormMessages = {
+    keyValueKey: string;
+    keyValueValue: string;
+    keyValueDelete: string;
+    keyValueAdd: string;
+    accepts: (accepts: string) => string;
+    delete: string;
+    suggestedImageSize: (width: string, height: string) => string;
+    blockNavigationTitle: string;
+    blockNavigationDescription: string;
+    blockNavigationCancel: string;
+    blockNavigationConfirm: string;
+    submit: string;
+    revert: string;
+};
+export type FormMessageOverrides = Partial<FormMessages>;
+export declare const formMessages: (overrides?: FormMessageOverrides) => {
+    keyValueKey: string;
+    keyValueValue: string;
+    keyValueDelete: string;
+    keyValueAdd: string;
+    accepts: (accepts: string) => string;
+    delete: string;
+    suggestedImageSize: (width: string, height: string) => string;
+    blockNavigationTitle: string;
+    blockNavigationDescription: string;
+    blockNavigationCancel: string;
+    blockNavigationConfirm: string;
+    submit: string;
+    revert: string;
+} | {
+    keyValueKey: string;
+    keyValueValue: string;
+    keyValueDelete: string;
+    keyValueAdd: string;
+    accepts: (accepts: string) => string;
+    delete: string;
+    suggestedImageSize: (width: string, height: string) => string;
+    blockNavigationTitle: string;
+    blockNavigationDescription: string;
+    blockNavigationCancel: string;
+    blockNavigationConfirm: string;
+    submit: string;
+    revert: string;
+};
+export declare const ErrorMessage: ({ text }: {
+    text: string;
+}) => JSX.Element;
+export declare function FieldError({ errors }: {
+    errors?: any[];
+}): JSX.Element | null;
+export type DefaultFormOptions = {
+    legend?: string;
+    description?: string;
+};
+export type DefaultOptions = {
+    label: JSX.Element | string;
+    description?: string;
+};
+type SelectFieldOption = {
+    label: string;
+    value: string;
+};
+type SelectFieldProps = DefaultOptions & {
+    options: readonly SelectFieldOption[];
+    placeholder?: string | undefined;
+} & ({
+    multiple?: false;
+} | {
+    multiple: true;
+});
+type SearchableSelectFieldSharedProps<TData> = DefaultOptions & {
+    emptyLabel: React.ReactNode;
+    initialItems?: readonly VirtualizedComboboxOption<TData>[];
+    items: readonly VirtualizedComboboxOption<TData>[];
+    messages?: VirtualizedComboboxMessageOverrides;
+    onSearchValueChange?: (value: string) => void;
+    placeholder: React.ReactNode;
+    renderItem?: (item: VirtualizedComboboxOption<TData>) => React.ReactNode;
+    searchValue?: string;
+};
+type SearchableSelectFieldProps<TData> = SearchableSelectFieldSharedProps<TData> & ({
+    multiple?: false;
+} | {
+    multiple: true;
+});
+export declare const BlockNavigation: ({ messages, }: {
+    messages?: FormMessageOverrides;
+}) => JSX.Element;
+export declare const FieldWrapper: ({ children, legend, localized, description, locales, editingLocale, }: {
+    children: React.ReactNode;
+} & DefaultFormOptions & {
+    localized?: boolean;
+    editingLocale?: string;
+    locales?: {
+        label: string;
+        value: string;
+    }[];
+}) => JSX.Element;
+declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnChange extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TSubmitMeta>(props: import("@tanstack/react-form").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly TextField: ({ children, ...props }: React.ComponentProps<"input"> & DefaultOptions) => JSX.Element;
+    readonly TextAreaField: ({ children, ...props }: React.ComponentProps<"textarea"> & DefaultOptions) => JSX.Element;
+    readonly SelectField: ({ description, label, multiple, options, placeholder, }: SelectFieldProps) => JSX.Element;
+    readonly MultiSelectField: (props: Omit<SelectFieldProps, "multiple">) => JSX.Element;
+    readonly SearchableSelectField: <TData>({ description, label, multiple, ...props }: SearchableSelectFieldProps<TData>) => JSX.Element;
+    readonly CheckboxField: (props: DefaultOptions) => JSX.Element;
+    readonly FileField: ({ label, accept, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
+        accept: InputHTMLAttributes<HTMLInputElement>["accept"];
+        messages?: FormMessageOverrides;
+        onFileChange?: (file: File | "") => void;
+        required?: boolean;
+    }) => JSX.Element;
+    readonly KeyValueField: (props: DefaultOptions & {
+        messages?: FormMessageOverrides;
+    }) => JSX.Element;
+    readonly ImageField: ({ label, messages, size, }: {
+        label: string;
+        messages?: FormMessageOverrides;
+        size: {
+            width: number;
+            height: number;
+            suggestedWidth?: number;
+            suggestedHeight?: number;
+        };
+    }) => JSX.Element;
+    readonly RevertButton: ({ messages, original, }: {
+        messages?: FormMessageOverrides;
+        original: string;
+    }) => JSX.Element | undefined;
+}, {
+    readonly SubmitButton: ({ children, messages, }: {
+        children?: React.ReactNode;
+        messages?: FormMessageOverrides;
+    }) => JSX.Element;
+    readonly FormError: () => JSX.Element;
+    readonly FieldWrapper: ({ children, legend, localized, description, locales, editingLocale, }: {
+        children: React.ReactNode;
+    } & DefaultFormOptions & {
+        localized?: boolean;
+        editingLocale?: string;
+        locales?: {
+            label: string;
+            value: string;
+        }[];
+    }) => JSX.Element;
+    readonly BlockNavigation: ({ messages, }: {
+        messages?: FormMessageOverrides;
+    }) => JSX.Element;
+}>, withForm: <TFormData, TOnMount extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnChange extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly TextField: ({ children, ...props }: React.ComponentProps<"input"> & DefaultOptions) => JSX.Element;
+    readonly TextAreaField: ({ children, ...props }: React.ComponentProps<"textarea"> & DefaultOptions) => JSX.Element;
+    readonly SelectField: ({ description, label, multiple, options, placeholder, }: SelectFieldProps) => JSX.Element;
+    readonly MultiSelectField: (props: Omit<SelectFieldProps, "multiple">) => JSX.Element;
+    readonly SearchableSelectField: <TData>({ description, label, multiple, ...props }: SearchableSelectFieldProps<TData>) => JSX.Element;
+    readonly CheckboxField: (props: DefaultOptions) => JSX.Element;
+    readonly FileField: ({ label, accept, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
+        accept: InputHTMLAttributes<HTMLInputElement>["accept"];
+        messages?: FormMessageOverrides;
+        onFileChange?: (file: File | "") => void;
+        required?: boolean;
+    }) => JSX.Element;
+    readonly KeyValueField: (props: DefaultOptions & {
+        messages?: FormMessageOverrides;
+    }) => JSX.Element;
+    readonly ImageField: ({ label, messages, size, }: {
+        label: string;
+        messages?: FormMessageOverrides;
+        size: {
+            width: number;
+            height: number;
+            suggestedWidth?: number;
+            suggestedHeight?: number;
+        };
+    }) => JSX.Element;
+    readonly RevertButton: ({ messages, original, }: {
+        messages?: FormMessageOverrides;
+        original: string;
+    }) => JSX.Element | undefined;
+}, {
+    readonly SubmitButton: ({ children, messages, }: {
+        children?: React.ReactNode;
+        messages?: FormMessageOverrides;
+    }) => JSX.Element;
+    readonly FormError: () => JSX.Element;
+    readonly FieldWrapper: ({ children, legend, localized, description, locales, editingLocale, }: {
+        children: React.ReactNode;
+    } & DefaultFormOptions & {
+        localized?: boolean;
+        editingLocale?: string;
+        locales?: {
+            label: string;
+            value: string;
+        }[];
+    }) => JSX.Element;
+    readonly BlockNavigation: ({ messages, }: {
+        messages?: FormMessageOverrides;
+    }) => JSX.Element;
+}, TRenderProps>) => import("react").FunctionComponent<import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+    form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
+        readonly TextField: ({ children, ...props }: React.ComponentProps<"input"> & DefaultOptions) => JSX.Element;
+        readonly TextAreaField: ({ children, ...props }: React.ComponentProps<"textarea"> & DefaultOptions) => JSX.Element;
+        readonly SelectField: ({ description, label, multiple, options, placeholder, }: SelectFieldProps) => JSX.Element;
+        readonly MultiSelectField: (props: Omit<SelectFieldProps, "multiple">) => JSX.Element;
+        readonly SearchableSelectField: <TData>({ description, label, multiple, ...props }: SearchableSelectFieldProps<TData>) => JSX.Element;
+        readonly CheckboxField: (props: DefaultOptions) => JSX.Element;
+        readonly FileField: ({ label, accept, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
+            accept: InputHTMLAttributes<HTMLInputElement>["accept"];
+            messages?: FormMessageOverrides;
+            onFileChange?: (file: File | "") => void;
+            required?: boolean;
+        }) => JSX.Element;
+        readonly KeyValueField: (props: DefaultOptions & {
+            messages?: FormMessageOverrides;
+        }) => JSX.Element;
+        readonly ImageField: ({ label, messages, size, }: {
+            label: string;
+            messages?: FormMessageOverrides;
+            size: {
+                width: number;
+                height: number;
+                suggestedWidth?: number;
+                suggestedHeight?: number;
+            };
+        }) => JSX.Element;
+        readonly RevertButton: ({ messages, original, }: {
+            messages?: FormMessageOverrides;
+            original: string;
+        }) => JSX.Element | undefined;
+    }, {
+        readonly SubmitButton: ({ children, messages, }: {
+            children?: React.ReactNode;
+            messages?: FormMessageOverrides;
+        }) => JSX.Element;
+        readonly FormError: () => JSX.Element;
+        readonly FieldWrapper: ({ children, legend, localized, description, locales, editingLocale, }: {
+            children: React.ReactNode;
+        } & DefaultFormOptions & {
+            localized?: boolean;
+            editingLocale?: string;
+            locales?: {
+                label: string;
+                value: string;
+            }[];
+        }) => JSX.Element;
+        readonly BlockNavigation: ({ messages, }: {
+            messages?: FormMessageOverrides;
+        }) => JSX.Element;
+    }>;
+}>>, withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({ render, props, defaultValues, }: import("@tanstack/react-form").WithFieldGroupProps<TFieldGroupData, {
+    readonly TextField: ({ children, ...props }: React.ComponentProps<"input"> & DefaultOptions) => JSX.Element;
+    readonly TextAreaField: ({ children, ...props }: React.ComponentProps<"textarea"> & DefaultOptions) => JSX.Element;
+    readonly SelectField: ({ description, label, multiple, options, placeholder, }: SelectFieldProps) => JSX.Element;
+    readonly MultiSelectField: (props: Omit<SelectFieldProps, "multiple">) => JSX.Element;
+    readonly SearchableSelectField: <TData>({ description, label, multiple, ...props }: SearchableSelectFieldProps<TData>) => JSX.Element;
+    readonly CheckboxField: (props: DefaultOptions) => JSX.Element;
+    readonly FileField: ({ label, accept, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
+        accept: InputHTMLAttributes<HTMLInputElement>["accept"];
+        messages?: FormMessageOverrides;
+        onFileChange?: (file: File | "") => void;
+        required?: boolean;
+    }) => JSX.Element;
+    readonly KeyValueField: (props: DefaultOptions & {
+        messages?: FormMessageOverrides;
+    }) => JSX.Element;
+    readonly ImageField: ({ label, messages, size, }: {
+        label: string;
+        messages?: FormMessageOverrides;
+        size: {
+            width: number;
+            height: number;
+            suggestedWidth?: number;
+            suggestedHeight?: number;
+        };
+    }) => JSX.Element;
+    readonly RevertButton: ({ messages, original, }: {
+        messages?: FormMessageOverrides;
+        original: string;
+    }) => JSX.Element | undefined;
+}, {
+    readonly SubmitButton: ({ children, messages, }: {
+        children?: React.ReactNode;
+        messages?: FormMessageOverrides;
+    }) => JSX.Element;
+    readonly FormError: () => JSX.Element;
+    readonly FieldWrapper: ({ children, legend, localized, description, locales, editingLocale, }: {
+        children: React.ReactNode;
+    } & DefaultFormOptions & {
+        localized?: boolean;
+        editingLocale?: string;
+        locales?: {
+            label: string;
+            value: string;
+        }[];
+    }) => JSX.Element;
+    readonly BlockNavigation: ({ messages, }: {
+        messages?: FormMessageOverrides;
+    }) => JSX.Element;
+}, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends import("@tanstack/react-form").DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | import("@tanstack/react-form").FieldsMap<TFormData, TFieldGroupData>, TOnMount extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnChange extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | import("@tanstack/react-form").FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData>, TFormSubmitMeta>(params: import("react").PropsWithChildren<NoInfer<TRenderProps> & {
+    form: import("@tanstack/react-form").AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | import("@tanstack/react-form").FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
+        readonly TextField: ({ children, ...props }: React.ComponentProps<"input"> & DefaultOptions) => JSX.Element;
+        readonly TextAreaField: ({ children, ...props }: React.ComponentProps<"textarea"> & DefaultOptions) => JSX.Element;
+        readonly SelectField: ({ description, label, multiple, options, placeholder, }: SelectFieldProps) => JSX.Element;
+        readonly MultiSelectField: (props: Omit<SelectFieldProps, "multiple">) => JSX.Element;
+        readonly SearchableSelectField: <TData>({ description, label, multiple, ...props }: SearchableSelectFieldProps<TData>) => JSX.Element;
+        readonly CheckboxField: (props: DefaultOptions) => JSX.Element;
+        readonly FileField: ({ label, accept, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
+            accept: InputHTMLAttributes<HTMLInputElement>["accept"];
+            messages?: FormMessageOverrides;
+            onFileChange?: (file: File | "") => void;
+            required?: boolean;
+        }) => JSX.Element;
+        readonly KeyValueField: (props: DefaultOptions & {
+            messages?: FormMessageOverrides;
+        }) => JSX.Element;
+        readonly ImageField: ({ label, messages, size, }: {
+            label: string;
+            messages?: FormMessageOverrides;
+            size: {
+                width: number;
+                height: number;
+                suggestedWidth?: number;
+                suggestedHeight?: number;
+            };
+        }) => JSX.Element;
+        readonly RevertButton: ({ messages, original, }: {
+            messages?: FormMessageOverrides;
+            original: string;
+        }) => JSX.Element | undefined;
+    }, {
+        readonly SubmitButton: ({ children, messages, }: {
+            children?: React.ReactNode;
+            messages?: FormMessageOverrides;
+        }) => JSX.Element;
+        readonly FormError: () => JSX.Element;
+        readonly FieldWrapper: ({ children, legend, localized, description, locales, editingLocale, }: {
+            children: React.ReactNode;
+        } & DefaultFormOptions & {
+            localized?: boolean;
+            editingLocale?: string;
+            locales?: {
+                label: string;
+                value: string;
+            }[];
+        }) => JSX.Element;
+        readonly BlockNavigation: ({ messages, }: {
+            messages?: FormMessageOverrides;
+        }) => JSX.Element;
+    }> | import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
+        readonly TextField: ({ children, ...props }: React.ComponentProps<"input"> & DefaultOptions) => JSX.Element;
+        readonly TextAreaField: ({ children, ...props }: React.ComponentProps<"textarea"> & DefaultOptions) => JSX.Element;
+        readonly SelectField: ({ description, label, multiple, options, placeholder, }: SelectFieldProps) => JSX.Element;
+        readonly MultiSelectField: (props: Omit<SelectFieldProps, "multiple">) => JSX.Element;
+        readonly SearchableSelectField: <TData>({ description, label, multiple, ...props }: SearchableSelectFieldProps<TData>) => JSX.Element;
+        readonly CheckboxField: (props: DefaultOptions) => JSX.Element;
+        readonly FileField: ({ label, accept, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
+            accept: InputHTMLAttributes<HTMLInputElement>["accept"];
+            messages?: FormMessageOverrides;
+            onFileChange?: (file: File | "") => void;
+            required?: boolean;
+        }) => JSX.Element;
+        readonly KeyValueField: (props: DefaultOptions & {
+            messages?: FormMessageOverrides;
+        }) => JSX.Element;
+        readonly ImageField: ({ label, messages, size, }: {
+            label: string;
+            messages?: FormMessageOverrides;
+            size: {
+                width: number;
+                height: number;
+                suggestedWidth?: number;
+                suggestedHeight?: number;
+            };
+        }) => JSX.Element;
+        readonly RevertButton: ({ messages, original, }: {
+            messages?: FormMessageOverrides;
+            original: string;
+        }) => JSX.Element | undefined;
+    }, {
+        readonly SubmitButton: ({ children, messages, }: {
+            children?: React.ReactNode;
+            messages?: FormMessageOverrides;
+        }) => JSX.Element;
+        readonly FormError: () => JSX.Element;
+        readonly FieldWrapper: ({ children, legend, localized, description, locales, editingLocale, }: {
+            children: React.ReactNode;
+        } & DefaultFormOptions & {
+            localized?: boolean;
+            editingLocale?: string;
+            locales?: {
+                label: string;
+                value: string;
+            }[];
+        }) => JSX.Element;
+        readonly BlockNavigation: ({ messages, }: {
+            messages?: FormMessageOverrides;
+        }) => JSX.Element;
+    }>;
+    fields: TFields;
+}>) => ReturnType<import("react").FunctionComponent>;
+export { useAppForm, withForm, withFieldGroup };