@krak-stack/registry 0.1.32 → 0.1.34

package/dist/components/ui/editing-locale-switcher.d.ts

@@ -1,7 +1,11 @@
-export type EditingLocale = "en" | "fr";
-export type EditingLocaleSwitcherMessages = Partial<Record<EditingLocale | "label", string>>;
-export declare function EditingLocaleSwitcher({ messages, value, onValueChange, }: {
-    messages?: EditingLocaleSwitcherMessages;
+export type EditingLocale = string;
+export declare const editingLocales: readonly ["en", "fr"];
+export type EditingLocaleSwitcherMessages = Partial<Record<string, string>>;
+export type EditingLocaleSwitcherMessageTranslations = Partial<Record<string, EditingLocaleSwitcherMessages>>;
+export declare function EditingLocaleSwitcher({ locale: localeOverride, locales: localeOverrides, messages, value, onValueChange, }: {
+    locale?: string;
+    locales?: readonly string[];
+    messages?: EditingLocaleSwitcherMessageTranslations;
     value: EditingLocale;
     onValueChange: (value: EditingLocale) => void;
 }): import("react").JSX.Element;

package/dist/components/ui/editing-locale-switcher.js

@@ -131,469 +131,46 @@ function SelectScrollDownButton({
   });
 }
 
-// ../../src/paraglide/runtime.js
-import"@inlang/paraglide-js/urlpattern-polyfill";
-var baseLocale = "en";
-var locales = ["en", "fr"];
-var cookieName = "locale";
-var cookieMaxAge = 34560000;
-var cookieDomain = "";
-var localStorageKey = "PARAGLIDE_LOCALE";
-var strategy = [
-  "url",
-  "cookie",
-  "preferredLanguage",
-  "baseLocale"
-];
-var routeStrategies = [
-  {
-    match: "/api/:path(.*)?",
-    exclude: true
-  },
-  {
-    match: "/sitemap.xml",
-    exclude: true
-  },
-  {
-    match: "/llms.txt",
-    exclude: true
-  }
-];
-var urlPatterns = [
-  {
-    pattern: "/:path(.*)?",
-    localized: [
-      [
-        "en",
-        "/en/:path(.*)?"
-      ],
-      [
-        "fr",
-        "/fr/:path(.*)?"
-      ]
-    ]
-  }
-];
-var cachedRouteStrategyUrl;
-var cachedRouteStrategy;
-function findMatchingRouteStrategy(url) {
-  if (routeStrategies.length === 0) {
-    return;
-  }
-  const urlString = typeof url === "string" ? url : url.href;
-  if (cachedRouteStrategyUrl === urlString) {
-    return cachedRouteStrategy;
-  }
-  const urlObject = new URL(urlString, "http://dummy.com");
-  let match;
-  for (const routeStrategy of routeStrategies) {
-    const pattern = new URLPattern(routeStrategy.match, urlObject.href);
-    if (pattern.exec(urlObject.href)) {
-      match = routeStrategy;
-      break;
-    }
-  }
-  cachedRouteStrategyUrl = urlString;
-  cachedRouteStrategy = match;
-  return match;
-}
-function getStrategyForUrl(url) {
-  const routeStrategy = findMatchingRouteStrategy(url);
-  if (routeStrategy && routeStrategy.exclude !== true && Array.isArray(routeStrategy.strategy)) {
-    return routeStrategy.strategy;
-  }
-  return strategy;
-}
-var serverAsyncLocalStorage = undefined;
-var isServer = import.meta.env?.SSR ?? typeof window === "undefined";
-var experimentalStaticLocale = undefined;
-var TREE_SHAKE_COOKIE_STRATEGY_USED = true;
-var TREE_SHAKE_URL_STRATEGY_USED = true;
-var TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED = false;
-var TREE_SHAKE_PREFERRED_LANGUAGE_STRATEGY_USED = true;
-var TREE_SHAKE_DEFAULT_URL_PATTERN_USED = false;
-var TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED = false;
-globalThis.__paraglide = globalThis.__paraglide ?? {};
-globalThis.__paraglide.ssr = globalThis.__paraglide.ssr ?? {};
-var _locale;
-var localeInitiallySet = false;
-var getLocale = () => {
-  if (experimentalStaticLocale !== undefined) {
-    return experimentalStaticLocale;
-  }
-  if (serverAsyncLocalStorage) {
-    const locale = serverAsyncLocalStorage?.getStore()?.locale;
-    if (locale) {
-      return locale;
-    }
-  }
-  let strategyToUse = strategy;
-  if (!isServer && typeof window !== "undefined" && window.location?.href) {
-    strategyToUse = getStrategyForUrl(window.location.href);
-  }
-  const resolved = resolveLocaleWithStrategies(strategyToUse, typeof window !== "undefined" ? window.location?.href : undefined);
-  if (resolved) {
-    if (!localeInitiallySet) {
-      _locale = resolved;
-      localeInitiallySet = true;
-      setLocale(resolved, { reload: false });
-    }
-    return resolved;
-  }
-  throw new Error("No locale found. Read the docs https://paraglidejs.com/errors#no-locale-found");
-};
-function resolveLocaleWithStrategies(strategyToUse, urlForUrlStrategy) {
-  let locale;
-  for (const strat of strategyToUse) {
-    if (TREE_SHAKE_COOKIE_STRATEGY_USED && strat === "cookie") {
-      locale = extractLocaleFromCookie();
-    } else if (strat === "baseLocale") {
-      locale = baseLocale;
-    } else if (TREE_SHAKE_URL_STRATEGY_USED && strat === "url" && !isServer && typeof urlForUrlStrategy === "string") {
-      locale = extractLocaleFromUrl(urlForUrlStrategy);
-    } else if (TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED && strat === "globalVariable" && _locale !== undefined) {
-      locale = _locale;
-    } else if (TREE_SHAKE_PREFERRED_LANGUAGE_STRATEGY_USED && strat === "preferredLanguage" && !isServer) {
-      locale = extractLocaleFromNavigator();
-    } else if (TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED && strat === "localStorage" && !isServer) {
-      locale = localStorage.getItem(localStorageKey) ?? undefined;
-    } else if (isCustomStrategy(strat) && customClientStrategies.has(strat)) {
-      const handler = customClientStrategies.get(strat);
-      if (handler) {
-        const result = handler.getLocale();
-        if (result instanceof Promise) {
-          continue;
-        }
-        if (result !== undefined) {
-          return assertIsLocale(result);
-        }
-      }
-    }
-    const matchedLocale = toLocale(locale);
-    if (matchedLocale) {
-      return matchedLocale;
-    }
-  }
-  return;
-}
-var rtlLanguages = new Set([
-  "ar",
-  "dv",
-  "fa",
-  "he",
-  "ks",
-  "ku",
-  "ps",
-  "sd",
-  "ug",
-  "ur",
-  "yi"
-]);
-var navigateOrReload = (newLocation) => {
-  if (newLocation) {
-    window.location.href = newLocation;
-  } else {
-    window.location.reload();
-  }
-};
-var setLocale = (newLocale, options) => {
-  const optionsWithDefaults = {
-    reload: true,
-    ...options
-  };
-  let currentLocale;
-  try {
-    currentLocale = getLocale();
-  } catch {}
-  const customSetLocalePromises = [];
-  let newLocation = undefined;
-  let strategyToUse = strategy;
-  if (!isServer && typeof window !== "undefined" && window.location?.href) {
-    strategyToUse = getStrategyForUrl(window.location.href);
-  }
-  for (const strat of strategyToUse) {
-    if (TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED && strat === "globalVariable") {
-      _locale = newLocale;
-    } else if (TREE_SHAKE_COOKIE_STRATEGY_USED && strat === "cookie") {
-      if (isServer || typeof document === "undefined" || typeof window === "undefined") {
-        continue;
-      }
-      const cookieString = `${cookieName}=${newLocale}; path=/; max-age=${cookieMaxAge}`;
-      document.cookie = cookieDomain ? `${cookieString}; domain=${cookieDomain}` : cookieString;
-    } else if (strat === "baseLocale") {
-      continue;
-    } else if (TREE_SHAKE_URL_STRATEGY_USED && strat === "url" && typeof window !== "undefined") {
-      newLocation = localizeUrl(window.location.href, {
-        locale: newLocale
-      }).href;
-    } else if (TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED && strat === "localStorage" && typeof window !== "undefined") {
-      localStorage.setItem(localStorageKey, newLocale);
-    } else if (isCustomStrategy(strat) && customClientStrategies.has(strat)) {
-      const handler = customClientStrategies.get(strat);
-      if (handler) {
-        let result = handler.setLocale(newLocale);
-        if (result instanceof Promise) {
-          result = result.catch((error) => {
-            throw new Error(`Custom strategy "${strat}" setLocale failed.`, {
-              cause: error
-            });
-          });
-          customSetLocalePromises.push(result);
-        }
-      }
-    }
-  }
-  const runReload = () => {
-    if (!isServer && optionsWithDefaults.reload && window.location && newLocale !== currentLocale) {
-      navigateOrReload(newLocation);
-    }
-  };
-  if (customSetLocalePromises.length) {
-    return Promise.all(customSetLocalePromises).then(() => {
-      runReload();
-    });
-  }
-  runReload();
-  return;
-};
-var getUrlOrigin = () => {
-  if (serverAsyncLocalStorage) {
-    return serverAsyncLocalStorage.getStore()?.origin ?? "http://fallback.com";
-  } else if (typeof window !== "undefined") {
-    return window.location.origin;
-  }
-  return "http://fallback.com";
-};
-function toLocale(value) {
-  if (typeof value !== "string") {
-    return;
-  }
-  const lowerValue = value.toLowerCase();
-  for (const locale of locales) {
-    if (locale.toLowerCase() === lowerValue) {
-      return locale;
-    }
-  }
-  return;
-}
-function assertIsLocale(input) {
-  const locale = toLocale(input);
-  if (locale)
-    return locale;
-  throw new Error(`Invalid locale: ${input}. Expected one of: ${locales.join(", ")}`);
-}
-function extractLocaleFromCookie() {
-  if (typeof document === "undefined" || !document.cookie) {
-    return;
-  }
-  const match = document.cookie.match(new RegExp(`(^| )${cookieName}=([^;]+)`));
-  const locale = match?.[2];
-  return toLocale(locale);
-}
-function extractLocaleFromNavigator() {
-  if (!navigator?.languages?.length) {
-    return;
-  }
-  const languages = navigator.languages.map((lang) => ({
-    fullTag: lang,
-    baseTag: lang.split("-")[0]
-  }));
-  for (const lang of languages) {
-    const fullLocale = toLocale(lang.fullTag);
-    if (fullLocale) {
-      return fullLocale;
-    }
-    const baseLocale2 = toLocale(lang.baseTag);
-    if (baseLocale2) {
-      return baseLocale2;
-    }
-  }
-  return;
-}
-var cachedUrl;
-var cachedLocale;
-function extractLocaleFromUrl(url) {
-  const urlString = typeof url === "string" ? url : url.href;
-  if (cachedUrl === urlString) {
-    return cachedLocale;
-  }
-  let result;
-  if (TREE_SHAKE_DEFAULT_URL_PATTERN_USED) {
-    result = defaultUrlPatternExtractLocale(url);
-  } else {
-    const urlObj = typeof url === "string" ? new URL(url) : url;
-    for (const element of urlPatterns) {
-      for (const [locale, localizedPattern] of element.localized) {
-        const match = new URLPattern(localizedPattern, urlObj.href).exec(urlObj.href);
-        if (match) {
-          result = locale;
-          break;
-        }
-      }
-      if (result)
-        break;
-    }
-  }
-  cachedUrl = urlString;
-  cachedLocale = result;
-  return result;
-}
-function defaultUrlPatternExtractLocale(url) {
-  const urlObj = new URL(url, "http://dummy.com");
-  const pathSegments = urlObj.pathname.split("/").filter(Boolean);
-  return toLocale(pathSegments[0]) || baseLocale;
-}
-function localizeUrl(url, options) {
-  const targetLocale = options?.locale ? assertIsLocale(options?.locale) : getLocale();
-  if (TREE_SHAKE_DEFAULT_URL_PATTERN_USED) {
-    return localizeUrlDefaultPattern(url, targetLocale);
-  }
-  const urlObj = typeof url === "string" ? new URL(url) : url;
-  for (const element of urlPatterns) {
-    for (const [, localizedPattern] of element.localized) {
-      const match = new URLPattern(localizedPattern, urlObj.href).exec(urlObj.href);
-      if (!match) {
-        continue;
-      }
-      const targetPattern = element.localized.find(([locale]) => locale === targetLocale)?.[1];
-      if (!targetPattern) {
-        continue;
-      }
-      const localizedUrl = fillPattern(targetPattern, aggregateGroups(match), urlObj.origin);
-      return fillMissingUrlParts(localizedUrl, match);
-    }
-    const unlocalizedMatch = new URLPattern(element.pattern, urlObj.href).exec(urlObj.href);
-    if (unlocalizedMatch) {
-      const targetPattern = element.localized.find(([locale]) => locale === targetLocale)?.[1];
-      if (targetPattern) {
-        const localizedUrl = fillPattern(targetPattern, aggregateGroups(unlocalizedMatch), urlObj.origin);
-        return fillMissingUrlParts(localizedUrl, unlocalizedMatch);
-      }
-    }
-  }
-  return urlObj;
-}
-function localizeUrlDefaultPattern(url, locale) {
-  const urlObj = typeof url === "string" ? new URL(url, getUrlOrigin()) : new URL(url);
-  const currentLocale = extractLocaleFromUrl(urlObj);
-  if (currentLocale === locale) {
-    return urlObj;
-  }
-  const pathSegments = urlObj.pathname.split("/").filter(Boolean);
-  if (pathSegments.length > 0 && toLocale(pathSegments[0])) {
-    pathSegments.shift();
-  }
-  if (locale === baseLocale) {
-    urlObj.pathname = "/" + pathSegments.join("/");
-  } else {
-    urlObj.pathname = "/" + locale + "/" + pathSegments.join("/");
-  }
-  return urlObj;
-}
-function fillMissingUrlParts(url, match) {
-  if (match.protocol.groups["0"]) {
-    url.protocol = match.protocol.groups["0"] ?? "";
-  }
-  if (match.hostname.groups["0"]) {
-    url.hostname = match.hostname.groups["0"] ?? "";
-  }
-  if (match.username.groups["0"]) {
-    url.username = match.username.groups["0"] ?? "";
-  }
-  if (match.password.groups["0"]) {
-    url.password = match.password.groups["0"] ?? "";
-  }
-  if (match.port.groups["0"]) {
-    url.port = match.port.groups["0"] ?? "";
-  }
-  if (match.pathname.groups["0"]) {
-    url.pathname = match.pathname.groups["0"] ?? "";
-  }
-  if (match.search.groups["0"]) {
-    url.search = match.search.groups["0"] ?? "";
-  }
-  if (match.hash.groups["0"]) {
-    url.hash = match.hash.groups["0"] ?? "";
-  }
-  return url;
-}
-function fillPattern(pattern, values, origin) {
-  let processedPattern = pattern.replace(/(https?:\/\/[^:/]+):(\d+)(\/|$)/g, (_, protocol, port, slash) => {
-    return `${protocol}#PORT-${port}#${slash}`;
-  });
-  let processedGroupDelimiters = processedPattern.replace(/\{([^{}]*)\}([?+*]?)/g, (_, content, modifier) => {
-    if (modifier === "?") {
-      return content;
-    }
-    return content;
-  });
-  let filled = processedGroupDelimiters.replace(/(\/?):([a-zA-Z0-9_]+)(\([^)]*\))?([?+*]?)/g, (_, slash, name, __, modifier) => {
-    const value = values[name];
-    if (value === null) {
-      return "";
-    }
-    if (modifier === "?") {
-      return value !== undefined ? `${slash}${value}` : "";
-    }
-    if (modifier === "+" || modifier === "*") {
-      if (value === undefined && modifier === "+") {
-        throw new Error(`Missing value for "${name}" (one or more required)`);
-      }
-      return value ? `${slash}${value}` : "";
-    }
-    if (value === undefined) {
-      throw new Error(`Missing value for "${name}"`);
-    }
-    return `${slash}${value}`;
-  });
-  filled = filled.replace(/#PORT-(\d+)#/g, ":$1");
-  return new URL(filled, origin);
-}
-function aggregateGroups(match) {
-  return {
-    ...match.hash.groups,
-    ...match.hostname.groups,
-    ...match.password.groups,
-    ...match.pathname.groups,
-    ...match.port.groups,
-    ...match.protocol.groups,
-    ...match.search.groups,
-    ...match.username.groups
-  };
-}
-var customServerStrategies = new Map;
-var customClientStrategies = new Map;
-function isCustomStrategy(strategy2) {
-  return typeof strategy2 === "string" && /^custom-[A-Za-z0-9_-]+$/.test(strategy2);
-}
-
 // ../../src/components/ui/editing-locale-switcher.tsx
+import {
+  useKrakstackLocale,
+  useKrakstackLocales
+} from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var editingLocales = ["en", "fr"];
 var messages = {
   en: { label: "Editing", en: "English", fr: "French" },
   fr: { label: "Modification", en: "Anglais", fr: "Français" }
 };
-var editingLocaleMessages = (overrides) => ({
-  ...getLocale().startsWith("fr") ? messages.fr : messages.en,
-  ...overrides
-});
+var editingLocaleMessages = (locale, translations) => {
+  const defaults = locale.startsWith("fr") ? messages.fr : messages.en;
+  const base = translations?.[locale.split("-")[0] ?? locale];
+  const exact = translations?.[locale];
+  return {
+    label: exact?.label ?? base?.label ?? defaults.label,
+    localeName: (option) => exact?.[option] ?? base?.[option] ?? (option === "en" ? defaults.en : option === "fr" ? defaults.fr : option)
+  };
+};
 function EditingLocaleSwitcher({
+  locale: localeOverride,
+  locales: localeOverrides,
   messages: messages2,
   value,
   onValueChange
 }) {
-  const labels = editingLocaleMessages(messages2);
-  const localeOptions = [
-    { value: "en", label: labels.en },
-    { value: "fr", label: labels.fr }
-  ];
+  const locale = useKrakstackLocale(localeOverride);
+  const locales = useKrakstackLocales(localeOverrides);
+  const labels = editingLocaleMessages(locale, messages2);
+  const localeOptions = locales.map((value2) => ({
+    value: value2,
+    label: labels.localeName(value2)
+  }));
   return /* @__PURE__ */ jsxs2(Select, {
     items: localeOptions,
     value,
     onValueChange: (nextValue) => {
-      if (nextValue === "en" || nextValue === "fr") {
+      if (nextValue !== null)
         onValueChange(nextValue);
-      }
     },
     children: [
       /* @__PURE__ */ jsxs2(SelectTrigger, {
@@ -626,5 +203,6 @@ function EditingLocaleSwitcher({
   });
 }
 export {
-  EditingLocaleSwitcher
+  EditingLocaleSwitcher,
+  editingLocales
 };

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

@@ -2,7 +2,8 @@ import type { ComponentProps, JSX, ReactNode } from "react";
 import { FormReact } from "@lucas-barake/effect-form-react";
 import { Option } from "effect";
 import { AsyncResult, Atom } from "effect/unstable/reactivity";
-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 EffectFormMessages = {
     add: string;
     blockNavigationCancel: string;
@@ -21,7 +22,8 @@ export type EffectFormMessages = {
     value: string;
 };
 export type EffectFormMessageOverrides = Partial<EffectFormMessages>;
-export declare const effectFormMessages: (overrides?: EffectFormMessageOverrides) => EffectFormMessages;
+export type EffectFormMessageTranslations = Partial<Record<string, EffectFormMessageOverrides>>;
+export declare const effectFormMessages: (locale?: string, translations?: EffectFormMessageTranslations) => EffectFormMessages;
 export type FieldOptions = {
     label: JSX.Element | string;
     description?: string;
@@ -51,26 +53,36 @@ export type SubmitForm<A, E> = {
     lastSubmittedValues: Atom.Atom<Option.Option<unknown>>;
     submit: Atom.AtomResultFn<void, A, E>;
 };
-export declare const SubmitButton: <A, E>({ children, form, onSubmit, }: {
+export declare const SubmitButton: <A, E>({ children, form, locale, messages, onSubmit, }: {
     children?: ReactNode;
     form: SubmitForm<A, E>;
+    locale?: string;
+    messages?: EffectFormMessageTranslations;
     onSubmit?: () => void;
 }) => JSX.Element;
 type TextFieldOptions = FieldOptions & Omit<ComponentProps<"input">, "children" | "defaultValue" | "id" | "name" | "onBlur" | "onChange" | "value"> & {
     errorMessage?: string;
 };
 export declare const TextField: FormReact.FieldComponent<string, TextFieldOptions>;
-type NameFieldOptions = Omit<TextFieldOptions, "label">;
+type NameFieldOptions = Omit<TextFieldOptions, "label"> & {
+    locale?: string;
+    messages?: EffectFormMessageTranslations;
+};
 export declare const NameField: FormReact.FieldComponent<string, NameFieldOptions>;
 type TextAreaFieldOptions = FieldOptions & Omit<ComponentProps<"textarea">, "children" | "defaultValue" | "id" | "name" | "onBlur" | "onChange" | "value"> & {
     original?: string;
 };
 export declare const TextAreaField: FormReact.FieldComponent<string, TextAreaFieldOptions>;
-type DescriptionFieldOptions = Omit<TextAreaFieldOptions, "label">;
+type DescriptionFieldOptions = Omit<TextAreaFieldOptions, "label"> & {
+    locale?: string;
+    messages?: EffectFormMessageTranslations;
+};
 export declare const DescriptionField: FormReact.FieldComponent<string, DescriptionFieldOptions>;
 type FileFieldOptions = FieldOptions & {
     accept: ComponentProps<"input">["accept"];
+    messages?: FilePickerMessageTranslations;
     onFileChange?: (file: File | undefined) => void;
+    locale?: string;
     required?: boolean;
 };
 export declare const FileField: FormReact.FieldComponent<File | undefined, FileFieldOptions>;
@@ -84,7 +96,10 @@ type SelectFieldOptions<T extends string> = FieldOptions & {
     placeholder?: string;
 };
 export declare const SelectField: <T extends string>({ field, props, }: FormReact.FieldComponentProps<T, SelectFieldOptions<T>>) => JSX.Element;
-type FolderFieldOptions<T extends string> = Omit<SelectFieldOptions<T>, "label">;
+type FolderFieldOptions<T extends string> = Omit<SelectFieldOptions<T>, "label"> & {
+    locale?: string;
+    messages?: EffectFormMessageTranslations;
+};
 export declare const FolderField: <T extends string>({ field, props, }: FormReact.FieldComponentProps<T, FolderFieldOptions<T>>) => JSX.Element;
 type MultiSelectFieldOptions<T extends string> = FieldOptions & {
     options: ReadonlyArray<{
@@ -99,7 +114,8 @@ type SearchableSelectFieldSharedOptions<TData> = FieldOptions & {
     emptyLabel: ReactNode;
     initialItems?: readonly VirtualizedComboboxOption<TData>[];
     items: readonly VirtualizedComboboxOption<TData>[];
-    messages?: VirtualizedComboboxMessageOverrides;
+    locale?: string;
+    messages?: VirtualizedComboboxMessageTranslations;
     onSearchValueChange?: (value: string) => void;
     placeholder: ReactNode;
     renderItem?: (item: VirtualizedComboboxOption<TData>) => ReactNode;
@@ -111,19 +127,30 @@ export declare const SearchableSelectField: <TData>({ field, props, }: FormReact
 export declare const SingleSearchableSelectField: <TData>({ field, props, }: FormReact.FieldComponentProps<string, SearchableSelectFieldSharedOptions<TData> & {
     multiple?: false;
 }>) => JSX.Element;
-export declare const NullableKeyValueField: ({ field, props, }: FormReact.FieldComponentProps<Readonly<Record<string, string>> | null, FieldOptions>) => JSX.Element;
-export declare const KeyValueField: ({ field, props, }: FormReact.FieldComponentProps<Readonly<Record<string, string>>, FieldOptions>) => JSX.Element;
+export declare const NullableKeyValueField: ({ field, props, }: FormReact.FieldComponentProps<Readonly<Record<string, string>> | null, FieldOptions & {
+    locale?: string;
+    messages?: EffectFormMessageTranslations;
+}>) => JSX.Element;
+export declare const KeyValueField: ({ field, props, }: FormReact.FieldComponentProps<Readonly<Record<string, string>>, FieldOptions & {
+    locale?: string;
+    messages?: EffectFormMessageTranslations;
+}>) => JSX.Element;
 export declare const RevertButton: ({ field, props, }: {
     field: {
         value: string;
         onChange: (value: string) => void;
     };
     props: {
+        locale?: string;
+        messages?: EffectFormMessageTranslations;
         original: string;
     };
 }) => JSX.Element | null;
 type ImageFieldOptions = {
     label: string;
+    locale?: string;
+    messages?: EffectFormMessageTranslations;
+    filePickerMessages?: FilePickerMessageTranslations;
     size: {
         width: number;
         height: number;
@@ -132,7 +159,9 @@ type ImageFieldOptions = {
     };
 };
 export declare const ImageField: FormReact.FieldComponent<File | string | null | undefined, ImageFieldOptions>;
-export declare const BlockNavigation: <A, E>({ form }: {
+export declare const BlockNavigation: <A, E>(props: {
     form: SubmitForm<A, E>;
+    locale?: string;
+    messages?: EffectFormMessageTranslations;
 }) => JSX.Element;
 export {};