@krak-stack/registry 0.1.32 → 0.1.34

package/dist/components/ui/effect-form.js

@@ -304,443 +304,8 @@ function Input({ className, type, ...props }) {
   });
 }
 
-// ../../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/file-picker.tsx
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx5, jsxs as jsxs2, Fragment } from "react/jsx-runtime";
 "use client";
 var messages = {
@@ -763,22 +328,30 @@ var messages = {
     replaceFile: "Remplacer le fichier"
   }
 };
-var filePickerMessages = (overrides) => ({
-  ...getLocale().startsWith("fr") ? messages.fr : messages.en,
-  ...overrides
+var filePickerMessages = (locale, translations) => ({
+  ...locale.startsWith("fr") ? messages.fr : messages.en,
+  ...translations?.[locale.split("-")[0] ?? locale],
+  ...translations?.[locale]
 });
-var formatBytes = (bytes) => {
-  const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
-  if (bytes === 0)
-    return "0 Bytes";
-  const index = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), sizes.length - 1);
-  if (index === 0)
-    return `${bytes} ${sizes[index]}`;
-  return `${(bytes / 1024 ** index).toFixed(1)} ${sizes[index]}`;
+var formatBytes = (bytes, locale) => {
+  const units = [
+    "byte",
+    "kilobyte",
+    "megabyte",
+    "gigabyte",
+    "terabyte"
+  ];
+  const index = Math.min(bytes === 0 ? 0 : Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);
+  const value = index === 0 ? bytes : Number((bytes / 1024 ** index).toFixed(1));
+  return new Intl.NumberFormat(locale, {
+    style: "unit",
+    unit: units[index],
+    unitDisplay: "short"
+  }).format(value);
 };
-var fileDescription = (file) => [
+var fileDescription = (file, locale) => [
   file.type || file.name.split(".").pop()?.toUpperCase(),
-  formatBytes(file.size)
+  formatBytes(file.size, locale)
 ].filter(Boolean).join(" · ");
 var FilePicker = ({
   accept = "",
@@ -788,6 +361,7 @@ var FilePicker = ({
   id,
   image,
   invalid = false,
+  locale: localeOverride,
   messages: messages2,
   multiple = false,
   name,
@@ -798,7 +372,8 @@ var FilePicker = ({
   required,
   title
 }) => {
-  const labels = filePickerMessages(messages2);
+  const locale = useKrakstackLocale(localeOverride);
+  const labels = filePickerMessages(locale, messages2);
   const inputRef = useRef(null);
   const dragDepthRef = useRef(0);
   const [dragging, setDragging] = useState(false);
@@ -918,7 +493,7 @@ var FilePicker = ({
                     children: selectedFile.name
                   }),
                   /* @__PURE__ */ jsx5(AttachmentDescription, {
-                    children: fileDescription(selectedFile)
+                    children: fileDescription(selectedFile, locale)
                   })
                 ]
               }),
@@ -1012,7 +587,7 @@ var FilePicker = ({
                 children: title
               }),
               file ? /* @__PURE__ */ jsx5(AttachmentDescription, {
-                children: fileDescription(file)
+                children: fileDescription(file, locale)
               }) : null
             ]
           }),
@@ -1373,6 +948,7 @@ function InputGroupInput({
 }
 
 // ../../src/components/ui/virtualized-combobox.tsx
+import { useKrakstackLocale as useKrakstackLocale2 } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 "use client";
 var messages2 = {
@@ -1389,22 +965,24 @@ var messages2 = {
     selectMore: "Sélectionner davantage"
   }
 };
-var virtualizedComboboxMessages = (overrides) => ({
-  ...getLocale().startsWith("fr") ? messages2.fr : messages2.en,
-  ...overrides
+var virtualizedComboboxMessages = (locale, translations) => ({
+  ...locale.startsWith("fr") ? messages2.fr : messages2.en,
+  ...translations?.[locale.split("-")[0] ?? locale],
+  ...translations?.[locale]
 });
 var optionEquals = (item, selected) => item.value === selected.value;
 var VirtualizedComboboxList = ({
   emptyLabel,
   groupSelections,
   itemIndexRef,
+  locale = "en",
   messages: messageOverrides,
   renderItem,
   selectedValues,
   virtualizerRef
 }) => {
   const filteredItems = ComboboxPrimitive.useFilteredItems();
-  const labels = virtualizedComboboxMessages(messageOverrides);
+  const labels = virtualizedComboboxMessages(locale, messageOverrides);
   const itemEntries = filteredItems.map((item, index) => ({
     kind: "item",
     item,
@@ -1514,12 +1092,13 @@ var VirtualizedComboboxContent = ({
   emptyLabel,
   groupSelections,
   itemIndexRef,
+  locale = "en",
   messages: messageOverrides,
   renderItem,
   selectedValues,
   virtualizerRef
 }) => {
-  const labels = virtualizedComboboxMessages(messageOverrides);
+  const labels = virtualizedComboboxMessages(locale, messageOverrides);
   return /* @__PURE__ */ jsx12(ComboboxPrimitive.Portal, {
     children: /* @__PURE__ */ jsx12(ComboboxPrimitive.Positioner, {
       align: "start",
@@ -1543,6 +1122,7 @@ var VirtualizedComboboxContent = ({
             emptyLabel,
             groupSelections,
             itemIndexRef,
+            locale,
             messages: messageOverrides,
             renderItem,
             selectedValues,
@@ -1592,7 +1172,7 @@ var useComboboxVirtualizerRef = (providedRef) => {
 var VirtualizedComboboxSingle = (props) => {
   const virtualizerRef = useComboboxVirtualizerRef(props.virtualizerRef);
   const itemIndexRef = useRef2(new Map);
-  const labels = virtualizedComboboxMessages(props.messages);
+  const labels = virtualizedComboboxMessages(props.locale ?? "en", props.messages);
   return /* @__PURE__ */ jsxs5(ComboboxPrimitive.Root, {
     disabled: props.disabled,
     inputValue: props.searchValue,
@@ -1633,7 +1213,7 @@ var VirtualizedComboboxSingle = (props) => {
 var VirtualizedComboboxMultiple = (props) => {
   const virtualizerRef = useComboboxVirtualizerRef(props.virtualizerRef);
   const itemIndexRef = useRef2(new Map);
-  const labels = virtualizedComboboxMessages(props.messages);
+  const labels = virtualizedComboboxMessages(props.locale ?? "en", props.messages);
   return /* @__PURE__ */ jsxs5(ComboboxPrimitive.Root, {
     disabled: props.disabled,
     inputValue: props.searchValue,
@@ -1673,14 +1253,18 @@ var VirtualizedComboboxMultiple = (props) => {
   });
 };
 function VirtualizedCombobox(props) {
+  const locale = useKrakstackLocale2(props.locale);
   return props.multiple ? /* @__PURE__ */ jsx12(VirtualizedComboboxMultiple, {
-    ...props
+    ...props,
+    locale
   }) : /* @__PURE__ */ jsx12(VirtualizedComboboxSingle, {
-    ...props
+    ...props,
+    locale
   });
 }
 
 // ../../src/components/ui/effect-form.tsx
+import { useKrakstackLocale as useKrakstackLocale3 } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var messages3 = {
   en: {
@@ -1718,10 +1302,12 @@ var messages3 = {
     value: "Valeur"
   }
 };
-var effectFormMessages = (overrides) => ({
-  ...getLocale().startsWith("fr") ? messages3.fr : messages3.en,
-  ...overrides
+var effectFormMessages = (locale = "en", translations) => ({
+  ...locale.startsWith("fr") ? messages3.fr : messages3.en,
+  ...translations?.[locale.split("-")[0] ?? locale],
+  ...translations?.[locale]
 });
+var useEffectFormMessages = (locale, translations) => effectFormMessages(useKrakstackLocale3(locale), translations);
 var getCauseErrorMessage = (cause) => {
   const error = Cause.squash(cause);
   return error instanceof Error ? error.message : String(error);
@@ -1731,7 +1317,7 @@ var FieldWrapper = ({
   description,
   editingLocale,
   legend,
-  locales: locales2,
+  locales,
   localized = true
 }) => /* @__PURE__ */ jsxs6(FieldSet, {
   children: [
@@ -1739,11 +1325,11 @@ var FieldWrapper = ({
       className: "flex items-center gap-2",
       children: [
         legend,
-        localized && editingLocale && locales2 && /* @__PURE__ */ jsxs6(Badge, {
+        localized && editingLocale && locales && /* @__PURE__ */ jsxs6(Badge, {
           variant: "outline",
           children: [
             /* @__PURE__ */ jsx13(Languages, {}),
-            locales2.find(({ value }) => value === editingLocale)?.label
+            locales.find(({ value }) => value === editingLocale)?.label
           ]
         })
       ]
@@ -1772,6 +1358,8 @@ var SubmitError = ({
 var SubmitButton = ({
   children,
   form,
+  locale,
+  messages: messages4,
   onSubmit
 }) => {
   const submit = useAtomSet(form.submit);
@@ -1779,6 +1367,7 @@ var SubmitButton = ({
   const isDirty = useAtomValue(form.isDirty);
   const hasChangedSinceSubmit = useAtomValue(form.hasChangedSinceSubmit);
   const lastSubmittedValues = useAtomValue(form.lastSubmittedValues);
+  const labels = useEffectFormMessages(locale, messages4);
   const hasPendingChanges = Option.isNone(lastSubmittedValues) ? isDirty : hasChangedSinceSubmit;
   return /* @__PURE__ */ jsxs6(Button, {
     type: "button",
@@ -1793,7 +1382,7 @@ var SubmitButton = ({
         "data-icon": "inline-start",
         className: "animate-spin"
       }),
-      children ?? effectFormMessages().submit
+      children ?? labels.submit
     ]
   });
 };
@@ -1846,14 +1435,18 @@ var TextField = ({
 var NameField = ({
   field,
   props
-}) => /* @__PURE__ */ jsx13(TextField, {
-  field,
-  props: {
-    ...props,
-    label: effectFormMessages().name,
-    errorMessage: props.errorMessage ?? effectFormMessages().nameRequired
-  }
-});
+}) => {
+  const { locale, messages: messages4, ...fieldProps } = props;
+  const labels = useEffectFormMessages(locale, messages4);
+  return /* @__PURE__ */ jsx13(TextField, {
+    field,
+    props: {
+      ...fieldProps,
+      label: labels.name,
+      errorMessage: props.errorMessage ?? labels.nameRequired
+    }
+  });
+};
 var TextAreaField = ({ field, props }) => {
   const { children, description, label, ...textareaProps } = props;
   const nativeTextareaProps = { ...textareaProps };
@@ -1889,10 +1482,17 @@ var TextAreaField = ({ field, props }) => {
     ]
   });
 };
-var DescriptionField = ({ field, props }) => /* @__PURE__ */ jsx13(TextAreaField, {
-  field,
-  props: { ...props, label: effectFormMessages().description }
-});
+var DescriptionField = ({ field, props }) => {
+  const { locale, messages: messages4, ...fieldProps } = props;
+  const labels = useEffectFormMessages(locale, messages4);
+  return /* @__PURE__ */ jsx13(TextAreaField, {
+    field,
+    props: {
+      ...fieldProps,
+      label: labels.description
+    }
+  });
+};
 var FileField = ({ field, props }) => {
   const invalid = Option.isSome(field.error);
   return /* @__PURE__ */ jsxs6(Field, {
@@ -1908,6 +1508,8 @@ var FileField = ({ field, props }) => {
         ...field.value ? { file: field.value } : {},
         id: field.path,
         invalid,
+        locale: props.locale,
+        messages: props.messages,
         name: field.path,
         onBlur: field.onBlur,
         onChange: (file) => {
@@ -2043,10 +1645,13 @@ var SelectField = ({
 var FolderField = ({
   field,
   props
-}) => /* @__PURE__ */ jsx13(SelectField, {
-  field,
-  props: { ...props, label: effectFormMessages().folder }
-});
+}) => {
+  const labels = useEffectFormMessages(props.locale, props.messages);
+  return /* @__PURE__ */ jsx13(SelectField, {
+    field,
+    props: { ...props, label: labels.folder }
+  });
+};
 var MultiSelectField = ({
   field,
   props
@@ -2147,9 +1752,10 @@ var SearchableSelectField = ({
   field,
   props
 }) => {
+  const locale = useKrakstackLocale3(props.locale);
   const { selectedItems, mergedItems } = getSearchableSelectItems(field.value, props.initialItems ?? [], props.items);
   const invalid = Option.isSome(field.error);
-  const labels = virtualizedComboboxMessages(props.messages);
+  const labels = virtualizedComboboxMessages(locale, props.messages);
   const ariaLabel = Schema2.is(Schema2.String)(props.label) ? props.label : labels.search;
   return /* @__PURE__ */ jsxs6(Field, {
     className: "min-w-0",
@@ -2164,6 +1770,7 @@ var SearchableSelectField = ({
         ariaLabel,
         emptyLabel: props.emptyLabel,
         items: mergedItems,
+        locale,
         ...props.messages ? { messages: props.messages } : {},
         multiple: true,
         ...props.onSearchValueChange ? { onSearchValueChange: props.onSearchValueChange } : {},
@@ -2187,9 +1794,10 @@ var SingleSearchableSelectField = ({
   field,
   props
 }) => {
+  const locale = useKrakstackLocale3(props.locale);
   const { selectedItems, mergedItems } = getSearchableSelectItems(field.value ? [field.value] : [], props.initialItems ?? [], props.items);
   const invalid = Option.isSome(field.error);
-  const labels = virtualizedComboboxMessages(props.messages);
+  const labels = virtualizedComboboxMessages(locale, props.messages);
   const ariaLabel = Schema2.is(Schema2.String)(props.label) ? props.label : labels.search;
   return /* @__PURE__ */ jsxs6(Field, {
     className: "min-w-0",
@@ -2204,6 +1812,7 @@ var SingleSearchableSelectField = ({
         ariaLabel,
         emptyLabel: props.emptyLabel,
         items: mergedItems,
+        locale,
         ...props.messages ? { messages: props.messages } : {},
         ...props.onSearchValueChange ? { onSearchValueChange: props.onSearchValueChange } : {},
         onValueChange: (option) => field.onChange(option?.value ?? ""),
@@ -2226,6 +1835,7 @@ var NullableKeyValueField = ({
   field,
   props
 }) => {
+  const labels = useEffectFormMessages(props.locale, props.messages);
   const entries = Object.entries(field.value ?? {});
   const updateEntry = (index, key, value) => Object.fromEntries(entries.map(([currentKey, currentValue], currentIndex) => currentIndex === index ? [key, value] : [currentKey, currentValue]));
   return /* @__PURE__ */ jsxs6(Field, {
@@ -2242,7 +1852,7 @@ var NullableKeyValueField = ({
             name: `${field.path}.${index}.key`,
             type: "text",
             className: "w-auto",
-            placeholder: effectFormMessages().key,
+            placeholder: labels.key,
             value: key,
             onBlur: field.onBlur,
             onChange: (event) => field.onChange(updateEntry(index, event.target.value, value)),
@@ -2253,7 +1863,7 @@ var NullableKeyValueField = ({
             name: `${field.path}.${index}.value`,
             type: "text",
             className: "w-auto flex-1",
-            placeholder: effectFormMessages().value,
+            placeholder: labels.value,
             value,
             onBlur: field.onBlur,
             onChange: (event) => field.onChange(updateEntry(index, key, event.target.value)),
@@ -2267,7 +1877,7 @@ var NullableKeyValueField = ({
               /* @__PURE__ */ jsx13(Trash, {
                 "data-icon": "inline-start"
               }),
-              effectFormMessages().delete
+              labels.delete
             ]
           })
         ]
@@ -2281,7 +1891,7 @@ var NullableKeyValueField = ({
           /* @__PURE__ */ jsx13(Plus, {
             "data-icon": "inline-start"
           }),
-          effectFormMessages().add
+          labels.add
         ]
       }),
       props.description && /* @__PURE__ */ jsx13(FieldDescription, {
@@ -2297,6 +1907,7 @@ var KeyValueField = ({
   field,
   props
 }) => {
+  const labels = useEffectFormMessages(props.locale, props.messages);
   const entries = Object.entries(field.value);
   const updateEntry = (index, key, value) => Object.fromEntries(entries.map(([currentKey, currentValue], currentIndex) => currentIndex === index ? [key, value] : [currentKey, currentValue]));
   return /* @__PURE__ */ jsxs6(Field, {
@@ -2313,7 +1924,7 @@ var KeyValueField = ({
             name: `${field.path}.${index}.key`,
             type: "text",
             className: "w-auto",
-            placeholder: effectFormMessages().key,
+            placeholder: labels.key,
             value: key,
             onBlur: field.onBlur,
             onChange: (event) => field.onChange(updateEntry(index, event.target.value, value)),
@@ -2324,7 +1935,7 @@ var KeyValueField = ({
             name: `${field.path}.${index}.value`,
             type: "text",
             className: "w-auto flex-1",
-            placeholder: effectFormMessages().value,
+            placeholder: labels.value,
             value,
             onBlur: field.onBlur,
             onChange: (event) => field.onChange(updateEntry(index, key, event.target.value)),
@@ -2338,7 +1949,7 @@ var KeyValueField = ({
               /* @__PURE__ */ jsx13(Trash, {
                 "data-icon": "inline-start"
               }),
-              effectFormMessages().delete
+              labels.delete
             ]
           })
         ]
@@ -2352,7 +1963,7 @@ var KeyValueField = ({
           /* @__PURE__ */ jsx13(Plus, {
             "data-icon": "inline-start"
           }),
-          effectFormMessages().add
+          labels.add
         ]
       }),
       props.description && /* @__PURE__ */ jsx13(FieldDescription, {
@@ -2367,17 +1978,21 @@ var KeyValueField = ({
 var RevertButton = ({
   field,
   props
-}) => field.value === props.original ? null : /* @__PURE__ */ jsx13("div", {
-  className: "flex flex-1 justify-end",
-  children: /* @__PURE__ */ jsx13(Button, {
-    type: "button",
-    variant: "link",
-    className: "-mr-4 h-auto py-0",
-    onClick: () => field.onChange(props.original),
-    children: effectFormMessages().revert
-  })
-});
+}) => {
+  const labels = useEffectFormMessages(props.locale, props.messages);
+  return field.value === props.original ? null : /* @__PURE__ */ jsx13("div", {
+    className: "flex flex-1 justify-end",
+    children: /* @__PURE__ */ jsx13(Button, {
+      type: "button",
+      variant: "link",
+      className: "-mr-4 h-auto py-0",
+      onClick: () => field.onChange(props.original),
+      children: labels.revert
+    })
+  });
+};
 var ImageField = ({ field, props }) => {
+  const labels = useEffectFormMessages(props.locale, props.messages);
   const imageUrl = Schema2.is(Schema2.String)(field.value) ? field.value : undefined;
   const invalid = Option.isSome(field.error);
   return /* @__PURE__ */ jsxs6(Field, {
@@ -2402,13 +2017,15 @@ var ImageField = ({ field, props }) => {
         } : {},
         id: field.path,
         invalid,
+        locale: props.locale,
+        messages: props.filePickerMessages,
         name: field.path,
         onChange: field.onChange,
         onClear: () => field.onChange(null),
         title: field.value instanceof File ? field.value.name : props.label
       }),
       props.size.suggestedWidth && props.size.suggestedHeight ? /* @__PURE__ */ jsx13(FieldDescription, {
-        children: effectFormMessages().suggestedImageSize(String(props.size.suggestedWidth), String(props.size.suggestedHeight))
+        children: labels.suggestedImageSize(String(props.size.suggestedWidth), String(props.size.suggestedHeight))
       }) : null,
       /* @__PURE__ */ jsx13(FieldError, {
         error: field.error
@@ -2416,52 +2033,65 @@ var ImageField = ({ field, props }) => {
     ]
   });
 };
-var NavigationBlock = ({ shouldBlock }) => /* @__PURE__ */ jsx13(Block, {
-  enableBeforeUnload: () => shouldBlock,
-  shouldBlockFn: () => shouldBlock,
-  withResolver: true,
-  children: ({ status, proceed, reset }) => /* @__PURE__ */ jsx13(AlertDialog, {
-    open: status === "blocked",
-    children: /* @__PURE__ */ jsxs6(AlertDialogContent, {
-      children: [
-        /* @__PURE__ */ jsxs6(AlertDialogHeader, {
-          children: [
-            /* @__PURE__ */ jsx13(AlertDialogTitle, {
-              children: effectFormMessages().blockNavigationTitle
-            }),
-            /* @__PURE__ */ jsx13(AlertDialogDescription, {
-              children: effectFormMessages().blockNavigationDescription
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsxs6(AlertDialogFooter, {
-          children: [
-            /* @__PURE__ */ jsx13(AlertDialogCancel, {
-              onClick: reset,
-              children: effectFormMessages().blockNavigationCancel
-            }),
-            /* @__PURE__ */ jsx13(AlertDialogAction, {
-              onClick: proceed,
-              children: effectFormMessages().blockNavigationConfirm
-            })
-          ]
-        })
-      ]
+var NavigationBlock = ({
+  locale,
+  messages: messages4,
+  shouldBlock
+}) => {
+  const labels = useEffectFormMessages(locale, messages4);
+  return /* @__PURE__ */ jsx13(Block, {
+    enableBeforeUnload: () => shouldBlock,
+    shouldBlockFn: () => shouldBlock,
+    withResolver: true,
+    children: ({ status, proceed, reset }) => /* @__PURE__ */ jsx13(AlertDialog, {
+      open: status === "blocked",
+      children: /* @__PURE__ */ jsxs6(AlertDialogContent, {
+        children: [
+          /* @__PURE__ */ jsxs6(AlertDialogHeader, {
+            children: [
+              /* @__PURE__ */ jsx13(AlertDialogTitle, {
+                children: labels.blockNavigationTitle
+              }),
+              /* @__PURE__ */ jsx13(AlertDialogDescription, {
+                children: labels.blockNavigationDescription
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsxs6(AlertDialogFooter, {
+            children: [
+              /* @__PURE__ */ jsx13(AlertDialogCancel, {
+                onClick: reset,
+                children: labels.blockNavigationCancel
+              }),
+              /* @__PURE__ */ jsx13(AlertDialogAction, {
+                onClick: proceed,
+                children: labels.blockNavigationConfirm
+              })
+            ]
+          })
+        ]
+      })
     })
-  })
-});
-var FormBlockNavigation = ({ form }) => {
+  });
+};
+var FormBlockNavigation = ({
+  form,
+  locale,
+  messages: messages4
+}) => {
   const submitResult = useAtomValue(form.submit);
   const isDirty = useAtomValue(form.isDirty);
   const hasChangedSinceSubmit = useAtomValue(form.hasChangedSinceSubmit);
   const lastSubmittedValues = useAtomValue(form.lastSubmittedValues);
   const shouldBlock = !submitResult.waiting && (Option.isNone(lastSubmittedValues) ? isDirty : hasChangedSinceSubmit);
   return /* @__PURE__ */ jsx13(NavigationBlock, {
+    locale,
+    messages: messages4,
     shouldBlock
   });
 };
-var BlockNavigation = ({ form }) => /* @__PURE__ */ jsx13(FormBlockNavigation, {
-  form
+var BlockNavigation = (props) => /* @__PURE__ */ jsx13(FormBlockNavigation, {
+  ...props
 });
 export {
   BlockNavigation,