feat(locadex): continuous i18n

es/code.mdx

@@ -1,38 +1,38 @@
 ---
 title: "Código"
 description: "Muestra código en línea y bloques de código"
 icon: "code"
 ---
 
 <div id="adding-code-samples">
   ## Agregar ejemplos de código
 </div>
 
 Puedes agregar fragmentos de código en línea o bloques de código. Los bloques de código admiten opciones meta para el resaltado de sintaxis, títulos, resaltado de líneas, icon y más.
 
 <div id="inline-code">
   ### Código en línea
 </div>
 
 Para indicar una `palabra` o `frase` como código, enciérrala entre comillas invertidas (`).
 
 ```mdx
 Para marcar una `palabra` o `frase` como código, enciérrala entre comillas invertidas (`).
 ```
 
 <div id="code-blocks">
   ### Bloques de código
 </div>
 
 Usa [bloques de código cercados](https://www.markdownguide.org/extended-syntax/#fenced-code-blocks) encerrando el código entre tres acentos graves. Los bloques de código se pueden copiar y, si tienes el assistant activado, los usuarios pueden pedir a la IA que explique el código.
 
 Especifica el lenguaje de programación para el resaltado de sintaxis y para habilitar opciones meta. Agrega cualquier opción meta, como un title o icon, después del lenguaje.
 
 <CodeGroup>
   ```java HelloWorld.java example lines icon="java"
   class HelloWorld {
       public static void main(String[] args) {
           System.out.println("Hello, World!");
       }
   }
   ```
@@ -41,7 +41,7 @@
   ```java HelloWorld.java lines icon="java"
   class HelloWorld {
       public static void main(String[] args) {
           System.out.println("Hello, World!");
       }
   }
   ```
@@ -49,30 +49,32 @@
 </CodeGroup>
 
 <div id="code-block-options">
   ## Opciones de bloque de código
 </div>
 
 Puedes añadir opciones de metadatos a tus bloques de código para personalizar su apariencia.
 
 <Note>
   Debes especificar un lenguaje de programación para un bloque de código antes de añadir cualquier otra opción de metadatos.
 </Note>
 
 <div id="option-syntax">
   ### Sintaxis de las opciones
 </div>
 
 * **Opciones de cadena y booleanas**: Envuélvelas con `""`, `''` o sin comillas.
 * **Opciones de expresión**: Envuélvelas con `{}`, `""` o `''`.
 
 <div id="syntax-highlighting">
   ### Resaltado de sintaxis
 </div>
 
 Activa el resaltado de sintaxis especificando el lenguaje de programación después de las comillas invertidas de apertura de un bloque de código.
 
 Usamos [Shiki](https://shiki.style/) para el resaltado de sintaxis y admitimos todos los lenguajes disponibles. Consulta la lista completa de [lenguajes](https://shiki.style/languages) en la documentación de Shiki.
 
+Personaliza globalmente los temas de los bloques de código usando `styling.codeblocks` en tu archivo `docs.json`. Establece temas simples como `system` o `dark`, o configura [temas de Shiki](https://shiki.style/themes) personalizados para los modos claro y oscuro. Consulta [Configuración](/es/settings#styling) para ver las opciones disponibles.
+
 <CodeGroup>
   ```java Ejemplo de resaltado de sintaxis
   class HelloWorld {
@@ -82,7 +84,7 @@
   }
   ```
 
-  ````mdx Formato
+  ````mdx Format
   ```java
   class HelloWorld {
       public static void main(String[] args) {
@@ -94,10 +96,10 @@
 </CodeGroup>
 
 <div id="twoslash">
   ### Twoslash
 </div>
 
 En los bloques de código de JavaScript y TypeScript, usa `twoslash` para habilitar información de tipos interactiva. Los usuarios pueden pasar el cursor sobre variables, funciones y parámetros para ver tipos y errores como en un IDE.
 
 <CodeGroup>
   ```ts twoslash Ejemplo de Twoslash
@@ -129,7 +131,7 @@
   ### Título
 </div>
 
 Añade un título para etiquetar tu ejemplo de código. Usa `title="Tu título"` o una cadena en una sola línea.
 
 <CodeGroup>
   ```javascript Ejemplo de título
@@ -144,10 +146,10 @@
 </CodeGroup>
 
 <div id="icon">
   ### Icono
 </div>
 
 Agrega un icono a tu bloque de código usando la propiedad `icon`. Consulta [Iconos](/es/components/icons) para ver todas las opciones disponibles.
 
 <CodeGroup>
   ```javascript Ejemplo de icono icon="square-js"
@@ -162,10 +164,10 @@
 </CodeGroup>
 
 <div id="line-highlighting">
   ### Resaltado de líneas
 </div>
 
 Resalta líneas específicas en tus bloques de código usando `highlight` con los números de línea o los rangos que quieras resaltar.
 
 <CodeGroup>
   ```javascript Ejemplo de resaltado de líneas highlight={1-2,5}
@@ -214,10 +216,10 @@
 </CodeGroup>
 
 <div id="show-line-numbers">
   ### Mostrar números de línea
 </div>
 
 Muestra los números de línea en el lado izquierdo de tu bloque de código usando `lines`.
 
 <CodeGroup>
   ```javascript Ejemplo de números de línea lines
@@ -240,10 +242,10 @@
 </CodeGroup>
 
 <div id="expandable">
   ### Expandible
 </div>
 
 Permite que los usuarios expandan y contraigan bloques de código largos usando `expandable`.
 
 <CodeGroup>
   ```python Expandable example expandable
@@ -351,10 +353,10 @@
 </CodeGroup>
 
 <div id="wrap">
   ### Ajuste
 </div>
 
 Activa el ajuste de texto para líneas largas usando `wrap`. Esto evita el desplazamiento horizontal y facilita la lectura de líneas extensas.
 
 <CodeGroup>
   ```javascript Wrap example wrap
@@ -380,19 +382,19 @@
   ### Diff
 </div>
 
 Muestra un diff visual de las líneas añadidas o eliminadas en tus bloques de código. Las líneas añadidas se resaltan en verde y las eliminadas se resaltan en rojo.
 
 Para crear diffs, agrega estos comentarios especiales al final de las líneas en tu bloque de código:
 
 * `// [!code ++]`: Marca una línea como añadida (resaltado en verde).
 * `// [!code --]`: Marca una línea como eliminada (resaltado en rojo).
 
 Para varias líneas consecutivas, especifica el número de líneas después de dos puntos:
 
 * `// [!code ++:3]`: Marca la línea actual y las dos siguientes como añadidas.
 * `// [!code --:5]`: Marca la línea actual y las cuatro siguientes como eliminadas.
 
 La sintaxis del comentario debe coincidir con tu lenguaje de programación (por ejemplo, `//` para JavaScript o `#` para Python).
 
 <CodeGroup>
   ```js Diff example lines

es/components/code-groups.mdx

@@ -1,67 +1,64 @@
 ---
 title: "Grupos de código"
 description: "Muestra varios ejemplos de código en un solo componente"
 icon: "group"
 ---
 
-Usa el componente `CodeGroup` para mostrar varios bloques de código en una interfaz con pestañas, lo que permite a los usuarios comparar implementaciones en distintos lenguajes de programación o ver enfoques alternativos para la misma tarea.
+Usa el componente `CodeGroup` para mostrar varios bloques de código en una interfaz con Tabs, lo que permite a los usuarios comparar implementaciones en distintos lenguajes de programación o ver enfoques alternativos para la misma tarea.
 
 <CodeGroup>
+  ```javascript helloWorld.js
+  console.log("Hello World");
+  ```
 
-```javascript helloWorld.js
-console.log("Hello World");
-```
-
-```python hello_world.py
-print('Hello World!')
-```
-
-```java HelloWorld.java
-class HelloWorld {
-    public static void main(String[] args) {
-        System.out.println("Hello, World!");
-    }
-}
-```
+  ```python hello_world.py
+  print('Hello World!')
+  ```
 
+  ```java HelloWorld.java
+  class HelloWorld {
+      public static void main(String[] args) {
+          System.out.println("Hello, World!");
+      }
+  }
+  ```
 </CodeGroup>
 
-
+Los grupos de código heredan los estilos globales de tu archivo `docs.json`. Personaliza tu tema usando `styling.codeblocks`. Consulta [Settings](/es/settings#styling) para ver las opciones de configuración.
 
 <div id="creating-code-groups">
   ## Creación de grupos de código
 </div>
 
-Para crear un grupo de código, envuelve varios bloques de código con las etiquetas `<CodeGroup>`. Cada bloque de código debe incluir un título, que se convertirá en la etiqueta de la pestaña.
+Para crear un grupo de código, envuelve varios bloques de código con etiquetas `<CodeGroup>`. Cada bloque de código debe incluir un título, que se convertirá en la etiqueta de la Tab.
 
 ````mdx
 <CodeGroup>
 
 ```javascript helloWorld.js
-console.log("Hello World");
+console.log("Hola Mundo");
 ```
 
 ```python hello_world.py
-print('Hello World!')
+print('¡Hola Mundo!')
 ```
 
 ```java HelloWorld.java
 class HelloWorld {
     public static void main(String[] args) {
-        System.out.println("Hello, World!");
+        System.out.println("¡Hola, Mundo!");
     }
 }
 ```
 
 </CodeGroup>
 ````
 
-
 <div id="language-dropdown">
-  ## Menú de idioma
+  ## Menú desplegable de idiomas
 </div>
 
-Puedes reemplazar las pestañas de un grupo de código por un menú desplegable para alternar entre idiomas usando la prop `dropdown`.
+Puedes sustituir las pestañas de un grupo de código por un menú desplegable para cambiar entre idiomas usando la prop `dropdown`.
 
 <CodeGroup dropdown>
   ```javascript helloWorld.js
@@ -85,17 +82,17 @@
 <CodeGroup dropdown>
 
 ```javascript helloWorld.js
-console.log("Hola, mundo");
+console.log("Hola Mundo");
 ```
 
 ```python hello_world.py
-print('Hola, mundo!')
+print('¡Hola Mundo!')
 ```
 
 ```java HelloWorld.java
 class HelloWorld {
     public static void main(String[] args) {
-        System.out.println("Hola, mundo!");
+        System.out.println("¡Hola, Mundo!");
     }
 }
 ```

es/settings.mdx

@@ -1,23 +1,23 @@
 ---
 title: "Configuración global"
 description: "Configura la configuración del sitio con el archivo `docs.json`"
 icon: "settings-2"
 keywords: ["docs.json", "settings", "customization", "configuration"]
 ---
 
 import IconsOptional from "/snippets/es/icons-optional.mdx";
 
 El archivo `docs.json` te permite convertir una colección de archivos Markdown en un sitio de documentación navegable y personalizado. Este archivo de configuración obligatorio controla el estilo, la navigation, integraciones y más. Piénsalo como el plano de tu documentación.
 
 La configuración en `docs.json` se aplica globalmente a todas las páginas.
 
 <div id="setting-up-your-docsjson">
   ## Configurar tu `docs.json`
 </div>
 
 Para empezar, solo necesitas especificar `theme`, `name`, `colors.primary` y `navigation`. Los demás campos son opcionales y puedes agregarlos a medida que crezcan las necesidades de tu documentación.
 
 Para una mejor experiencia de edición, incluye la referencia del esquema en la parte superior de tu archivo `docs.json`. Esto habilita el autocompletado, la validación y las descripciones emergentes útiles en la mayoría de los editores de código:
 
 ```json
 {
@@ -30,7 +30,7 @@
   "navigation": {
     // Tu estructura de navegación
   }
   // El resto de tu configuración
 }
 ```
 
@@ -45,9 +45,9 @@
 </div>
 
 <ResponseField name="theme" required>
   El tema de diseño de tu sitio.
 
-  Una de las siguientes: `mint`, `maple`, `palm`, `willow`, `linden`, `almond`, `aspen`.
+  Una de las siguientes opciones: `mint`, `maple`, `palm`, `willow`, `linden`, `almond`, `aspen`.
 
   Consulta [Temas](es/themes) para más información.
 </ResponseField>
@@ -57,31 +57,31 @@
 </ResponseField>
 
 <ResponseField name="colors" type="object" required>
-  Los colores usados en tu documentación. Los colores se aplican de forma diferente según el tema. Si solo proporcionas un color principal, se usará para todos los elementos de color.
+  Los colores usados en tu documentación. Se aplican de forma distinta según el tema. Si solo proporcionas un color principal, se usará para todos los elementos de color.
 
   <Expandable title="Colors">
     <ResponseField name="primary" type="string matching ^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$" required>
-      El color principal de tu documentación. Generalmente se usa para resaltar en el modo claro, con alguna variación según el tema.
+      El color principal de tu documentación. Generalmente se usa para resaltar en el modo claro, con algunas variaciones según el tema.
 
       Debe ser un código hexadecimal que comience con `#`.
     </ResponseField>
 
     <ResponseField name="light" type="string matching ^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$">
-      El color usado para el énfasis en el modo oscuro.
+      El color usado para resaltar en el modo oscuro.
 
       Debe ser un código hexadecimal que comience con `#`.
     </ResponseField>
 
     <ResponseField name="dark" type="string matching ^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$">
-      El color usado para botones y estados de hover en los modos claro y oscuro, con alguna variación según el tema.
+      El color usado para botones y estados de hover en los modos claro y oscuro, con algunas variaciones según el tema.
 
       Debe ser un código hexadecimal que comience con `#`.
     </ResponseField>
   </Expandable>
 </ResponseField>
 
 <ResponseField name="description" type="string">
-  Descripción de tu sitio para SEO e indexación en IA.
+  Descripción de tu sitio para SEO e indexación por IA.
 </ResponseField>
 
 <ResponseField name="logo" type="string or object">
@@ -97,13 +97,13 @@
     </ResponseField>
 
     <ResponseField name="href" type="string (uri)">
-      La URL a la que redirigir al hacer clic en el logotipo. Si no se proporciona, el logotipo enlazará a tu página de inicio. Ejemplo: `https://mintlify.com`
+      La URL a la que se redirige al hacer clic en el logotipo. Si no se proporciona, el logotipo enlazará a tu página de inicio. Ejemplo: `https://mintlify.com`
     </ResponseField>
   </Expandable>
 </ResponseField>
 
 <ResponseField name="favicon" type="string or object">
-  Ruta a tu archivo de favicon, incluida la extensión. Se redimensiona automáticamente a los tamaños de favicon apropiados.
+  Ruta a tu archivo de favicon, incluida la extensión. Se redimensiona automáticamente a los tamaños de favicon adecuados.
   Puede ser un único archivo o archivos separados para los modos claro y oscuro. Ejemplo: `/favicon.png`
 
   <Expandable title="Favicon">
@@ -118,15 +118,15 @@
 </ResponseField>
 
 <ResponseField name="thumbnails" type="object">
-  Personalización de miniaturas para redes sociales y vistas previas de página.
+  Personalización de miniaturas para redes sociales y vistas previas de páginas.
 
   <Expandable title="Thumbnails">
     <ResponseField name="appearance" type="&#x22;light&#x22; | &#x22;dark&#x22;">
       El tema visual de tus miniaturas. Si no se especifica, las miniaturas usan el esquema de color de tu sitio definido por el campo `colors`.
     </ResponseField>
 
     <ResponseField name="background" type="string">
-      Imagen de fondo para tus miniaturas. Puede ser una ruta relativa o una URL absoluta.
+      Imagen de fondo de tus miniaturas. Puede ser una ruta relativa o una URL absoluta.
     </ResponseField>
   </Expandable>
 </ResponseField>
@@ -136,63 +136,110 @@
 
   <Expandable title="Styling">
     <ResponseField name="eyebrows" type="&#x22;section&#x22; | &#x22;breadcrumbs&#x22;">
-      El estilo del eyebrow de la página. Elige `section` para mostrar el nombre de la sección o `breadcrumbs` para mostrar la ruta de navegación completa. El valor predeterminado es `section`.
+      Estilo del eyebrow de la página. Elige `section` para mostrar el nombre de la sección o `breadcrumbs` para mostrar la ruta de navegación completa. De forma predeterminada es `section`.
     </ResponseField>
 
-    <ResponseField name="codeblocks" type="&#x22;system&#x22; | &#x22;dark&#x22;">
-      El tema de los bloques de código. Elige `system` para que coincida con el tema del sitio o `dark` para bloques de código siempre oscuros. El valor predeterminado es `system`.
+    <ResponseField name="codeblocks" type="&#x22;system&#x22; | &#x22;dark&#x22; | string | object">
+      Configuración del tema de los bloques de código. De forma predeterminada es `"system"`.
+
+      **Configuración simple:**
+
+      * `"system"`: Coincide con el modo actual del sitio (claro u oscuro)
+      * `"dark"`: Usa siempre el modo oscuro
+
+      **Configuración de tema personalizada:**
+
+      * Usa una cadena para especificar un único [tema de Shiki](https://shiki.style/themes) para todos los bloques de código
+      * Usa un objeto para especificar [temas de Shiki](https://shiki.style/themes) por separado para los modos claro y oscuro
+
+      <ResponseField name="theme" type="string">
+        Un único nombre de tema de Shiki para usar tanto en modo claro como en modo oscuro.
+
+        ```json
+        "styling": {
+          "codeblocks": {
+            "theme": "dracula"
+          }
+        }
+        ```
+      </ResponseField>
+
+      <ResponseField name="theme" type="object">
+        Temas separados para los modos claro y oscuro.
+
+        <Expandable title="theme">
+          <ResponseField name="light" type="string" required>
+            Un nombre de tema de Shiki para el modo claro.
+          </ResponseField>
+
+          <ResponseField name="dark" type="string" required>
+            Un nombre de tema de Shiki para el modo oscuro.
+          </ResponseField>
+
+          ```json
+          "styling": {
+            "codeblocks": {
+              "theme": {
+                "light": "github-light",
+                "dark": "github-dark"
+              }
+            }
+          }
+          ```
+        </Expandable>
+      </ResponseField>
     </ResponseField>
   </Expandable>
 </ResponseField>
 
 <ResponseField name="icons" type="object">
-  Configuración de la biblioteca de íconos.
+  Configuración de la biblioteca de iconos.
 
   <Expandable title="Icons">
     <ResponseField name="library" type="&#x22;fontawesome&#x22; | &#x22;lucide&#x22;" required>
-      Biblioteca de íconos que se usará en toda tu documentación. De forma predeterminada es `fontawesome`.
+      Biblioteca de iconos para usar en toda tu documentación. De forma predeterminada es `fontawesome`.
 
       <Note>
-        Puedes especificar una URL a un ícono alojado externamente, la ruta a un archivo de ícono en tu proyecto o código SVG compatible con JSX para cualquier ícono individual, independientemente de la configuración de la biblioteca.
+        Puedes especificar una URL a un icono alojado externamente, la ruta a un archivo de icono en tu proyecto o código SVG compatible con JSX para cualquier icono individual, independientemente de la configuración de la biblioteca.
       </Note>
     </ResponseField>
   </Expandable>
 </ResponseField>
 
 <ResponseField name="fonts" type="object">
   Configuración de fuentes para tu documentación. La fuente predeterminada es [Inter](https://fonts.google.com/specimen/Inter).
 
-  <Expandable title="Fonts">
+  <Expandable title="Fuentes">
     <ResponseField name="family" type="string" required>
       Familia tipográfica, por ejemplo, &quot;Open Sans&quot;.
     </ResponseField>
 
     <ResponseField name="weight" type="number">
-      Peso de la fuente, por ejemplo, 400 o 700. Las fuentes variables admiten pesos precisos como 550.
+      Grosor de la fuente, como 400 o 700. Las fuentes variables admiten grosores precisos como 550.
     </ResponseField>
 
     <ResponseField name="source" type="string (uri)">
-      URL del origen de la fuente, por ejemplo, https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2. [Google Fonts](https://fonts.google.com) se carga automáticamente cuando especificas un nombre de `family` de Google Fonts, por lo que no se necesita una URL de source.
+      URL de origen de la fuente, por ejemplo, https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2. [Google Fonts](https://fonts.google.com) se cargan automáticamente cuando especificas un nombre de `family` de Google Fonts, por lo que no se necesita una URL de source.
     </ResponseField>
 
     <ResponseField name="format" type="&#x22;woff&#x22; | &#x22;woff2&#x22;">
       Formato del archivo de fuente.
     </ResponseField>
 
     <ResponseField name="heading" type="object">
-      Anula la configuración de la fuente específicamente para los encabezados.
+      Sobrescribe la configuración de fuentes específicamente para los encabezados.
 
-      <Expandable title="Heading">
+      <Expandable title="Encabezado">
         <ResponseField name="family" type="string" required>
           Familia tipográfica, por ejemplo, &quot;Open Sans&quot;, &quot;Playfair Display&quot;.
         </ResponseField>
 
         <ResponseField name="weight" type="number">
-          Peso de la fuente, por ejemplo, 400 o 700. Las fuentes variables admiten pesos precisos como 550.
+          Grosor de la fuente, como 400 o 700. Las fuentes variables admiten grosores precisos como 550.
         </ResponseField>
 
         <ResponseField name="source" type="string (uri)">
-          URL del origen de la fuente, por ejemplo, https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2. [Google Fonts](https://fonts.google.com) se carga automáticamente cuando especificas un nombre de `family` de Google Fonts, por lo que no se necesita una URL de source.
+          URL de origen de la fuente, por ejemplo, https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2. [Google Fonts](https://fonts.google.com) se cargan automáticamente cuando especificas un nombre de `family` de Google Fonts, por lo que no se necesita una URL de source.
         </ResponseField>
 
         <ResponseField name="format" type="&#x22;woff&#x22; | &#x22;woff2&#x22;">
@@ -202,19 +249,19 @@
     </ResponseField>
 
     <ResponseField name="body" type="object">
-      Anula la configuración de la fuente específicamente para el texto del cuerpo.
+      Sobrescribe la configuración de fuentes específicamente para el texto del cuerpo.
 
-      <Expandable title="Body">
+      <Expandable title="Cuerpo">
         <ResponseField name="family" type="string" required>
           Familia tipográfica, por ejemplo, &quot;Open Sans&quot;, &quot;Playfair Display&quot;.
         </ResponseField>
 
         <ResponseField name="weight" type="number">
-          Peso de la fuente, por ejemplo, 400 o 700. Las fuentes variables admiten pesos precisos como 550.
+          Grosor de la fuente, como 400 o 700. Las fuentes variables admiten grosores precisos como 550.
         </ResponseField>
 
         <ResponseField name="source" type="string (uri)">
-          URL del origen de la fuente, por ejemplo, https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2. [Google Fonts](https://fonts.google.com) se carga automáticamente cuando especificas un nombre de `family` de Google Fonts, por lo que no se necesita una URL de source.
+          URL de origen de la fuente, por ejemplo, https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2. [Google Fonts](https://fonts.google.com) se cargan automáticamente cuando especificas un nombre de `family` de Google Fonts, por lo que no se necesita una URL de source.
         </ResponseField>
 
         <ResponseField name="format" type="&#x22;woff&#x22; | &#x22;woff2&#x22;">
@@ -226,25 +273,25 @@
 </ResponseField>
 
 <ResponseField name="appearance" type="object">
-  Configuración del conmutador de modo claro/oscuro.
+  Configuración del cambio de modo claro/oscuro.
 
-  <Expandable title="Appearance">
+  <Expandable title="Apariencia">
     <ResponseField name="default" type="&#x22;system&#x22; | &#x22;light&#x22; | &#x22;dark&#x22;">
-      Modo de tema predeterminado. Elige `system` para ajustarte a la configuración del SO del usuario, o `light` o `dark` para forzar un modo específico. De forma predeterminada es `system`.
+      Modo de tema predeterminado. Elige `system` para que coincida con la configuración del sistema operativo del usuario, o `light` o `dark` para forzar un modo específico. De manera predeterminada es `system`.
     </ResponseField>
 
     <ResponseField name="strict" type="boolean">
-      Si se debe ocultar el conmutador de modo claro/oscuro. De forma predeterminada es `true`.
+      Indica si se debe ocultar el cambio de modo claro/oscuro. El valor predeterminado es `true`.
     </ResponseField>
   </Expandable>
 </ResponseField>
 
 <ResponseField name="background" type="object">
   Configuración del color y la decoración del fondo.
 
   <Expandable title="Background">
     <ResponseField name="image" type="string or object">
       Imagen de fondo para tu sitio. Puede ser un único archivo o archivos separados para los modos light y dark.
 
       <Expandable title="Image">
         <ResponseField name="light" type="string" required>
@@ -268,7 +315,7 @@
         <ResponseField name="light" type="string matching ^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$">
           Color de fondo para el modo light.
 
           Debe ser un código hexadecimal que comience con `#`.
         </ResponseField>
 
         <ResponseField name="dark" type="string matching ^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$">
@@ -282,15 +329,15 @@
 </ResponseField>
 
 <div id="structure">
   ### Estructura
 </div>
 
 <ResponseField name="navbar" type="object">
   Elementos de la barra de navegación hacia enlaces externos.
 
   <Expandable title="Barra de navegación">
     <ResponseField name="links" type="array of object">
       Enlaces para mostrar en la barra de navegación.
 
       <Expandable title="Enlaces">
         <ResponseField name="label" type="string" required>
@@ -318,7 +365,7 @@
         </ResponseField>
 
         <ResponseField name="href" type="string (uri)" required>
           Destino del botón. Debe ser una URL externa. Si `type` es `github`, debe ser la URL de un repositorio de GitHub.
         </ResponseField>
       </Expandable>
     </ResponseField>
@@ -326,11 +373,11 @@
 </ResponseField>
 
 <ResponseField name="navigation" type="object" required>
   La estructura de navegación de tu contenido.
 
   <Expandable title="Navegación">
     <ResponseField name="global" type="object">
       Elementos de navegación globales que aparecen en todas las páginas y secciones.
 
       <Expandable title="Global">
         <ResponseField name="idiomas" type="array of object">
@@ -496,21 +543,21 @@
 </ResponseField>
 
 <ResponseField name="interaction" type="object">
   Configuración de interacción del usuario para los elementos de navegación.
 
   <Expandable title="Interaction">
     <ResponseField name="drilldown" type="boolean">
       Controla el comportamiento de navegación automática al seleccionar grupos de navegación. Configúralo en `true` para forzar la navegación a la primera página cuando se expanda un grupo de navegación. Configúralo en `false` para impedir la navegación y solo expandir o contraer el grupo. Déjalo sin definir para usar el comportamiento predeterminado del tema.
     </ResponseField>
   </Expandable>
 </ResponseField>
 
 <ResponseField name="footer" type="object">
   Contenido del pie de página y enlaces a redes sociales.
 
   <Expandable title="Footer">
     <ResponseField name="socials" type="object">
       Perfiles de redes sociales para mostrar en el pie de página. Cada key es el nombre de una plataforma y cada value es la URL de tu perfil. Por ejemplo:
 
       ```json
       {
@@ -552,11 +599,11 @@
 </ResponseField>
 
 <ResponseField name="banner" type="object">
   Banner del sitio, mostrado en la parte superior de las páginas.
 
   <Expandable title="Banner">
     <ResponseField name="content" type="string">
       El contenido del banner. Admite texto sin formato y formato Markdown. Por ejemplo:
 
       ```json
       {
@@ -572,11 +619,11 @@
 </ResponseField>
 
 <ResponseField name="redirects" type="array of object">
   Redirecciones para páginas movidas, renombradas o eliminadas.
 
   <Expandable title="Redirects">
     <ResponseField name="source" type="string" required>
       Ruta de origen desde la que redirigir. Ejemplo: `/old-page`
     </ResponseField>
 
     <ResponseField name="destination" type="string" required>
@@ -590,11 +637,11 @@
 </ResponseField>
 
 <ResponseField name="contextual" type="object">
   Menú contextual para contenido optimizado con IA e integraciones.
 
   <Expandable title="Contextual">
     <ResponseField name="options" type="array of &#x22;copy&#x22; | &#x22;view&#x22; | &#x22;chatgpt&#x22; | &#x22;claude&#x22; | &#x22;perplexity&#x22; | &#x22;mcp&#x22; | &#x22;cursor&#x22; | &#x22;vscode&#x22;" required>
       Acciones disponibles en el menú contextual. La primera opción aparece como predeterminada.
 
       * `copy`: Copia la página actual como Markdown en el portapapeles.
       * `view`: Muestra la página actual como Markdown en una nueva pestaña.
@@ -602,7 +649,7 @@
       * `claude`: Envía el contenido de la página actual a Claude.
       * `perplexity`: Envía el contenido de la página actual a Perplexity.
       * `mcp`: Copia la URL de tu servidor MCP en el portapapeles.
       * `cursor`: Instala tu servidor MCP alojado en Cursor.
       * `vscode`: Instala tu servidor MCP alojado en VSCode.
 
       <img src="/images/page-context-menu.png" alt="Menú contextual" className="rounded-xl" />
@@ -619,11 +666,11 @@
 </div>
 
 <ResponseField name="api" type="object">
   Configuración de la documentación de la API y del área de pruebas interactiva.
 
   <Expandable title="Api">
     <ResponseField name="openapi" type="string or array or object">
       Archivos de especificación OpenAPI para generar la documentación de la API. Puede ser una sola URL/ruta o una matriz de URL/rutas.
 
       <Expandable title="Openapi">
         <ResponseField name="source" type="string">
@@ -723,15 +770,15 @@
 </ResponseField>
 
 <div id="seo-and-search">
   ### SEO y búsqueda
 </div>
 
 <ResponseField name="seo" type="object">
   Configuraciones de indexación de SEO.
 
   <Expandable title="Seo">
     <ResponseField name="metatags" type="object">
       Metatags añadidos a cada página. Debe ser un par key-value válido. Consulta la [referencia de metatags comunes](/es/settings/seo#common-meta-tags-reference) para ver las opciones.
     </ResponseField>
 
     <ResponseField name="indexing" type="&#x22;navigable&#x22; | &#x22;all&#x22;">
@@ -745,17 +792,17 @@
 
   <Expandable title="Search">
     <ResponseField name="prompt" type="string">
       Texto de marcador de posición que se mostrará en la barra de búsqueda.
     </ResponseField>
   </Expandable>
 </ResponseField>
 
 <div id="integrations">
   ### Integraciones
 </div>
 
 <ResponseField name="Integraciones" type="object">
   Integraciones de terceros.
 
   <Expandable title="Integraciones">
     <ResponseField name="Amplitude" type="object">
@@ -979,20 +1026,20 @@
 </ResponseField>
 
 <div id="errors">
   ### Errores
 </div>
 
 <ResponseField name="errors" type="object">
   Configuración para el manejo de errores.
 
   <Expandable title="Errores">
     <ResponseField name="404" type="object">
       Manejo del error 404 &quot;Página no encontrada&quot;.
 
       <Expandable title="404">
         <ResponseField name="redirect" type="boolean">
           Indica si se debe redirigir automáticamente a la página principal cuando no se encuentra una página.
         </ResponseField>
 
         <ResponseField name="title" type="string">
           Título personalizado para la página de error 404.
@@ -1007,7 +1054,7 @@
 </ResponseField>
 
 <div id="examples">
   ## Ejemplos
 </div>
 
 <Tabs>
@@ -1527,14 +1574,14 @@
 </Tabs>
 
 <div id="upgrading-from-mintjson">
   ## Actualización desde `mint.json`
 </div>
 
 Si tu proyecto de documentación usa el archivo en desuso `mint.json`, sigue estos pasos para actualizar a `docs.json`.
 
 <Steps>
   <Step title="Instalar o actualizar la CLI">
     Si aún no has instalado la [CLI](/es/installation), instálala ahora:
 
     <CodeGroup>
       ```bash npm
@@ -1558,7 +1605,7 @@
   </Step>
 
   <Step title="Crear tu archivo docs.json">
     En tu repositorio de documentación, ejecuta:
 
     ```bash
     mint upgrade
@@ -1568,5 +1615,5 @@
   </Step>
 
   <Step title="Eliminar tu archivo mint.json">
     Después de verificar que tu `docs.json` esté configurado correctamente, puedes eliminar de forma segura tu antiguo archivo `mint.json`.
   </Step>

fr/code.mdx

@@ -1,20 +1,20 @@
 ---
 title: "Code"
 description: "Afficher du code en ligne et des code blocks"
 icon: "code"
 ---
 
 <div id="adding-code-samples">
   ## Ajout d’exemples de code
 </div>
 
 Vous pouvez ajouter des extraits de code en ligne ou des code blocks. Les code blocks prennent en charge des options méta pour la coloration syntaxique, les titles, la mise en évidence de lignes, les icons, et plus encore.
 
 <div id="inline-code">
   ### Code en ligne
 </div>
 
 Pour indiquer qu’un `mot` ou une `expression` est du code, encadrez-le avec des accents graves (`).
 
 ```mdx
 Pour désigner un `mot` ou une `phrase` comme du code, entourez-le de backticks (`).
@@ -24,9 +24,9 @@
   ### Blocs de code
 </div>
 
 Utilisez des [blocs de code délimités](https://www.markdownguide.org/extended-syntax/#fenced-code-blocks) en encadrant le code de trois accents graves. Les blocs de code sont copiables et, si vous avez activé l’Assistant, les utilisateurs peuvent demander à l’IA d’expliquer le code.
 
 Indiquez le langage de programmation pour la coloration syntaxique et pour activer les options méta. Ajoutez les options méta, comme un title ou un icon, après le langage.
 
 <CodeGroup>
   ```java HelloWorld.java example lines icon="java"
@@ -52,27 +52,29 @@
   ## Options de code block
 </div>
 
 Vous pouvez ajouter des options méta à vos code blocks pour personnaliser leur apparence.
 
 <Note>
   Vous devez spécifier un langage de programmation pour un code block avant d&#39;ajouter d&#39;autres options méta.
 </Note>
 
 <div id="option-syntax">
   ### Syntaxe des options
 </div>
 
 * **Options de chaînes et booléens** : Encadrez avec `""`, `''` ou sans guillemets.
 * **Options d’expression** : Encadrez avec `{}`, `""` ou `''`.
 
 <div id="syntax-highlighting">
   ### Coloration syntaxique
 </div>
 
-Activez la coloration syntaxique en indiquant le langage de programmation après les backticks d’ouverture d’un code block.
+Activez la coloration syntaxique en indiquant le langage de programmation après les premiers backticks d’un code block.
 
 Nous utilisons [Shiki](https://shiki.style/) pour la coloration syntaxique et prenons en charge tous les langages disponibles. Consultez la liste complète des [langages](https://shiki.style/languages) dans la documentation de Shiki.
 
+Personnalisez globalement les thèmes des code blocks via `styling.codeblocks` dans votre fichier `docs.json`. Définissez des thèmes simples comme `system` ou `dark`, ou configurez des [thèmes Shiki](https://shiki.style/themes) personnalisés pour les modes clair et sombre. Voir [Paramètres](/fr/settings#styling) pour les options de configuration.
+
 <CodeGroup>
   ```java Exemple de coloration syntaxique
   class HelloWorld {
@@ -94,10 +96,10 @@
 </CodeGroup>
 
 <div id="twoslash">
   ### Twoslash
 </div>
 
 Dans les code blocks JavaScript et TypeScript, utilisez `twoslash` pour activer des informations de types interactives. Les utilisateurs peuvent survoler les variables, fonctions et paramètres pour voir les types et les erreurs comme dans un IDE.
 
 <CodeGroup>
   ```ts twoslash Exemple Twoslash
@@ -129,7 +131,7 @@
   ### Titre
 </div>
 
 Ajoutez un titre pour indiquer votre exemple de code. Utilisez `title="Votre titre"` ou une chaîne sur une seule ligne.
 
 <CodeGroup>
   ```javascript Exemple de titre
@@ -147,7 +149,7 @@
   ### Icône
 </div>
 
 Ajoutez une icône à votre code block à l’aide de la propriété `icon`. Consultez [Icônes](/fr/components/icons) pour connaître toutes les options disponibles.
 
 <CodeGroup>
   ```javascript Exemple d’icône icon="square-js"
@@ -162,10 +164,10 @@
 </CodeGroup>
 
 <div id="line-highlighting">
   ### Surlignage de lignes
 </div>
 
 Mettez en surbrillance des lignes spécifiques dans vos code blocks en utilisant `highlight` avec les numéros de ligne ou les plages que vous souhaitez mettre en évidence.
 
 <CodeGroup>
   ```javascript Line highlighting example highlight= {1-2,5}
@@ -214,10 +216,10 @@
 </CodeGroup>
 
 <div id="show-line-numbers">
   ### Afficher les numéros de ligne
 </div>
 
 Affichez les numéros de ligne à gauche de votre code block à l’aide de `lines`.
 
 <CodeGroup>
   ```javascript Exemple d’affichage des numéros de ligne lines
@@ -243,7 +245,7 @@
   ### Dépliable
 </div>
 
 Permettez aux utilisateurs d’ouvrir et de replier de longs code blocks à l’aide de `expandable`.
 
 <CodeGroup>
   ```python Expandable example expandable
@@ -351,10 +353,10 @@
 </CodeGroup>
 
 <div id="wrap">
   ### Retour à la ligne
 </div>
 
 Activez l’habillage du texte pour les lignes longues avec `wrap`. Cela évite le défilement horizontal et rend les longues lignes plus faciles à lire.
 
 <CodeGroup>
   ```javascript Wrap example wrap
@@ -380,19 +382,19 @@
   ### Diff
 </div>
 
 Affichez un diff visuel des lignes ajoutées ou supprimées dans vos code blocks. Les lignes ajoutées sont surlignées en vert et les lignes supprimées en rouge.
 
 Pour créer des diffs, ajoutez ces commentaires spéciaux à la fin des lignes dans votre code block :
 
 * `// [!code ++]` : Marque une ligne comme ajoutée (surlignage vert).
 * `// [!code --]` : Marque une ligne comme supprimée (surlignage rouge).
 
 Pour plusieurs lignes consécutives, indiquez le nombre de lignes après un deux-points :
 
 * `// [!code ++:3]` : Marque la ligne actuelle plus les deux suivantes comme ajoutées.
 * `// [!code --:5]` : Marque la ligne actuelle plus les quatre suivantes comme supprimées.
 
 La syntaxe des commentaires doit correspondre à votre langage de programmation (par exemple, `//` pour JavaScript ou `#` pour Python).
 
 <CodeGroup>
   ```js Diff example lines