sapatmohit · Nov 1, 2026 · Nov 1, 2026 · Nov 1, 2026
@@ -2,6 +2,7 @@
   "sourceLocale": "en",
   "targetLocales": ["es", "ja", "ar"],
   "include": ["src/app/page.tsx", "src/components/landing/**"],
+  "docs": { "include": ["content/docs/**"] },
   "glossary": {
     "neverTranslate": [
       "Babelize",

@@ -4,3 +4,11 @@ dist
 .source
 .vercel
 CHANGELOG.md
+# Written by `babelize translate` from the English pages and .babelize/local/docs-lock.json
+content/docs/**/*.es.mdx
+content/docs/**/*.ja.mdx
+content/docs/**/*.ar.mdx
+content/docs/**/meta.es.json
+content/docs/**/meta.ja.json
+content/docs/**/meta.ar.json
+.babelize/local/docs-lock.json
@@ -0,0 +1,70 @@
+---
+title: المكوّنات
+description: مجموعة شاملة من مكوّنات واجهة التوطين لـ React. تصفّح مبدّلات اللغة ومنتقيات الإعدادات المحلية وتخطيطات RTL الجاهزة للإنتاج.
+---
+
+### مبدّلات اللغة [#language-switchers]
+
+مكوّنات احترافية لمبدّل اللغة مصممة لتحديد الإعدادات المحلية بسلاسة في جميع أجزاء تطبيقك.
+
+| المكوّن                                                                                | الوصف                                                           |
+| ---------------------------------------------------------------------------------------- | --------------------------------------------------------------------- |
+| **[مبدّل اللغة](/docs/components/language-switchers/language-switcher)**           | قائمة منسدلة متكاملة الميزات مع البحث والأعلام ودعم RTL            |
+| **[كبسولة مبدّل اللغة](/docs/components/language-switchers/language-switcher-pill)** | أداة اختيار متحركة بأسلوب الكبسولة مع التنقل بلوحة المفاتيح ودعم RTL |
+
+### منتقيات الإعدادات المحلية [#locale-pickers]
+
+اختر منطقة واطّلع على القيم الافتراضية للإعدادات المحلية المرتبطة بها، لصفحات الإعدادات وتدفقات الإعداد الأولي.
+
+| المكوّن                                                          | الوصف                                                                       |
+| ------------------------------------------------------------------ | --------------------------------------------------------------------------------- |
+| **[منتقي الإعدادات المحلية](/docs/components/locale-pickers/locale-picker)** | منتقي المناطق مع القيم الافتراضية المشتقة للعملة والتاريخ والأرقام وبداية الأسبوع، مع البحث |
+
+### حقل إدخال الهاتف [#phone-input]
+
+حقل إدخال أرقام الهواتف الدولية مع محدّد الدولة والبحث عن رمز الاتصال.
+
+| المكوّن                                              | الوصف                                                          |
+| ------------------------------------------------------ | -------------------------------------------------------------------- |
+| **[حقل إدخال الهاتف](/docs/components/inputs/phone-input)** | محدّد الدولة مع الأعلام ورموز الاتصال والبحث في 50 دولة |
+
+### التنقل [#navigation]
+
+شريط تنقل متكامل الميزات مع دعم مدمج للتوطين.
+
+| المكوّن                                        | الوصف                                                              |
+| ------------------------------------------------ | ------------------------------------------------------------------------ |
+| **[NavBar](/docs/components/navigation/navbar)** | شريط تنقل متجاوب مع محدّد اللغة وقائمة الجوال وزر دعوة لاتخاذ إجراء ورابط GitHub |
+
+### الترجمة [#translation]
+
+عروض ترجمة جنبًا إلى جنب لمقارنة النص المصدر والنص الهدف وتحريرهما.
+
+| المكوّن                                                                 | الوصف                                                      |
+| ------------------------------------------------------------------------- | ---------------------------------------------------------------- |
+| **[أداة الترجمة](/docs/components/translation/translation-widget)** | لوحة هدف قابلة للتحرير، وتخطيط يراعي RTL، وتنسيق claymorphism |
+
+---
+
+## المواصفات التقنية [#technical-specifications]
+
+### الميزات الأساسية [#core-features]
+
+- **دعم TypeScript كامل** - أمان أنواع شامل مع IntelliSense
+- **تصميم متجاوب** - نهج يبدأ بالجوال مع تحسين نقاط الكسر
+- **الامتثال لإمكانية الوصول** - معايير WCAG 2.1 AA مع دعم قارئات الشاشة
+- **توثيق شامل** - أمثلة الاستخدام ومرجع API وأفضل الممارسات
+
+### التكامل والتوافق [#integration--compatibility]
+
+- **React 18+** مع دعم hooks
+- **Next.js 13+** مع توافق App Router
+- تكامل نظام التصميم **shadcn/ui**
+- تنسيق **Tailwind CSS** القائم على الأدوات المساعدة
+- دعم مدير الحزم **npm/pnpm/yarn**
+
+## المصادر [#resources]
+
+- **[دليل البدء السريع](/docs/getting-started)** - التثبيت والإعداد الأولي
+- **[مرجع API](/docs/components/language-switchers/language-switcher)** - خصائص المكوّن وإعداداته
+- **[دليل المساهمة](/docs/getting-started/contributing)** - إرشادات التطوير والمساهمة
@@ -0,0 +1,70 @@
+---
+title: Componentes
+description: Colección completa de componentes de interfaz de localización para React. Explora selectores de idioma, selectores de configuración regional y diseños RTL listos para producción.
+---
+
+### Selectores de idioma [#language-switchers]
+
+Componentes profesionales de selector de idioma, diseñados para una selección de configuración regional fluida en toda tu aplicación.
+
+| Componente                                                                                | Descripción                                                           |
+| ---------------------------------------------------------------------------------------- | --------------------------------------------------------------------- |
+| **[Selector de idioma](/docs/components/language-switchers/language-switcher)**           | Desplegable completo con búsqueda, banderas y compatibilidad con RTL            |
+| **[Selector de idioma en píldora](/docs/components/language-switchers/language-switcher-pill)** | Selector animado en estilo píldora con navegación por teclado y compatibilidad con RTL |
+
+### Selectores de configuración regional [#locale-pickers]
+
+Elige una región y consulta los valores predeterminados de configuración regional que la acompañan, para páginas de ajustes y flujos de incorporación.
+
+| Componente                                                          | Descripción                                                                       |
+| ------------------------------------------------------------------ | --------------------------------------------------------------------------------- |
+| **[Selector de configuración regional](/docs/components/locale-pickers/locale-picker)** | Selector de región con moneda, fecha, número y primer día de la semana derivados, además de búsqueda |
+
+### Entrada de teléfono [#phone-input]
+
+Campo internacional para números de teléfono con selector de país y búsqueda de prefijos telefónicos.
+
+| Componente                                              | Descripción                                                          |
+| ------------------------------------------------------ | -------------------------------------------------------------------- |
+| **[Entrada de teléfono](/docs/components/inputs/phone-input)** | Selector de país con banderas, prefijos telefónicos y búsqueda para 50 países |
+
+### Navegación [#navigation]
+
+Barra de navegación completa con soporte de localización integrado.
+
+| Componente                                        | Descripción                                                              |
+| ------------------------------------------------ | ------------------------------------------------------------------------ |
+| **[NavBar](/docs/components/navigation/navbar)** | Navegación adaptable con selector de idioma, menú móvil, botón CTA y enlace a GitHub |
+
+### Traducción [#translation]
+
+Vistas de traducción lado a lado para comparar y editar el texto de origen y de destino.
+
+| Componente                                                                 | Descripción                                                      |
+| ------------------------------------------------------------------------- | ---------------------------------------------------------------- |
+| **[Widget de traducción](/docs/components/translation/translation-widget)** | Panel de destino editable, diseño compatible con RTL y estilo claymorphism |
+
+---
+
+## Especificaciones técnicas [#technical-specifications]
+
+### Características principales [#core-features]
+
+- **Soporte completo de TypeScript** - Seguridad de tipos completa con IntelliSense
+- **Diseño adaptable** - Enfoque mobile-first con optimización por breakpoints
+- **Cumplimiento de accesibilidad** - Estándares WCAG 2.1 AA con soporte para lectores de pantalla
+- **Documentación completa** - Ejemplos de uso, referencia de la API y buenas prácticas
+
+### Integración y compatibilidad [#integration--compatibility]
+
+- **React 18+** con soporte para hooks
+- Compatibilidad con App Router de **Next.js 13+**
+- Integración con el sistema de diseño **shadcn/ui**
+- Estilos **Tailwind CSS** basados en utilidades
+- Compatibilidad con gestores de paquetes **npm/pnpm/yarn**
+
+## Recursos [#resources]
+
+- **[Guía de inicio rápido](/docs/getting-started)** - Instalación y configuración inicial
+- **[Referencia de la API](/docs/components/language-switchers/language-switcher)** - Props del componente y configuración
+- **[Guía de contribución](/docs/getting-started/contributing)** - Directrices de desarrollo y contribución
@@ -0,0 +1,70 @@
+---
+title: コンポーネント
+description: React 向けのローカライゼーション UI コンポーネントを網羅したコレクションです。本番環境で使える言語スイッチャー、ロケールピッカー、RTL レイアウトをご覧ください。
+---
+
+### 言語スイッチャー [#language-switchers]
+
+アプリケーション全体でシームレスにロケールを選択できるように設計された、本格的な言語スイッチャーコンポーネントです。
+
+| コンポーネント                                                                                | 説明                                                           |
+| ---------------------------------------------------------------------------------------- | --------------------------------------------------------------------- |
+| **[言語スイッチャー](/docs/components/language-switchers/language-switcher)**           | 検索、国旗、RTL サポートを備えた高機能なドロップダウン            |
+| **[言語スイッチャー Pill](/docs/components/language-switchers/language-switcher-pill)** | キーボード操作と RTL サポートに対応した、アニメーション付きのピル型セレクターです |
+
+### ロケールピッカー [#locale-pickers]
+
+地域を選択すると、それに対応するロケールのデフォルト値を取得できます。設定ページやオンボーディングの流れに使用できます。
+
+| コンポーネント                                                          | 説明                                                                       |
+| ------------------------------------------------------------------ | --------------------------------------------------------------------------------- |
+| **[ロケールピッカー](/docs/components/locale-pickers/locale-picker)** | 通貨、日付、数値、週の開始曜日のデフォルト値を地域から導出する、検索付きの地域ピッカー |
+
+### Phone Input [#phone-input]
+
+国コードセレクターと国番号検索を備えた、国際電話番号の入力コンポーネントです。
+
+| コンポーネント                                              | 説明                                                          |
+| ------------------------------------------------------ | -------------------------------------------------------------------- |
+| **[Phone Input](/docs/components/inputs/phone-input)** | 50 か国に対応した、国旗・国番号・検索付きの国セレクター |
+
+### ナビゲーション [#navigation]
+
+ローカライゼーションに標準で対応した、高機能なナビゲーションバーです。
+
+| コンポーネント                                        | 説明                                                              |
+| ------------------------------------------------ | ------------------------------------------------------------------------ |
+| **[NavBar](/docs/components/navigation/navbar)** | 言語セレクター、モバイルメニュー、CTA、GitHub リンクを備えたレスポンシブなナビゲーション |
+
+### 翻訳 [#translation]
+
+原文と訳文を並べて比較・編集できる翻訳ビューです。
+
+| コンポーネント                                                                 | 説明                                                      |
+| ------------------------------------------------------------------------- | ---------------------------------------------------------------- |
+| **[翻訳ウィジェット](/docs/components/translation/translation-widget)** | 編集可能な訳文パネル、RTL に対応したレイアウト、クレイモーフィズムのスタイル |
+
+---
+
+## 技術仕様 [#technical-specifications]
+
+### 主な機能 [#core-features]
+
+- **TypeScript の完全サポート** - IntelliSense による完全な型安全性
+- **レスポンシブデザイン** - ブレークポイントを最適化したモバイルファーストの設計
+- **アクセシビリティ準拠** - スクリーンリーダー対応を含む WCAG 2.1 AA 基準
+- **充実したドキュメント** - 使用例、API リファレンス、ベストプラクティス
+
+### 連携と互換性 [#integration--compatibility]
+
+- Hooks に対応した **React 18 以降**
+- **Next.js 13 以降** の App Router に対応
+- **shadcn/ui** デザインシステムとの連携
+- **Tailwind CSS** によるユーティリティファーストのスタイリング
+- **npm/pnpm/yarn** パッケージマネージャーに対応
+
+## リソース [#resources]
+
+- **[クイックスタートガイド](/docs/getting-started)** - インストールと初期設定
+- **[API リファレンス](/docs/components/language-switchers/language-switcher)** - コンポーネントの props と設定
+- **[コントリビューションガイド](/docs/getting-started/contributing)** - 開発とコントリビュートのガイドライン
@@ -0,0 +1,7 @@
+{
+  "title": "حقول الإدخال",
+  "icon": "TextCursorInput",
+  "pages": [
+    "phone-input"
+  ]
+}
@@ -0,0 +1,7 @@
+{
+  "title": "Campos de entrada",
+  "icon": "TextCursorInput",
+  "pages": [
+    "phone-input"
+  ]
+}
@@ -0,0 +1,7 @@
+{
+  "title": "入力",
+  "icon": "TextCursorInput",
+  "pages": [
+    "phone-input"
+  ]
+}