@intlayer/docs 5.5.8

package/ar/introduction.md

@@ -0,0 +1,190 @@
+# Intlayer وثائق
+
+مرحبًا بكم في الوثائق الرسمية لـ Intlayer! هنا، ستجد كل ما تحتاجه لتكامل، تكوين، وإتقان Intlayer لجميع احتياجاتك في التدويل (i18n)، سواء كنت تعمل مع Next.js، React، Vite، Express، أو بيئة JavaScript أخرى.
+
+## المقدمة
+
+### ما هو Intlayer؟
+
+**Intlayer** هو مكتبة تدويل مصممة خصيصًا لمطوري JavaScript. يتيح لك إعلان المحتوى الخاص بك في أي مكان في الكود الخاص بك. يقوم بتحويل إعلان المحتوى متعدد اللغات إلى قواميس منظمة لتتكامل بسهولة في الكود الخاص بك. باستخدام TypeScript، يجعل **Intlayer** تطويرك أقوى وأكثر كفاءة.
+
+يوفر Intlayer أيضًا محررًا بصريًا اختياريًا يتيح لك تحرير وإدارة المحتوى الخاص بك بسهولة. هذا المحرر مفيد بشكل خاص للمطورين الذين يفضلون واجهة بصرية لإدارة المحتوى، أو للفرق التي تنشئ المحتوى دون الحاجة إلى القلق بشأن الكود.
+
+### مثال على الاستخدام
+
+```bash codeFormat="typescript"
+.
+└── Components
+    └── MyComponent
+        ├── index.content.ts
+        └── index.tsx
+```
+
+```bash codeFormat="commonjs"
+.
+└── Components
+    └── MyComponent
+        ├── index.content.cjs
+        └── index.mjs
+```
+
+```bash codeFormat="esm"
+.
+└── Components
+    └── MyComponent
+        ├── index.content.mjs
+        └── index.js
+```
+
+```tsx fileName="src/components/MyComponent/index.content.ts" contentDeclarationFormat="typescript"
+import { t, type Dictionary } from "intlayer";
+
+const componentContent = {
+  key: "component-key",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+      ar: "مرحبًا بالعالم",
+    }),
+  },
+} satisfies Dictionary;
+
+export default componentContent;
+```
+
+```javascript fileName="src/components/MyComponent/index.content.mjs" contentDeclarationFormat="esm"
+import { t } from "intlayer";
+
+/** @type {import('intlayer').Dictionary} */
+const componentContent = {
+  key: "component-key",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+      ar: "مرحبًا بالعالم",
+    }),
+  },
+};
+
+export default componentContent;
+```
+
+```javascript fileName="src/components/MyComponent/index.content.cjs" contentDeclarationFormat="commonjs"
+const { t } = require("intlayer");
+
+/** @type {import('intlayer').Dictionary} */
+const componentContent = {
+  key: "component-key",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+      ar: "مرحبًا بالعالم",
+    }),
+  },
+};
+
+module.exports = componentContent;
+```
+
+```json fileName="src/components/MyComponent/index.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "component-key",
+  "content": {
+    "myTranslatedContent": {
+      "nodeType": "translation",
+      "translation": {
+        "en": "Hello World",
+        "fr": "Bonjour le monde",
+        "es": "Hola Mundo",
+        "ar": "مرحبًا بالعالم"
+      }
+    }
+  }
+}
+```
+
+```tsx fileName="src/components/MyComponent/index.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useIntlayer } from "react-intlayer";
+
+export const MyComponent: FC = () => {
+  const { myTranslatedContent } = useIntlayer("component-key");
+
+  return <span>{myTranslatedContent}</span>;
+};
+```
+
+```jsx fileName="src/components/MyComponent/index.mjx" codeFormat="esm"
+import { useIntlayer } from "react-intlayer";
+
+const MyComponent = () => {
+  const { myTranslatedContent } = useIntlayer("component-key");
+
+  return <span>{myTranslatedContent}</span>;
+};
+```
+
+```jsx fileName="src/components/MyComponent/index.csx" codeFormat="commonjs"
+const { useIntlayer } = require("react-intlayer");
+
+const MyComponent = () => {
+  const { myTranslatedContent } = useIntlayer("component-key");
+
+  return <span>{myTranslatedContent}</span>;
+};
+```
+
+## الميزات الرئيسية
+
+يقدم Intlayer مجموعة متنوعة من الميزات المصممة لتلبية احتياجات تطوير الويب الحديث. فيما يلي الميزات الرئيسية، مع روابط إلى وثائق مفصلة لكل منها:
+
+- **دعم التدويل**: عزز الوصول العالمي لتطبيقك مع دعم مدمج للتدويل.
+- **محرر بصري**: حسن سير العمل الخاص بك مع إضافات المحرر المصممة لـ Intlayer. تحقق من [دليل المحرر البصري](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_visual_editor.md).
+- **مرونة التكوين**: قم بتخصيص الإعداد الخاص بك مع خيارات التكوين الشاملة المفصلة في [دليل التكوين](https://github.com/aymericzip/intlayer/blob/main/docs/ar/configuration.md).
+- **أدوات CLI المتقدمة**: قم بإدارة مشاريعك بكفاءة باستخدام واجهة سطر الأوامر الخاصة بـ Intlayer. استكشف الإمكانيات في [وثائق أدوات CLI](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_cli.md).
+
+## المفاهيم الأساسية
+
+### القاموس
+
+نظم المحتوى متعدد اللغات الخاص بك بالقرب من الكود الخاص بك للحفاظ على كل شيء متسقًا وقابلًا للصيانة.
+
+- **[ابدأ](https://github.com/aymericzip/intlayer/blob/main/docs/ar/dictionary/get_started.md)**  
+  تعرف على أساسيات إعلان المحتوى في Intlayer.
+
+- **[الترجمة](https://github.com/aymericzip/intlayer/blob/main/docs/ar/dictionary/translation.md)**  
+  فهم كيفية إنشاء الترجمات وتخزينها واستخدامها في تطبيقك.
+
+- **[التعداد](https://github.com/aymericzip/intlayer/blob/main/docs/ar/dictionary/enumeration.md)**  
+  إدارة مجموعات البيانات المتكررة أو الثابتة بسهولة عبر لغات مختلفة.
+
+- **[جلب الوظائف](https://github.com/aymericzip/intlayer/blob/main/docs/ar/dictionary/function_fetching.md)**  
+  تعرف على كيفية جلب المحتوى ديناميكيًا باستخدام منطق مخصص ليتناسب مع سير عمل مشروعك.
+
+### البيئات والتكاملات
+
+تم تصميم Intlayer مع مراعاة المرونة، مما يوفر تكاملًا سلسًا عبر الأطر الشائعة وأدوات البناء:
+
+- **[Intlayer مع Next.js 15](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_with_nextjs_15.md)**
+- **[Intlayer مع Next.js 14 (App Router)](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_with_nextjs_14.md)**
+- **[Intlayer مع Next.js Page Router](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_with_nextjs_page_router.md)**
+- **[Intlayer مع React CRA](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_with_create_react_app.md)**
+- **[Intlayer مع Vite + React](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_with_vite+react.md)**
+- **[Intlayer مع Express](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_with_express.md)**
+
+يتضمن كل دليل تكامل أفضل الممارسات لاستخدام ميزات Intlayer, مثل **التقديم من جانب الخادم**، **التوجيه الديناميكي**، أو **التقديم من جانب العميل**, لذلك يمكنك الحفاظ على تطبيق سريع، صديق لمحركات البحث، وقابل للتوسع بشكل كبير.
+
+## المساهمة والتغذية الراجعة
+
+نحن نقدر قوة المصادر المفتوحة والتطوير القائم على المجتمع. إذا كنت ترغب في اقتراح تحسينات، إضافة دليل جديد، أو تصحيح أي مشكلات في وثائقنا، فلا تتردد في تقديم طلب سحب أو فتح مشكلة في [مستودع GitHub الخاص بنا](https://github.com/aymericzip/intlayer/blob/main/docs).
+
+**هل أنت مستعد لترجمة تطبيقك بشكل أسرع وأكثر كفاءة؟** استعرض وثائقنا لبدء استخدام Intlayer اليوم. جرب نهجًا قويًا ومبسطًا للتدويل يحافظ على تنظيم المحتوى الخاص بك ويجعل فريقك أكثر إنتاجية.
+
+ترجمة سعيدة!

package/ar/mcp_server.md

@@ -0,0 +1,150 @@
+# خادم Intlayer MCP
+
+يوفر **خادم Intlayer MCP (بروتوكول سياق النموذج)** مساعدة مدعومة بالذكاء الاصطناعي مخصصة لنظام Intlayer. تم تصميمه لبيئات المطورين الحديثة مثل **Cursor**، و**GitHub Copilot workspace**، وأي بيئة تطوير متكاملة تدعم بروتوكول MCP، حيث يقدم هذا الخادم دعمًا سياقيًا وفي الوقت الفعلي بناءً على إعداد مشروعك.
+
+## لماذا تستخدم خادم Intlayer MCP؟
+
+عند تمكين خادم Intlayer MCP في بيئة التطوير المتكاملة الخاصة بك، ستتمكن من:
+
+- **تكامل CLI ذكي**
+  الوصول إلى أوامر Intlayer CLI وتشغيلها مباشرة من واجهة بيئة التطوير المتكاملة الخاصة بك. عرض القائمة الكاملة للأوامر والخيارات في [وثائق Intlayer CLI](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_cli.md).
+
+- **وثائق مدركة للسياق**
+  يقوم خادم MCP بتحميل الوثائق التي تتوافق مع إصدار Intlayer الذي تستخدمه في مشروعك ويعرضها. يضمن ذلك أن تكون اقتراحات الكود وخيارات الأوامر والتفسيرات محدثة وذات صلة دائمًا.
+
+- **تطوير مدعوم بالذكاء الاصطناعي**
+  مع اقتراحات مدركة للمشروع وإكمال تلقائي، يمكن للمساعد الذكي شرح الكود الخاص بك، أو التوصية باستخدام CLI، أو اقتراح كيفية استخدام ميزات محددة من Intlayer بناءً على الملفات الحالية.
+
+- **إعداد خفيف وفوري**
+  لا حاجة لصيانة الخادم أو تثبيت ثقيل. فقط قم بتكوين ملف `.cursor/mcp.json` أو تكوين MCP المكافئ وأنت جاهز للانطلاق.
+
+---
+
+## إعداد Cursor
+
+في جذر مشروعك، أضف ملف التكوين `.cursor/mcp.json` التالي:
+
+```json
+{
+  "mcpServers": {
+    "intlayer": {
+      "command": "npx",
+      "args": ["-y", "@intlayer/mcp"]
+    }
+  }
+}
+```
+
+يخبر هذا بيئة التطوير المتكاملة الخاصة بك بتشغيل خادم Intlayer MCP باستخدام `npx`، مما يضمن دائمًا استخدام أحدث إصدار متاح ما لم تقم بتثبيته.
+
+---
+
+## إعداد VS Code
+
+لاستخدام خادم Intlayer MCP مع VS Code، تحتاج إلى تكوينه في إعدادات مساحة العمل أو إعدادات المستخدم.
+
+### تكوين مساحة العمل
+
+قم بإنشاء ملف `.vscode/mcp.json` في جذر مشروعك:
+
+```json
+{
+  "servers": {
+    "intlayer": {
+      "type": "stdio",
+      "command": "npx",
+      "args": ["-y", "@intlayer/mcp"]
+    }
+  }
+}
+```
+
+### استخدام خادم MCP في VS Code
+
+1. **تمكين وضع الوكيل**: افتح عرض الدردشة (⌃⌘I على Mac، Ctrl+Alt+I على Windows/Linux) وحدد وضع **Agent** من القائمة المنسدلة.
+
+2. **الوصول إلى الأدوات**: انقر فوق زر **Tools** لعرض أدوات Intlayer المتاحة. يمكنك تحديد/إلغاء تحديد أدوات معينة حسب الحاجة.
+
+3. **الإشارة المباشرة إلى الأدوات**: أشر إلى الأدوات مباشرة في مطالباتك عن طريق كتابة `#` متبوعًا باسم الأداة.
+
+4. **تأكيد الأداة**: بشكل افتراضي، سيطلب VS Code تأكيدًا قبل تشغيل الأدوات. استخدم خيارات زر **Continue** لتأكيد الأدوات تلقائيًا للجلسة الحالية أو مساحة العمل أو جميع الاستدعاءات المستقبلية.
+
+### إدارة الخادم
+
+- قم بتشغيل **MCP: List Servers** من لوحة الأوامر لعرض الخوادم المُكوّنة
+- ابدأ، أوقف، أو أعد تشغيل خادم Intlayer MCP حسب الحاجة
+- عرض سجلات الخادم لاستكشاف الأخطاء وإصلاحها عن طريق تحديد الخادم واختيار **Show Output**
+
+لمزيد من المعلومات التفصيلية حول تكامل VS Code MCP، راجع [وثائق VS Code MCP الرسمية](https://code.visualstudio.com/docs/copilot/chat/mcp-servers).
+
+---
+
+## استخدام خادم MCP عبر CLI
+
+يمكنك أيضًا تشغيل خادم Intlayer MCP مباشرة من سطر الأوامر للاختبار أو تصحيح الأخطاء أو التكامل مع أدوات أخرى.
+
+### تثبيت خادم MCP
+
+أولاً، قم بتثبيت حزمة خادم MCP عالميًا أو استخدمها عبر npx:
+
+```bash
+# تثبيت عالمي
+npm install -g @intlayer/mcp
+
+# أو استخدم مباشرة مع npx (موصى به)
+npx @intlayer/mcp
+```
+
+### بدء الخادم
+
+لبدء خادم MCP مع المفتش للتصحيح والاختبار:
+
+```bash
+# باستخدام أمر البدء المدمج
+npm run start
+
+# أو مباشرة مع npx
+npx @modelcontextprotocol/inspector npx @intlayer/mcp
+```
+
+سيؤدي ذلك إلى تشغيل خادم MCP مع واجهة مفتش تتيح لك:
+
+- اختبار اتصالات بروتوكول MCP
+- تصحيح استجابات الخادم
+- التحقق من تنفيذ الأدوات والموارد
+- مراقبة أداء الخادم
+
+### استخدام التطوير
+
+لأغراض التطوير والاختبار، يمكنك تشغيل الخادم في أوضاع مختلفة:
+
+```bash
+# بناء وتشغيل في وضع التطوير
+npm run dev
+
+# تشغيل مع تكوين مخصص
+node dist/cjs/index.cjs
+
+# اختبار وظيفة الخادم
+npm test
+```
+
+سيعرض الخادم أدوات وموارد محددة لـ Intlayer يمكن استهلاكها بواسطة أي عميل متوافق مع MCP، وليس فقط Cursor أو بيئات التطوير المتكاملة الأخرى.
+
+---
+
+## نظرة عامة على الميزات
+
+| الميزة              | الوصف                                                                       |
+| ------------------- | --------------------------------------------------------------------------- |
+| دعم CLI             | تشغيل أوامر `intlayer`، والحصول على تلميحات الاستخدام والحجج مباشرة         |
+| وثائق مخصصة للإصدار | الكشف التلقائي وتحميل الوثائق التي تتطابق مع إصدار Intlayer الحالي الخاص بك |
+| الإكمال التلقائي    | اقتراحات ذكية للأوامر والتكوين أثناء الكتابة                                |
+| جاهزية الإضافات     | متوافق مع بيئات التطوير المتكاملة والأدوات التي تدعم معيار MCP              |
+
+---
+
+## روابط مفيدة
+
+- [وثائق Intlayer CLI](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_cli.md)
+- [مستودع Intlayer على GitHub](https://github.com/aymericzip/intlayer)

package/ar/packages/@intlayer/api/index.md

@@ -0,0 +1,31 @@
+# @intlayer/api: حزمة NPM للتفاعل مع واجهة برمجة تطبيقات Intlayer
+
+**Intlayer** هي مجموعة من الحزم المصممة خصيصًا لمطوري JavaScript. وهي متوافقة مع أطر العمل مثل React وExpress.js.
+
+حزمة **`@intlayer/api`** هي SDK (مجموعة تطوير البرمجيات) للتفاعل مع واجهة برمجة تطبيقات Intlayer. توفر مجموعة من الوظائف لتدقيق إعلان المحتوى، والتفاعل مع المنظمات، والمشاريع، والمستخدمين، إلخ.
+
+## الاستخدام
+
+```ts
+import { intlayerAPI } from "@intlayer/api";
+
+intlayerAPI.user.getUser({
+  ids: ["user-id-1", "user-id-2"], // معرفات المستخدمين
+});
+```
+
+## التثبيت
+
+قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
+
+```bash packageManager="npm"
+npm install @intlayer/api
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/api
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/api
+```

package/ar/packages/@intlayer/chokidar/index.md

@@ -0,0 +1,31 @@
+# @intlayer/chokidar: حزمة NPM لمسح وبناء ملفات إعلان Intlayer إلى قواميس
+
+**Intlayer** هي مجموعة من الحزم المصممة خصيصًا لمطوري JavaScript. وهي متوافقة مع أطر العمل مثل React وExpress.js.
+
+تُستخدم حزمة **`@intlayer/chokidar`** لمسح وبناء ملفات إعلان Intlayer إلى قواميس باستخدام [chokidar](https://github.com/paulmillr/chokidar) ووفقًا لـ [تكوين Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ar/configuration.md).
+
+## الاستخدام
+
+```ts
+import { watch, prepareIntlayer } from "@intlayer/chokidar";
+
+await prepareIntlayer(); // بناء قواميس Intlayer
+
+watch({ persistent: true }); // مراقبة التغييرات في ملفات التكوين
+```
+
+## التثبيت
+
+قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
+
+```bash packageManager="npm"
+npm install @intlayer/chokidar
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/chokidar
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/chokidar
+```

package/ar/packages/@intlayer/cli/index.md

@@ -0,0 +1 @@
+Could you please specify the desired locale and locale name for the translation?

package/ar/packages/@intlayer/config/index.md

@@ -0,0 +1,116 @@
+# @intlayer/config: حزمة NPM لاسترجاع تكوين Intlayer
+
+**Intlayer** هي مجموعة من الحزم المصممة خصيصًا لمطوري JavaScript. وهي متوافقة مع أطر العمل مثل React وReact وExpress.js.
+
+حزمة **`@intlayer/config`** هي حزمة NPM تتيح لك استرجاع تكوين Intlayer وتحديد متغيرات البيئة المتعلقة بالبيئة الحالية.
+
+## التثبيت
+
+قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
+
+```bash packageManager="npm"
+npm install @intlayer/config
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/config
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/config
+```
+
+## الاستخدام
+
+### قراءة تكوين Intlayer باستخدام نظام الملفات
+
+مثال:
+
+```ts
+import { getConfiguration, type IntlayerConfig } from "@intlayer/config";
+
+const config: IntlayerConfig = getConfiguration();
+
+console.log(config);
+// الإخراج:
+// {
+//   internationalization: { ... },
+//   middleware: { ... },
+//   content: { ... },
+//   editor: { ... }
+// }
+```
+
+> تستخدم هذه الوظيفة حزم `fs` وستعمل فقط على جانب الخادم.
+
+### قراءة تكوين Intlayer باستخدام متغيرات البيئة
+
+مثال:
+
+```ts
+import { getConfiguration, type IntlayerConfig } from "@intlayer/config/client";
+
+const config: IntlayerConfig = getConfiguration({
+  env: "production",
+});
+
+console.log(config);
+// الإخراج:
+// {
+//   internationalization: { ... },
+//   middleware: { ... },
+//   content: { ... },
+//   editor: { ... }
+// }
+```
+
+> لن تُرجع هذه الوظيفة أي شيء إذا لم يتم تعريف متغيرات البيئة.
+
+### تحديد متغيرات البيئة
+
+1. قم بإنشاء ملف تكوين.
+
+```ts fileName="intlayer.config.ts"
+import { type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  internationalization: {
+    /* ... */
+  },
+  middleware: {
+    /* ... */
+  },
+  content: {
+    /* ... */
+  },
+  editor: {
+    /* ... */
+  },
+};
+
+export default config;
+```
+
+> انظر [وثائق تكوين Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ar/configuration.md) لمزيد من التفاصيل.
+
+2. قم بتحديد متغيرات البيئة.
+
+```ts
+import { getConfiguration } from "@intlayer/config";
+
+const intlayerConfig = getConfiguration();
+
+// تنسيق جميع قيم التكوين كمتغيرات بيئة
+const env = formatEnvVariable();
+
+// تعيين كل متغير بيئة مُنسق في process.env
+Object.assign(process.env, env);
+```
+
+3. استيراد ملف التكوين.
+
+```ts
+import { getConfiguration } from "@intlayer/config/client";
+
+const intlayerConfig = getConfiguration();
+```

package/ar/packages/@intlayer/core/index.md

@@ -0,0 +1,25 @@
+# @intlayer/core: حزمة NPM تحتوي على وظائف Intlayer الأساسية
+
+**Intlayer** هي مجموعة من الحزم المصممة خصيصًا لمطوري JavaScript. وهي متوافقة مع أطر العمل مثل React وReact وExpress.js.
+
+حزمة **`@intlayer/core`** هي حزمة NPM تتضمن الوظائف الأساسية لـ Intlayer المشتركة بين عدة حزم. وتشمل بشكل خاص:
+
+- وظائف الترجمة
+- وظائف القاموس
+- وظائف الأدوات
+
+## التثبيت
+
+قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
+
+```bash packageManager="npm"
+npm install @intlayer/core
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/core
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/core
+```

package/ar/packages/@intlayer/design-system/index.md

@@ -0,0 +1,21 @@
+# @intlayer/design-system: حزمة NPM تحتوي على مكتبة واجهة المستخدم لـ Intlayer
+
+**Intlayer** هي مجموعة من الحزم المصممة خصيصًا لمطوري JavaScript. وهي متوافقة مع أطر العمل مثل React وReact وExpress.js.
+
+حزمة **`@intlayer/design-system`** هي حزمة NPM تتضمن نظام التصميم الخاص بـ Intlayer. تُستخدم هذه الحزمة بشكل خاص من قبل [محرر Intlayer](https://github.com/aymericzip/intlayer/tree/main/docs/ar/packages/intlayer-editor/index.md)، في [الموقع الإلكتروني](https://intlayer.org) و[المحرر المرئي / نظام إدارة المحتوى](https://intlayer.org/dashboard).
+
+## التثبيت
+
+قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
+
+```bash packageManager="npm"
+npm install @intlayer/design-system
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/design-system
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/design-system
+```

package/ar/packages/@intlayer/dictionary-entry/index.md

@@ -0,0 +1,21 @@
+# @intlayer/dictionary-entry: حزمة NPM لاسترجاع قواميس Intlayer
+
+**Intlayer** هي مجموعة من الحزم المصممة خصيصًا لمطوري JavaScript. وهي متوافقة مع أطر العمل مثل React وExpress.js.
+
+حزمة **`@intlayer/dictionary-entry`** هي حزمة NPM تُرجع فقط مسار الإدخال لقواميس intlayer. نظرًا لأن البحث في نظام الملفات غير ممكن من المتصفح، فإن استخدام أدوات التجميع مثل Webpack أو Rollup لاسترجاع مسار الإدخال للقواميس غير ممكن. تهدف هذه الحزمة إلى أن تكون مستبدلة.
+
+## التثبيت
+
+قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
+
+```bash packageManager="npm"
+npm install @intlayer/dictionary-entry
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/dictionary-entry
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/dictionary-entry
+```

package/ar/packages/@intlayer/editor/index.md

@@ -0,0 +1,21 @@
+# @intlayer/editor: حزمة NPM توفر أدوات للتفاعل مع التطبيق باستخدام محرر Intlayer ومعالجة القواميس
+
+**Intlayer** هي مجموعة من الحزم المصممة خصيصًا لمطوري JavaScript. وهي متوافقة مع أطر العمل مثل React و Next.js و Express.js.
+
+حزمة **`intlayer-editor`** توفر أدوات للتفاعل مع التطبيق باستخدام محرر Intlayer. تتضمن واجهة برمجة التطبيقات للتفاعل مع المحرر، وأدوات لمعالجة القواميس. هذه الحزمة متعددة المنصات.
+
+## التثبيت
+
+قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
+
+```bash
+npm install @intlayer/editor
+```
+
+```bash
+yarn add @intlayer/editor
+```
+
+```bash
+pnpm add @intlayer/editor
+```

package/ar/packages/@intlayer/editor-react/index.md

@@ -0,0 +1,21 @@
+# @intlayer/editor-react: حزمة NPM توفر حالات React، وسياقات، وخطافات ومكونات للتفاعل مع محرر Intlayer
+
+**Intlayer** هي مجموعة من الحزم المصممة خصيصًا لمطوري JavaScript. وهي متوافقة مع أطر العمل مثل React، وNext.js، وExpress.js.
+
+توفر حزمة **`@intlayer/editor-react`** حالات، وسياقات، وخطافات ومكونات للتفاعل مع محرر Intlayer لتطبيق React.
+
+## التثبيت
+
+قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
+
+```bash
+npm install @intlayer/editor-react
+```
+
+```bash
+yarn add @intlayer/editor-react
+```
+
+```bash
+pnpm add @intlayer/editor-react
+```

package/ar/packages/@intlayer/webpack/index.md

@@ -0,0 +1,35 @@
+# @intlayer/webpack: حزمة NPM لاستخدام مكون Intlayer Webpack في تطبيقك
+
+**Intlayer** هي مجموعة من الحزم المصممة خصيصًا لمطوري JavaScript. وهي متوافقة مع أطر العمل مثل React وReact وExpress.js.
+
+حزمة **`@intlayer/webpack`** تُستخدم لتوفير تكوين Webpack لجعل العمل مع تطبيق يعتمد على Webpack مع Intlayer أسهل. كما توفر الحزمة مكونًا إضافيًا لإضافته إلى تطبيق Webpack موجود.
+
+## الاستخدام
+
+```ts
+import { IntlayerPlugin } from "@intlayer/webpack";
+
+export default {
+  plugins: [
+    new IntlayerPlugin({
+      // الخيارات
+    }),
+  ],
+};
+```
+
+## التثبيت
+
+قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
+
+```bash packageManager="npm"
+npm install @intlayer/webpack
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/webpack
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/webpack
+```