Localización

Cada cadena de interfaz integrada (botones de cierre, etiquetas de paginación, anuncios de ordenación, indicaciones de subida…) se resuelve a través del registro de locales. Solo en está incrustado en el bundle — todos los demás idiomas se cargan desde fuera (módulo importable o archivo JSON) y se registran con addLocale. El mismo registro alimenta @zephora/react y @zephora/native. en, tr.

Cargar una locale

// 1) As a module (tree-shaken, typed):
import { addLocale } from "@zephora/react";
import { trLocale } from "@zephora/theme/locales/tr";
addLocale("tr", trLocale);

// 2) As JSON over the network (e.g. from your CDN):
const messages = await fetch("/locales/tr.json").then((r) => r.json());
addLocale("tr", messages);
// JSON dosyası pakette hazır: @zephora/theme/locales/tr.json

Demo en vivo

Cambia la locale — las etiquetas de paginación y los botones de diálogo se actualizan al instante.

Elegir una locale

// Web
<ZephoraConfigProvider locale="tr">...</ZephoraConfigProvider>

// React Native
<ZephoraProvider theme={lightTheme} locale="tr">...</ZephoraProvider>

Registrar una locale personalizada

addLocale fusiona tus mensajes sobre el inglés, así que las definiciones parciales son seguras. updateLocale parchea una existente.

import { addLocale, updateLocale } from "@zephora/react";

addLocale("de", {
  intlLocale: "de",
  firstDayOfWeek: 1,
  close: "Schließen",
  cancel: "Abbrechen",
  confirm: "Bestätigen",
  loading: "Wird geladen…",
  pageOf: "Seite {page} von {count}",
});

updateLocale("de", { clear: "Leeren" });

Leer cadenas en tus propios componentes

import { useLocale, localeOption } from "@zephora/react";

function SaveBar() {
  const { t } = useLocale();
  return <Button>{t("apply")}</Button>;
}

// Outside React:
localeOption("cancel", "tr"); // "İptal"

Locales disponibles

Incluye 48 traducciones listas para usar. Cada una es un módulo independiente — importa solo la que necesites (o descarga el .json correspondiente).

Referencia de mensajes

El conjunto completo de claves vive en el tipo ZephoraLocale — acciones (close, cancel, confirm, clear…), estados de datos (loading, noData, emptyMessage), cadenas de formulario (showPassword, browseFiles, removeFile), navegación (pageOf, nextPage, breadcrumb), visualización de datos (sortAscending, selectAllRows, goToSlide) y fechas (prevMonth, chooseDate, firstDayOfWeek, intlLocale). Los placeholders usan la sintaxis {param} interpolada por t(key, params).