@krak-stack/registry 0.1.31 → 0.1.33

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

@@ -1,5 +1,6 @@
 import type { InputHTMLAttributes, JSX } from "react";
-import { type VirtualizedComboboxMessageOverrides, type VirtualizedComboboxOption } from "./virtualized-combobox.js";
+import { type FilePickerMessageTranslations } from "./file-picker.js";
+import { type VirtualizedComboboxMessageTranslations, type VirtualizedComboboxOption } from "./virtualized-combobox.js";
 export type FormMessages = {
     keyValueKey: string;
     keyValueValue: string;
@@ -16,7 +17,8 @@ export type FormMessages = {
     revert: string;
 };
 export type FormMessageOverrides = Partial<FormMessages>;
-export declare const formMessages: (overrides?: FormMessageOverrides) => {
+export type FormMessageTranslations = Partial<Record<string, FormMessageOverrides>>;
+export declare const formMessages: (locale?: string, translations?: FormMessageTranslations) => {
     keyValueKey: string;
     keyValueValue: string;
     keyValueDelete: string;
@@ -75,7 +77,8 @@ type SearchableSelectFieldSharedProps<TData> = DefaultOptions & {
     emptyLabel: React.ReactNode;
     initialItems?: readonly VirtualizedComboboxOption<TData>[];
     items: readonly VirtualizedComboboxOption<TData>[];
-    messages?: VirtualizedComboboxMessageOverrides;
+    locale?: string;
+    messages?: VirtualizedComboboxMessageTranslations;
     onSearchValueChange?: (value: string) => void;
     placeholder: React.ReactNode;
     renderItem?: (item: VirtualizedComboboxOption<TData>) => React.ReactNode;
@@ -86,8 +89,9 @@ type SearchableSelectFieldProps<TData> = SearchableSelectFieldSharedProps<TData>
 } | {
     multiple: true;
 });
-export declare const BlockNavigation: ({ messages, }: {
-    messages?: FormMessageOverrides;
+export declare const BlockNavigation: ({ locale, messages, }: {
+    locale?: string;
+    messages?: FormMessageTranslations;
 }) => JSX.Element;
 export declare const FieldWrapper: ({ children, legend, localized, description, locales, editingLocale, }: {
     children: React.ReactNode;
@@ -106,18 +110,23 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
     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"> & {
+    readonly FileField: ({ label, accept, filePickerMessages, locale, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
         accept: InputHTMLAttributes<HTMLInputElement>["accept"];
-        messages?: FormMessageOverrides;
+        filePickerMessages?: FilePickerMessageTranslations;
+        locale?: string;
+        messages?: FormMessageTranslations;
         onFileChange?: (file: File | "") => void;
         required?: boolean;
     }) => JSX.Element;
     readonly KeyValueField: (props: DefaultOptions & {
-        messages?: FormMessageOverrides;
+        locale?: string;
+        messages?: FormMessageTranslations;
     }) => JSX.Element;
-    readonly ImageField: ({ label, messages, size, }: {
+    readonly ImageField: ({ filePickerMessages, label, locale, messages, size, }: {
+        filePickerMessages?: FilePickerMessageTranslations;
         label: string;
-        messages?: FormMessageOverrides;
+        locale?: string;
+        messages?: FormMessageTranslations;
         size: {
             width: number;
             height: number;
@@ -125,14 +134,16 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
             suggestedHeight?: number;
         };
     }) => JSX.Element;
-    readonly RevertButton: ({ messages, original, }: {
-        messages?: FormMessageOverrides;
+    readonly RevertButton: ({ locale, messages, original, }: {
+        locale?: string;
+        messages?: FormMessageTranslations;
         original: string;
     }) => JSX.Element | undefined;
 }, {
-    readonly SubmitButton: ({ children, messages, }: {
+    readonly SubmitButton: ({ children, locale, messages, }: {
         children?: React.ReactNode;
-        messages?: FormMessageOverrides;
+        locale?: string;
+        messages?: FormMessageTranslations;
     }) => JSX.Element;
     readonly FormError: () => JSX.Element;
     readonly FieldWrapper: ({ children, legend, localized, description, locales, editingLocale, }: {
@@ -145,8 +156,9 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
             value: string;
         }[];
     }) => JSX.Element;
-    readonly BlockNavigation: ({ messages, }: {
-        messages?: FormMessageOverrides;
+    readonly BlockNavigation: ({ locale, messages, }: {
+        locale?: string;
+        messages?: FormMessageTranslations;
     }) => 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;
@@ -155,18 +167,23 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
     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"> & {
+    readonly FileField: ({ label, accept, filePickerMessages, locale, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
         accept: InputHTMLAttributes<HTMLInputElement>["accept"];
-        messages?: FormMessageOverrides;
+        filePickerMessages?: FilePickerMessageTranslations;
+        locale?: string;
+        messages?: FormMessageTranslations;
         onFileChange?: (file: File | "") => void;
         required?: boolean;
     }) => JSX.Element;
     readonly KeyValueField: (props: DefaultOptions & {
-        messages?: FormMessageOverrides;
+        locale?: string;
+        messages?: FormMessageTranslations;
     }) => JSX.Element;
-    readonly ImageField: ({ label, messages, size, }: {
+    readonly ImageField: ({ filePickerMessages, label, locale, messages, size, }: {
+        filePickerMessages?: FilePickerMessageTranslations;
         label: string;
-        messages?: FormMessageOverrides;
+        locale?: string;
+        messages?: FormMessageTranslations;
         size: {
             width: number;
             height: number;
@@ -174,14 +191,16 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
             suggestedHeight?: number;
         };
     }) => JSX.Element;
-    readonly RevertButton: ({ messages, original, }: {
-        messages?: FormMessageOverrides;
+    readonly RevertButton: ({ locale, messages, original, }: {
+        locale?: string;
+        messages?: FormMessageTranslations;
         original: string;
     }) => JSX.Element | undefined;
 }, {
-    readonly SubmitButton: ({ children, messages, }: {
+    readonly SubmitButton: ({ children, locale, messages, }: {
         children?: React.ReactNode;
-        messages?: FormMessageOverrides;
+        locale?: string;
+        messages?: FormMessageTranslations;
     }) => JSX.Element;
     readonly FormError: () => JSX.Element;
     readonly FieldWrapper: ({ children, legend, localized, description, locales, editingLocale, }: {
@@ -194,8 +213,9 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
             value: string;
         }[];
     }) => JSX.Element;
-    readonly BlockNavigation: ({ messages, }: {
-        messages?: FormMessageOverrides;
+    readonly BlockNavigation: ({ locale, messages, }: {
+        locale?: string;
+        messages?: FormMessageTranslations;
     }) => 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, {
@@ -205,18 +225,23 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
         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"> & {
+        readonly FileField: ({ label, accept, filePickerMessages, locale, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
             accept: InputHTMLAttributes<HTMLInputElement>["accept"];
-            messages?: FormMessageOverrides;
+            filePickerMessages?: FilePickerMessageTranslations;
+            locale?: string;
+            messages?: FormMessageTranslations;
             onFileChange?: (file: File | "") => void;
             required?: boolean;
         }) => JSX.Element;
         readonly KeyValueField: (props: DefaultOptions & {
-            messages?: FormMessageOverrides;
+            locale?: string;
+            messages?: FormMessageTranslations;
         }) => JSX.Element;
-        readonly ImageField: ({ label, messages, size, }: {
+        readonly ImageField: ({ filePickerMessages, label, locale, messages, size, }: {
+            filePickerMessages?: FilePickerMessageTranslations;
             label: string;
-            messages?: FormMessageOverrides;
+            locale?: string;
+            messages?: FormMessageTranslations;
             size: {
                 width: number;
                 height: number;
@@ -224,14 +249,16 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
                 suggestedHeight?: number;
             };
         }) => JSX.Element;
-        readonly RevertButton: ({ messages, original, }: {
-            messages?: FormMessageOverrides;
+        readonly RevertButton: ({ locale, messages, original, }: {
+            locale?: string;
+            messages?: FormMessageTranslations;
             original: string;
         }) => JSX.Element | undefined;
     }, {
-        readonly SubmitButton: ({ children, messages, }: {
+        readonly SubmitButton: ({ children, locale, messages, }: {
             children?: React.ReactNode;
-            messages?: FormMessageOverrides;
+            locale?: string;
+            messages?: FormMessageTranslations;
         }) => JSX.Element;
         readonly FormError: () => JSX.Element;
         readonly FieldWrapper: ({ children, legend, localized, description, locales, editingLocale, }: {
@@ -244,8 +271,9 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
                 value: string;
             }[];
         }) => JSX.Element;
-        readonly BlockNavigation: ({ messages, }: {
-            messages?: FormMessageOverrides;
+        readonly BlockNavigation: ({ locale, messages, }: {
+            locale?: string;
+            messages?: FormMessageTranslations;
         }) => JSX.Element;
     }>;
 }>>, withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({ render, props, defaultValues, }: import("@tanstack/react-form").WithFieldGroupProps<TFieldGroupData, {
@@ -255,18 +283,23 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
     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"> & {
+    readonly FileField: ({ label, accept, filePickerMessages, locale, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
         accept: InputHTMLAttributes<HTMLInputElement>["accept"];
-        messages?: FormMessageOverrides;
+        filePickerMessages?: FilePickerMessageTranslations;
+        locale?: string;
+        messages?: FormMessageTranslations;
         onFileChange?: (file: File | "") => void;
         required?: boolean;
     }) => JSX.Element;
     readonly KeyValueField: (props: DefaultOptions & {
-        messages?: FormMessageOverrides;
+        locale?: string;
+        messages?: FormMessageTranslations;
     }) => JSX.Element;
-    readonly ImageField: ({ label, messages, size, }: {
+    readonly ImageField: ({ filePickerMessages, label, locale, messages, size, }: {
+        filePickerMessages?: FilePickerMessageTranslations;
         label: string;
-        messages?: FormMessageOverrides;
+        locale?: string;
+        messages?: FormMessageTranslations;
         size: {
             width: number;
             height: number;
@@ -274,14 +307,16 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
             suggestedHeight?: number;
         };
     }) => JSX.Element;
-    readonly RevertButton: ({ messages, original, }: {
-        messages?: FormMessageOverrides;
+    readonly RevertButton: ({ locale, messages, original, }: {
+        locale?: string;
+        messages?: FormMessageTranslations;
         original: string;
     }) => JSX.Element | undefined;
 }, {
-    readonly SubmitButton: ({ children, messages, }: {
+    readonly SubmitButton: ({ children, locale, messages, }: {
         children?: React.ReactNode;
-        messages?: FormMessageOverrides;
+        locale?: string;
+        messages?: FormMessageTranslations;
     }) => JSX.Element;
     readonly FormError: () => JSX.Element;
     readonly FieldWrapper: ({ children, legend, localized, description, locales, editingLocale, }: {
@@ -294,8 +329,9 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
             value: string;
         }[];
     }) => JSX.Element;
-    readonly BlockNavigation: ({ messages, }: {
-        messages?: FormMessageOverrides;
+    readonly BlockNavigation: ({ locale, messages, }: {
+        locale?: string;
+        messages?: FormMessageTranslations;
     }) => 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, {
@@ -305,18 +341,23 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
         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"> & {
+        readonly FileField: ({ label, accept, filePickerMessages, locale, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
             accept: InputHTMLAttributes<HTMLInputElement>["accept"];
-            messages?: FormMessageOverrides;
+            filePickerMessages?: FilePickerMessageTranslations;
+            locale?: string;
+            messages?: FormMessageTranslations;
             onFileChange?: (file: File | "") => void;
             required?: boolean;
         }) => JSX.Element;
         readonly KeyValueField: (props: DefaultOptions & {
-            messages?: FormMessageOverrides;
+            locale?: string;
+            messages?: FormMessageTranslations;
         }) => JSX.Element;
-        readonly ImageField: ({ label, messages, size, }: {
+        readonly ImageField: ({ filePickerMessages, label, locale, messages, size, }: {
+            filePickerMessages?: FilePickerMessageTranslations;
             label: string;
-            messages?: FormMessageOverrides;
+            locale?: string;
+            messages?: FormMessageTranslations;
             size: {
                 width: number;
                 height: number;
@@ -324,14 +365,16 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
                 suggestedHeight?: number;
             };
         }) => JSX.Element;
-        readonly RevertButton: ({ messages, original, }: {
-            messages?: FormMessageOverrides;
+        readonly RevertButton: ({ locale, messages, original, }: {
+            locale?: string;
+            messages?: FormMessageTranslations;
             original: string;
         }) => JSX.Element | undefined;
     }, {
-        readonly SubmitButton: ({ children, messages, }: {
+        readonly SubmitButton: ({ children, locale, messages, }: {
             children?: React.ReactNode;
-            messages?: FormMessageOverrides;
+            locale?: string;
+            messages?: FormMessageTranslations;
         }) => JSX.Element;
         readonly FormError: () => JSX.Element;
         readonly FieldWrapper: ({ children, legend, localized, description, locales, editingLocale, }: {
@@ -344,8 +387,9 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
                 value: string;
             }[];
         }) => JSX.Element;
-        readonly BlockNavigation: ({ messages, }: {
-            messages?: FormMessageOverrides;
+        readonly BlockNavigation: ({ locale, messages, }: {
+            locale?: string;
+            messages?: FormMessageTranslations;
         }) => 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;
@@ -354,18 +398,23 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
         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"> & {
+        readonly FileField: ({ label, accept, filePickerMessages, locale, messages, onFileChange, required, }: Omit<DefaultOptions, "description"> & {
             accept: InputHTMLAttributes<HTMLInputElement>["accept"];
-            messages?: FormMessageOverrides;
+            filePickerMessages?: FilePickerMessageTranslations;
+            locale?: string;
+            messages?: FormMessageTranslations;
             onFileChange?: (file: File | "") => void;
             required?: boolean;
         }) => JSX.Element;
         readonly KeyValueField: (props: DefaultOptions & {
-            messages?: FormMessageOverrides;
+            locale?: string;
+            messages?: FormMessageTranslations;
         }) => JSX.Element;
-        readonly ImageField: ({ label, messages, size, }: {
+        readonly ImageField: ({ filePickerMessages, label, locale, messages, size, }: {
+            filePickerMessages?: FilePickerMessageTranslations;
             label: string;
-            messages?: FormMessageOverrides;
+            locale?: string;
+            messages?: FormMessageTranslations;
             size: {
                 width: number;
                 height: number;
@@ -373,14 +422,16 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
                 suggestedHeight?: number;
             };
         }) => JSX.Element;
-        readonly RevertButton: ({ messages, original, }: {
-            messages?: FormMessageOverrides;
+        readonly RevertButton: ({ locale, messages, original, }: {
+            locale?: string;
+            messages?: FormMessageTranslations;
             original: string;
         }) => JSX.Element | undefined;
     }, {
-        readonly SubmitButton: ({ children, messages, }: {
+        readonly SubmitButton: ({ children, locale, messages, }: {
             children?: React.ReactNode;
-            messages?: FormMessageOverrides;
+            locale?: string;
+            messages?: FormMessageTranslations;
         }) => JSX.Element;
         readonly FormError: () => JSX.Element;
         readonly FieldWrapper: ({ children, legend, localized, description, locales, editingLocale, }: {
@@ -393,8 +444,9 @@ declare const useAppForm: <TFormData, TOnMount extends undefined | import("@tans
                 value: string;
             }[];
         }) => JSX.Element;
-        readonly BlockNavigation: ({ messages, }: {
-            messages?: FormMessageOverrides;
+        readonly BlockNavigation: ({ locale, messages, }: {
+            locale?: string;
+            messages?: FormMessageTranslations;
         }) => JSX.Element;
     }>;
     fields: TFields;