@krak-stack/registry 0.1.32 → 0.1.34

package/dist/components/ui/data-table.js

@@ -314,444 +314,7 @@ function Input({ className, type, ...props }) {
 
 // ../../src/components/ui/loading.tsx
 import { Loader2 } from "lucide-react";
-
-// ../../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/loading.tsx
+import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 var labels = {
   en: {
@@ -761,19 +324,22 @@ var labels = {
     loading: "Chargement..."
   }
 };
-var loadingLabel = () => getLocale().startsWith("fr") ? labels.fr.loading : labels.en.loading;
+var loadingLabel = (locale, messages) => messages?.[locale]?.loading ?? messages?.[locale.split("-")[0] ?? locale]?.loading ?? (locale.startsWith("fr") ? labels.fr.loading : labels.en.loading);
 function Loading({
   className,
   label,
+  locale: localeOverride,
+  messages,
   variant = "inline"
 }) {
+  const locale = useKrakstackLocale(localeOverride);
   return /* @__PURE__ */ jsxs2("div", {
     className: cn("text-muted-foreground flex items-center justify-center gap-2 text-sm", variant === "centered" && "min-h-[50svh] w-full", className),
     children: [
       /* @__PURE__ */ jsx6(Loader2, {
         className: "size-4 animate-spin"
       }),
-      label ?? loadingLabel()
+      label ?? loadingLabel(locale, messages)
     ]
   });
 }
@@ -1089,6 +655,7 @@ function SelectScrollDownButton({
 }
 
 // ../../src/components/ui/pagination.tsx
+import { useKrakstackLocale as useKrakstackLocale2 } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 var messages = {
   en: {
@@ -1112,12 +679,14 @@ var messages = {
     goToLastPage: "Aller à la dernière page"
   }
 };
-var paginationMessages = (locale = getLocale(), overrides) => ({
+var paginationMessages = (locale = "en", translations) => ({
   ...locale.startsWith("fr") ? messages.fr : messages.en,
-  ...overrides
+  ...translations?.[locale.split("-")[0] ?? locale],
+  ...translations?.[locale]
 });
 function Pagination({
   compact = false,
+  locale: localeOverride,
   messages: messageOverrides,
   onPageChange,
   onPageSizeChange,
@@ -1129,7 +698,8 @@ function Pagination({
   showResults = true,
   totalRows
 }) {
-  const labels2 = paginationMessages(getLocale(), messageOverrides);
+  const locale = useKrakstackLocale2(localeOverride);
+  const labels2 = paginationMessages(locale, messageOverrides);
   const pageSizeId = useId();
   const canGoBack = page > 0;
   const canGoForward = page + 1 < pageCount;
@@ -1404,6 +974,7 @@ function TooltipContent({
 }
 
 // ../../src/components/ui/data-table.tsx
+import { useKrakstackLocale as useKrakstackLocale3 } from "@krak-stack/registry/krakstack-provider";
 import { jsx as jsx14, jsxs as jsxs8, Fragment } from "react/jsx-runtime";
 var DataTablePersistedUiStateSchema = Schema.Struct({
   columnVisibility: Schema.Record(Schema.String, Schema.Boolean),
@@ -1475,9 +1046,10 @@ var messages2 = {
     selected: "Sélectionnés"
   }
 };
-var dataTableMessages = (overrides) => ({
-  ...getLocale().startsWith("fr") ? messages2.fr : messages2.en,
-  ...overrides
+var dataTableMessages = (locale = "en", translations) => ({
+  ...locale.startsWith("fr") ? messages2.fr : messages2.en,
+  ...translations?.[locale.split("-")[0] ?? locale],
+  ...translations?.[locale]
 });
 var DEFAULT_MIN_WIDTH = 96;
 var DEFAULT_WIDTH = 208;
@@ -1561,8 +1133,8 @@ var resolveDate = (value, type) => Option.getOrUndefined(Option.flatMap(decodeDa
     calendarOnly
   }));
 }));
-var formatDateValue = (date, column) => DateTime.format(date.instant, {
-  locale: column.typeOptions?.locale ?? getLocale(),
+var formatDateValue = (date, column, locale = "en") => DateTime.format(date.instant, {
+  locale: column.typeOptions?.locale ?? locale,
   timeZone: date.calendarOnly ? "UTC" : column.typeOptions?.timeZone ?? "UTC",
   dateStyle: column.typeOptions?.dateStyle ?? "medium",
   timeStyle: column.type === "dateTime" ? column.typeOptions?.timeStyle ?? "short" : undefined,
@@ -1577,7 +1149,7 @@ var BooleanValue = Schema.Boolean.annotate({
 });
 var decodeNumberValue = Schema.decodeUnknownOption(NumberValue);
 var decodeBooleanValue = Schema.decodeUnknownOption(BooleanValue);
-var formatNumberValue = (value, options = {}) => {
+var formatNumberValue = (value, options = {}, defaultLocale = "en") => {
   const {
     locale,
     emptyLabel: _emptyLabel,
@@ -1585,17 +1157,17 @@ var formatNumberValue = (value, options = {}) => {
     exportFormat: _exportFormat,
     ...format
   } = options;
-  return new Intl.NumberFormat(locale ?? getLocale(), format).format(value);
+  return new Intl.NumberFormat(locale ?? defaultLocale, format).format(value);
 };
 var booleanLabel = (value, options) => value ? options?.trueLabel : options?.falseLabel;
-var getDataTableExportValue = (row, column) => {
+var getDataTableExportValue = (row, column, locale = "en") => {
   const value = row.values.get(column.id);
   const colDef = column.colDef;
   if (colDef.type === "number") {
     const number = Option.getOrUndefined(decodeNumberValue(value));
     if (number === undefined)
       return null;
-    return colDef.typeOptions?.exportFormat === "formatted" ? formatNumberValue(number, colDef.typeOptions) : number;
+    return colDef.typeOptions?.exportFormat === "formatted" ? formatNumberValue(number, colDef.typeOptions, locale) : number;
   }
   if (colDef.type === "boolean") {
     const boolean = Option.getOrUndefined(decodeBooleanValue(value));
@@ -1608,9 +1180,9 @@ var getDataTableExportValue = (row, column) => {
   const date = resolveDate(value, colDef.type);
   if (!date)
     return null;
-  return colDef.typeOptions?.exportFormat === "formatted" ? formatDateValue(date, colDef) : dateIsoValue(date);
+  return colDef.typeOptions?.exportFormat === "formatted" ? formatDateValue(date, colDef, locale) : dateIsoValue(date);
 };
-var filterDataTableRows = (rows, columns, globalFilter) => {
+var filterDataTableRows = (rows, columns, globalFilter, locale = "en") => {
   const query = globalFilter.trim().toLocaleLowerCase();
   if (!query)
     return [...rows];
@@ -1621,10 +1193,10 @@ var filterDataTableRows = (rows, columns, globalFilter) => {
     let text = String(value ?? "");
     if (colDef.type === "date" || colDef.type === "dateTime") {
       const date = resolveDate(value, colDef.type);
-      text = date ? `${formatDateValue(date, colDef)} ${dateIsoValue(date)}` : "";
+      text = date ? `${formatDateValue(date, colDef, locale)} ${dateIsoValue(date)}` : "";
     } else if (colDef.type === "number") {
       const number = Option.getOrUndefined(decodeNumberValue(value));
-      text = number === undefined ? "" : `${formatNumberValue(number, colDef.typeOptions)} ${number}`;
+      text = number === undefined ? "" : `${formatNumberValue(number, colDef.typeOptions, locale)} ${number}`;
     } else if (colDef.type === "boolean") {
       const boolean = Option.getOrUndefined(decodeBooleanValue(value));
       text = boolean === undefined ? "" : `${booleanLabel(boolean, colDef.typeOptions) ?? ""} ${boolean}`;
@@ -1744,7 +1316,8 @@ var resolveConfig = (props, onUiStateChange) => {
     status: props.status ?? {},
     features,
     onRowClicked: props.onRowClicked,
-    labels: dataTableMessages(props.messages)
+    labels: dataTableMessages(props.locale, props.messages),
+    locale: props.locale ?? "en"
   };
 };
 var queryFromState = (state) => ({
@@ -1776,7 +1349,7 @@ var buildDataTableModel = (store) => {
   const rows = buildDataTableRows(store.rowData, columns, rowId);
   const pagination = store.config.features.pagination ?? { mode: "client" };
   const server = pagination !== false && pagination.mode === "server";
-  const filteredRows = server ? [...rows] : filterDataTableRows(rows, columns, store.state.globalFilter ?? "");
+  const filteredRows = server ? [...rows] : filterDataTableRows(rows, columns, store.state.globalFilter ?? "", store.config.locale);
   const sortedRows = server ? filteredRows : sortDataTableRows(filteredRows, columns, store.state.sort ?? []);
   const pageRows = pagination === false || server ? sortedRows : paginateDataTableRows(sortedRows, store.state);
   const totalRows = server ? pagination.rowCount : sortedRows.length;
@@ -1854,7 +1427,7 @@ var canMoveRowsToGroups = (store) => getActiveGrouping(store).some((field) => !!
 var canDragRows = (store) => getActiveGrouping(store).length ? canMoveRowsToGroups(store) : canReorderRows(store);
 var hasRowActionMenu = (store) => !!store.config.features.rowActions || canReorderRows(store);
 var getSelectedRows = (store, model) => model.rows.filter((row) => store.state.rowSelection[row.id]).map((row) => row.data);
-var renderCell = (row, column) => {
+var renderCell = (row, column, locale = "en", labels2 = dataTableMessages(locale)) => {
   const value = row.values.get(column.id);
   const params = {
     data: row.data,
@@ -1875,7 +1448,7 @@ var renderCell = (row, column) => {
     const number = Option.getOrUndefined(decodeNumberValue(value));
     return /* @__PURE__ */ jsx14("span", {
       className: "block text-left tabular-nums",
-      children: number === undefined ? colDef.typeOptions?.emptyLabel ?? "—" : formatNumberValue(number, colDef.typeOptions)
+      children: number === undefined ? colDef.typeOptions?.emptyLabel ?? "—" : formatNumberValue(number, colDef.typeOptions, locale)
     });
   }
   if (colDef.type === "boolean") {
@@ -1906,7 +1479,7 @@ var renderCell = (row, column) => {
     const date = resolveDate(value, colDef.type);
     return date ? /* @__PURE__ */ jsx14("time", {
       dateTime: dateIsoValue(date),
-      children: formatDateValue(date, colDef)
+      children: formatDateValue(date, colDef, locale)
     }) : colDef.typeOptions?.emptyLabel ?? "—";
   }
   if (colDef.type === "list") {
@@ -1922,6 +1495,8 @@ var renderCell = (row, column) => {
         ...config,
         itemActions,
         items: config.getItems(row.data),
+        locale,
+        messages: { [locale]: labels2 },
         options: config.getOptions(row.data),
         totalCount: config.getTotalCount?.(row.data),
         onAdd: config.onAdd ? (value2) => config.onAdd?.({ value: value2, row: row.data }) : undefined,
@@ -1932,6 +1507,8 @@ var renderCell = (row, column) => {
       ...config,
       itemActions,
       items: config.getItems(row.data),
+      locale,
+      messages: { [locale]: labels2 },
       totalCount: config.getTotalCount?.(row.data)
     });
   }
@@ -2227,7 +1804,7 @@ var DataTableToolbar = ({
                       }),
                       /* @__PURE__ */ jsx14(MenubarSeparator, {}),
                       /* @__PURE__ */ jsxs8(MenubarItem, {
-                        onClick: () => downloadCsv(model.visibleColumns.map(columnLabel), exportRows.map((row) => model.visibleColumns.map((column) => String(getDataTableExportValue(row, column) ?? ""))), features.export ? features.export.baseName : "table"),
+                        onClick: () => downloadCsv(model.visibleColumns.map(columnLabel), exportRows.map((row) => model.visibleColumns.map((column) => String(getDataTableExportValue(row, column, store.config.locale) ?? ""))), features.export ? features.export.baseName : "table"),
                         children: [
                           /* @__PURE__ */ jsx14(FileText, {}),
                           labels2.exportCsv
@@ -2236,7 +1813,7 @@ var DataTableToolbar = ({
                       /* @__PURE__ */ jsxs8(MenubarItem, {
                         onClick: () => downloadJson(exportRows.map((row) => Object.fromEntries(model.visibleColumns.map((column) => [
                           column.id,
-                          getDataTableExportValue(row, column)
+                          getDataTableExportValue(row, column, store.config.locale)
                         ]))), features.export ? features.export.baseName : "table"),
                         children: [
                           /* @__PURE__ */ jsx14(FileJson, {}),
@@ -2671,7 +2248,7 @@ var TableDataRow = ({
         style: { width: column.width },
         children: /* @__PURE__ */ jsx14("div", {
           className: cn("min-w-0", column.colDef.truncate && "truncate"),
-          children: renderCell(row, column)
+          children: renderCell(row, column, store.config.locale, store.config.labels)
         })
       }, column.id)),
       hasRowActionMenu(store) ? /* @__PURE__ */ jsx14(TableCell, {
@@ -3050,17 +2627,17 @@ var GalleryCard = ({
               variant: "secondary",
               children: [
                 gallery.tagIcon,
-                renderCell(row, tag)
+                renderCell(row, tag, store.config.locale, store.config.labels)
               ]
             }) : null
           ]
         }),
         /* @__PURE__ */ jsx14(CardTitle, {
-          children: name ? renderCell(row, name) : row.id
+          children: name ? renderCell(row, name, store.config.locale, store.config.labels) : row.id
         }),
         description ? /* @__PURE__ */ jsx14("div", {
           className: "text-muted-foreground line-clamp-3 text-sm",
-          children: renderCell(row, description)
+          children: renderCell(row, description, store.config.locale, store.config.labels)
         }) : null,
         hasRowActionMenu(store) ? /* @__PURE__ */ jsx14("div", {
           className: "absolute top-4 right-4",
@@ -3201,7 +2778,8 @@ var DataTablePagination = ({
   return /* @__PURE__ */ jsx14("div", {
     className: "pt-4",
     children: /* @__PURE__ */ jsx14(Pagination, {
-      messages: store.config.labels,
+      locale: store.config.locale,
+      messages: { [store.config.locale]: store.config.labels },
       onPageChange: (page) => setPagination({ page, pageSize: store.state.pageSize }),
       onPageSizeChange: (pageSize) => setPagination({ page: 0, pageSize }),
       page: Math.min(store.state.page, model.pageCount - 1),
@@ -3260,7 +2838,8 @@ var HydratedDataTable = ({
         status: props.status ?? {},
         features,
         onRowClicked: props.onRowClicked,
-        labels: dataTableMessages(props.messages)
+        labels: dataTableMessages(props.locale, props.messages),
+        locale: props.locale ?? "en"
       };
       const state = { ...store.state, ...uiState, ...props.state };
       const modelChanged = store.rowData !== props.rowData || store.columnDefs !== props.columnDefs || !sameDataTableState(store.state, state) || store.config.getRowId !== config.getRowId || store.config.features.pagination !== config.features.pagination;
@@ -3278,6 +2857,7 @@ var HydratedDataTable = ({
     props.columnDefs,
     props.features,
     props.getRowId,
+    props.locale,
     props.messages,
     props.onRowClicked,
     props.onStateChange,
@@ -3305,6 +2885,7 @@ var HydratedDataTable = ({
   });
 };
 var DataTable = (props) => {
+  const locale = useKrakstackLocale3(props.locale);
   const persistedUiAtomRef = useRef(null);
   if (!persistedUiAtomRef.current) {
     const pathname = globalThis.window?.location.pathname ?? "/";
@@ -3328,6 +2909,7 @@ var DataTable = (props) => {
   }
   return /* @__PURE__ */ jsx14(HydratedDataTable, {
     ...props,
+    locale,
     persistedUiState: persistedUiResult.value,
     setPersistedUiState
   });
@@ -3365,20 +2947,23 @@ var DataTableContent = ({
   });
 };
 var DataTableListCell = (props) => {
-  if (props.options && (props.onAdd || props.onRemove)) {
+  const locale = useKrakstackLocale3(props.locale);
+  const resolvedProps = { ...props, locale };
+  if (resolvedProps.options && (resolvedProps.onAdd || resolvedProps.onRemove)) {
     return /* @__PURE__ */ jsx14(EditableDataTableListCell, {
-      ...props
+      ...resolvedProps
     });
   }
-  const { actionsLabel, itemActions, ...summaryProps } = props;
-  const totalCount = props.totalCount ?? props.items.length;
-  const overflow = totalCount > Math.min(props.items.length, props.visibleCount ?? 3);
+  const { actionsLabel, itemActions, ...summaryProps } = resolvedProps;
+  const labels2 = dataTableMessages(locale, resolvedProps.messages);
+  const totalCount = resolvedProps.totalCount ?? resolvedProps.items.length;
+  const overflow = totalCount > Math.min(resolvedProps.items.length, resolvedProps.visibleCount ?? 3);
   if (!itemActions?.length && !overflow) {
     return /* @__PURE__ */ jsx14(DataTableListSummary, {
       ...summaryProps
     });
   }
-  const menuLabel = actionsLabel ?? (itemActions?.length ? dataTableMessages().actions : dataTableMessages().listDetails);
+  const menuLabel = actionsLabel ?? (itemActions?.length ? labels2.actions : labels2.listDetails);
   return /* @__PURE__ */ jsx14("div", {
     className: "grid min-h-16 in-[[data-slot=table-cell]]:absolute in-[[data-slot=table-cell]]:inset-0 in-[[data-slot=table-cell]]:min-h-0",
     "data-slot": "data-table-list-cell",
@@ -3386,10 +2971,12 @@ var DataTableListCell = (props) => {
     onPointerDown: (event) => event.stopPropagation(),
     children: /* @__PURE__ */ jsx14(DataTableListMenu, {
       actions: itemActions ?? [],
-      display: props.display,
+      display: resolvedProps.display,
       force: overflow,
       label: menuLabel,
-      items: props.items,
+      items: resolvedProps.items,
+      locale,
+      messages: resolvedProps.messages,
       trigger: /* @__PURE__ */ jsxs8(Button, {
         "aria-label": menuLabel,
         className: "h-full w-full min-w-0 justify-between rounded-none px-2 focus-visible:ring-inset",
@@ -3416,7 +3003,9 @@ var EditableDataTableListCell = ({
   visibleCount,
   totalCount,
   actionsLabel,
-  itemActions
+  itemActions,
+  locale = "en",
+  messages: messages3
 }) => {
   const [selected, setSelected] = useState([...items]);
   useLayoutEffect(() => setSelected([...items]), [items]);
@@ -3424,7 +3013,7 @@ var EditableDataTableListCell = ({
   const available = options.filter((item) => !selectedValues.has(item.value));
   const canAdd = !!onAdd && available.length > 0;
   const selectedTotal = totalCount === undefined ? selected.length : totalCount + selected.length - items.length;
-  const labels2 = dataTableMessages();
+  const labels2 = dataTableMessages(locale, messages3);
   const actions = [
     ...itemActions ?? [],
     ...onRemove ? [
@@ -3458,6 +3047,8 @@ var EditableDataTableListCell = ({
       force: true,
       items: selected,
       label: actionsLabel ?? manageLabel,
+      locale,
+      messages: messages3,
       onAdd: canAdd ? (item) => {
         onAdd(item.value);
         setSelected((current) => [...current, item]);
@@ -3492,6 +3083,8 @@ var DataTableListMenu = ({
   force = false,
   items,
   label,
+  locale = "en",
+  messages: messages3,
   onAdd,
   trigger
 }) => {
@@ -3503,7 +3096,8 @@ var DataTableListMenu = ({
   const hasActions = entries.some(({ visibleActions }) => visibleActions.length);
   if (!force && !hasActions && !onAdd)
     return null;
-  const resolvedLabel = label ?? (hasActions ? dataTableMessages().actions : dataTableMessages().listDetails);
+  const labels2 = dataTableMessages(locale, messages3);
+  const resolvedLabel = label ?? (hasActions ? labels2.actions : labels2.listDetails);
   return /* @__PURE__ */ jsxs8(DropdownMenu, {
     children: [
       /* @__PURE__ */ jsx14(DropdownMenuTrigger, {
@@ -3565,10 +3159,12 @@ var DataTableListMenu = ({
                 entries.length ? /* @__PURE__ */ jsx14(DropdownMenuSeparator, {}) : null,
                 /* @__PURE__ */ jsx14(DataTableListAddMenu, {
                   emptyLabel: addEmptyLabel,
-                  label: addLabel ?? dataTableMessages().addItem,
+                  label: addLabel ?? labels2.addItem,
+                  locale,
+                  messages: messages3,
                   onAdd,
                   options: addOptions,
-                  searchLabel: addSearchLabel ?? dataTableMessages().filter,
+                  searchLabel: addSearchLabel ?? labels2.filter,
                   display
                 })
               ]
@@ -3583,6 +3179,8 @@ var DataTableListAddMenu = ({
   emptyLabel,
   display,
   label,
+  locale = "en",
+  messages: messages3,
   onAdd,
   options,
   searchLabel
@@ -3591,7 +3189,7 @@ var DataTableListAddMenu = ({
   const focusSearch = useCallback((input) => {
     input?.focus({ preventScroll: true });
   }, []);
-  const locale = getLocale();
+  const labels2 = dataTableMessages(locale, messages3);
   const normalizedSearch = search.trim().toLocaleLowerCase(locale);
   const filtered = normalizedSearch ? options.filter((item) => item.label.toLocaleLowerCase(locale).includes(normalizedSearch)) : options;
   return /* @__PURE__ */ jsxs8(DropdownMenuSub, {
@@ -3623,7 +3221,7 @@ var DataTableListAddMenu = ({
                   if (event.key !== "Escape")
                     event.stopPropagation();
                 },
-                placeholder: dataTableMessages().filter,
+                placeholder: labels2.filter,
                 ref: focusSearch,
                 value: search
               })
@@ -3649,6 +3247,8 @@ var DataTableListAddMenu = ({
 var DataTableListSummaryContent = ({
   emptyLabel,
   items,
+  locale,
+  messages: messages3,
   totalCount = items.length,
   display = "list",
   showMenu,
@@ -3682,7 +3282,9 @@ var DataTableListSummaryContent = ({
             actions: [],
             display,
             force: true,
-            items: normalized
+            items: normalized,
+            locale,
+            messages: messages3
           }) : null
         ]
       })
@@ -3702,7 +3304,9 @@ var DataTableListSummaryContent = ({
         actions: [],
         display,
         force: true,
-        items: normalized
+        items: normalized,
+        locale,
+        messages: messages3
       }) : null
     ]
   });