xertica-ui 2.3.0 → 2.4.1

package/docs/components/language-selector.md

@@ -45,21 +45,23 @@ The `Header` component accepts `showLanguageSelector` and renders `<LanguageSele
 ### Minimal variant (short code only)
 
 ```tsx
-<LanguageSelector variant="minimal" showIcon={false} />
-{/* Trigger displays "PT", "EN", "ES" (or the LanguageDefinition.shortLabel of custom locales) */}
+<LanguageSelector variant="minimal" showIcon={false} />;
+{
+  /* Trigger displays "PT", "EN", "ES" (or the LanguageDefinition.shortLabel of custom locales) */
+}
 ```
 
 ---
 
 ## Props
 
-| Prop | Type | Default | Description |
-|---|---|---|---|
-| `variant` | `'default' \| 'minimal'` | `'default'` | `minimal` shows the short label (`PT`, `EN`, …); `default` shows the full label |
-| `showIcon` | `boolean` | `true` | Show the Globe icon in the trigger |
-| `showLabel` | `boolean` | `false` | Reserved — currently has no visual effect |
-| `className` | `string` | `''` | Additional CSS classes applied to the `SelectTrigger` |
-| `showWhenMonolingual` | `boolean` | `false` | Render the selector even when only one language is configured (would otherwise auto-hide) |
+| Prop                  | Type                     | Default     | Description                                                                               |
+| --------------------- | ------------------------ | ----------- | ----------------------------------------------------------------------------------------- |
+| `variant`             | `'default' \| 'minimal'` | `'default'` | `minimal` shows the short label (`PT`, `EN`, …); `default` shows the full label           |
+| `showIcon`            | `boolean`                | `true`      | Show the Globe icon in the trigger                                                        |
+| `showLabel`           | `boolean`                | `false`     | Reserved — currently has no visual effect                                                 |
+| `className`           | `string`                 | `''`        | Additional CSS classes applied to the `SelectTrigger`                                     |
+| `showWhenMonolingual` | `boolean`                | `false`     | Render the selector even when only one language is configured (would otherwise auto-hide) |
 
 > **Removed props**: `initialLanguage` and `onLanguageChange` no longer exist. The component reads from `LanguageContext` and drives language changes through `i18n.changeLanguage()` internally.
 
@@ -69,11 +71,11 @@ The `Header` component accepts `showLanguageSelector` and renders `<LanguageSele
 
 By default the library ships with three languages (`DEFAULT_LANGUAGES`):
 
-| Code | Display | Short label |
-|---|---|---|
-| `'pt-BR'` | Português (BR) | PT |
-| `'en'` | English | EN |
-| `'es'` | Español | ES |
+| Code      | Display        | Short label |
+| --------- | -------------- | ----------- |
+| `'pt-BR'` | Português (BR) | PT          |
+| `'en'`    | English        | EN          |
+| `'es'`    | Español        | ES          |
 
 **The list is fully runtime-configurable.** Pass `availableLanguages` on `<XerticaProvider>` to add, remove, or restrict the set of languages exposed by the selector — no source-file edits required. See [`docs/i18n.md`](../i18n.md#configuring-available-languages) for the full API.
 
@@ -91,7 +93,7 @@ import fr from './locales/fr.json';
 >
   <LanguageSelector />
   {/* French appears in the dropdown; bundle auto-registered with i18next */}
-</XerticaProvider>
+</XerticaProvider>;
 ```
 
 ### Monolingual app — selector auto-hides
@@ -147,7 +149,9 @@ function ProfileSettings() {
   return (
     <select value={language} onChange={e => setLanguage(e.target.value)}>
       {availableLanguages.map(lang => (
-        <option key={lang.code} value={lang.code}>{lang.label}</option>
+        <option key={lang.code} value={lang.code}>
+          {lang.label}
+        </option>
       ))}
     </select>
   );