daisyui Documentation

{
"install-step-1": "ثبت daisyUI على شكل حزمة Node",
"install-step-2": "أضف daisyUI الى app.css",
"etc.": "الخ...",
"Tabs": "Tabs",
"Glass": "زجاج",
"For example": "على سبيل المثال",
"Read more": "اقرأ أكثر",
"How to use": "كيفية الاستعمال",
"daisyUI themes": "daisyUI تصاميم",
"Responsive": "عنصر متجاوب",
"Reset": "إعادة ضبط",
"Also, using semantic color names makes theming easier. You wouldn't have to define dark-mode colors for every single element and you wouldn't be limited to only light/dark themes. you can have multiple themes available and each theme is just a few lines of CSS variables.": "وايضا, استعمال الالوان الدلالة يجمل التصميم سهلا. انت لن تقوم باضافة الوان للوضع المظلم في كل عنصر كل مرة و لن تكون محدودا فقط بالتصميم المضيئ والمظلم, بل يمكن أن يكون لديك العديد من التصاميم المتاحة وكل تصميم هو مجرد بضعة أسطر من متغيرات CSS.",
"Default config": "للاعدادات المرجعية",
"Border radius": "نصف قطر الحدود",
"Benefits": "الفوائد",
"Bottom navigation": "شريط تنقل سفلي",
"Browser mockup": "Browser mockup",
"You don't need to install anything.": "لا تحتاج إلى تثبيت أي شيء.",
"Just add one of these to the head tag of your HTML": "فقط اضف المرفقات الى رأس الملف باستعمال شعارheadالى ال HTML الخاص بك.",
"How to use daisyUI from a CDN?": "كيفية استعمال daisyUI من خلال CDN",
"So instead of using constant color utility classes like:": "لذلك بدلا من استعمال فئات ادوات الالوان كالتالي:",
"It's suggested to use semantic color utility classes like:": "ينصح باستعمال فئات الالوان الدلالية كالتالي:",
"Each color name contains CSS variables and each daisyUI theme applies color values to the utility classes when it is applied.": "كل اسم لون يحتوي على اسم متغير CSS و كل تصميم من daisyUI يقوم بتغيير قيم فئات الادوات هذه .",
"Semantic color names make more sense because when we design interfaces, we don't just use any random color. We define a specific color palette with names like primary, secondary, etc. and we only use those specific colors in our interfaces.": "الالوان الدلالية أكثر منطقية عند تصميم الواجهات, ذلك لاننا لا نتسعمل الالوان عشوائيا. ذلك لاننا نختار لوحة من الالوان المعينة المتكررة باسماء مثل primary, secondary, الخ. ونستعمل هذه الالوان المحددة فقط في تصميم الواجهة الخاصة بنا.",
"List of all daisyUI color names": "قائمة جميع اسماء الوان daisyUI",
"You can use these color names in your theme or in utility classes.": "يمكنك استعمال اسماء الألوان في تصميمك الخاص او في فئات الادوات المساعدة.",
"Some daisyUI components come with modifier class names and that modifier class name will apply a color.": "تاتي بعض عناصر daisyUI مع بعض المعدلات التي تقوم بتغيير اللون في حال اضافتها",
"You can also use color names in utility classes just like Tailwind's original color names.": "يمكنك أيضًا استخدام أسماء الألوان في فئات الأدوات المساعدة تمامًا مثل أسماء الألوان الأصلية في Tailwind",
"These are utility classes that can be used with a color name:": "يوجد فئات ادوات مساعدة يمكن استعمالها مع اسماء الالوان:",
"Color utility classes": "فئات فائدة اللون",
"excluded": "مستبعد",
"How to change the default configuration of daisyUI?": "كيفية تغيير الاعدادات المرجعية ل daisyUI؟",
"List of themes": "قائمة جميع التصاميم",
"Customize daisyUI components": "التعديل على عناصر daisyUI",
"How to customize daisyUI?": "كيف تعدل على عناصر daisyUI ؟",
"daisyUI components come with many variants necessary for design systems and you won't usually need to customize anything.": "تأتي عناصر daisyUI مع العديد من العنصار المتنوعة الضرورية لأنظمة التصميم ولن تحتاج عادةً إلى تخصيص أي شيء.",
"But you can still customize components in many ways.": "لكن يمكنك التعديل عليها بطرق عديدة.",
"Let's say, you want to customize this button:": ":لنفترض انك تريد تعديل هذا الزر",
"You can use daisyUI utility classes:": "يمكنك استخدام فئات الادوات المساعدة الخاصة ب daisyUI",
"You can use Tailwind's utility classes:": "يمكنك استخدام فئات الادوات المساعدة الخاصة ب Tailwind CSS",
"You can customize components on your CSS file, using Tailwind's @apply directive:": "يمكن التعديل باستخدام ملف CSS, وذلك باستخدام تعليمة @apply الخاصة ب Tailwind:",
"You need <a target=_blank' href='https://nodejs.org/en/download/'>Node.js and Tailwind CSS installed.": "يحب تثبيت كل من <a target=_blank' href='https://nodejs.org/en/download/'>Node.js و Tailwind CSS قبل الاستعمال.",
"How to install daisyUI as a Tailwind CSS plugin?": "كيف اثبت daisyUI كاضافة على Tailwind CSS ؟",
"See example setup of daisyUI and Tailwind CSS on different frameworks and build tools.": "أمثلة لطريقة تثبيت daisyUI مع Tailwind CSS للعديد من الاطارات وادوات بناء.",
"Layout and Typography": "الخط والتصاميم",
"How to use layouts and typography in daisyUI": "كيفية استعمال الخطوط والتصاميم على daisyUI",
"Layout, sizing, grids, spacing, etc. all will be handled by Tailwind CSS's utility classes.": "سيتم التعامل مع التخطيط، والتحجيم، grid والتباعد، وما إلى ذلك من خلال فئات الأدوات المساعدة الخاصة بـ Tailwind CSS..",
"Try them:": "قم بتجربتهم:",
"How to use a theme only for a section of a page?": "كيف تستعمل تصميم في جزء من الصفحة فقط ؟",
"Add data-theme='THEME_NAME' to any element and everything inside will have your theme.": "اضف data-theme='THEME_NAME' الى اي عنصر وكل ما بداخله سوف يطبق عليه التصميم المحدد.",
"You can nest themes and there is no limit!": "يمكن تداخل التصمايم بدون حدود!",
"You can force a section of your HTML to only use a specific theme.": "تستطيع اجبار جزء من ال HTML الخاص بك على ان يستعمل تصميم محدد فقط.",
"How to add a new custom theme?": "كيفية اضافة تصميم خاص جديد؟",
"How to customize an existing theme?": "كيفية تخصيص التصاميم الافتراضية؟?",
"How to add custom styles for a specific theme?": "كيف تضيف تعديلات خاصة لتصميم محدد؟",
"You can write custom style for your elements only for a specific theme.": "نعم تستطيع كتابة تعديلات خاصة لعناصر تصميم محدد",
"Add component classes to your HTML": "أضف فئات العناصر إلى HTML الخاص بك",
"How to use daisyUI classes to style your page?": "كيفية استخدام فئات daisyUI لتصميم صفحتك؟",
"Once you installed daisyUI, you can use component classes like btn, card, etc.": "بمجرد تثبيت daisyUI، يمكنك استخدام فئات المكونات مثل btn، card، وما إلى ذلك.",
"So instead of making a button using only utility classes": "لذلك بدلاً من إنشاء زر باستخدام فئات الادوات فقط",
"You can just use a component class like this": "يمكنك فقط استخدام فئة العنصر كالتالي",
"Then you can modify the component with daisyUI additional utility classes": "ثم يمكنك تعديل العنصر باستخداسماء فئات الادوات الخاصة ب daisyUI",
"Or you can modify the component with Tailwind CSS utility classes": "أو العنصر باستخداسماء فئات الادوات الخاصةب Tailwind CSS",
"Utility classes and CSS variables": "فئات المرافق ومتغيرات CSS",
"Component specific CSS variables": "Component متغيرات CSS محددة",
"These CSS variables are being used internally for a specific component": "يتم استخدام متغيرات CSS هذه داخليًا لـ Component محدد",
"Do you have a question?": "هل لديك سؤال ؟",
"Do you see a bug?": "هل تود الابلاغ عن مشكلة ؟",
"Do you like daisyUI?": "هل اعجبتك مكتبة daisyUI؟",
"open an issue on GitHub": "اضف مسألة على GitHub",
"Support daisyUI's development": "daisyUI's ساعد على تطوير",
"Dropdown menu": "Dropdown Menu",
"Support daisyUI": "دعم daisyUI",
"Modal that closes when clicked outside": "Modal الذي يتم إغلاقه عند النقر عليه بالخارج",
"Framework install tutorials": "دروس تثبيت الإطار",
"daisyUI base style": "نمط قاعدة daisyUI",
"daisyUI adds a few base styles to your page.": "تضيف daisyUI بعض الأنماط الأساسية إلى صفحتك.",
"daisyUI provides a few useful utility classes and CSS variables to help you use the library more effectively.": "يوفر daisyUI بعض فئات الأدوات المساعدة المفيدة ومتغيرات CSS لمساعدتك في استخدام المكتبة بشكل أكثر فعالية.",
"1. Create a new Rsbuild project": "1. قم بإنشاء مشروع Rsbuild جديد",
"2. Install Tailwind CSS and daisyUI": "2. قم بتثبيت Tailwind CSS وdaisyUI",
"Create a new Rsbuild project in the current directory": "قم بإنشاء مشروع Rsbuild جديد في الدليل الحالي",
"Rsbuild has built-in support for PostCSS": "يحتوي Rsbuild على دعم مدمج لـ PostCSS",
"Create a postcss.config.mjs file and add Tailwind CSS to it": "أنشئ ملف postcss.config.mjs وأضف إليه Tailwind CSS",
"Now you can use daisyUI class names!": "الآن يمكنك استخدام أسماء فئات daisyUI!",
"1. Create a new WordPress project": "1. قم بإنشاء مشروع WordPress جديد",
"2. Install the WindPress plugin": "2. قم بتثبيت البرنامج المساعد WindPress",
"3. Install daisyUI": "3. قم بتثبيت daisyUI",
"1. Get Tailwind CSS executable": "1. احصل على Tailwind CSS القابل للتنفيذ",
"3. Add Tailwind CSS and daisyUI": "3. أضف Tailwind CSS وdaisyUI",
"4. Build CSS": "4. بناء CSS",
"Run this code to download latest version of daisyUI as a single js file and put it next to Tailwind's executable file.": "قم بتشغيل هذا الرمز لتنزيل أحدث إصدار من daisyUI كملف js واحد ووضعه بجوار الملف القابل للتنفيذ الخاص بـ Tailwind.",
"Run this command to build the CSS file using Tailwind CSS executable": "قم بتشغيل هذا الأمر لإنشاء ملف CSS باستخدام Tailwind CSS القابل للتنفيذ",
"1. Create a new React Router project": "1. قم بإنشاء مشروع React Router جديد",
"2. Install daisyUI": "2. قم بتثبيت daisyUI",
"3. Add daisyUI": "3. أضف daisyUI",
"Create a new React Router project in the current directory": "قم بإنشاء مشروع React Router جديد في الدليل الحالي",
"Put Tailwind CSS and daisyUI in your CSS file (and remove old styles)": "ضع Tailwind CSS وdaisyUI في ملف CSS الخاص بك (وقم بإزالة الأنماط القديمة)",
"1. Create a new Vue project": "1. قم بإنشاء مشروع Vue جديد",
"Create a new Vite Vue project in the current directory": "قم بإنشاء مشروع Vite Vue جديد في الدليل الحالي",
"Add Tailwind CSS to Vite config": "أضف Tailwind CSS إلى تكوين Vite",
"1. Install": "1. التثبيت",
"2. Add Tailwind CSS and daisyUI": "2. أضف Tailwind CSS وdaisyUI",
"3. Build CSS": "3. بناء CSS",
"Install PostCSS, Tailwind CSS, and daisyUI": "قم بتثبيت PostCSS وTailwind CSS وdaisyUI",
"Add a script to your package.json to build the CSS.": "قم بإضافة برنامج نصي إلى package.json الخاص بك لإنشاء CSS.",
"Run the script to build the CSS file": "قم بتشغيل البرنامج النصي لإنشاء ملف CSS",
"1. Create a new Angular project": "1. قم بإنشاء مشروع Angular جديد",
"2. Install Tailwind CSS, PostCSS, and daisyUI": "2. قم بتثبيت Tailwind CSS وPostCSS وdaisyUI",
"Install Angular CLI globally": "قم بتثبيت Angular CLI عالميًا",
"Run the Angular development server": "قم بتشغيل خادم التطوير الزاوي",
"1. Create a new Solid project": "1. قم بإنشاء مشروع صلب جديد",
"Create a new Solid project in the current directory": "قم بإنشاء مشروع Solid جديد في الدليل الحالي",
"1. Create a new Qwik project": "1. قم بإنشاء مشروع Qwik جديد",
"Create a new Qwik project in the current directory": "قم بإنشاء مشروع Qwik جديد في الدليل الحالي",
":INFO:": ":معلومات:",
"Install Tailwind CSS CLI and daisyUI": "قم بتثبيت Tailwind CSS CLI وdaisyUI",
"1. Create a new Bun project": "1. قم بإنشاء مشروع كعكة جديد",
"2. Install bun-plugin-tailwind and daisyUI": "2. قم بتثبيت Bun-plugin-tailwind وdaisyUI",
"3. Add HTML and CSS files": "3. إضافة ملفات HTML وCSS",
"Serve the HTML file": "خدمة ملف HTML",
"Create a new Bun project in the current directory": "قم بإنشاء مشروع Bun جديد في الدليل الحالي",
"1. Create a new SvelteKit project": "1. قم بإنشاء مشروع SvelteKit جديد",
"Create a new SvelteKit project in the current directory": "قم بإنشاء مشروع SvelteKit جديد في الدليل الحالي",
"Import the CSS file in your Svelte page (or layout)": "قم باستيراد ملف CSS في صفحة Svelte (أو التخطيط)",
"1. Create a new Vite project": "1. قم بإنشاء مشروع Vite جديد",
"Create a new Vite project in the current directory": "قم بإنشاء مشروع Vite جديد في الدليل الحالي",
"1. Create a new Nuxt project": "1. قم بإنشاء مشروع Nuxt جديد",
"Create a new Nuxt project in the current directory": "قم بإنشاء مشروع Nuxt جديد في الدليل الحالي",
"1. Create a new Next.js project": "1. قم بإنشاء مشروع Next.js جديد",
"Create a new Next.js project in the current directory": "قم بإنشاء مشروع Next.js جديد في الدليل الحالي",
"Add Tailwind CSS to your PostCSS config file": "أضف Tailwind CSS إلى ملف تكوين PostCSS الخاص بك",
"1. Create a new Vike project": "1. قم بإنشاء مشروع فايك جديد",
"Create a new Vike project in the current directory": "قم بإنشاء مشروع Vike جديد في الدليل الحالي",
"1. Create a new Solid Start project": "1. قم بإنشاء مشروع Solid Start جديد",
"Create a new Solid Start project in the current directory": "قم بإنشاء مشروع Solid Start جديد في الدليل الحالي",
"1. Create a new Astro project": "1. قم بإنشاء مشروع استرو جديد",
"Create a new Astro project in the current directory": "قم بإنشاء مشروع Astro جديد في الدليل الحالي",
"Add Tailwind CSS to Astro config": "أضف Tailwind CSS إلى تكوين Astro",
"Import the CSS file on top of your astro Layout file": "قم باستيراد ملف CSS أعلى ملف التخطيط الفلكي الخاص بك",
"1. Create a new React project": "1. قم بإنشاء مشروع React جديد",
"Create a new Vite React project in the current directory": "قم بإنشاء مشروع Vite React جديد في الدليل الحالي",
"1. Create a new Laravel project": "1. قم بإنشاء مشروع Laravel جديد",
"3. Run your project": "3. قم بتشغيل مشروعك",
"Create a new Laravel project": "إنشاء مشروع Laravel جديد",
"Run your Laravel project": "قم بتشغيل مشروع Laravel الخاص بك",
"And on another terminal tab, run Vite": "وفي علامة تبويب طرفية أخرى، قم بتشغيل Vite",
"1. Create a new Rails project": "1. قم بإنشاء مشروع ريلز جديد",
"2. Install Tailwind CSS for Rails": "2. قم بتثبيت Tailwind CSS لـ Rails",
"4. Create a homepage in Rails": "4. قم بإنشاء صفحة رئيسية في Rails",
"5. Start Rails": "5. ابدأ القضبان",
"Create a new Rails project": "إنشاء مشروع ريلز جديد",
"There are 3 ways to add daisyUI to your Rails project": "هناك ثلاث طرق لإضافة daisyUI إلى مشروع Rails الخاص بك",
"Initialize a package.json (if you don't have one) and install daisyUI": "قم بتهيئة package.json (إذا لم يكن لديك واحد) وقم بتثبيت daisyUI",
"Run this code to download latest version of daisyUI as a single js file": "قم بتشغيل هذا الرمز لتنزيل أحدث إصدار من daisyUI كملف js واحد",
"This method is recommended if you want to quickly add daisyUI without adding any file.": "يوصى بهذه الطريقة إذا كنت تريد إضافة daisyUI بسرعة دون إضافة أي ملف.",
"Now you can use daisyUI class names! Let's create a simple page and try a button": "الآن يمكنك استخدام أسماء الفئات daisyUI! دعونا ننشئ صفحة بسيطة ونجرب Button",
"What is daisyUI?": "ما هو daisyUI؟",
"How does daisyUI work?": "كيف يعمل daisyUI؟",
"Why should I use daisyUI?": "لماذا يجب علي استخدام daisyUI؟",
"What's the difference between daisyUI and Tailwind CSS?": "ما الفرق بين daisyUI وTailwind CSS؟",
"Is daisyUI aligned with Tailwind CSS' utility-first philosophy?": "هل تتماشى daisyUI مع فلسفة الأداة المساعدة Tailwind CSS؟",
"How does daisyUI fit in Atomic Design principles?": "كيف تتلاءم daisyUI مع مبادئ التصميم الذري؟",
"Is daisyUI free?": "هل daisyUI مجاني؟",
"How can I support daisyUI?": "كيف يمكنني دعم daisyUI؟",
"Can I use daisyUI without Tailwind CSS?": "هل يمكنني استخدام daisyUI بدون Tailwind CSS؟",
"Can I use daisyUI with other UI frameworks?": "هل يمكنني استخدام daisyUI مع أطر عمل واجهة المستخدم الأخرى؟",
"Which frameworks can I use daisyUI with?": "ما الأطر التي يمكنني استخدام daisyUI معها؟",
"daisyUI uses the Tailwind CSS plugin API to extend the available Tailwind CSS class names. This means that daisyUI is fully compatible with Tailwind CSS and you can use it with any Tailwind CSS project.": "يستخدم daisyUI واجهة برمجة تطبيقات Tailwind CSS الإضافية لتوسيع أسماء فئات Tailwind CSS المتوفرة. وهذا يعني أن daisyUI متوافق تمامًا مع Tailwind CSS ويمكنك استخدامه مع أي مشروع Tailwind CSS.",
"daisyUI is for you if you:": "daisyUI مناسب لك إذا كنت:",
"Are tired of writing thousands of utility class names repeatedly": "هل سئمت من كتابة الآلاف من أسماء فئات المرافق بشكل متكرر",
"Want more readable and maintainable code": "تريد المزيد من التعليمات البرمجية القابلة للقراءة والصيانة",
"Need to design interfaces faster with less code": "تحتاج إلى تصميم واجهات بشكل أسرع باستخدام تعليمات برمجية أقل",
"Want a consistent design system across projects": "تريد design system متسقًا عبر المشاريع",
"Want to use standard UI parts, without making design decisions for every single detail": "هل ترغب في استخدام أجزاء واجهة المستخدم القياسية، دون اتخاذ قرارات التصميم لكل التفاصيل",
"Want dark mode and many other themes available out of the box": "تريد الوضع المظلم والعديد من السمات الأخرى المتاحة خارج الصندوق",
"Want to use a design system that is based on real-world UI design principles": "هل ترغب في استخدام design system الذي يعتمد على مبادئ تصميم واجهة المستخدم الواقعية",
"Want development speed and customization at the same time": "تريد سرعة التطوير والتخصيص في نفس الوقت",
"daisyUI is not for you if you:": "daisyUI ليس مناسبًا لك إذا كنت:",
"Want to waste time re-inventing all the standard UI parts like buttons, cards, checkboxes, etc, for each project.": "هل ترغب في إضاعة الوقت في إعادة اختراع جميع أجزاء واجهة المستخدم القياسية مثل الأزرار والبطاقات ومربعات الاختيار وما إلى ذلك لكل مشروع.",
"Want to swim in the ocean of thousands of class names and never find your way out.": "تريد السباحة في محيط الآلاف من أسماء الفئات ولا تجد طريقك للخروج أبدًا.",
"Want to make your codebase a mess and spend hours figuring out what part of the code is responsible for what part of the UI.": "تريد أن تجعل قاعدة التعليمات البرمجية الخاصة بك في حالة من الفوضى وقضاء ساعات في معرفة أي جزء من التعليمات البرمجية مسؤول عن أي جزء من واجهة المستخدم.",
"Want to waste your time and money re-inventing the wheel instead of shipping your actual project.": "هل تريد إضاعة وقتك وأموالك في إعادة اختراع العجلة بدلاً من شحن مشروعك الفعلي.",
"For example Tailwind CSS class names decide if padding should be 4px or 8px. daisyUI class names decide if a HTML element should look like a card, a button, a toggle, etc, just like what we would call them semantically in a design system.": "على سبيل المثال، تحدد أسماء فئات Tailwind CSS ما إذا كان يجب أن تكون المساحة المتروكة 4 بكسل أو 8 بكسل. تحدد أسماء فئات daisyUI ما إذا كان عنصر HTML يجب أن يبدو مثل "بطاقة"، أو "زر"، أو "تبديل"، وما إلى ذلك، تمامًا مثل ما يمكن أن نطلق عليه دلاليًا في design system. (card, button, toggle)",
"This makes it easier to design interfaces with less code and more consistency. For example if you want to make a card using Tailwind CSS you would have to write one or multiple utility class names for each single CSS rule. Doing this over and over again for each element, for each page, for each project is time consuming and hard to manage. It also makes it harder to maintain your code as you have to always figure out what part of the code is responsible for what part of the UI.": "وهذا يجعل من السهل تصميم واجهات ذات تعليمات برمجية أقل وأكثر اتساقًا. على سبيل المثال، إذا كنت تريد إنشاء Card باستخدام Tailwind CSS، فسيتعين عليك كتابة اسم واحد أو عدة أسماء لفئة الأداة المساعدة لكل قاعدة CSS واحدة. إن القيام بذلك مرارًا وتكرارًا لكل عنصر، لكل صفحة، لكل مشروع يستغرق وقتًا طويلاً ويصعب إدارته. كما أنه يجعل من الصعب الحفاظ على التعليمات البرمجية الخاصة بك حيث يتعين عليك دائمًا معرفة أي جزء من التعليمات البرمجية مسؤول عن أي جزء من واجهة المستخدم.",
"daisyUI is not a replacement for Tailwind CSS, it's a plugin that makes Tailwind CSS more powerful and easier to use.": "daisyUI ليس بديلاً عن Tailwind CSS، فهو مكون إضافي يجعل Tailwind CSS أكثر قوة وأسهل في الاستخدام.",
"Yes! It's utility-first, not utility-only.": "نعم! إنها المنفعة أولاً، وليست المنفعة فقط.",
"We need customization development speed at the same time. daisyUI is here to make this possible.": "نحن بحاجة إلى سرعة تطوير التخصيص في نفس الوقت. daisyUI موجود هنا لجعل هذا ممكنًا.",
"Atomic Design is a methodology for creating design systems. It breaks down the UI into smaller parts, like atoms, molecules, organisms, etc.": "التصميم الذري هو منهجية لإنشاء أنظمة التصميم. فهو يقسم واجهة المستخدم إلى أجزاء أصغر، مثل الذرات والجزيئات والكائنات الحية، وما إلى ذلك.",
"You can think of Tailwind CSS utility classes as atoms. They are the smallest parts of the UI that you can use to build larger parts. daisyUI classes are like molecules and organisms. They are higher-level abstractions of the UI parts that are made of atoms.": "يمكنك اعتبار فئات الأداة المساعدة Tailwind CSS بمثابة ذرات. إنها أصغر أجزاء واجهة المستخدم التي يمكنك استخدامها لبناء أجزاء أكبر. تشبه فئات daisyUI الجزيئات والكائنات الحية. إنها تجريدات عالية المستوى لأجزاء واجهة المستخدم المصنوعة من الذرات.",
"Larger parts of the UI, like templates and pages are quickly possible by putting these molecules and organisms together in layouts, using grid or flexbox, and adding functionality and content to them.": "يمكن إنشاء أجزاء أكبر من واجهة المستخدم، مثل القوالب والصفحات، بسرعة من خلال تجميع هذه الجزيئات والكائنات معًا في تخطيطات، باستخدام الشبكة أو flexbox، وإضافة الوظائف والمحتوى إليها.",
"Yes, daisyUI is free and open-source, under the MIT license. You can use it in any project, commercial or non-commercial, without any restrictions.": "نعم، daisyUI مجاني ومفتوح المصدر، بموجب ترخيص MIT. يمكنك استخدامه في أي مشروع، تجاري أو غير تجاري، دون أي قيود.",
"Why is it free? daisyUI's goal is to improve the web development experience for everyone. I believe web development is already complex enough with all the different technologies, frameworks and tools. It takes a lot of time and effort to learn and master all these tools. daisyUI is here to make the design part of web development easier and faster, so you can focus on the actual product you are building.": "لماذا هو مجاني؟ هدف daisyUI هو تحسين تجربة تطوير الويب للجميع. أعتقد أن تطوير الويب معقد بالفعل بما فيه الكفاية مع جميع التقنيات والأطر والأدوات المختلفة. يستغرق تعلم كل هذه الأدوات وإتقانها الكثير من الوقت والجهد. تم تصميم daisyUI لجعل جزء التصميم من تطوير الويب أسهل وأسرع، حتى تتمكن من التركيز على المنتج الفعلي الذي تقوم بإنشائه.",
"You can support daisyUI by using it in your projects, sharing it with your friends and colleagues, and contributing to the project on GitHub. You can also support daisyUI by becoming a sponsor on GitHub or Open Collective.": "يمكنك دعم daisyUI من خلال استخدامه في مشاريعك ومشاركته مع أصدقائك وزملائك والمساهمة في المشروع على GitHub. يمكنك أيضًا دعم daisyUI من خلال أن تصبح راعيًا على GitHub أو Open Collective.",
"Alternatively if you don't want to use Tailwind CSS, you can use daisyUI for components and write your own styles for layout, spacing, etc.": "وبدلاً من ذلك، إذا كنت لا تريد استخدام Tailwind CSS، فيمكنك استخدام daisyUI لـ Components وكتابة الأنماط الخاصة بك للتخطيط والتباعد وما إلى ذلك.",
"Yes, you can mix and match daisyUI with any UI framework that add styles based on class names. If there's any class name conflict, you can use prefix to avoid conflicts between two libraries.": "نعم، يمكنك مزج daisyUI ومطابقته مع أي إطار عمل لواجهة المستخدم يضيف أنماطًا تعتمد على Class names. إذا كان هناك أي تعارض في Class name، فيمكنك استخدام البادئة لتجنب التعارضات بين مكتبتين.",
"ALL of them! daisyUI is framework agnostic. You can use it anywhere you can use CSS.": "كل منهم! daisyUI هو إطار ملحد. يمكنك استخدامه في أي مكان يمكنك فيه استخدام CSS.",
"exclude": "استبعاد",
"logs": "سجلات",
"daisyUI can be configured from your CSS file.": "يمكن تكوين daisyUI من ملف CSS الخاص بك.",
"Default config:": "التكوين Default:",
"In above example, we enable all themes.": "في المثال أعلاه، قمنا بتمكين كافة المواضيع.",
"In above example, we disable all themes. it's useful to disable all themes and add custom themes using": "في المثال أعلاه، قمنا بتعطيل كافة المواضيع. من المفيد تعطيل كافة السمات وإضافة سمات مخصصة باستخدام",
"In above example, we set dracula as the default theme. setting one value like this means only one theme will be available. Unless you add custom themes using": "في المثال أعلاه، قمنا بتعيين دراكولا كموضوع Default. تعيين قيمة واحدة مثل هذا يعني أنه سيتم توفير سمة واحدة فقط. إلا إذا قمت بإضافة سمات مخصصة باستخدام",
"In above example, we disable the logs of daisyUI. This is useful if you want to clean up the console output.": "في المثال أعلاه، قمنا بتعطيل سجلات daisyUI. يعد هذا مفيدًا إذا كنت تريد تنظيف مخرجات وحدة التحكم.",
"Default value": "قيمة Default",
"light --default, dark --prefersdark": "فاتح --Default، داكن --يفضل الظلام",
"string or comma separated list or false or all": "سلسلة أو List مفصولة بفاصلة أو false أو all",
"List of themes to enable. Use false to disable all themes. Use all to enable all themes. Add --default flag next to a theme name to set it as default theme. Add --prefersdark flag next to a theme name to set it as default theme for dark mode.": "List من المواضيع لتمكينها. استخدم "خطأ" لتعطيل جميع السمات. استخدم false لتمكين جميع السمات. أضف علامة all بجوار اسم السمة لتعيينها كموضوع افتراضي. أضف علامة --default بجوار اسم السمة لتعيينها كموضوع افتراضي للوضع المظلم. (--prefersdark)",
"":root"": "":الجذر"",
"The CSS selector to receive the CSS variables.": "محدد CSS لاستقبال متغيرات CSS.",
"comma separated list": "مفصولة بفاصلة List",
"List of components to include.": "List من Components لتشمل.",
"List of components to exclude.": "List من Components للاستبعاد.",
"Prefix for all daisyUI classes.": "بادئة لجميع فئات daisyUI.",
"Enable or disable logs.": "تمكين أو تعطيل السجلات.",
"Class names are not working": "أسماء الفصول لا تعمل",
"CSS files is too big": "ملفات CSS كبيرة جدًا",
"checkbox/toggle/radio styles are broken": "أنماط Checkbox/Toggle/Radio مكسورة",
"Themes are not working": "المواضيع لا تعمل",
"Add the themes you want": "أضف السمات التي تريدها",
"Theme CSS variables": "متغيرات موضوع CSS",
"You can also control the opacity of the color like": "يمكنك أيضًا التحكم في عتامة اللون مثل",
"Change the theme to see the border radius changes:": "قم بتغيير السمة لرؤية تغييرات نصف قطر الحدود:",
"creates a glass effect on the element.": "يخلق تأثير الزجاج على العنصر.",
"For advanced use: These CSS variables are being used internally for a specific components. You probably won't need to customize them, but you can if you want to.": "للاستخدام المتقدم: يتم استخدام متغيرات CSS هذه داخليًا لـ Components محدد. ربما لن تحتاج إلى تخصيصها، ولكن يمكنك ذلك إذا أردت ذلك.",
"These variables are for internal use. They are not subject of semantic versioning and some of them may be modified or removed in future minor versions, in which case your custom styles might lose their effect, so if you want to modify these variables and your UI really depends on the customized value, make sure you are using a fixed version of daisyUI, not the latest version.": "هذه المتغيرات للاستخدام الداخلي. إنها لا تخضع للإصدار الدلالي وقد يتم تعديل بعضها أو إزالتها في الإصدارات الثانوية المستقبلية، وفي هذه الحالة قد تفقد أنماطك المخصصة تأثيرها، لذلك إذا كنت تريد تعديل هذه المتغيرات وكانت واجهة المستخدم الخاصة بك تعتمد حقًا على القيمة المخصصة، فتأكد من أنك تستخدم إصدارًا ثابتًا من daisyUI، وليس الإصدار الأحدث.",
"Class Name": "Class name",
"Sets the background color to the primary color": "يضبط لون الخلفية على اللون الأساسي",
"Sets the ending color for a gradient to the primary color": "يضبط لون النهاية للتدرج إلى اللون الأساسي",
"via-primary": "عبر الابتدائي",
"Sets the middle color for a gradient to the primary color": "يضبط اللون الأوسط للتدرج إلى اللون الأساسي",
"Sets the starting color for a gradient to the primary color": "يضبط لون البداية للتدرج إلى اللون الأساسي",
"Sets the text color to the primary color": "يضبط لون النص على اللون الأساسي",
"ring-primary": "حلقة الابتدائي",
"Sets the ring color to the primary color": "يضبط لون الحلقة على اللون الأساسي",
"fill-primary": "ملء الابتدائي",
"Sets the fill color for SVG elements to the primary color": "يضبط لون التعبئة لعناصر SVG على اللون الأساسي",
"caret-primary": "علامة الإقحام الأولية",
"Sets the caret color to the primary color": "يضبط لون علامة الإقحام على اللون الأساسي",
"stroke-primary": "السكتة الدماغية الابتدائية",
"Sets the stroke color for SVG elements to the primary color": "يضبط لون الحد لعناصر SVG على اللون الأساسي",
"border-primary": "الحدود الابتدائية",
"Sets the border color to the primary color": "يضبط لون الحدود على اللون الأساسي",
"divide-primary": "تقسيم الابتدائي",
"Sets the color for dividing borders to the primary color": "يضبط اللون لتقسيم الحدود إلى اللون الأساسي",
"accent-primary": "لهجة الابتدائية",
"Sets the accent color to the primary color": "يضبط لون التمييز على اللون الأساسي",
"shadow-primary": "الظل الابتدائي",
"Sets the shadow color to the primary color": "يضبط لون الظل على اللون الأساسي",
"Sets the outline color to the primary color": "يضبط لون المخطط التفصيلي على اللون الأساسي",
"decoration-primary": "الديكور الابتدائي",
"Sets the text decoration color to the primary color": "يضبط لون زخرفة النص على اللون الأساسي",
"placeholder-primary": "العنصر النائب الأساسي",
"Sets the placeholder text color to the primary color": "يضبط لون نص العنصر النائب على اللون الأساسي",
"ring-offset-primary": "حلقة الإزاحة الأولية",
"Sets the ring offset color to the primary color": "يضبط لون إزاحة الحلقة على اللون الأساسي",
"CSS Variable": "CSS variable",
"var(--radius-box)": "فار (--نصف القطر-مربع)",
"For large sized components like card, modal, alert, etc.": "بالنسبة لـ Components ذات الحجم الكبير مثل Card، Modal، Alert، إلخ.",
"var(--radius-field)": "فار (--مجال نصف القطر)",
"For medium sized components like button, input, select, tab, etc.": "بالنسبة لـ Components متوسطة الحجم مثل Button، والإدخال، وSelect، وعلامة التبويب، وما إلى ذلك.",
"rounded-selector": "محدد مدور",
"var(--radius-selector)": "فار (-محدد نصف القطر)",
"For small sized components like checkbox, toggle, badge, etc.": "بالنسبة لـ Components صغير الحجم مثل Checkbox، Toggle، Badge، إلخ.",
"Primary brand color": "لون العلامة التجارية الأساسية",
"Foreground content color to use on primary color": "لون محتوى المقدمة الذي سيتم استخدامه على اللون الأساسي",
"Secondary brand color": "لون العلامة التجارية الثانوية",
"Foreground content color to use on secondary color": "لون المحتوى الأمامي لاستخدامه في اللون الثانوي",
"Accent brand color": "لون العلامة التجارية المميزة",
"Foreground content color to use on accent color": "لون المحتوى الأمامي لاستخدامه في لون التمييز",
"Neutral dark color": "لون داكن محايد",
"Foreground content color to use on neutral color": "لون محتوى المقدمة لاستخدامه على اللون المحايد",
"Base color of page, used for blank backgrounds": "اللون الأساسي للصفحة، يستخدم للخلفيات الفارغة",
"Base color, darker shade": "اللون الأساسي، الظل أغمق",
"Base color, even more darker shade": "اللون الأساسي، وحتى الظل أكثر قتامة",
"Foreground content color to use on base color": "لون محتوى المقدمة لاستخدامه على اللون الأساسي",
"Info color": "Info color",
"Foreground content color to use on info color": "لون محتوى المقدمة لاستخدامه في لون المعلومات",
"Success color": "Success color",
"Foreground content color to use on success color": "لون محتوى المقدمة لاستخدامه في لون النجاح",
"Warning color": "Warning color",
"Foreground content color to use on warning color": "لون محتوى المقدمة لاستخدامه في لون التحذير",
"Error color": "Error color",
"Foreground content color to use on error color": "لون محتوى المقدمة لاستخدامه في لون الخطأ",
"Border radius for selectors like checkbox, toggle, badge, etc": "نصف قطر الحدود لمحددات مثل Checkbox، Toggle، Badge، إلخ",
"Border radius for fields like input, select, tab, etc": "نصف قطر الحدود لحقول مثل الإدخال وSelect وعلامة التبويب وما إلى ذلك",
"Border radius for boxes like card, modal, alert, etc": "نصف قطر الحدود لصناديق مثل Card، Modal، Alert، إلخ",
"Base scale size for selectors like checkbox, toggle, badge, etc": "حجم المقياس الأساسي لمحددات مثل Checkbox، Toggle، Badge، إلخ",
"Base scale size for fields like input, select, tab, etc": "حجم المقياس الأساسي لحقول مثل الإدخال وSelect وعلامة التبويب وما إلى ذلك",
"Border width of all components": "عرض الحدود لجميع Components",
"(binary) Adds a depth effect for relevant components": "(ثنائي) يضيف تأثيرًا عميقًا لـ Components ذي الصلة",
"(binary) Adds a background noise effect for relevant components": "(ثنائي) يضيف تأثير ضوضاء الخلفية لـ Components ذي الصلة",
"color of the alert": "لون Alert",
"color of the badge": "لون Badge",
"size of the badge": "حجم Badge",
"background color of the button": "لون خلفية Button",
"foreground color of the button": "اللون الأمامي للButton",
"shadow of the button": "ظل Button",
"padding of the button": "حشوة Button",
"size of the button": "حجم Button",
"padding of the card body": "حشوة جسم Card",
"font size of the card body": "حجم الخط للنص Card",
"font size of the card title": "حجم الخط لعنوان Card",
"size of the checkbox": "حجم Checkbox",
"value of the countdown": "قيمة Countdown",
"margin of the divider": "هامش Divider",
"vertical position of the anchor": "الوضع الرأسي للمرساة",
"horizontal position of the anchor": "الوضع الأفقي للمرساة",
"File input": "File Input",
"color of the file input": "لون File Input",
"size of the file input": "حجم File Input",
"top position of the indicator": "الموضع العلوي للIndicator",
"bottom position of the indicator": "الموضع السفلي للIndicator",
"start position of the indicator": "موضع البداية لـ Indicator",
"end position of the indicator": "الموضع النهائي لـ Indicator",
"vertical position of the indicator": "الوضع الرأسي لـ Indicator",
"horizontal position of the indicator": "الوضع الأفقي للIndicator",
"color of the input": "لون الإدخال",
"size of the input": "حجم المدخلات",
"size of the kbd": "حجم Kbd",
"grid columns of the list": "أعمدة الشبكة من List",
"foreground color of the active menu item": "اللون الأمامي لعنصر Menu النشط",
"background color of the active menu item": "لون الخلفية لعنصر Menu النشط",
"top left border radius of the modal": "نصف قطر الحد الأيسر العلوي لـ Modal",
"top right border radius of the modal": "نصف قطر الحد الأيمن العلوي لـ Modal",
"bottom left border radius of the modal": "نصف قطر الحد الأيسر السفلي من Modal",
"bottom right border radius of the modal": "نصف قطر الحد الأيمن السفلي من Modal",
"value of the radial progress": "قيمة Radial progress",
"size of the radial progress": "حجم Radial progress",
"thickness of the radial progress": "سمك Radial progress",
"for calculating the radial progress position": "لحساب موقف Radial progress",
"size of the radio": "حجم Radio",
"background color of the range slider thumb": "لون خلفية الإبهام Range slider",
"color of the range slider thumb": "لون الإبهام Range slider",
"size of the range slider thumb": "حجم الإبهام Range slider",
"color of the range slider progress": "لون Range slider Progress",
"binary, whether to fill the range slider progress or not": "ثنائي، سواء لملء Range slider Progress أم لا",
"padding of the range slider thumb": "حشوة الإبهام Range slider",
"size of the range slider": "حجم Range slider",
"size of the select": "حجم Select",
"height of the tabs": "ارتفاع Tabs",
"direction of the tabs": "اتجاه Tabs",
"padding of the tab": "حشوة علامة التبويب",
"background color of the tab": "لون خلفية علامة التبويب",
"border color of the tab": "لون حدود علامة التبويب",
"start start border radius of the tab": "بدء نصف قطر الحدود لعلامة التبويب",
"start end border radius of the tab": "بداية نصف قطر الحدود لعلامة التبويب",
"end start border radius of the tab": "نهاية حدود بداية نصف قطر علامة التبويب",
"end end border radius of the tab": "نهاية نصف قطر حدود علامة التبويب",
"Order of the tab": "ترتيب علامة التبويب",
"minimum border radius of the lift tab": "الحد الأدنى لنصف قطر الحدود لعلامة تبويب الرفع",
"all padding values of the lift tab": "جميع قيم الحشو لعلامة تبويب الرفع",
"all border color values of the lift tab": "جميع قيم ألوان الحدود لعلامة تبويب الرفع",
"corner width of the lift tab": "عرض الزاوية لعلامة الرفع",
"corner height of the lift tab": "ارتفاع زاوية علامة الرفع",
"corner position of the lift tab": "موضع الزاوية لعلامة الرفع",
"inset position of the lift tab": "موضع إدراج علامة التبويب الرفع",
"border radius for the corner of the lift tab": "نصف قطر الحد لزاوية علامة تبويب الرفع",
"margin of the tab content": "هامش محتوى علامة التبويب",
"start start border radius of the tab content": "بدء نصف قطر الحدود لمحتوى علامة التبويب",
"start end border radius of the tab content": "بداية نصف قطر الحدود لمحتوى علامة التبويب",
"end start border radius of the tab content": "نهاية نصف قطر حدود البداية لمحتوى علامة التبويب",
"end end border radius of the tab content": "نهاية نصف قطر الحدود لمحتوى علامة التبويب",
"order of the tab content": "ترتيب محتوى علامة التبويب",
"size of the textarea": "حجم Textarea",
"start position of the timeline row": "موضع البداية للصف Timeline",
"end position of the timeline row": "الموضع النهائي للصف Timeline",
"start position of the timeline column": "موضع البدء للعمود Timeline",
"end position of the timeline column": "الموضع النهائي للعمود Timeline",
"horizontal position of the toast": "الوضع الأفقي للToast",
"vertical position of the toast": "الوضع الرأسي لـ Toast",
"padding of the toggle": "حشوة Toggle",
"size of the toggle": "حجم Toggle",
"background color of the tooltip": "لون خلفية Tooltip",
"offset of the tooltip": "إزاحة Tooltip",
"position of the tooltip tail": "موقف الذيل Tooltip",
"blur of the glass effect": "طمس تأثير الزجاج",
"opacity of the glass effect": "عتامة تأثير الزجاج",
"degree of the glass reflection": "درجة انعكاس الزجاج",
"opacity of the glass reflection": "عتامة الانعكاس الزجاجي",
"opacity of the glass border": "عتامة الحدود الزجاجية",
"opacity of the glass text shadow": "عتامة ظل النص الزجاجي",
"start start border radius of the join": "بدء تشغيل نصف قطر الحدود للانضمام",
"start end border radius of the join": "بداية نصف قطر الحدود للانضمام",
"end start border radius of the join": "نهاية بداية نصف قطر الحدود للانضمام",
"end end border radius of the join": "نهاية نهاية نصف قطر الحدود للانضمام",
"Color opacity and muted colors": "عتامة اللون والألوان الصامتة",
"bg-green-500": "بي جي-الأخضر-500",
"bg-orange-600": "بي جي-برتقالي-600",
"Example of theming a div with hardcoded color values": "مثال على إضافة div بقيم ألوان مشفرة",
"Using hardcoded color names": "استخدام أسماء الألوان المضمنة",
"🪦 Fixed color names, hardcoded based on the value": "🪦 أسماء الألوان الثابتة، المشفرة بناءً على القيمة",
"🚫 No automatic dark mode": "🚫 لا يوجد وضع مظلم تلقائي",
"😵‍💫 You have to add dark-mode colors for every element": "😵‍💫 عليك إضافة ألوان داكنة لكل عنصر",
"💸 high maintenance cost": "💸 تكلفة الصيانة مرتفعة",
"🐢 slow development": "🐢 بطء التطور",
"😩 hard to change a theme": "😩 من الصعب تغيير الموضوع",
"⛓️‍💥 high chance of inconsistency": "⛓️‍💥 احتمالية كبيرة لحدوث عدم الاتساق",
"😰 You are limited to 2 themes only: light and dark": "😰 أنت مقيد بموضوعين فقط: الضوء والظلام",
"Using semantic color names": "استخدام أسماء الألوان الدلالية",
"🎯 Semantic names, based on the purpose of the color": "🎯 الأسماء الدلالية حسب الغرض من اللون",
"✨ Automatic dark mode": "✨ الوضع المظلم التلقائي",
"🌓 No need to add any dark-mode class names": "🌓 لا حاجة لإضافة أي أسماء فئات في الوضع المظلم",
"🤑 Zero maintenance cost to add a theme": "🤑 لا توجد تكلفة صيانة لإضافة سمة",
"🚀 Fast development": "🚀 التطور السريع",
"⚡️ Easy to change themes": "⚡️ سهولة تغيير المواضيع",
"📘 All colors are consistent based on the design system": "📘 جميع الألوان متناسقة بناءً على design system",
"♾️ Unlimited themes, easy to switch": "♾️ سمات غير محدودة، سهلة التبديل",
"Color name": "اسم اللون",
"Where to use": "أين تستخدم",
"Primary brand color, The main color of your brand": "اللون الأساسي للعلامة التجارية، اللون الرئيسي لعلامتك التجارية",
"Secondary brand color, The optional, secondary color of your brand": "اللون الثانوي للعلامة التجارية، اللون الثانوي الاختياري لعلامتك التجارية",
"Accent brand color, The optional, accent color of your brand": "لون العلامة التجارية المميزة، اللون الاختياري المميز لعلامتك التجارية",
"Neutral dark color, For not-saturated parts of UI": "لون داكن محايد، للأجزاء غير المشبعة من واجهة المستخدم",
"Base surface color of page, used for blank backgrounds": "اللون الأساسي لسطح الصفحة، يُستخدم للخلفيات الفارغة",
"Base color, darker shade, to create elevations": "اللون الأساسي، الظل الداكن، لإنشاء الارتفاعات",
"Base color, even more darker shade, to create elevations": "اللون الأساسي، حتى الظل الأكثر قتامة، لإنشاء الارتفاعات",
"Info color, For informative/helpful messages": "لون المعلومات، للرسائل الإعلامية/المفيدة",
"Foreground content color to use on info color": "لون محتوى المقدمة الذي سيتم استخدامه في لون "المعلومات". (info)",
"Success color, For success/safe messages": "لون النجاح، للنجاح/الرسائل الآمنة",
"Foreground content color to use on success color": "لون محتوى المقدمة لاستخدامه في لون "النجاح". (success)",
"Warning color, For warning/caution messages": "لون التحذير، لرسائل التحذير/التحذير",
"Foreground content color to use on warning color": "لون محتوى المقدمة الذي سيتم استخدامه على لون "التحذير". (warning)",
"Error color, For error/danger/destructive messages": "لون الخطأ، لرسائل الخطأ/الخطر/التدميرية",
"Foreground content color to use on error color": "لون محتوى المقدمة الذي سيتم استخدامه على لون "الخطأ". (error)",
"Also available on CDN /colors/properties.css": "متوفر أيضًا على CDN /colors/properties.css",
"Also available on CDN /colors/properties-extended.css": "متوفر أيضًا على CDN /colors/properties-extendi.css",
"Enable a built-in theme": "تمكين سمة مدمجة",
"Enable all themes": "تمكين كافة المواضيع",
"Disable a theme": "تعطيل موضوع",
"All the other values will be inherited from the original theme.": "سيتم توريث جميع القيم الأخرى من السمة الأصلية.",
"Headers: Making a Statement": "العناوين: الإدلاء ببيان",
"Second Heading, for the Page Subtitle": "العنوان الثاني، للعنوان الفرعي للصفحة",
"Third Heading, usually for the Section Title": "العنوان الثالث، عادة لعنوان القسم",
"Fourth Heading, usually for the Subsection Title": "العنوان الرابع، عادة لعنوان القسم الفرعي",
"Fifth Heading, for the Subsubsection Title": "العنوان الخامس، لعنوان القسم الفرعي",
"Sixth Heading, for the Paragraph Title": "العنوان السادس، لعنوان الفقرة",
"Text Formatting: Adding Emphasis": "تنسيق النص: إضافة التركيز",
"Bold and Italic": "غامق ومائل",
"Blockquotes": "علامات الاقتباس",
"Lists: Organizing Information": "القوائم: تنظيم المعلومات",
"Unordered Lists": "قوائم غير مرتبة",
"Ordered Lists": "القوائم المرتبة",
"Links and Images: Adding Interactivity": "الروابط والصور: إضافة التفاعل",
"Images": "الصور",
"Code: Showcasing Your Work": "الكود: عرض عملك",
"Inline Code": "كود مضمن",
"Code Blocks": "كتل التعليمات البرمجية",
"Tables: Organizing Data": "الجداول: تنظيم البيانات",
"Colors: Adding Vibrancy": "الألوان: إضافة حيوية",
"Here's a demo text to demonstrate the Tailwind CSS Typography plugin in combination with daisyUI colors:": "فيما يلي نص تجريبي لتوضيح المكوّن الإضافي Tailwind CSS Typography مع ألوان daisyUI:",
"Visit daisyUI": "قم بزيارة daisyUI",
"Here is an example of inline code:": "فيما يلي مثال للكود المضمن:",
"Italic": "مائل",
"Bold": "جريئة",
"Utility-first CSS framework": "إطار عمل CSS المنفعة أولاً",
"Tailwind CSS plugin for styling HTML": "البرنامج المساعد Tailwind CSS لتصميم HTML",
"Markdown": "Markdown",
"Lightweight markup language": "لغة ترميزية خفيفة الوزن",
"Various themes for styling": "مواضيع مختلفة للتصميم",
"Available": "متاح",
"Source code": "كود المصدر",
"These are the tiny base styles that daisyUI adds to your page. These styles are less than a kilobyte in total, so you don't need to worry about the size": "هذه هي الأنماط الأساسية الصغيرة التي يضيفها daisyUI إلى صفحتك. يبلغ إجمالي هذه الأنماط أقل من كيلو بايت، لذا لا داعي للقلق بشأن الحجم",
"rootcolor": "com.rootcolor",
"rootscrolllock": "rootcrolllock",
"rootscrollgutter": "rootscrollgutter",
"For necessary at-rules, like variable type for --radialprogress": "للحصول على القواعد الضرورية، مثل النوع المتغير لـ --radialprogress",
"For :root and [data-theme] it sets background-color to base-100 and text color to base-content": "بالنسبة إلى :root و[data-theme]، يتم تعيين لون الخلفية على base-100 ولون النص على base-content.",
"Sets scrollbar-color for :root": "يضبط لون شريط التمرير لـ :root",
"Sets :root to overflow: hidden when modal or drawer is open": "يضبط :root على overflow: hidden عندما يكون Modal أو الدرج مفتوحًا",
"Adds a scrollbar-gutter to :root when modal or drawer is open, to avoid layout shift": "إضافة "مزراب شريط التمرير" إلى ":الجذر" عندما يكون Modal أو الدرج مفتوحًا، لتجنب تغيير التخطيط (scrollbar-gutter, :root)",
"Contains small SVG images for noise filter, chat bubble tail mask, and tooltip tail mask. Can be disabled to use custom images.": "يحتوي على صور SVG صغيرة للضوضاء Filter، وChat bubble ذيل Mask، وTooltip ذيل Mask. يمكن تعطيله لاستخدام الصور المخصصة.",
"VSCode and Copilot": "VSCode ومساعد الطيار",
"Run this command to save the llms.txt file to": "قم بتشغيل هذا الأمر لحفظ ملف llms.txt فيه",
"Add this:": "أضف هذا:",
"Structure": "الهيكل",
"soon": "قريبا",
"Put Tailwind CSS and daisyUI in your CSS file at src/ (and remove old styles).": "ضع Tailwind CSS وdaisyUI في ملف CSS الخاص بك على src/ (وقم بإزالة الأنماط القديمة).",
"Install WordPress according to the Official WordPress guide.": "قم بتثبيت WordPress وفقًا لـ دليل WordPress الرسمي.",
"In this guide, we will use the WindPress plugin to install Tailwind CSS and daisyUI in a WordPress project.": "في هذا الدليل، سنستخدم المكوّن الإضافي WindPress لتثبيت Tailwind CSS وdaisyUI في مشروع WordPress.",
"Navigate to the Plugins → Add New Plugin sub-menu.": "انتقل إلى "المكونات الإضافية → إضافة مكون إضافي جديد" الفرعي Menu. (Plugins → Add New Plugin)",
"Search for the WordPress plugin by typing WindPress in the search bar.": "ابحث عن مكون WordPress الإضافي عن طريق كتابة WindPress في شريط البحث.",
"Click the Install Now button to install the WordPress plugin.": "انقر فوق "التثبيت الآن" Button لتثبيت مكون WordPress الإضافي. (Install Now)",
"Once the plugin is installed, click the Activate button to activate the WindPress plugin.": "بمجرد تثبيت البرنامج المساعد، انقر فوق "تنشيط" Button لتنشيط البرنامج المساعد WindPress. (Activate)",
"Navigate to the WindPress dashboard by clicking the WindPress menu item in the WordPress admin sidebar.": "انتقل إلى لوحة تحكم WindPress بالنقر فوق عنصر WindPress Menu في الشريط الجانبي لمسؤول WordPress.",
"Then, click the main.css file on the explorer sidebar to open the file editor.": "ثم انقر فوق الملف main.css الموجود على الشريط الجانبي للمستكشف لفتح محرر الملفات.",
"Add daisyUI at the end of code in the main.css file": "أضف daisyUI في نهاية الكود في ملف main.css.",
"Add Tailwind CSS and daisyUI to your CSS file.": "قم بإضافة Tailwind CSS وdaisyUI إلى ملف CSS الخاص بك.",
"Address your HTML and other markup files in the source function.": "قم بمعالجة ملفات HTML وملفات الترميز الأخرى في وظيفة "المصدر". (source)",
"Initialize a new Node project in the current directory using npm init -y if it's not a Node project already.": "قم بتهيئة مشروع Node جديد في الدليل الحالي باستخدام npm init -y إذا لم يكن مشروع Node بالفعل.",
"This command creates a public/output.css file with the compiled CSS. You can link this file to your HTML file.": "يقوم هذا الأمر بإنشاء ملف public/output.css باستخدام ملف CSS المترجم. يمكنك Link هذا الملف إلى ملف HTML الخاص بك.",
"Create a new Angular project called my-project and navigate to it": "قم بإنشاء مشروع Angular جديد يسمى my-project وانتقل إليه",
"Add Tailwind CSS plugin for PostCSS to a new .postcssrc.json file at root": "أضف البرنامج المساعد Tailwind CSS لـ PostCSS إلى ملف .postcssrc.json الجديد في الجذر",
"This guide uses daisyUI as a Node.js dependency. If you don't want to use Node.js, try the CDN version of daisyUI.": "يستخدم هذا الدليل daisyUI باعتباره تابعًا لـ Node.js. إذا كنت لا تريد استخدام Node.js، فجرّب إصدار CDN من daisyUI.",
"Using Bun 1.2.4+ you can serve HTML and CSS files directly in a dev server. Here's how to setup daisyUI for it.": "باستخدام Bun 1.2.4+، يمكنك تقديم ملفات HTML وCSS مباشرة في خادم التطوير. إليك كيفية إعداد daisyUI لذلك.",
"Create a bunfig.toml file at root and add bun-plugin-tailwind as a plugin": "قم بإنشاء ملف bunfig.toml في الجذر وأضف Bun-plugin-tailwind كمكون إضافي",
"Create index.html at root": "أنشئ index.html في الجذر",
"Create style.css at root, add Tailwind CSS and daisyUI": "أنشئ style.css في الجذر، وأضف Tailwind CSS وdaisyUI",
"Install PHP, Composer and Laravel Installer according to the official Laravel documentation": "قم بتثبيت PHP وComposer وLaravel Installer وفقًا لـ وثائق Laravel الرسمية",
"Install Ruby on Rails according to the official Rails guide.": "قم بتثبيت Ruby on Rails وفقًا لـ دليل Rails الرسمي.",
"Install Tailwind CSS 4 gem for Rails": "تثبيت Tailwind CSS 4 جوهرة لـ Rails",
"This method is recommended if are already using Node.js.": "يوصى بهذه الطريقة إذا كنت تستخدم Node.js بالفعل.",
"This works as a Tailwind CSS plugin so only the class names you need will be added to your CSS file.": "يعمل هذا كمكون إضافي لـ Tailwind CSS، لذا ستتم إضافة أسماء الفئات التي تحتاجها فقط إلى ملف CSS الخاص بك.",
"This method is recommended if you are not using Node.js.": "يوصى بهذه الطريقة إذا كنت لا تستخدم Node.js.",
"You can choose the parts you need": "يمكنك اختيار الأجزاء التي تحتاجها",
"You can import small CSS files separately": "يمكنك استيراد ملفات CSS الصغيرة بشكل منفصل",
"You can import all themes or specific themes": "يمكنك استيراد جميع السمات أو سمات محددة",
"daisyUI is a collection of CSS class names. These class names are a high-level abstraction of Tailwind CSS utility classes.": "daisyUI عبارة عن مجموعة من أسماء فئات CSS. تعد أسماء الفئات هذه بمثابة تجريد عالي المستوى لفئات الأداة المساعدة Tailwind CSS.",
"Imagine you use Tailwind CSS with superpowers!": "تخيل أنك تستخدم Tailwind CSS مع قوى خارقة!",
"daisyUI is a NPM package, you can install it as a dev dependency in your project.": "daisyUI عبارة عن حزمة NPM، ويمكنك تثبيتها كتبعية للتطوير في مشروعك.",
"Then you add it to Tailwind CSS as a plugin. This makes all the daisyUI class names available to Tailwind CSS and you can use them like any other Tailwind CSS class names.": "ثم تقوم بإضافته إلى Tailwind CSS كمكون إضافي. وهذا يجعل جميع أسماء فئات daisyUI متاحة لـ Tailwind CSS ويمكنك استخدامها مثل أي أسماء فئات Tailwind CSS أخرى.",
"Tailwind CSS provides low-level utility classes, which usually include only one CSS rule.": "يوفر Tailwind CSS فئات أدوات مساعدة منخفضة المستوى، والتي تتضمن عادةً قاعدة CSS واحدة فقط.",
"daisyUI classes are a combination of multiple CSS rule that are named semantically for each part of the UI.": "فئات daisyUI هي مزيج من قواعد CSS المتعددة التي يتم تسميتها بشكل دلالي لكل جزء من واجهة المستخدم.",
"daisyUI solves this problem by providing higher level class names that are named based on the UI parts. For example to make a card, we simply use the card class name and daisyUI gives you all the necessary CSS rules to make a card. Then if you need additional customization, you can add Tailwind CSS utility classes to the element to make it look the way you want.": "يحل daisyUI هذه المشكلة عن طريق توفير Class names ذات المستوى الأعلى والتي يتم تسميتها بناءً على أجزاء واجهة المستخدم. على سبيل المثال لإنشاء Card، نستخدم ببساطة card Class name وdaisyUI يمنحك جميع قواعد CSS اللازمة لإنشاء Card. ثم إذا كنت بحاجة إلى تخصيص إضافي، يمكنك إضافة فئات الأداة المساعدة Tailwind CSS إلى العنصر لجعله يبدو بالطريقة التي تريدها.",
"daisyUI is built on top of Tailwind CSS's component API. Tailwind CSS as a library provides utility classes and suggests using utility classes for maximum flexibility and customization. However that's means slower development and more code to write.": "تم بناء daisyUI على قمة Tailwind CSS's Component API. توفر Tailwind CSS كمكتبة فئات المرافق وتقترح استخدام فئات المرافق لتحقيق أقصى قدر من المرونة والتخصيص. ولكن هذا يعني تطويرًا أبطأ والمزيد من التعليمات البرمجية للكتابة.",
"That's why many people find it hard to use Tailwind CSS for designing interfaces. It takes a professional designer to make design decisions for many details of the UI to make them look good. It also takes a lot of time to write all the utility class names for each part of the UI. Even copying and pasting those huge chunks of utility class names is not helpful, as it makes the codebase hard to read and maintain.": "ولهذا السبب يجد العديد من الأشخاص صعوبة في استخدام Tailwind CSS لتصميم الواجهات. يتطلب الأمر مصممًا محترفًا لاتخاذ قرارات التصميم للعديد من تفاصيل واجهة المستخدم لجعلها تبدو جيدة. يستغرق الأمر أيضًا الكثير من الوقت لكتابة كافة أسماء فئات الأداة المساعدة لكل جزء من واجهة المستخدم. حتى نسخ ولصق هذه الأجزاء الضخمة من أسماء فئات المرافق ليس مفيدًا، لأنه يجعل من الصعب قراءة قاعدة التعليمات البرمجية وصيانتها.",
"Imagine one side of the spectrum is maximum customization and flexibility and you should make design decisions for every single detail. On the other side of the spectrum is maximum development speed and less code to write, but you have no control over the design. daisyUI and Tailwind CSS together give you the best of both worlds.": "تخيل أن جانبًا واحدًا من الطيف هو أقصى قدر من التخصيص والمرونة ويجب عليك اتخاذ قرارات التصميم لكل التفاصيل. على الجانب الآخر من الطيف، توجد أقصى سرعة للتطوير ورمز أقل للكتابة، لكن ليس لديك أي سيطرة على التصميم. يمنحك daisyUI وTailwind CSS معًا أفضل ما في العالمين.",
"Use daisyUI class names to write less code and develop faster, and use Tailwind CSS utility classes to customize the design when you need to.": "استخدم أسماء فئات daisyUI لكتابة تعليمات برمجية أقل والتطوير بشكل أسرع، واستخدم فئات الأدوات المساعدة Tailwind CSS لتخصيص التصميم عندما تحتاج إلى ذلك.",
"Is it full circle?": "هل هي دائرة كاملة؟",
"If you've been using Bootstrap many years ago, you may think it doesn't make sense to go back to using components.": "إذا كنت تستخدم Bootstrap منذ سنوات عديدة، فقد تعتقد أنه من غير المنطقي العودة إلى استخدام Components.",
"But here's the catch: The problem with Bootstrap was not class names! Bootstrap class names were actually really fast to work with. The problem was lack of customization and flexibility. At some point every Bootstrap website looked the same unless you open a CSS file and write tons of custom CSS.": "ولكن هنا تكمن المشكلة: المشكلة في Bootstrap لم تكن أسماء الفئات! كانت أسماء فئات Bootstrap سريعة جدًا في العمل معها. كانت المشكلة هي الافتقار إلى التخصيص والمرونة. في مرحلة ما، بدا كل موقع من مواقع Bootstrap متشابهًا إلا إذا قمت بفتح ملف CSS وكتابة الكثير من CSS المخصصة.",
"Tailwind CSS solves this problem of customization and flexibility but the cost is slower development and more code to write! You wanted customization and flexibility? Good luck making design decisions for every single pixel in your page! Not a practical approach, right?": "يحل Tailwind CSS مشكلة التخصيص والمرونة هذه ولكن التكلفة تتمثل في تطوير أبطأ والمزيد من التعليمات البرمجية للكتابة! هل تريد التخصيص والمرونة؟ حظًا سعيدًا في اتخاذ قرارات التصميم لكل بكسل في صفحتك! ليس نهجا عمليا، أليس كذلك؟",
"Yes, daisyUI can be used standalone without Tailwind CSS. However, it's recommended to use daisyUI with Tailwind CSS. Here's why:": "نعم، يمكن استخدام daisyUI بشكل مستقل بدون Tailwind CSS. ومع ذلك، يوصى باستخدام daisyUI مع Tailwind CSS. إليكم السبب:",
"daisyUI provides pieces of UI you can use to make a website. Like Button, Toggle, Card, etc. You need something to glue these pieces together! For example you need flex box, grid, padding, margin, etc. Tailwind CSS provides these low-level utility classes that you can use to glue the UI pieces together. So daisyUI and Tailwind CSS are a perfect match. You can use daisyUI to design the UI parts and Tailwind CSS for layout, spacing, font-size and other low-level CSS rules.": "يوفر daisyUI أجزاء من واجهة المستخدم التي يمكنك استخدامها لإنشاء موقع ويب. مثل Button، وToggle، وCard، وما إلى ذلك. أنت بحاجة إلى شيء ما للصق هذه القطع معًا! على سبيل المثال، تحتاج إلى مربع مرن، وشبكة، وحشوة، وهامش، وما إلى ذلك. يوفر Tailwind CSS فئات الأدوات المساعدة منخفضة المستوى هذه التي يمكنك استخدامها للصق أجزاء واجهة المستخدم معًا. لذا فإن daisyUI وTailwind CSS متطابقان تمامًا. يمكنك استخدام daisyUI لتصميم أجزاء واجهة المستخدم وTailwind CSS للتخطيط والتباعد وحجم الخط وقواعد CSS الأخرى ذات المستوى المنخفض.",
"In above example, we have 4 themes: nord, abyss, cupcake, and dracula. nord is the default theme, abyss is the default theme for dark mode, and cupcake and dracula are available to use with data-theme=\"cupcake\" and data-theme=\"dracula\".": "في المثال أعلاه، لدينا 4 سمات: "الشمال"، و"الهاوية"، و"كب كيك"، و"دراكولا". nord هو سمة Default، Abyss هو سمة Default للوضع المظلم، وCupcake وdracula متاحان للاستخدام مع abysscupcakecupcakedata-theme=dracula. (data-theme=\"cupcake\", data-theme=\"dracula\")",
"In above example, we disable all themes. it's useful to disable all themes and add custom themes using @plugin \"daisyui/theme\"": "في المثال أعلاه، قمنا بتعطيل كافة المواضيع. من المفيد تعطيل جميع السمات وإضافة سمات مخصصة باستخدام @plugin \"daisyui/theme\"",
"In above example, we set dracula as the default theme. setting one value like this means only one theme will be available. Unless you add custom themes using @plugin \"daisyui/theme\"": "في المثال أعلاه، قمنا بتعيين دراكولا كموضوع Default. تعيين قيمة واحدة مثل هذا يعني أنه سيتم توفير سمة واحدة فقط. ما لم تقم بإضافة سمات مخصصة باستخدام @plugin \"daisyui/theme\"",
"In above example, we set the CSS variables on #my-app instead of :root. This way all daisyUI global CSS variables will be scoped to #my-app.": "في المثال أعلاه، قمنا بتعيين متغيرات CSS على #my-app بدلاً من :root. بهذه الطريقة سيتم تحديد نطاق جميع متغيرات CSS العالمية لـ daisyUI إلى #my-app.",
"This is useful to use daisyUI in a scoped environment like a web component or a shadow DOM or a specific part of the page.": "يعد هذا مفيدًا لاستخدام daisyUI في بيئة محددة النطاق مثل ويب Component أو DOM الظل أو جزء معين من الصفحة.",
"In above example, we only include the button, input, and select components. All other styles of daisyUI library will be excluded.": "في المثال أعلاه، قمنا فقط بتضمين Button، والإدخال، وSelect Components. سيتم استبعاد كافة الأنماط الأخرى لمكتبة daisyUI.",
"Here are the file names you can include or exclude.": "إليك أسماء الملفات التي يمكنك تضمينها أو استبعادها.",
"In above example, we exclude the rootscrollgutter style which is added to the :root when a modal or drawer is open.": "في المثال أعلاه، قمنا باستبعاد نمط rootscrollgutter الذي يضاف إلى :root عندما يكون Modal أو الدرج مفتوحًا.",
"In above example, we exclude the listed files. All other parts of daisyUI will be available to use. This is useful if you want to opt out of some parts of daisyUI or if you want to mix daisyUI for some parts and another library for the rest.": "في المثال أعلاه، قمنا باستبعاد الملفات المدرجة. ستكون جميع الأجزاء الأخرى من daisyUI متاحة للاستخدام. يعد هذا مفيدًا إذا كنت تريد إلغاء الاشتراك في بعض أجزاء daisyUI أو إذا كنت تريد مزج daisyUI لبعض الأجزاء ومكتبة أخرى للباقي.",
"In above example, all daisyUI classes will be prefixed with d-. For example, btn will be d-btn.": "في المثال أعلاه، ستبدأ جميع فئات daisyUI بـ d-. على سبيل المثال، btn سيكون d-btn.",
"Try using @source Explicitly register sources": "حاول استخدام @source تسجيل المصادر بشكل صريح",
"Using Tailwind CSS and daisyUI, it is expected for CSS files to be very small. Ideally only the class names you used must be in the CSS file. Sometimes (specially in monorepos) it is possible that Tailwind CSS automatic class name detection finds some unwanted strings in your project and generate styles for them. To avoid this, you can disable automatic detection and register your source files using @source directive.": "باستخدام Tailwind CSS وdaisyUI، من المتوقع أن تكون ملفات CSS صغيرة جدًا. من الناحية المثالية، يجب أن تكون ملفات Class names التي استخدمتها فقط موجودة في ملف CSS. في بعض الأحيان (خاصة في monorepos) من الممكن أن يجد Tailwind CSS الكشف التلقائي عن Class name بعض السلاسل غير المرغوب فيها في مشروعك ويقوم بإنشاء أنماط لها. لتجنب ذلك، يمكنك تعطيل الاكتشاف التلقائي وتسجيل ملفات المصدر باستخدام التوجيه @source.",
"Probably you're using @tailwindcss/forms (or another style or plugin) that is affecting form elements.": "من المحتمل أنك تستخدم @tailwindcss/forms (أو نمطًا أو مكونًا إضافيًا آخر) يؤثر على عناصر النموذج.",
"daisyUI applies styles to class names but @tailwindcss/forms by default, applies styles to all form elements.": "يطبق daisyUI الأنماط على أسماء الفئات ولكن @tailwindcss/forms بواسطة Default، يطبق الأنماط على كافة عناصر النموذج.",
"If you really need @tailwindcss/forms alongside with daisyUI (which I doubt, because both are doing the same job) consider using its strategy: 'class' config so it only applies style to the elements with specific class name (not all form elements)": "إذا كنت حقًا بحاجة إلى @tailwindcss/forms جنبًا إلى جنب مع daisyUI (وهو ما أشك فيه، لأن كلاهما يقومان بنفس المهمة) ففكر في استخدام strategy: 'class' config بحيث يطبق النمط فقط على العناصر ذات Class name المحددة (وليس كل عناصر النموذج)",
"Add the themes you want": "أضف السمات التي تريدها",
"If you're using a custom theme make sure you're using all the required CSS variables": "إذا كنت تستخدم سمة مخصصة، فتأكد من أنك تستخدم جميع متغيرات CSS المطلوبة",
"With daisyUI, you don't need to manually set colors using dark: variant": "باستخدام daisyUI، لا تحتاج إلى تعيين الألوان يدويًا باستخدام dark:variable",
"As long as you use daisyUI colors they will work on all themes, light or dark.": "طالما أنك تستخدم ألوان daisyUI فإنها ستعمل على جميع المظاهر، الفاتحة أو الداكنة.",
"If you really want to use Tailwind's dark: variant, here's how to do it.": "إذا كنت تريد حقًا استخدام متغير Tailwind dark:، إليك كيفية القيام بذلك.",
"All daisyUI colors can be used as utility classes. Just like any other Tailwind CSS color.": "يمكن استخدام كافة ألوان daisyUI كفئات فائدة. تمامًا مثل أي لون Tailwind CSS آخر.",
"For example you can use primary color with any of Tailwind CSS color utilities.": "على سبيل المثال، يمكنك استخدام اللون "الأساسي" مع أي من أدوات الألوان المساعدة لـ Tailwind CSS. (primary)",
"Read more about color names.": "اقرأ المزيد عن أسماء الألوان.",
"You can use bg-primary to set the background color to the primary color and text-primary-content to set the text color to the primary color.": "يمكنك استخدام bg-primary لتعيين لون الخلفية إلى اللون الأساسي وtext-primary-content لتعيين لون النص إلى اللون الأساسي.",
"Tailwind CSS provides fixed values for border radius, such as rounded-sm, rounded-lg, rounded-xl, etc.": "يوفر Tailwind CSS قيمًا ثابتة لنصف قطر الحدود، مثل rounded-sm وrounded-lg وrounded-xl وما إلى ذلك.",
"daisyUI provides a few more border radius values which are tokenized for components and can be customized based on the theme.": "يوفر daisyUI عددًا قليلًا من قيم نصف القطر الحدودية التي تم ترميزها لـ Components ويمكن تخصيصها بناءً على السمة.",
"glass creates a glass effect on the element.": "ينشئ "الزجاج" تأثيرًا زجاجيًا على العنصر. (glass)",
"These CSS variables can be customized for each themes. Read more about color names.": "يمكن تخصيص متغيرات CSS هذه لكل سمة. اقرأ المزيد عن أسماء الألوان.",
"Every part of daisyUI is available on CDN as separate CSS files.": "كل جزء من daisyUI متوفر على CDN كملفات CSS منفصلة.",
"These components automatically set the correct background color, text color, border color, etc as needed so you don't need to set those colors manually. For example btn-primary sets primary color for background and border, and sets primary-content color for the text automatically as default. You can customize them using utility classes if you want to change the color.": "يقوم Components تلقائيًا بتعيين لون الخلفية الصحيح ولون النص ولون الحدود وما إلى ذلك حسب الحاجة لذلك لا تحتاج إلى ضبط هذه الألوان يدويًا. على سبيل المثال، يقوم btn-primary بتعيين اللون primary للخلفية والحدود، ويعين لون primary-content للنص تلقائيًا على أنه Default. يمكنك تخصيصها باستخدام فئات المرافق إذا كنت تريد تغيير اللون.",
"So you can use bg-primary, border-secondary, etc. Read more about daisyUI color utility classes.": "لذلك يمكنك استخدام bg-primary وborder-secondary وما إلى ذلك. اقرأ المزيد حول فئات الأداة المساعدة لألوان daisyUI.",
"Sometimes we need a muted text. something with less contrast. The best way to do this is using Tailwind CSS color opacity modifier by adding a /50 (or any other value) to the end of color name. Like text-base-content/50": "في بعض الأحيان نحتاج إلى نص صامت. شيء مع تباين أقل. أفضل طريقة للقيام بذلك هي استخدام عتامة اللون Tailwind CSS Modifier عن طريق إضافة /50 (أو أي قيمة أخرى) إلى نهاية اسم اللون. مثل "محتوى قاعدة النص/50". (text-base-content/50)",
"The advantage of using opacity is that it gives a constant result on all themes, for all colors.": "تتمثل ميزة استخدام العتامة في أنها تعطي نتيجة ثابتة لجميع السمات ولجميع الألوان.",
"You can use it with any opacity value, you can use it for any color. For example primary-content:": "يمكنك استخدامه مع أي قيمة عتامة، ويمكنك استخدامه لأي لون. على سبيل المثال المحتوى الأساسي:",
"You can also create your own custom themes or customize built-in themes.": "يمكنك أيضًا إنشاء السمات المخصصة الخاصة بك أو تخصيص السمات المضمنة.",
"You can manage themes by adding brackets in front of @plugin \"daisyui\" in your CSS file.": "يمكنك إدارة السمات عن طريق إضافة أقواس أمام @plugin \"daisyui\" في ملف CSS الخاص بك.",
"themes is a comma-separated list of theme names you want to enable.": ""الموضوعات" عبارة عن List مفصولة بفواصل لأسماء السمات التي تريد تمكينها. (themes)",
"You can set --default flag for a theme to make it the default theme.": "يمكنك تعيين علامة --default للقالب لجعله السمة الافتراضية.",
"You can also set --prefersdark flag for a theme to make it the default theme for dark mode (prefers-color-scheme: dark).": "يمكنك أيضًا تعيين علامة --prefersdark للسمة لجعلها سمة Default للوضع المظلم (يفضل نظام الألوان: داكن).",
"By default, light and dark themes are enabled. Let's enable cupcake theme:": "بواسطة Default، يتم تمكين السمات "الفاتحة" و"الداكنة". دعونا نقوم بتمكين موضوع "كب كيك": (light, dark, cupcake)",
"And set cupcake theme for the page:": "وقم بتعيين موضوع "كب كيك" للصفحة: (cupcake)",
"To disable dark theme for example, remove it from the list. Now only light theme is included:": "لتعطيل المظهر "المظلم" على سبيل المثال، قم بإزالته من List. الآن تم تضمين المظهر الخفيف فقط: (dark)",
"If for some reason you want to disable all themes and remove all daisyUI colors, set themes to false:": "إذا كنت تريد لسبب ما تعطيل جميع السمات وإزالة جميع ألوان daisyUI، فاضبط "المظاهر" على "خطأ": (themes, false)",
"To customize a built-in theme, you can use the same structure as adding a new theme, but with the same name as the built-in theme. For example, to customize the light theme:": "لتخصيص سمة مضمنة، يمكنك استخدام نفس البنية مثل إضافة سمة جديدة، ولكن بنفس اسم السمة المضمنة. على سبيل المثال، لتخصيص المظهر "الخفيف": (light)",
"If you want to opt out of each part, you can do it by setting the exclude config.": "إذا كنت تريد إلغاء الاشتراك في كل جزء، فيمكنك القيام بذلك عن طريق تعيين exclude config.",
"For example, to opt out of the scrollbar-gutter and style, scrollbar-color, you can exclude it like this:": "على سبيل المثال، لإلغاء الاشتراك في مزراب شريط التمرير والنمط ولون شريط التمرير، يمكنك استبعاده على النحو التالي:",
"Or if you're using CDN, you can disable it from your customized CDN file if you need to.": "أو إذا كنت تستخدم CDN، فيمكنك تعطيله من ملف CDN المخصص إذا كنت بحاجة إلى ذلك.",
"properties": "الخصائص",
"rootcolor": "لون الجذر",
"scrollbar": "شريط التمرير",
"rootscrolllock": "rootscrolllock",
"rootscrollgutter": "rootscrollgutter",
"svg": "svg",
"daisyui.com/llms.txt file is a compact, text version of daisyUI docs to help AI generate accurate daisyUI code based on your prompt.": "يعد ملف daisyui.com/llms.txt إصدارًا نصيًا مضغوطًا من مستندات daisyUI لمساعدة الذكاء الاصطناعي في إنشاء كود daisyUI دقيق بناءً على مطالبتك.",
"Type Add new custom docs": "اكتب "إضافة مستندات مخصصة جديدة". (Add new custom docs)",
"One": "واحد",
"Two": "اثنان",
"Three": "ثلاثة",
"New": "جديد",
"12 unread messages. Tap to see.": "12 رسالة غير مقروءة. انقر لرؤية.",
"Like": "مثل",
"Login": "تسجيل الدخول",
"Optional": "اختياري",
"In chat window type this and write your prompt": "في نافذة الدردشة، اكتب هذا واكتب مطالبتك",
"base-content is the text color of the page by default. It's a dark color on light themes and it's a light color on dark themes.": ""المحتوى الأساسي" هو لون نص الصفحة بواسطة Default. إنه لون غامق في السمات الفاتحة ولون فاتح في السمات الداكنة. (base-content)",
", or": "، أو",
". Or if it's Windows, press": ". أو إذا كان Windows، اضغط على",
""This is a blockquote. It stands out and draws attention to important information. In HTML, blockquotes are created using the tag. When used with the Typography plugin and daisyUI, blockquotes receive special styling that includes indentation and a different background color - making quoted text visually distinct from the rest of the content. This styling helps create clear visual hierarchy and improves readability while maintaining semantic HTML markup.\"": "\"هذا اقتباس فقري. إنه يبرز ويلفت الانتباه إلى المعلومات المهمة. في HTML، يتم إنشاء علامات الاقتباس باستخدام علامة. عند استخدامها مع البرنامج المساعد Typography وdaisyUI، تتلقى علامات الاقتباس قالبًا خاصًا يتضمن مسافة بادئة ولون خلفية مختلفًا - مما يجعل النص المقتبس متميزًا بصريًا عن بقية المحتوى. يساعد هذا التصميم في إنشاء تسلسل هرمي مرئي واضح ويحسن إمكانية القراءة مع الحفاظ على ترميز HTML الدلالي."",
"( Or": "( أو",
"(or": "(أو",
"FIGMA API Key is optional - Only needed for Figma-to-code conversion": "مفتاح API FIGMA اختياري - مطلوب فقط لتحويل Figma إلى رمز",
"FIGMA is optional. Only include it if you need Figma-to-code conversion.": "FIGMA اختياري. قم بتضمينه فقط إذا كنت بحاجة إلى تحويل Figma إلى رمز.",
"⇧ Shift": "⇧ التحول",
"⌃ Ctrl": "⌃ السيطرة",
"⌘ CMD": "⌘ كمد",
"1. Create a new Phoenix project": "1. قم بإنشاء مشروع فينيكس جديد",
"2. Run your project": "2. قم بتشغيل مشروعك",
"Add as an optional document to Cursor": "أضف كمستند اختياري إلى Cursor",
"Add Context7 MCP server:": "إضافة خادم context7 MCP:",
"Add custom server +": "إضافة خادم مخصص +",
"Add daisyUI GitMCP server:": "إضافة خادم daisyUI GitMCP:",
"Add this and set your license key + email address in it": "أضف هذا وقم بتعيين "مفتاح الترخيص" + "عنوان البريد الإلكتروني" فيه (license key, email address)",
"Add this config:": "أضف هذا التكوين:",
"Add this to the config file:": "أضف هذا إلى ملف التكوين:",
"Add this to your opencode.json:": "أضف هذا إلى opencode.json:",
"Agent skill and MCP servers": "خوادم Agent skill وMCP",
"All parts are compatible with daisyUI themes.": "جميع الأجزاء متوافقة مع سمات daisyUI.",
"At some point every Bootstrap website looked the same unless you open a CSS file and write tons of custom CSS.": "في مرحلة ما، بدا كل موقع من مواقع Bootstrap متشابهًا إلا إذا قمت بفتح ملف CSS وكتابة الكثير من CSS المخصصة.",
"Automatic setup": "الإعداد التلقائي",
"But here's the catch: The problem with Bootstrap was not class names! Bootstrap class names were actually really fast to work with.": "ولكن هنا تكمن المشكلة: المشكلة في Bootstrap لم تكن أسماء الفئات! كانت أسماء فئات Bootstrap سريعة جدًا في العمل معها.",
"button at the bottom of the pane.": "Button في أسفل الجزء.",
"button.": "Button.",
"ChatGPT LLM setup": "إعداد ChatGPT LLM",
"Choose agent: add context server": "اختر agent: add context server",
"Choose MCP: Open MCP Settings": "اختر "MCP: افتح إعدادات MCP". (MCP: Open MCP Settings)",
"Choose your coding agent:": "اختر coding agent الخاص بك:",
"Choose your coding tool:": "اختر أداة الترميز الخاصة بك:",
"Claude Code LLM setup": "Claude Code LLM setup",
"Claude desktop LLM setup": "Claude desktop LLM setup",
"Click Add custom server +": "انقر فوق "إضافة خادم مخصص +". (Add custom server +)",
"Click Add MCP server": "انقر فوق "إضافة خادم MCP". (Add MCP server)",
"Click Add to Cursor": "انقر فوق "إضافة إلى Cursor". (Add to Cursor)",
"Click daisyui": "انقر فوق "daisyUI". (daisyui)",
"Click Edit Config button": "انقر فوق "تحرير التكوين" Button (Edit Config)",
"Click the": "انقر فوق",
"Click the Configure MCP Servers button at the bottom of the pane.": "انقر فوق "تكوين خوادم MCP" Button في الجزء السفلي من الجزء. (Configure MCP Servers)",
"Click the button below:": "انقر فوق Button أدناه:",
"Click the MCP Servers icon at the top navigation bar of the Cline pane.": "انقر فوق أيقونة خوادم MCP في شريط التنقل العلوي في جزء Cline.",
"Click this button to install Context7 MCP server in VSCode:": "انقر فوق Button لتثبيت خادم context7 MCP في VSCode:",
"Click this button to install GitMCP server in VSCode:": "انقر فوق Button لتثبيت خادم GitMCP في VSCode:",
"Cline VSCode extension": "ملحق Cline VSCode",
"coming soon…": "قريبا…",
"Configure": "تكوين",
"Configure MCP Servers": "تكوين خوادم MCP",
"Create a .vscode/mcp.json file in your project root if it doesn't exist.": "قم بإنشاء ملف .vscode/mcp.json في جذر مشروعك إذا لم يكن موجودًا.",
"Create a new Phoenix project in the current directory.": "قم بإنشاء مشروع Phoenix جديد في الدليل الحالي.",
"Create or edit your opencode.json in your project root and add Blueprint MCP config:": "قم بإنشاء أو تحرير opencode.json في جذر مشروعك وأضف تكوين Blueprint MCP:",
"Cursor LLM setup": "إعداد Cursor LLM",
"daisyUI Blueprint": "مخطط daisyUI",
"daisyUI can be configured to use Tailwind's dark: prefix": "يمكن تكوين daisyUI لاستخدام البادئة "المظلمة:" الخاصة بـ Tailwind (dark:)",
"daisyUI is a collection of CSS class names.": "daisyUI عبارة عن مجموعة من أسماء فئات CSS.",
"daisyUI is built on top of Tailwind CSS's component API.": "تم بناء daisyUI على قمة Tailwind CSS's Component API.",
"daisyUI is fully themeable and colorable in Tailwind CSS,": "daisyUI قابلة للتخصيص بالكامل وقابلة للتلوين في Tailwind CSS،",
"daisyUI provides pieces of UI you can use to make a website.": "يوفر daisyUI أجزاء من واجهة المستخدم التي يمكنك استخدامها لإنشاء موقع ويب.",
"daisyUI variant class names like is-drawer-open and is-drawer-close are not included in the CDN files because adding them for all class names will result in a very large file size.": "لا يتم تضمين أسماء فئات daisyUI المتغيرة مثل is-drawer-open وis-drawer-close في ملفات CDN لأن إضافتها لجميع أسماء الفئات ستؤدي إلى حجم ملف كبير جدًا.",
"direction": "direction",
"Edit Config": "تحرير التكوين",
"Elixir Phoenix 1.8.0-rc.0 and later comes with Tailwind CSS 4 and daisyUI 5 out of the box!": "Elixir Phoenix 1.8.0-rc.0 والإصدارات الأحدث تأتي مع Tailwind CSS 4 وdaisyUI 5 خارج الصندوق!",
"EMAIL: YOUR EMAIL ADDRESS": "البريد الإلكتروني: عنوان بريدك الإلكتروني",
"Even copying and pasting those huge chunks of utility class names is not helpful, as it makes the codebase hard to read and maintain.": "حتى نسخ ولصق هذه الأجزاء الضخمة من أسماء فئات المرافق ليس مفيدًا، لأنه يجعل من الصعب قراءة قاعدة التعليمات البرمجية وصيانتها.",
"Examples": "أمثلة",
"FIGMA": "Figma",
"Figma API Key is optional - Only needed for Figma-to-code conversion": "يعد مفتاح Figma API اختياريًا - مطلوب فقط لتحويل Figma إلى رمز",
"FIGMA: YOUR FIGMA API KEY (optional)": "Figma: مفتاح Figma API الخاص بك (اختياري)",
"For example if you want a padding only for a daisyUI dark theme you can use dark:p-10": "على سبيل المثال، إذا كنت تريد حشوة فقط لموضوع daisyUI الداكن، فيمكنك استخدام dark:p-10",
"For example primary-content:": "على سبيل المثال المحتوى الأساسي:",
"For example:": "على سبيل المثال:",
"From then on, every conversation in this Workspace will have access to the daisyUI documentation.": "من الآن فصاعدًا، سيكون لكل محادثة في مساحة العمل هذه إمكانية الوصول إلى وثائق daisyUI.",
"Gemini LLM setup": "إعداد الجوزاء LLM",
"Go to": "اذهب الى",
"Go to Plugins": "انتقل إلى "المكونات الإضافية". (Plugins)",
"Go to Settings > Developer": "انتقل إلى الإعدادات > المطور",
"Grok LLM setup": "إعداد Grok LLM",
"Here we are using the --no-ecto flag to skip the database setup, just for demonstration purposes.": "نحن هنا نستخدم العلامة --no-ecto لتخطي إعداد قاعدة البيانات، فقط لأغراض العرض التوضيحي.",
"Here's how to use daisyUI llms.txt in Cline:": "إليك كيفية استخدام daisyUI llms.txt في Cline:",
"Here's how to use daisyUI llms.txt in Cursor:": "إليك كيفية استخدام daisyUI llms.txt في Cursor:",
"Here's how to use daisyUI llms.txt in VSCode:": "إليك كيفية استخدام daisyUI llms.txt في VSCode:",
"Here's how to use daisyUI llms.txt in Windsurf:": "إليك كيفية استخدام daisyUI llms.txt في Windsurf:",
"Here's how to use daisyUI llms.txt in Zed:": "إليك كيفية استخدام daisyUI llms.txt في Zed:",
"Here's why:": "إليكم السبب:",
"How to apply Tailwind's 'dark:' selector for specific themes": "كيفية تطبيق محدد "مظلم:" الخاص بـ Tailwind لموضوعات محددة",
"However that's means slower development and more code to write.": "ولكن هذا يعني تطويرًا أبطأ والمزيد من التعليمات البرمجية للكتابة.",
"However, it's recommended to use daisyUI with Tailwind CSS.": "ومع ذلك، يوصى باستخدام daisyUI مع Tailwind CSS.",
"I suggest using theme-change, so you can switch themes and save selected theme in local storage.": "أقترح استخدام تغيير المظهر، حتى تتمكن من تبديل السمات وحفظ المظهر المحدد في وحدة التخزين المحلية.",
"If you're using daisyUI as a Tailwind CSS plugin, the number can be any value between 0 and 100.": "إذا كنت تستخدم daisyUI كمكون إضافي لـ Tailwind CSS، فيمكن أن يتراوح الرقم بين 0 و100.",
"If you're using the daisyUI CDN file, only opacity values of 10, 20, 30, 40, 50, 60, 70, 80, 90 are available.": "إذا كنت تستخدم ملف daisyUI CDN، فستتوفر فقط قيم العتامة 10، 20، 30، 40، 50، 60، 70، 80، 90.",
"Imagine one side of the spectrum is maximum customization and flexibility and you should make design decisions for every single detail.": "تخيل أن جانبًا واحدًا من الطيف هو أقصى قدر من التخصيص والمرونة ويجب عليك اتخاذ قرارات التصميم لكل التفاصيل.",
"In chat window type this and Cursor will use daisyUI's llms.txt file to generate code.": "في نافذة الدردشة، اكتب هذا وسيستخدم Cursor ملف llms.txt الخاص بـ daisyUI لإنشاء التعليمات البرمجية.",
"In chat window type this and VSCode will use daisyUI's llms.txt file to generate code.": "في نافذة الدردشة، اكتب هذا وسيستخدم VSCode ملف llms.txt الخاص بـ daisyUI لإنشاء التعليمات البرمجية.",
"In chat window type this before your prompt and Cline will use daisyUI's llms.txt file to generate code.": "في نافذة الدردشة، اكتب هذا قبل المطالبة وسيستخدم Cline ملف llms.txt الخاص بـ daisyUI لإنشاء التعليمات البرمجية.",
"In Chat window, enable ꩜ Deep Search feature, and add this before your prompt:": "في نافذة الدردشة، قم بتمكين ميزة ꩜ Deep Search، وأضف هذا قبل المطالبة:",
"In Chat window, enable 🌐 Search feature, and add this before your prompt:": "في نافذة الدردشة، قم بتمكين ميزة 🌐 Search، وأضف هذا قبل المطالبة:",
"In Chat window, enable 🔍 Deep research feature, and add this before your prompt:": "في نافذة الدردشة، قم بتمكين ميزة 🔍 Deep research، وأضف هذا قبل المطالبة:",
"In Cursor press": "في الضغط على Cursor",
"In the example below, 'night' is darkmode theme so we add it to @variant dark": "في المثال أدناه، "الليل" هو سمة الوضع المظلم، لذا أضفناها إلى @variant dark.",
"In the MCP settings form add the following environment variables:": "في نموذج إعدادات MCP أضف متغيرات البيئة التالية:",
"In this example, .my-btn class only will have this style on light theme.": "في هذا المثال، سيكون للفئة .my-btn هذا النمط فقط في المظهر الفاتح.",
"In Thread chat type this before your prompt": "في دردشة الموضوع، اكتب هذا قبل المطالبة",
"In VS Code press": "في رمز VS اضغط",
"In Zed press": "في الضغط على Zed",
"Install Context7 from Cline MCP marketplace": "قم بتثبيت Context7 من سوق Cline MCP",
"Install Codex CLI (if you haven't already)": "قم بتثبيت Codex CLI (إذا لم تكن قد قمت بذلك بالفعل)",
"Install daisyUI agent plugin": "قم بتثبيت البرنامج المساعد daisyUI agent",
"Install daisyUI MCP server": "تثبيت خادم daisyUI MCP",
"Install daisyUI skill": "قم بتثبيت daisyUI skill",
"Install OpenCode CLI (if you haven't already)": "قم بتثبيت OpenCode CLI (إذا لم تكن قد قمت بذلك بالفعل)",
"It also takes a lot of time to write all the utility class names for each part of the UI.": "يستغرق الأمر أيضًا الكثير من الوقت لكتابة كافة أسماء فئات الأداة المساعدة لكل جزء من واجهة المستخدم.",
"It takes a professional designer to make design decisions for many details of the UI to make them look good.": "يتطلب الأمر مصممًا محترفًا لاتخاذ قرارات التصميم للعديد من تفاصيل واجهة المستخدم لجعلها تبدو جيدة.",
"Let's setup your code editors and LLMs to correctly generate daisyUI code based on your prompt.": "لنقم بإعداد برامج تحرير التعليمات البرمجية وLLMs الخاصة بك لإنشاء كود daisyUI بشكل صحيح بناءً على مطالبتك.",
"LICENSE: YOUR BLUEPRINT LICENSE KEY": "الترخيص: مفتاح ترخيص المخطط الخاص بك",
"Like Button, Toggle, Card, etc.": "مثل Button، Toggle، Card، إلخ.",
"Manual setup": "الإعداد اليدوي",
"MCP is an API to communicate with AI models.": "MCP عبارة عن واجهة برمجة تطبيقات للتواصل مع نماذج الذكاء الاصطناعي.",
"MCP is an API to communicate with AI models. You can add MCP servers and Antigravity will communicate with them to get more accurate results.": "MCP is an API to communicate with AI models. You can add MCP servers and Antigravity will communicate with them to get more accurate results.",
"MCP is an API to communicate with AI models. You can add MCP servers and Claude will communicate with them to get more accurate results.": "MCP عبارة عن واجهة برمجة تطبيقات (API) للتواصل مع نماذج الذكاء الاصطناعي. يمكنك إضافة خوادم MCP وسيقوم Claude بالتواصل معهم للحصول على نتائج أكثر دقة.",
"MCP is an API to communicate with AI models. You can add MCP servers and Cline will communicate with them to get more accurate results.": "MCP عبارة عن واجهة برمجة تطبيقات للتواصل مع نماذج الذكاء الاصطناعي. يمكنك إضافة خوادم MCP وسيقوم Cline بالتواصل معهم للحصول على نتائج أكثر دقة.",
"MCP is an API to communicate with AI models. You can add MCP servers and Codex will communicate with them to get more accurate results.": "MCP عبارة عن واجهة برمجة تطبيقات للتواصل مع نماذج الذكاء الاصطناعي. يمكنك إضافة خوادم MCP وسيتواصل Codex معهم للحصول على نتائج أكثر دقة.",
"MCP is an API to communicate with AI models. You can add MCP servers and Cursor will communicate with them to get more accurate results.": "MCP عبارة عن واجهة برمجة تطبيقات (API) للتواصل مع نماذج الذكاء الاصطناعي. يمكنك إضافة خوادم MCP وسيقوم Cursor بالتواصل معهم للحصول على نتائج أكثر دقة.",
"MCP is an API to communicate with AI models. You can add MCP servers and OpenClaw will communicate with them to get more accurate results.": "MCP عبارة عن واجهة برمجة تطبيقات للتواصل مع نماذج الذكاء الاصطناعي. يمكنك إضافة خوادم MCP وسيتواصل OpenClaw معهم للحصول على نتائج أكثر دقة.",
"MCP is an API to communicate with AI models. You can add MCP servers and VSCode Copilot will communicate with them to get more accurate results.": "MCP عبارة عن واجهة برمجة تطبيقات للتواصل مع نماذج الذكاء الاصطناعي. يمكنك إضافة خوادم MCP وسيتواصل VSCode Copilot معهم للحصول على نتائج أكثر دقة.",
"MCP is an API to communicate with AI models. You can add MCP servers and Windsurf will communicate with them to get more accurate results.": "MCP عبارة عن واجهة برمجة تطبيقات للتواصل مع نماذج الذكاء الاصطناعي. يمكنك إضافة خوادم MCP وسوف تتواصل Windsurf معهم للحصول على نتائج أكثر دقة.",
"MCP is an API to communicate with AI models. You can add MCP servers and Zed will communicate with them to get more accurate results.": "MCP عبارة عن واجهة برمجة تطبيقات للتواصل مع نماذج الذكاء الاصطناعي. يمكنك إضافة خوادم MCP وسيقوم Zed بالتواصل معهم للحصول على نتائج أكثر دقة.",
"MCP is an API to communicate with AI models. You can add MCP servers and OpenCode will communicate with them to get more accurate results.": "MCP عبارة عن واجهة برمجة تطبيقات للتواصل مع نماذج الذكاء الاصطناعي. يمكنك إضافة خوادم MCP وسيتواصل OpenCode معهم للحصول على نتائج أكثر دقة.",
"Now in Agent Mode you can ask AI anything about daisyUI.": "الآن في وضع Agent، يمكنك أن تطلب من الذكاء الاصطناعي أي شيء عن daisyUI. (Agent Mode)",
"Now in Agent Mode you can ask AI anything about daisyUI. write use context7 at the end of your prompt.": "الآن في وضع Agent، يمكنك أن تطلب من الذكاء الاصطناعي أي شيء عن daisyUI. اكتب "استخدام السياق 7" في نهاية الموجه الخاص بك. (Agent Mode, use context7)",
"Now in Agent Mode you can tell AI to use daisyUI skill. For example:": "الآن في وضع Agent، يمكنك إخبار الذكاء الاصطناعي باستخدام daisyUI skill. على سبيل المثال: (Agent Mode)",
"Now in chat window you can type @docs and choose daisyUI to provide daisyUI docs to Cursor.": "الآن في نافذة الدردشة يمكنك كتابة @docs واختيار daisyUI لتوفير مستندات daisyUI إلى Cursor.",
"Now you can ask AI anything about daisyUI, and write use Blueprint MCP at the end of your prompt.": "يمكنك الآن أن تطلب من الذكاء الاصطناعي أي شيء يتعلق بـ daisyUI، وتكتب "استخدام Blueprint MCP" في نهاية المطالبة. (use Blueprint MCP)",
"Now you can ask AI anything about daisyUI, and write use context7 at the end of your prompt.": "يمكنك الآن أن تطلب من الذكاء الاصطناعي أي شيء يتعلق بـ daisyUI، وتكتب "استخدام السياق 7" في نهاية المطالبة. (use context7)",
"Now you can ask AI anything about daisyUI, and write use daisyui-gitmcp at the end of your prompt.": "يمكنك الآن أن تطلب من الذكاء الاصطناعي أي شيء يتعلق بـ daisyUI، وتكتب "استخدام daisyui-gitmcp" في نهاية المطالبة. (use daisyui-gitmcp)",
"Now you can ask AI anything about daisyUI.": "الآن يمكنك أن تسأل الذكاء الاصطناعي أي شيء عن daisyUI.",
"Now you can ask AI anything about daisyUI. write use context7 at the end of your prompt.": "الآن يمكنك أن تسأل الذكاء الاصطناعي أي شيء عن daisyUI. اكتب "استخدام السياق 7" في نهاية الموجه الخاص بك. (use context7)",
"Now you can ask Claude Code to use daisyUI when it writes UI code.": "Now you can ask Claude Code to use daisyUI when it writes UI code.",
"Now you can ask Codex to use daisyUI when it writes UI code.": "يمكنك الآن أن تطلب من Codex استخدام daisyUI عندما يكتب كود واجهة المستخدم.",
"Now you can prompt Cursor with:": "يمكنك الآن مطالبة Cursor باستخدام:",
"On the other side of the spectrum is maximum development speed and less code to write, but you have no control over the design. daisyUI and Tailwind CSS together give you the best of both worlds.": "على الجانب الآخر من الطيف، توجد أقصى سرعة للتطوير ورمز أقل للكتابة، لكن ليس لديك أي سيطرة على التصميم. يمنحك daisyUI وTailwind CSS معًا أفضل ما في العالمين.",
"on Windows)": "على ويندوز)",
"Opacity values": "قيم التعتيم",
"Open Collective": "فتح الجماعية",
"Open Cursor settings with": "افتح إعدادات Cursor باستخدام",
"Open the Antigravity MCP file at ~/.gemini/config/mcp_config.json": "Open the Antigravity MCP file at ~/.gemini/config/mcp_config.json",
"Option 1. Setup Context7 MCP server for VSCode": "الخيار 1. إعداد خادم context7 MCP لـ VSCode",
"Option 1. Setup daisyUI GitMCP server for VSCode": "الخيار 1. إعداد خادم daisyUI GitMCP لـ VSCode",
"Option 2. Setup Context7 MCP server for current workspace only": "الخيار 2. إعداد خادم context7 MCP لمساحة العمل الحالية فقط",
"Option 2. Setup daisyUI GitMCP server for current workspace only": "الخيار 2. إعداد خادم daisyUI GitMCP لمساحة العمل الحالية فقط",
"Optional with API key:": "اختياري مع مفتاح API:",
"Or Claude Code Local Server Connection (it's local)": "Or Claude Code Local Server Connection (it's local)",
"Other agents": "وكلاء آخرين",
"Pick your tool": "اختر الأداة الخاصة بك",
"Project-level permanent setup": "الإعداد الدائم على مستوى المشروع",
"Quick use": "الاستخدام السريع",
"Read more at Tailwind CSS documentation:": "اقرأ المزيد في وثائق Tailwind CSS:",
"Run these commands:": "قم بتشغيل هذه الأوامر:",
"Run this command": "قم بتشغيل هذا الأمر",
"Run this command to add Blueprint MCP server.": "قم بتشغيل هذا الأمر لإضافة خادم Blueprint MCP.",
"Run this command to add Context7 MCP server:": "قم بتشغيل هذا الأمر لإضافة خادم context7 MCP:",
"Run this command to add daisyUI GitMCP server:": "قم بتشغيل هذا الأمر لإضافة خادم daisyUI GitMCP:",
"Run this command to save the llms.txt file to .clinerules/daisyui.md": "قم بتشغيل هذا الأمر لحفظ ملف llms.txt في .clinerules/daisyui.md",
"Run this command to save the llms.txt file to .cursor/rules/daisyui.mdc": "قم بتشغيل هذا الأمر لحفظ ملف llms.txt في .cursor/rules/daisyui.mdc",
"Run this command to save the llms.txt file to .github/instructions/daisyui.instructions.md": "قم بتشغيل هذا الأمر لحفظ ملف llms.txt في .github/instructions/daisyui.instructions.md",
"Run your Phoenix project": "قم بتشغيل مشروع فينيكس الخاص بك",
"Search for MCP: Open User Configuration": "ابحث عن MCP: Open User Configuration",
"Search for Windsurf: MCP Configuration Panel": "ابحث عن "لوحة التكوين Windsurf: MCP". (Windsurf: MCP Configuration Panel)",
"Search for this repository:": "ابحث عن هذا المستودع:",
"See daisyUI MCP setup guides": "راجع أدلة إعداد daisyUI MCP",
"Select the": "Select",
"Select the Configure tab.": "Select علامة التبويب "تكوين". (Configure)",
"Set up the server": "قم بإعداد الخادم",
"Set your Blueprint LICENSE and EMAIL address in the command below.": "قم بتعيين عنوان "الترخيص" و"البريد الإلكتروني" الخاص بك في الأمر أدناه. (LICENSE, EMAIL)",
"Settings > Developer": "الإعدادات> المطور",
"Setup Context7 MCP server": "إعداد خادم context7 MCP",
"Setup Context7 MCP server for Antigravity": "Setup Context7 MCP server for Antigravity",
"Setup daisyUI GitMCP server": "إعداد خادم daisyUI GitMCP",
"Setup daisyUI GitMCP server for Antigravity": "Setup daisyUI GitMCP server for Antigravity",
"So daisyUI and Tailwind CSS are a perfect match.": "لذا فإن daisyUI وTailwind CSS هما تطابق مثالي.",
"tab.": "علامة التبويب.",
"Tailwind CSS as a library provides utility classes and suggests using utility classes for maximum flexibility and customization.": "توفر مكتبة Tailwind CSS فئات أدوات مساعدة وتقترح استخدام فئات أدوات مساعدة لتحقيق أقصى قدر من المرونة والتخصيص.",
"Tailwind CSS provides these low-level utility classes that you can use to glue the UI pieces together.": "يوفر Tailwind CSS فئات الأدوات المساعدة ذات المستوى المنخفض هذه والتي يمكنك استخدامها للصق أجزاء واجهة المستخدم معًا.",
"Tailwind's dark: prefix is not working": "بادئة Tailwind dark: لا تعمل",
"That's why many people find it hard to use Tailwind CSS for designing interfaces.": "ولهذا السبب يجد العديد من الأشخاص صعوبة في استخدام Tailwind CSS لتصميم الواجهات.",
"The daisyUI plugin gives your coding agent the latest daisyUI skill. Once installed, the agent can pull in daisyUI-specific instructions when you ask it to build UI with daisyUI.": "يمنح البرنامج المساعد daisyUI جهاز coding agent الخاص بك أحدث إصدار من daisyUI skill. بمجرد التثبيت، يمكن لـ agent سحب تعليمات خاصة بـ daisyUI عندما تطلب منه إنشاء واجهة مستخدم باستخدام daisyUI.",
"The daisyUI plugin provides the latest version of daisyUI skill for Claude Code. Use it when you want Claude Code to generate daisyUI code with the current component rules, theme rules, and usage instructions in context.": "The daisyUI plugin provides the latest version of daisyUI skill for Claude Code. Use it when you want Claude Code to generate daisyUI code with the current component rules, theme rules, and usage instructions in context.",
"The daisyUI plugin provides the latest version of daisyUI skill for Codex. Use it when you want Codex to generate daisyUI code with the current component rules, theme rules, and usage instructions in context.": "يوفر البرنامج المساعد daisyUI أحدث إصدار من daisyUI skill لـ Codex. استخدمه عندما تريد أن يقوم Codex بإنشاء كود daisyUI مع قواعد المكون الحالية وقواعد السمة وتعليمات الاستخدام في السياق.",
"The daisyUI plugin provides the latest version of daisyUI skill for Cursor. Use it when you want Cursor to generate daisyUI code with the current component rules, theme rules, and usage instructions in context.": "يوفر البرنامج المساعد daisyUI أحدث إصدار من daisyUI skill للمؤشر. استخدمه عندما تريد أن يقوم المؤشر بإنشاء كود daisyUI مع قواعد المكون الحالية وقواعد السمة وتعليمات الاستخدام في السياق.",
"The problem was lack of customization and flexibility.": "كانت المشكلة هي الافتقار إلى التخصيص والمرونة.",
"Then you add it to Tailwind CSS as a plugin.": "ثم تقوم بإضافته إلى Tailwind CSS كمكون إضافي.",
"There are 3 options:": "هناك 3 خيارات:",
"These class names are a high-level abstraction of Tailwind CSS utility classes.": "تعد أسماء الفئات هذه بمثابة تجريد عالي المستوى لفئات الأداة المساعدة Tailwind CSS.",
"This makes all the daisyUI class names available to Tailwind CSS and you can use them like any other Tailwind CSS class names.": "وهذا يجعل جميع أسماء فئات daisyUI متاحة لـ Tailwind CSS ويمكنك استخدامها مثل أي أسماء فئات Tailwind CSS أخرى.",
"This method gives much faster result as you don't need the ꩜ Deep Search feature.": "تعطي هذه الطريقة نتيجة أسرع بكثير لأنك لا تحتاج إلى ميزة "البحث العميق". (꩜ Deep Search)",
"Through Deep Search": "من خلال البحث العميق",
"Through Workspace (SuperGrok Only)": "من خلال مساحة العمل (SuperGrok فقط)",
"Type Windsurf: MCP Configuration Panel": "اكتب "لوحة التكوين Windsurf: MCP". (Windsurf: MCP Configuration Panel)",
"Usage": "الاستخدام",
"Use an MCP server to save tokens and get faster results": "استخدم خادم MCP لحفظ الرموز المميزة والحصول على نتائج أسرع",
"use Blueprint MCP": "استخدم مخطط MCP",
"Use daisyUI skill and MCP servers to generate daisyUI code with AI.": "استخدم خوادم daisyUI skill وMCP لإنشاء كود daisyUI باستخدام الذكاء الاصطناعي.",
"Using HTTP transport": "باستخدام النقل HTTP",
"VSCode and Copilot LLM setup": "إعداد VSCode وCopilot LLM",
"Windsurf LLM setup": "إعداد Windsurf LLM",
"Yes, daisyUI can be used standalone without Tailwind CSS.": "نعم، يمكن استخدام daisyUI بشكل مستقل بدون Tailwind CSS.",
"You can add MCP servers and Claude will communicate with them to get more accurate results.": "يمكنك إضافة خوادم MCP وسيقوم Claude بالتواصل معهم للحصول على نتائج أكثر دقة.",
"You can add MCP servers and Cline will communicate with them to get more accurate results.": "يمكنك إضافة خوادم MCP وسيقوم Cline بالتواصل معهم للحصول على نتائج أكثر دقة.",
"You can add MCP servers and Copilot will communicate with them to get more accurate results.": "يمكنك إضافة خوادم MCP وسيتواصل معها برنامج Copilot للحصول على نتائج أكثر دقة.",
"You can add MCP servers and Cursor will communicate with them to get more accurate results.": "يمكنك إضافة خوادم MCP وسيقوم Cursor بالتواصل معهم للحصول على نتائج أكثر دقة.",
"You can add MCP servers and Windsurf will communicate with them to get more accurate results.": "يمكنك إضافة خوادم MCP وسوف تتواصل Windsurf معهم للحصول على نتائج أكثر دقة.",
"You can add MCP servers to your code editor and Zed will communicate with them to get more accurate results.": "يمكنك إضافة خوادم MCP إلى محرر التعليمات البرمجية الخاص بك وسيتواصل Zed معهم للحصول على نتائج أكثر دقة.",
"You can also use opacity values with color names.": "يمكنك أيضًا استخدام قيم العتامة مع أسماء الألوان.",
"You can easily add daisyUI skill to your project and your agent will be able to use it automatically when you ask for daisyUI code.": "يمكنك بسهولة إضافة daisyUI skill إلى مشروعك وسيتمكن agent الخاص بك من استخدامه تلقائيًا عندما تطلب رمز daisyUI.",
"You can setup daisyUI's llms.txt file to your workspace so Cline can use it by default.": "يمكنك إعداد ملف llms.txt الخاص بـ daisyUI على مساحة العمل الخاصة بك حتى يتمكن Cline من استخدامه بواسطة Default.",
"You can use daisyUI to design the UI parts and Tailwind CSS for layout, spacing, font-size and other low-level CSS rules.": "يمكنك استخدام daisyUI لتصميم أجزاء واجهة المستخدم وTailwind CSS للتخطيط والتباعد وحجم الخط وقواعد CSS الأخرى ذات المستوى المنخفض.",
"You can use it with any opacity value, you can use it for any color.": "يمكنك استخدامه مع أي قيمة عتامة، ويمكنك استخدامه لأي لون.",
"You need something to glue these pieces together! For example you need flex box, grid, padding, margin, etc.": "أنت بحاجة إلى شيء ما للصق هذه القطع معًا! على سبيل المثال، تحتاج إلى مربع مرن، وشبكة، وحشوة، وهامش، وما إلى ذلك.",
"Zed LLM setup": "إعداد Zed LLM",
"to daisyUI": "إلى daisyUI",
"Compatible with": "متوافق مع",
"and more": "وأكثر",
"Design System": "Design System",
"for daisyUI": "ل daisyUI",
"variants": "المتغيرات",
"to generate daisyUI code": "لإنشاء رمز daisyUI",
"Generate daisyUI code": "إنشاء رمز daisyUI",
"daisyUI Blueprint MCP server": "daisyUI Blueprint MCP server",
"outline style": "outline style",
"info color": "info color",
"success color": "success color",
"warning color": "warning color",
"error color": "error color",
"neutral color": "neutral color",
"primary color": "primary color",
"secondary color": "secondary color",
"accent color": "accent color",
"small size": "حجم صغير",
"large size": "حجم كبير",
"dash style": "dash style",
":SUCCESS:": ":النجاح:",
"shift": "التحول",
"⇧": "⇧",
"⌃": "⌃",
"medium size": "متوسطة الحجم",
"vertical layout": "تخطيط عمودي",
"Adding all themes": "إضافة كل السمات",
"daisyui.css includes light and dark themes. For other themes, add themes.css file as well:": "يتضمن daisyui.css سمات فاتحة وداكنة. بالنسبة للموضوعات الأخرى، قم بإضافة ملف theme.css أيضًا:",
"Select the parts you want to use 👇": "Select الأجزاء التي تريد استخدامها 👇",
"smaller than daisyui.css": "أصغر من daisyui.css",
"daisyui.css is": "daisyui.css هو",
"Choose parts": "اختر الأجزاء",
"Combined and compress into one CSS file, hosted on the fastest CDN": "يتم دمجها وضغطها في ملف CSS واحد، ويتم استضافته على أسرع CDN",
"daisyUI colors": "ألوان daisyUI",
"How to use daisyUI semantic colors and theme-aware color variables in Tailwind CSS.": "كيفية استخدام الألوان الدلالية daisyUI ومتغيرات الألوان المرتبطة بالموضوع في Tailwind CSS.",
"Code editors and LLM setup": "محرري التعليمات البرمجية وإعداد LLM",
"How to use code editors, LLMs (large language models) and MCP (Model Context Protocol) servers to generate Tailwind CSS and daisyUI code": "كيفية استخدام برامج تحرير التعليمات البرمجية وخوادم LLM (نماذج اللغات الكبيرة) وخوادم MCP (بروتوكول سياق النموذج) لإنشاء كود Tailwind CSS وdaisyUI",
"ChatGPT setup for daisyUI": "إعداد ChatGPT لـ daisyUI",
"Setup ChatGPT to correctly generate daisyUI code based on your prompt.": "قم بإعداد ChatGPT لإنشاء كود daisyUI بشكل صحيح بناءً على مطالبتك.",
"Claude desktop setup for daisyUI": "Claude desktop setup for daisyUI",
"Setup Claude desktop to correctly generate daisyUI code based on your prompt.": "Setup Claude desktop to correctly generate daisyUI code based on your prompt.",
"Claude Code setup for daisyUI": "Claude Code setup for daisyUI",
"Setup Claude Code to correctly generate daisyUI code based on your prompt.": "Setup Claude Code to correctly generate daisyUI code based on your prompt.",
"Cline setup for daisyUI": "إعداد Cline لـ daisyUI",
"Setup Cline VSCode extension to correctly generate daisyUI code based on your prompt.": "قم بإعداد ملحق Cline VSCode لإنشاء كود daisyUI بشكل صحيح بناءً على الموجه الخاص بك.",
"Cursor setup for daisyUI": "إعداد Cursor لـ daisyUI",
"Setup Cursor editor to correctly generate daisyUI code based on your prompt.": "قم بإعداد محرر Cursor لإنشاء كود daisyUI بشكل صحيح بناءً على الموجه الخاص بك.",
"Gemini setup for daisyUI": "إعداد الجوزاء لـ daisyUI",
"Setup Gemini to correctly generate daisyUI code based on your prompt.": "قم بإعداد Gemini لإنشاء كود daisyUI بشكل صحيح بناءً على مطالبتك.",
"Grok setup for daisyUI": "إعداد Grok لـ daisyUI",
"Setup Grok to correctly generate daisyUI code based on your prompt.": "قم بإعداد Grok لإنشاء كود daisyUI بشكل صحيح بناءً على الموجه الخاص بك.",
"VSCode setup for daisyUI": "إعداد VSCode لـ daisyUI",
"Setup VSCode to correctly generate daisyUI code based on your prompt.": "قم بإعداد VSCode لإنشاء كود daisyUI بشكل صحيح بناءً على الموجه الخاص بك.",
"Windsurf setup for daisyUI": "إعداد Windsurf لـ daisyUI",
"Setup Windsurf editor to correctly generate daisyUI code based on your prompt.": "قم بإعداد محرر Windsurf لإنشاء كود daisyUI بشكل صحيح بناءً على الموجه الخاص بك.",
"Zed setup for daisyUI": "إعداد Zed لـ daisyUI",
"Setup Zed editor to correctly generate daisyUI code based on your prompt.": "قم بإعداد محرر Zed لإنشاء كود daisyUI بشكل صحيح بناءً على الموجه الخاص بك.",
"Frequently Asked Questions – Common problems and how to fix": "الأسئلة المتداولة - المشكلات الشائعة وكيفية إصلاحها",
"Install daisyUI for Eleventy": "قم بتثبيت daisyUI لـ Eleventy",
"How to install Tailwind CSS and daisyUI in a Eleventy project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Eleventy",
"Install daisyUI for Angular": "قم بتثبيت daisyUI لـ Angular",
"How to install Tailwind CSS and daisyUI in a Angular project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Angular",
"Install daisyUI for Astro": "قم بتثبيت daisyUI لـ Astro",
"How to install Tailwind CSS and daisyUI in a Astro project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Astro",
"Use daisyUI in a Bun dev server": "استخدم daisyUI في خادم Bun dev",
"How to use Tailwind CSS and daisyUI in a Bun dev server": "كيفية استخدام Tailwind CSS وdaisyUI في خادم Bun dev",
"Use daisyUI with Tailwind CSS CLI": "استخدم daisyUI مع Tailwind CSS CLI",
"How to install and use daisyUI with Tailwind CSS CLI": "كيفية تثبيت واستخدام daisyUI مع Tailwind CSS CLI",
"Install daisyUI for Dioxus": "قم بتثبيت daisyUI لـ Dioxus",
"How to install Tailwind CSS and daisyUI in a Dioxus project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Dioxus",
"Install daisyUI for Django": "تثبيت daisyUI لجانغو",
"How to install Tailwind CSS and daisyUI in a Django project, without Node.js": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Django، بدون Node.js",
"Install daisyUI for Electron": "تثبيت daisyUI للإلكترون",
"How to install Tailwind CSS and daisyUI in a Electron project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Electron",
"Install daisyUI for Elysia": "قم بتثبيت daisyUI لـ Elysia",
"How to install Tailwind CSS and daisyUI in a Elysia project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Elysia",
"Install daisyUI for Ember": "قم بتثبيت daisyUI لـ Ember",
"How to install Tailwind CSS and daisyUI in a Ember project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Ember",
"Install daisyUI for Deno Fresh": "قم بتثبيت daisyUI لـ Deno Fresh",
"How to install Tailwind CSS and daisyUI in a Deno Fresh project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Deno Fresh",
"Use daisyUI with HTMX": "استخدم daisyUI مع HTMLX",
"How to install and use daisyUI with HTMX": "كيفية تثبيت واستخدام daisyUI مع HTML",
"Install daisyUI for Laravel": "تثبيت daisyUI لـ Laravel",
"How to install Tailwind CSS and daisyUI in a Laravel project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Laravel",
"Install daisyUI for Lit": "قم بتثبيت daisyUI لـ Lit",
"How to install Tailwind CSS and daisyUI in a Lit + Vite project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Lit + Vite",
"Install daisyUI for Next.js": "قم بتثبيت daisyUI لـ Next.js",
"How to install Tailwind CSS and daisyUI in a Next.js project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Next.js",
"Install daisyUI for Nuxt": "قم بتثبيت daisyUI لـ Nuxt",
"How to install Tailwind CSS and daisyUI in a Nuxt project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Nuxt",
"Install daisyUI for Elixir Phoenix": "قم بتثبيت daisyUI لـ Elixir Phoenix",
"How to install Tailwind CSS and daisyUI in a Elixir Phoenix project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Elixir Phoenix",
"Install daisyUI for PostCSS": "قم بتثبيت daisyUI لـ PostCSS",
"How to install Tailwind CSS and daisyUI in PostCSS": "كيفية تثبيت Tailwind CSS وdaisyUI في PostCSS",
"Install daisyUI for Preact": "قم بتثبيت daisyUI لـ Preact",
"How to install Tailwind CSS and daisyUI in a Preact project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Preact",
"Install daisyUI for Qwik": "قم بتثبيت daisyUI لـ Qwik",
"How to install Tailwind CSS and daisyUI in a Qwik project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Qwik",
"Install daisyUI for Rails": "قم بتثبيت daisyUI لـ Rails",
"How to install Tailwind CSS and daisyUI in a Rails project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Rails",
"Install daisyUI for React": "قم بتثبيت daisyUI لـ React",
"How to install Tailwind CSS and daisyUI in a React project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع React",
"Install daisyUI for React Router": "قم بتثبيت daisyUI لجهاز React Router",
"How to install daisyUI in a React Router project": "كيفية تثبيت daisyUI في مشروع React Router",
"Install daisyUI for Rsbuild": "قم بتثبيت daisyUI لـ Rsbuild",
"How to install Tailwind CSS and daisyUI in a Rsbuild project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Rsbuild",
"Install daisyUI for Solid": "قم بتثبيت daisyUI لـ Solid",
"How to install Tailwind CSS and daisyUI in a Solid project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Solid",
"Install daisyUI for Solid Start": "قم بتثبيت daisyUI لـ Solid Start",
"How to install Tailwind CSS and daisyUI in a Solid Start project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Solid Start",
"Use daisyUI with Tailwind CSS Standalone CLI": "استخدم daisyUI مع واجهة سطر الأوامر المستقلة Tailwind CSS",
"How to run daisyUI with Tailwind CSS Standalone CLI without Node.js": "كيفية تشغيل daisyUI باستخدام Tailwind CSS Standalone CLI بدون Node.js",
"Install daisyUI for SvelteKit": "قم بتثبيت daisyUI لـ SvelteKit",
"How to install Tailwind CSS and daisyUI in a SvelteKit project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع SvelteKit",
"How to install Tailwind CSS and daisyUI in a UnoCSS project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع UnoCSS",
"Install daisyUI for Vike": "قم بتثبيت daisyUI لـ Vike",
"How to install Tailwind CSS and daisyUI in a Vike project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Vike",
"Install daisyUI for Vite": "قم بتثبيت daisyUI لـ Vite",
"How to install Tailwind CSS and daisyUI in a Vite project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Vite",
"Install daisyUI for Vue": "قم بتثبيت daisyUI لـ Vue",
"How to install Tailwind CSS and daisyUI in a Vue project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Vue",
"Install daisyUI for Waku": "تثبيت daisyUI لـ Waku",
"How to install daisyUI in a Waku project": "كيفية تثبيت daisyUI في مشروع Waku",
"Install daisyUI for WordPress": "قم بتثبيت daisyUI لـ WordPress",
"How to install Tailwind CSS and daisyUI in a WordPress project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع WordPress",
"Install daisyUI for Yew": "قم بتثبيت daisyUI لـ Yew",
"How to install Tailwind CSS and daisyUI in a Yew project": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Yew",
"Install Tailwind CSS and daisyUI for Zola": "قم بتثبيت Tailwind CSS وdaisyUI لـ Zola",
"How to install Tailwind CSS and daisyUI in a Zola project, without Node.js": "كيفية تثبيت Tailwind CSS وdaisyUI في مشروع Zola، بدون Node.js",
"What is daisyUI and why should you use it?": "ما هو daisyUI ولماذا يجب عليك استخدامه؟",
"Add daisyUI MCP to your coding tool": "أضف daisyUI MCP إلى أداة الترميز الخاصة بك",
"How to setup daisyUI MCP server in your coding tools so AI can use it to generate the correct daisyUI code based on your prompt.": "كيفية إعداد خادم daisyUI MCP في أدوات الترميز الخاصة بك حتى يتمكن الذكاء الاصطناعي من استخدامه لإنشاء كود daisyUI الصحيح بناءً على مطالبتك.",
"daisyUI MCP server for Antigravity": "daisyUI MCP server for Antigravity",
"Setup Antigravity to correctly generate daisyUI code based on your prompt.": "Setup Antigravity to correctly generate daisyUI code based on your prompt.",
"daisyUI MCP server for Claude Desktop": "daisyUI MCP server for Claude Desktop",
"Setup Claude Desktop to correctly generate daisyUI code based on your prompt.": "Setup Claude Desktop to correctly generate daisyUI code based on your prompt.",
"daisyUI MCP server for Claude Code": "daisyUI MCP server for Claude Code",
"daisyUI MCP server for Cline": "خادم daisyUI MCP لـ Cline",
"Setup Cline to correctly generate daisyUI code based on your prompt.": "قم بإعداد Cline لإنشاء كود daisyUI بشكل صحيح بناءً على الموجه الخاص بك.",
"daisyUI MCP server for Codex": "خادم daisyUI MCP لـ Codex",
"Setup Codex to correctly generate daisyUI code based on your prompt.": "قم بإعداد Codex لإنشاء كود daisyUI بشكل صحيح بناءً على مطالبتك.",
"daisyUI MCP server for Cursor": "خادم daisyUI MCP لـ Cursor",
"Setup Cursor to correctly generate daisyUI code based on your prompt.": "قم بإعداد Cursor لإنشاء كود daisyUI بشكل صحيح بناءً على الموجه الخاص بك.",
"daisyUI MCP server for OpenClaw": "خادم daisyUI MCP لـ OpenClaw",
"Setup OpenClaw to correctly generate daisyUI code based on your prompt.": "قم بإعداد OpenClaw لإنشاء كود daisyUI بشكل صحيح بناءً على الموجه الخاص بك.",
"daisyUI MCP server for OpenCode": "خادم daisyUI MCP لـ OpenCode",
"Setup OpenCode to correctly generate daisyUI code based on your prompt.": "قم بإعداد OpenCode لإنشاء كود daisyUI بشكل صحيح بناءً على الموجه الخاص بك.",
"daisyUI MCP server for VSCode Copilot": "خادم daisyUI MCP لـ VSCode Copilot",
"Setup VSCode Copilot to correctly generate daisyUI code based on your prompt.": "قم بإعداد VSCode Copilot لإنشاء كود daisyUI بشكل صحيح بناءً على الموجه الخاص بك.",
"daisyUI MCP server for Windsurf": "خادم daisyUI MCP لـ Windsurf",
"Setup Windsurf to correctly generate daisyUI code based on your prompt.": "قم بإعداد Windsurf لإنشاء كود daisyUI بشكل صحيح بناءً على مطالبتك.",
"daisyUI MCP server for Zed": "خادم daisyUI MCP لـ Zed",
"Setup Zed to correctly generate daisyUI code based on your prompt.": "قم بإعداد Zed لإنشاء كود daisyUI بشكل صحيح بناءً على الموجه الخاص بك.",
"Add daisyUI agent plugin": "إضافة البرنامج المساعد daisyUI agent",
"Install the daisyUI plugin for Codex, Cursor, or Claude Code so your agent can use the latest daisyUI skill.": "Install the daisyUI plugin for Codex, Cursor, or Claude Code so your agent can use the latest daisyUI skill.",
"daisyUI plugin for Claude Code": "daisyUI plugin for Claude Code",
"Install the daisyUI plugin for Claude Code so your agent can use the latest daisyUI skill.": "Install the daisyUI plugin for Claude Code so your agent can use the latest daisyUI skill.",
"daisyUI plugin for Codex": "البرنامج المساعد daisyUI لـ Codex",
"Install the daisyUI plugin for Codex so your agent can use the latest daisyUI skill.": "قم بتثبيت البرنامج الإضافي daisyUI لـ Codex حتى يتمكن جهاز agent من استخدام أحدث إصدار من daisyUI skill.",
"daisyUI plugin for Cursor": "البرنامج المساعد daisyUI لـ Cursor",
"Install the daisyUI plugin for Cursor so your agent can use the latest daisyUI skill.": "قم بتثبيت البرنامج الإضافي daisyUI للمؤشر حتى يتمكن جهاز agent من استخدام أحدث إصدار من daisyUI skill.",
"daisyUI Roadmap": "خارطة طريق daisyUI",
"daisyUI Roadmap, milestones and upcoming features": "خارطة طريق daisyUI والمعالم والميزات القادمة",
"Add daisyUI skill to your agent": "أضف daisyUI skill إلى agent الخاص بك",
"Setup your coding agent to correctly generate daisyUI code based on your prompt.": "قم بإعداد coding agent الخاص بك لإنشاء كود daisyUI بشكل صحيح بناءً على الموجه الخاص بك.",
"Setup your code editor and agent to correctly generate daisyUI code based on your prompt.": "قم بإعداد محرر التعليمات البرمجية الخاص بك وagent لإنشاء كود daisyUI بشكل صحيح بناءً على مطالبتك.",
"daisyUI themes for Tailwind CSS": "سمات daisyUI لـ Tailwind CSS",
"How to enable, customize, and manage daisyUI themes in Tailwind CSS.": "كيفية تمكين سمات daisyUI وتخصيصها وإدارتها في Tailwind CSS.",
"Ads": "إعلانات",
"Copied!": "Copied!",
"Copy docs": "Copy docs",
"Open in ChatGPT": "Open in ChatGPT",
"Open in Claude": "Open in Claude",
"Markdown doc": "Markdown doc",
"How to use LLMs?": "How to use LLMs?",
"title: daisyUI 5 upgrade guide\ndesc: This guide helps you how to update your project to Tailwind CSS 4 and daisyUI 5.": "title: daisyUI 5 upgrade guide\ndesc: This guide helps you how to update your project to Tailwind CSS 4 and daisyUI 5.",
"| Before | After |": "| Before | After |",
"| --- | --- |": "| --- | --- |",
"| artboard phone-1 | w-[320px] h-[568px] |": "| artboard phone-1 | w-[320px] h-[568px] |",
"| artboard phone-2 | w-[375px] h-[667px] |": "| artboard phone-2 | w-[375px] h-[667px] |",
"| artboard phone-3 | w-[414px] h-[736px] |": "| artboard phone-3 | w-[414px] h-[736px] |",
"| artboard phone-4 | w-[375px] h-[812px] |": "| artboard phone-4 | w-[375px] h-[812px] |",
"| artboard phone-5 | w-[414px] h-[896px] |": "| artboard phone-5 | w-[414px] h-[896px] |",
"| artboard phone-6 | w-[320px] h-[1024px] |": "| artboard phone-6 | w-[320px] h-[1024px] |",
"| artboard artboard-horizontal phone-1 | w-[568px] h-[320px] |": "| artboard artboard-horizontal phone-1 | w-[568px] h-[320px] |",
"| artboard artboard-horizontal phone-2 | w-[667px] h-[375px] |": "| artboard artboard-horizontal phone-2 | w-[667px] h-[375px] |",
"| artboard artboard-horizontal phone-3 | w-[736px] h-[414px] |": "| artboard artboard-horizontal phone-3 | w-[736px] h-[414px] |",
"| artboard artboard-horizontal phone-4 | w-[812px] h-[375px] |": "| artboard artboard-horizontal phone-4 | w-[812px] h-[375px] |",
"| artboard artboard-horizontal phone-5 | w-[896px] h-[414px] |": "| artboard artboard-horizontal phone-5 | w-[896px] h-[414px] |",
"| artboard artboard-horizontal phone-6 | w-[1024px] h-[320px] |": "| artboard artboard-horizontal phone-6 | w-[1024px] h-[320px] |",
"Menu": "Menu",
"title: Install daisyUI as a Tailwind plugin\ndesc: How to install daisyUI as a Tailwind CSS plugin?": "title: Install daisyUI as a Tailwind plugin\ndesc: How to install daisyUI as a Tailwind CSS plugin?",
"{#each data.frameworks as framework}": "{#each data.frameworks as framework}",
"title: Install daisyUI for Rsbuild\ndesc: How to install Tailwind CSS and daisyUI in a Rsbuild project": "title: Install daisyUI for Rsbuild\ndesc: How to install Tailwind CSS and daisyUI in a Rsbuild project",
"title: Install daisyUI for Lit\ndesc: How to install Tailwind CSS and daisyUI in a Lit + Vite project": "title: Install daisyUI for Lit\ndesc: How to install Tailwind CSS and daisyUI in a Lit + Vite project",
"3. Make the CSS available for shadow DOM elements": "3. Make the CSS available for shadow DOM elements",
"Put this code in src/my-element.js file and remove the old code": "Put this code in src/my-element.js file and remove the old code",
"title: Install daisyUI for WordPress\ndesc: How to install Tailwind CSS and daisyUI in a WordPress project": "title: Install daisyUI for WordPress\ndesc: How to install Tailwind CSS and daisyUI in a WordPress project",
"Install WordPress according to the <a href="https://wordpress.org/download/\" rel="nofollow" target="_blank">Official WordPress guide.": "Install WordPress according to the <a href="https://wordpress.org/download/\" rel="nofollow" target="_blank">Official WordPress guide.",
"In this guide, we will use the <a href="https://github.com/wind-press/windpress\" rel="nofollow" target="_blank">WindPress plugin to install Tailwind CSS and daisyUI in a WordPress project.": "In this guide, we will use the <a href="https://github.com/wind-press/windpress\" rel="nofollow" target="_blank">WindPress plugin to install Tailwind CSS and daisyUI in a WordPress project.",
"title: Use daisyUI with Tailwind CSS Standalone CLI\ndesc: How to run daisyUI with Tailwind CSS Standalone CLI without Node.js": "title: Use daisyUI with Tailwind CSS Standalone CLI\ndesc: How to run daisyUI with Tailwind CSS Standalone CLI without Node.js",
"The command below,": "The command below,",
"Downloads latest version of Tailwind CSS Standalone executable file for your OS, <a href="https://github.com/tailwindlabs/tailwindcss/releases/latest\" rel="nofollow" target="_blank">from GitHub": "Downloads latest version of Tailwind CSS Standalone executable file for your OS, <a href="https://github.com/tailwindlabs/tailwindcss/releases/latest\" rel="nofollow" target="_blank">from GitHub",
"Downloads latest version of daisyUI bundle file <a href="https://github.com/saadeghi/daisyui/releases/latest\" rel="nofollow" target="_blank">from GitHub": "Downloads latest version of daisyUI bundle file <a href="https://github.com/saadeghi/daisyui/releases/latest\" rel="nofollow" target="_blank">from GitHub",
"Creates input.css file with Tailwind CSS and daisyUI": "Creates input.css file with Tailwind CSS and daisyUI",
"Generates output.css file for the first time": "Generates output.css file for the first time",
" or : (see the <a href="https://raw.githubusercontent.com/saadeghi/daisyui/refs/heads/master/packages/docs/static/fast\" rel="nofollow" target="_blank">install script)": " or : (see the <a href="https://raw.githubusercontent.com/saadeghi/daisyui/refs/heads/master/packages/docs/static/fast\" rel="nofollow" target="_blank">install script)",
": (see the <a href="https://raw.githubusercontent.com/saadeghi/daisyui/refs/heads/master/packages/docs/static/fast.ps1\" rel="nofollow" target="_blank">install script)": ": (see the <a href="https://raw.githubusercontent.com/saadeghi/daisyui/refs/heads/master/packages/docs/static/fast.ps1\" rel="nofollow" target="_blank">install script)",
"Follow <a href="https://tailwindcss.com/blog/standalone-cli\" rel="nofollow" target="_blank">Tailwind CSS guide and get the latest version of Tailwind CSS executable for your OS.": "Follow <a href="https://tailwindcss.com/blog/standalone-cli\" rel="nofollow" target="_blank">Tailwind CSS guide and get the latest version of Tailwind CSS executable for your OS.",
"Make the file executable (For Linux and MacOS):": "Make the file executable (For Linux and MacOS):",
"2. Get daisyUI bundle JS file": "2. Get daisyUI bundle JS file",
"Build CSS": "Build CSS",
"Run this command to build the CSS file using Tailwind CSS executable.": "Run this command to build the CSS file using Tailwind CSS executable.",
"Using --watch will automatically update the output.css file when you change the input.css file.": "Using --watch will automatically update the output.css file when you change the input.css file.",
"For CI/CD, run the command without --watch to generate the output.css file once.": "For CI/CD, run the command without --watch to generate the output.css file once.",
"title: Install Tailwind CSS and daisyUI for Zola\ndesc: How to install Tailwind CSS and daisyUI in a Zola project, without Node.js": "title: Install Tailwind CSS and daisyUI for Zola\ndesc: How to install Tailwind CSS and daisyUI in a Zola project, without Node.js",
"1. Create a new Zola project": "1. Create a new Zola project",
"Install Zola according to the <a href="https://www.getzola.org/documentation/getting-started/installation/\" rel="nofollow" target="_blank">Zola docs.": "Install Zola according to the <a href="https://www.getzola.org/documentation/getting-started/installation/\" rel="nofollow" target="_blank">Zola docs.",
"Create a new Zola project in called myblog and navigate to it:": "Create a new Zola project in called myblog and navigate to it:",
"2. Get Tailwind CSS executable": "2. Get Tailwind CSS executable",
"3. Get daisyUI bundled JS file": "3. Get daisyUI bundled JS file",
"4. Add Tailwind CSS and daisyUI": "4. Add Tailwind CSS and daisyUI",
"5. Run the Zola server": "5. Run the Zola server",
"Run the Zola server on another terminal tab": "Run the Zola server on another terminal tab",
"title: Install daisyUI for React Router\ndesc: How to install daisyUI in a React Router project": "title: Install daisyUI for React Router\ndesc: How to install daisyUI in a React Router project",
"title: Install daisyUI for Vue\ndesc: How to install Tailwind CSS and daisyUI in a Vue project": "title: Install daisyUI for Vue\ndesc: How to install Tailwind CSS and daisyUI in a Vue project",
"title: Install daisyUI for Elixir Phoenix\ndesc: How to install Tailwind CSS and daisyUI in a Elixir Phoenix project": "title: Install daisyUI for Elixir Phoenix\ndesc: How to install Tailwind CSS and daisyUI in a Elixir Phoenix project",
"Install Elixir according to the <a href="https://elixir-lang.org/install.html\" rel="nofollow" target="_blank">official Elixir documentation": "قم بتثبيت Elixir وفقًا <a href="https://elixir-lang.org/install.html\" rel="nofollow" target="_blank">وثائق Elixir الرسمية",
"title: Install daisyUI for PostCSS\ndesc: How to install Tailwind CSS and daisyUI in PostCSS": "title: Install daisyUI for PostCSS\ndesc: How to install Tailwind CSS and daisyUI in PostCSS",
"title: Install daisyUI for Deno Fresh\ndesc: How to install Tailwind CSS and daisyUI in a Deno Fresh project": "title: Install daisyUI for Deno Fresh\ndesc: How to install Tailwind CSS and daisyUI in a Deno Fresh project",
"1. Create a new Fresh project": "1. Create a new Fresh project",
"Use jsr to initialize a new Fresh project in the current directory": "Use jsr to initialize a new Fresh project in the current directory",
"Add daisyUI": "Add daisyUI",
"Add daisyUI to your CSS file (and remove old styles)": "Add daisyUI to your CSS file (and remove old styles)",
"Run the dev server": "Run the dev server",
"title: Install daisyUI for Yew\ndesc: How to install Tailwind CSS and daisyUI in a Yew project": "title: Install daisyUI for Yew\ndesc: How to install Tailwind CSS and daisyUI in a Yew project",
"1. Install Rust, WebAssembly Target and Trunk": "1. Install Rust, WebAssembly Target and Trunk",
"Install Rust according to the <a href="https://www.rust-lang.org/tools/install\" rel="nofollow" target="_blank">official Rust docs": "Install Rust according to the <a href="https://www.rust-lang.org/tools/install\" rel="nofollow" target="_blank">official Rust docs",
"Install WebAssembly target": "Install WebAssembly target",
"Install Trunk": "Install Trunk",
"2. Create a Yew project": "2. Create a Yew project",
"Add yew to your Cargo.toml dependencies": "Add yew to your Cargo.toml dependencies",
"3. Update file": "3. Update file",
"4. Create file": "4. Create file",
"Create an index.html file in the project root with the following content:": "Create an index.html file in the project root with the following content:",
"5. Add Tailwind CSS and daisyUI": "5. Add Tailwind CSS and daisyUI",
"Get Tailwind CSS executable": "Get Tailwind CSS executable",
"Get daisyUI bundle JS file": "Get daisyUI bundle JS file",
"Add Tailwind CSS and daisyUI": "Add Tailwind CSS and daisyUI",
"6. Add a hook to build automatically": "6. Add a hook to build automatically",
"Create a Trunk.toml file in the project root with the following content:": "Create a Trunk.toml file in the project root with the following content:",
"7. Run the app": "7. Run the app",
"Run the following command to start a development server and open the app in your browser": "Run the following command to start a development server and open the app in your browser",
"title: Install daisyUI for Angular\ndesc: How to install Tailwind CSS and daisyUI in a Angular project": "title: Install daisyUI for Angular\ndesc: How to install Tailwind CSS and daisyUI in a Angular project",
"Note about modern CSS support": "Note about modern CSS support",
"Angular builds CSS for an old list of browsers by default, so modern CSS features like color-mix() (used by some daisyUI colors) can render differently than on daisyui.com.": "Angular builds CSS for an old list of browsers by default, so modern CSS features like color-mix() (used by some daisyUI colors) can render differently than on daisyui.com.",
"To fix this, tell the build to target modern browsers by adding a browserslist to your package.json:": "To fix this, tell the build to target modern browsers by adding a browserslist to your package.json:",
"This tells Angular's CSS optimizer (Lightning CSS) to keep modern CSS instead of polyfilling it for outdated browsers — the same fix used in the <a href="/docs/install/nextjs/">Next.js guide. daisyUI and Tailwind CSS target modern browsers, so this doesn't drop any supported browser.": "This tells Angular's CSS optimizer (Lightning CSS) to keep modern CSS instead of polyfilling it for outdated browsers — the same fix used in the <a href="/docs/install/nextjs/">Next.js guide. daisyUI and Tailwind CSS target modern browsers, so this doesn't drop any supported browser.",
"Alternatively, you can run Tailwind's own optimization step in .postcssrc.json:": "Alternatively, you can run Tailwind's own optimization step in .postcssrc.json:",
"Use \"optimize\": { \"minify\": false } if you'd rather keep the development CSS unminified.": "Use \"optimize\": { \"minify\": false } if you'd rather keep the development CSS unminified.",
"title: Install daisyUI for Solid\ndesc: How to install Tailwind CSS and daisyUI in a Solid project": "title: Install daisyUI for Solid\ndesc: How to install Tailwind CSS and daisyUI in a Solid project",
"title: Install daisyUI for Qwik\ndesc: How to install Tailwind CSS and daisyUI in a Qwik project": "title: Install daisyUI for Qwik\ndesc: How to install Tailwind CSS and daisyUI in a Qwik project",
"title: Use daisyUI with HTMX\ndesc: How to install and use daisyUI with HTMX": "title: Use daisyUI with HTMX\ndesc: How to install and use daisyUI with HTMX",
"This guide uses daisyUI as a Node.js dependency. If you don't want to use Node.js, try the <a href="/docs/cdn/">CDN version of daisyUI.": "This guide uses daisyUI as a Node.js dependency. If you don't want to use Node.js, try the <a href="/docs/cdn/">CDN version of daisyUI.",
"title: Use daisyUI with Tailwind CSS CLI\ndesc: How to install and use daisyUI with Tailwind CSS CLI": "title: Use daisyUI with Tailwind CSS CLI\ndesc: How to install and use daisyUI with Tailwind CSS CLI",
"title: Use daisyUI in a Bun dev server\ndesc: How to use Tailwind CSS and daisyUI in a Bun dev server": "title: Use daisyUI in a Bun dev server\ndesc: How to use Tailwind CSS and daisyUI in a Bun dev server",
"Using Bun 1.2.4+ you can serve HTML and CSS files directly in a <a href="https://bun.sh/docs/bundler/fullstack\" rel="nofollow" target="_blank">dev server. Here's how to setup daisyUI for it.": "Using Bun 1.2.4+ you can serve HTML and CSS files directly in a <a href="https://bun.sh/docs/bundler/fullstack\" rel="nofollow" target="_blank">dev server. Here's how to setup daisyUI for it.",
"title: Install daisyUI for Elysia\ndesc: How to install Tailwind CSS and daisyUI in a Elysia project": "title: Install daisyUI for Elysia\ndesc: How to install Tailwind CSS and daisyUI in a Elysia project",
"1. Create a new Elysia project": "1. Create a new Elysia project",
"Install Bun, according to the <a href="https://bun.sh/docs/installation\" rel="nofollow" target="_blank">official Bun docs": "Install Bun, according to the <a href="https://bun.sh/docs/installation\" rel="nofollow" target="_blank">official Bun docs",
"Create a new Elysia project": "Create a new Elysia project",
"Install @elysiajs/static": "Install @elysiajs/static",
"Add Tailwind CSS and daisyUI to your CSS file": "Add Tailwind CSS and daisyUI to your CSS file",
"3. Setup server file": "3. Setup server file",
"Create a server file at src/index.ts with functions to build CSS and watch for changes": "Create a server file at src/index.ts with functions to build CSS and watch for changes",
"4. Add a index.html file": "4. Add a index.html file",
"Create a public/index.html file with the following content": "Create a public/index.html file with the following content",
"Run the server": "Run the server",
"title: Install daisyUI for SvelteKit\ndesc: How to install Tailwind CSS and daisyUI in a SvelteKit project": "title: Install daisyUI for SvelteKit\ndesc: How to install Tailwind CSS and daisyUI in a SvelteKit project",
"title: Install daisyUI for Preact\ndesc: How to install Tailwind CSS and daisyUI in a Preact project": "title: Install daisyUI for Preact\ndesc: How to install Tailwind CSS and daisyUI in a Preact project",
"1. Create a new Preact project": "1. Create a new Preact project",
"Create a new Vite Preact project in the current directory": "Create a new Vite Preact project in the current directory",
"title: Install daisyUI for Vite\ndesc: How to install Tailwind CSS and daisyUI in a Vite project": "title: Install daisyUI for Vite\ndesc: How to install Tailwind CSS and daisyUI in a Vite project",
"title: Install daisyUI for Dioxus\ndesc: How to install Tailwind CSS and daisyUI in a Dioxus project": "title: Install daisyUI for Dioxus\ndesc: How to install Tailwind CSS and daisyUI in a Dioxus project",
"1. Create a new Dioxus project": "1. Create a new Dioxus project",
"<a href="https://dioxuslabs.com/learn/0.6/getting_started/\" rel="nofollow" target="_blank">Install Rust, WebAssembly Target and Dioxus CLI if you haven't already.": "<a href="https://dioxuslabs.com/learn/0.6/getting_started/\" rel="nofollow" target="_blank">Install Rust, WebAssembly Target and Dioxus CLI if you haven't already.",
"Create a new Dioxus project in the current directory": "Create a new Dioxus project in the current directory",
"2. Install Tailwind CSS CLI and daisyUI": "2. Install Tailwind CSS CLI and daisyUI",
"Initialize a new Node project.": "Initialize a new Node project.",
"And install Tailwind CSS CLI and daisyUI.": "And install Tailwind CSS CLI and daisyUI.",
"If you don't want to use Node.js, try <a href="/docs/install/standalone/">Tailwind CSS and daisyUI standalone files instead.": "If you don't want to use Node.js, try <a href="/docs/install/standalone/">Tailwind CSS and daisyUI standalone files instead.",
"Create a new css file tailwind.css at root directory": "Create a new css file tailwind.css at root directory",
"3. Setup ": "3. Setup ",
"Put a css file and a button to src/main.rs (and remove old code)": "Put a css file and a button to src/main.rs (and remove old code)",
"4. Run the dev server": "4. Run the dev server",
"Run the Tailwind CLI": "Run the Tailwind CLI",
"In another terminal, run the Dioxus server": "In another terminal, run the Dioxus server",
"title: Install daisyUI for Ember\ndesc: How to install Tailwind CSS and daisyUI in a Ember project": "title: Install daisyUI for Ember\ndesc: How to install Tailwind CSS and daisyUI in a Ember project",
"1. Create a new Ember project": "1. Create a new Ember project",
"Create a new Ember project using vite in the current directory": "Create a new Ember project using vite in the current directory",
"Import the CSS file in your index.html": "Import the CSS file in your index.html",
"title: Install daisyUI for Nuxt\ndesc: How to install Tailwind CSS and daisyUI in a Nuxt project": "title: Install daisyUI for Nuxt\ndesc: How to install Tailwind CSS and daisyUI in a Nuxt project",
"title: Install daisyUI for Next.js\ndesc: How to install Tailwind CSS and daisyUI in a Next.js project": "title: Install daisyUI for Next.js\ndesc: How to install Tailwind CSS and daisyUI in a Next.js project",
"Note about using Turbopack": "Note about using Turbopack",
"If you're using Turbopack (like next dev --turbopack), The default Lightning CSS config will modify some styles which may <a href="https://github.com/vercel/next.js/issues/81763\" rel="nofollow" target="_blank">cause issues.": "If you're using Turbopack (like next dev --turbopack), The default Lightning CSS config will modify some styles which may <a href="https://github.com/vercel/next.js/issues/81763\" rel="nofollow" target="_blank">cause issues.",
"To fix this add \"browserslist\": \"> 1%\" to your package.json file using this command:": "To fix this add \"browserslist\": \"> 1%\" to your package.json file using this command:",
"This will tell Lightning CSS to target modern browsers instead of polyfilling styles for outdated browsers.": "This will tell Lightning CSS to target modern browsers instead of polyfilling styles for outdated browsers.",
"title: Install daisyUI for Eleventy\ndesc: How to install Tailwind CSS and daisyUI in a Eleventy project": "title: Install daisyUI for Eleventy\ndesc: How to install Tailwind CSS and daisyUI in a Eleventy project",
"1. Initialize a new Node project and add dev and build scripts": "1. Initialize a new Node project and add dev and build scripts",
"2. Install 11ty, PostCSS, Tailwind CSS, Tailwind CSS Typography plugin, and daisyUI": "2. Install 11ty, PostCSS, Tailwind CSS, Tailwind CSS Typography plugin, and daisyUI",
"3. Create a layout template": "3. Create a layout template",
"4. Create a markdown homepage": "4. Create a markdown homepage",
"5. Create a CSS file": "5. Create a CSS file",
"6. Create a eleventy.config.mjs file at root": "6. Create a eleventy.config.mjs file at root",
"6. Run the project": "6. Run the project",
"title: Install daisyUI for Vike\ndesc: How to install Tailwind CSS and daisyUI in a Vike project": "title: Install daisyUI for Vike\ndesc: How to install Tailwind CSS and daisyUI in a Vike project",
"title: Install daisyUI for Solid Start\ndesc: How to install Tailwind CSS and daisyUI in a Solid Start project": "title: Install daisyUI for Solid Start\ndesc: How to install Tailwind CSS and daisyUI in a Solid Start project",
"title: Install daisyUI for Astro\ndesc: How to install Tailwind CSS and daisyUI in a Astro project": "title: Install daisyUI for Astro\ndesc: How to install Tailwind CSS and daisyUI in a Astro project",
"title: Install daisyUI for Electron\ndesc: How to install Tailwind CSS and daisyUI in a Electron project": "title: Install daisyUI for Electron\ndesc: How to install Tailwind CSS and daisyUI in a Electron project",
"1. Create a new Node project": "1. Create a new Node project",
"Initialize a new Node project": "Initialize a new Node project",
"entry point should be main.js": "entry point should be main.js",
"Run this command to add the required scripts to your package.json": "Run this command to add the required scripts to your package.json",
"2. Install Electron, Tailwind CSS, and daisyUI": "2. Install Electron, Tailwind CSS, and daisyUI",
"3. Create files": "3. Create files",
"Create a main.js at the root of your project with the following content": "Create a main.js at the root of your project with the following content",
"Create a src/index.html file with the following content": "Create a src/index.html file with the following content",
"Create a src/input.css file with the following content": "Create a src/input.css file with the following content",
"3. Build the CSS and run the project": "3. Build the CSS and run the project",
"title: Install daisyUI for Django\ndesc: How to install Tailwind CSS and daisyUI in a Django project, without Node.js": "title: Install daisyUI for Django\ndesc: How to install Tailwind CSS and daisyUI in a Django project, without Node.js",
"1. Create a new Django project": "1. Create a new Django project",
"Install Python according to the <a href="https://www.python.org/\" rel="nofollow" target="_blank">official Python docs": "Install Python according to the <a href="https://www.python.org/\" rel="nofollow" target="_blank">official Python docs",
"Install Django": "Install Django",
"Create a new Django project called myapp and navigate into the project directory": "Create a new Django project called myapp and navigate into the project directory",
"2. Create a homepage in Django": "2. Create a homepage in Django",
"Create a template file": "Create a template file",
"Create a myapp/views.py file": "Create a myapp/views.py file",
"Add the view to the myapp/urls.py file": "Add the view to the myapp/urls.py file",
"Add the app name to myapp/settings.py": "Add the app name to myapp/settings.py",
"4. Run the Tailwind CSS executable to generate output.css": "4. Run the Tailwind CSS executable to generate output.css",
"7. Run the Django server": "7. Run the Django server",
"Run the Django server on another terminal tab": "Run the Django server on another terminal tab",
"title: Install daisyUI for React\ndesc: How to install Tailwind CSS and daisyUI in a React project": "title: Install daisyUI for React\ndesc: How to install Tailwind CSS and daisyUI in a React project",
"title: Install daisyUI for UnoCSS\ndesc: How to install Tailwind CSS and daisyUI in a UnoCSS project": "title: Install daisyUI for UnoCSS\ndesc: How to install Tailwind CSS and daisyUI in a UnoCSS project",
":WARNING:": ":WARNING:",
"This guide uses The community (unofficial) package <a href="https://github.com/ameinhardt/unocss-preset-daisy\" rel="nofollow" target="_blank">@ameinhardt/unocss-preset-daisy as UnoCSS preset for daisyUI. Not all daisyUI components are supported yet, some class names may not work as expected.<a href="https://github.com/ameinhardt/unocss-preset-daisy\" rel="nofollow" target="_blank">See the repo for more information.": "This guide uses The community (unofficial) package <a href="https://github.com/ameinhardt/unocss-preset-daisy\" rel="nofollow" target="_blank">@ameinhardt/unocss-preset-daisy as UnoCSS preset for daisyUI. Not all daisyUI components are supported yet, some class names may not work as expected.<a href="https://github.com/ameinhardt/unocss-preset-daisy\" rel="nofollow" target="_blank">See the repo for more information.",
"2. Install UnoCSS, daisyUI and unocss-preset-daisy": "2. Install UnoCSS, daisyUI and unocss-preset-daisy",
"Add UnoCSS to Vite config": "Add UnoCSS to Vite config",
"3. Create a UnoCSS config file": "3. Create a UnoCSS config file",
"Create a unocss.config.js file in the root of your project and add the following code:": "Create a unocss.config.js file in the root of your project and add the following code:",
"4. Add UnoCSS to your JS file": "4. Add UnoCSS to your JS file",
"Add the following code at the top of your src/main.js file:": "Add the following code at the top of your src/main.js file:",
"title: Install daisyUI for Waku\ndesc: How to install daisyUI in a Waku project": "title: Install daisyUI for Waku\ndesc: How to install daisyUI in a Waku project",
"1. Create a new Waku project": "1. Create a new Waku project",
"Create a new Waku project in called myapp and navigate to it:": "Create a new Waku project in called myapp and navigate to it:",
"Put daisyUI in your CSS file (and remove old styles)": "Put daisyUI in your CSS file (and remove old styles)",
"title: Install daisyUI for Laravel\ndesc: How to install Tailwind CSS and daisyUI in a Laravel project": "title: Install daisyUI for Laravel\ndesc: How to install Tailwind CSS and daisyUI in a Laravel project",
"Install PHP, Composer and Laravel Installer according to the <a href="https://laravel.com/docs/12.x/installation#creating-a-laravel-project\" rel="nofollow" target="_blank">official Laravel documentation": "Install PHP, Composer and Laravel Installer according to the <a href="https://laravel.com/docs/12.x/installation#creating-a-laravel-project\" rel="nofollow" target="_blank">official Laravel documentation",
"title: Install daisyUI for Rails\ndesc: How to install Tailwind CSS and daisyUI in a Rails project": "title: Install daisyUI for Rails\ndesc: How to install Tailwind CSS and daisyUI in a Rails project",
"Install Ruby on Rails according to the <a href="https://guides.rubyonrails.org/getting_started.html\" rel="nofollow" target="_blank">official Rails guide.": "Install Ruby on Rails according to the <a href="https://guides.rubyonrails.org/getting_started.html\" rel="nofollow" target="_blank">official Rails guide.",
"Install <a href="https://github.com/rails/tailwindcss-rails\" rel="nofollow" target="_blank">Tailwind CSS 4 gem for Rails": "Install <a href="https://github.com/rails/tailwindcss-rails\" rel="nofollow" target="_blank">Tailwind CSS 4 gem for Rails",
"You can <a href="/docs/cdn/">choose the parts you need": "You can <a href="/docs/cdn/">choose the parts you need",
"You can <a href="https://cdn.jsdelivr.net/npm/daisyui@5/chunks.css\" rel="nofollow" target="_blank">import small CSS files separately": "You can <a href="https://cdn.jsdelivr.net/npm/daisyui@5/chunks.css\" rel="nofollow" target="_blank">import small CSS files separately",
"You can <a href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css\" rel="nofollow" target="_blank">import all themes or <a href="https://cdn.jsdelivr.net/npm/daisyui@5/theme/light.css\" rel="nofollow" target="_blank">specific themes": "You can <a href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css\" rel="nofollow" target="_blank">import all themes or <a href="https://cdn.jsdelivr.net/npm/daisyui@5/theme/light.css\" rel="nofollow" target="_blank">specific themes",
"title: Introduction\ndesc: What is daisyUI and why should you use it?": "title: Introduction\ndesc: What is daisyUI and why should you use it?",
"title: Add daisyUI skill to your agent\ndesc: Setup your coding agent to correctly generate daisyUI code based on your prompt.": "title: Add daisyUI skill to your agent\ndesc: Setup your coding agent to correctly generate daisyUI code based on your prompt.",
"<a href="https://daisyui.com/SKILL.md\" rel="nofollow" target="_blank">daisyUI skill is a compact, markdown version of daisyUI docs to help AI generate accurate daisyUI code based on your prompt.": "<a href="https://daisyui.com/SKILL.md\" rel="nofollow" target="_blank">daisyUI skill هو إصدار markdown صغير الحجم من مستندات daisyUI لمساعدة الذكاء الاصطناعي في إنشاء رمز daisyUI دقيق بناءً على مطالبتك.",
"We recommend using an <a href="/docs/mcp/">MCP server for daisyUI.": "نوصي باستخدام <a href="/docs/mcp/">خادم MCP لـ daisyUI.",
"layout: docs\nseo: false\ncomponentfooter: false": "layout: docs\nseo: false\ncomponentfooter: false",
"<SEO": "<SEO",
"title={How to add daisyUI skill to ${data.editor.name}}": "title={How to add daisyUI skill to ${data.editor.name}}",
"/>": "/>",
"Install": "تثبيت",
"title: Config\ndesc: How to change the default configuration of daisyUI?": "title: Config\ndesc: How to change the default configuration of daisyUI?",
"Replace the semicolon ; after @plugin \"daisyui\" with brackets {} and add the configuration inside the brackets.": "Replace the semicolon ; after @plugin \"daisyui\" with brackets {} and add the configuration inside the brackets.",
"themes": "تصاميم",
"| Default value | Type | Description |": "| Default value | Type | Description |",
"|--|--|--|": "|--|--|--|",
"| light --default, dark --prefersdark | string or comma separated list or false or all | List of themes to enable.": "| light --default, dark --prefersdark | string or comma separated list or false or all | List of themes to enable.",
"Use false to disable all themes.": "Use false to disable all themes.",
"Use all to enable all themes.": "Use all to enable all themes.",
"Add --default flag next to a theme name to set it as default theme.": "Add --default flag next to a theme name to set it as default theme.",
"Add --prefersdark flag next to a theme name to set it as default theme for dark mode. |": "Add --prefersdark flag next to a theme name to set it as default theme for dark mode. |",
"In above example, we disable all themes. it's useful to disable all themes and add custom themes using <a href="/docs/themes/#how-to-add-a-new-custom-theme">@plugin \"daisyui/theme\"": "في المثال أعلاه، قمنا بتعطيل كافة المواضيع. من المفيد تعطيل جميع السمات وإضافة سمات مخصصة باستخدام <a href="/docs/themes/#how-to-add-a-new-custom-theme">@plugin \"daisyui/theme\"",
"In above example, we set dracula as the default theme. setting one value like this means only one theme will be available. Unless you add custom themes using <a href="/docs/themes/#how-to-add-a-new-custom-theme">@plugin \"daisyui/theme\"": "في المثال أعلاه، قمنا بتعيين دراكولا كموضوع Default. تعيين قيمة واحدة مثل هذا يعني أنه سيتم توفير سمة واحدة فقط. ما لم تقم بإضافة سمات مخصصة باستخدام <a href="/docs/themes/#how-to-add-a-new-custom-theme">@plugin \"daisyui/theme\"",
"root": "جذر",
"| \":root\" | string | The CSS selector to receive the CSS variables. |": "| \":root\" | string | The CSS selector to receive the CSS variables. |",
"In above example, we set the CSS variables on #my-app instead of :root.": "In above example, we set the CSS variables on #my-app instead of :root.",
"This way all daisyUI global CSS variables will be scoped to #my-app.": "This way all daisyUI global CSS variables will be scoped to #my-app.",
"include": "تشمل",
"| | comma separated list | List of components to include. |": "| | comma separated list | List of components to include. |",
"In above example, we only include the button, input, and select components.": "In above example, we only include the button, input, and select components.",
"All other styles of daisyUI library will be excluded.": "All other styles of daisyUI library will be excluded.",
"<a href="https://github.com/saadeghi/daisyui/tree/master/packages/daisyui/src\" rel="nofollow" target="_blank">Here are the file names you can include or exclude.": "<a href="https://github.com/saadeghi/daisyui/tree/master/packages/daisyui/src\" rel="nofollow" target="_blank">Here are the file names you can include or exclude.",
"| | comma separated list | List of components to exclude. |": "| | comma separated list | List of components to exclude. |",
"In above example, we exclude the listed files.": "In above example, we exclude the listed files.",
"All other parts of daisyUI will be available to use.": "All other parts of daisyUI will be available to use.",
"This is useful if you want to opt out of some parts of daisyUI or if you want to mix daisyUI for some parts and another library for the rest.": "This is useful if you want to opt out of some parts of daisyUI or if you want to mix daisyUI for some parts and another library for the rest.",
"prefix": "بادئة",
"| \"\" | string | Prefix for all daisyUI classes. |": "| \"\" | string | Prefix for all daisyUI classes. |",
"Using Tailwind CSS prefix AND daisyUI prefix together:": "Using Tailwind CSS prefix AND daisyUI prefix together:",
"Probably you don't have to do this, but if you need to use both <a href="https://tailwindcss.com/docs/styling-with-utility-classes#using-the-prefix-option\" rel="nofollow" target="_blank">Tailwind CSS prefix and daisyUI prefix together:": "Probably you don't have to do this, but if you need to use both <a href="https://tailwindcss.com/docs/styling-with-utility-classes#using-the-prefix-option\" rel="nofollow" target="_blank">Tailwind CSS prefix and daisyUI prefix together:",
"In above example:": "In above example:",
"Tailwind class names will be prefixed with tw:, for example p-4 will be tw:p-4.": "Tailwind class names will be prefixed with tw:, for example p-4 will be tw:p-4.",
"All daisyUI classes will be prefixed with d-, and tw:, for example btn will be tw:d-btn.": "All daisyUI classes will be prefixed with d-, and tw:, for example btn will be tw:d-btn.",
"daisyUI class name <a href="/components/theme-controller/">theme-controller is an exception and it only gets the daisyUI prefix, like this: d-theme-controller.": "daisyUI class name <a href="/components/theme-controller/">theme-controller is an exception and it only gets the daisyUI prefix, like this: d-theme-controller.",
"For example, btn will be tw:d-btn.": "For example, btn will be tw:d-btn.",
"| true | boolean | Enable or disable logs. |": "| true | boolean | Enable or disable logs. |",
"title: daisyUI Roadmap\ndesc: daisyUI Roadmap, milestones and upcoming features": "title: daisyUI Roadmap\ndesc: daisyUI Roadmap, milestones and upcoming features",
"title: FAQ\ndesc: Frequently Asked Questions – Common problems and how to fix": "title: FAQ\ndesc: Frequently Asked Questions – Common problems and how to fix",
"Make sure you're not using <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files#dynamic-class-names\" rel="nofollow" target="_blank">dynamic class names (half-variable like btn-{$color}). If you do this, there is no way for Tailwind CSS to find your class names.": "تأكد من أنك لا تستخدم <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files#dynamic-class-names\" rel="nofollow" target="_blank">أسماء الفئات الديناميكية (نصف متغير مثل btn-{$color}). إذا قمت بذلك، فلن تكون هناك طريقة لـ Tailwind CSS للعثور على أسماء فصولك.",
"Try using @source <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files#explicitly-registering-sources\" rel="nofollow" target="_blank">Explicitly register sources": "حاول استخدام @source <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files#explicitly-registering-sources\" rel="nofollow" target="_blank">تسجيل المصادر بشكل صريح",
"Using Tailwind CSS and daisyUI, it is expected for CSS files to be very small. Ideally only the class names you used must be in the CSS file. Sometimes (specially in monorepos) it is possible that <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files\" rel="nofollow" target="_blank">Tailwind CSS automatic class name detection finds some unwanted strings in your project and generate styles for them. To avoid this, you can <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files#disabling-automatic-detection\" rel="nofollow" target="_blank">disable automatic detection and register your source files using @source directive.": "باستخدام Tailwind CSS وdaisyUI، من المتوقع أن تكون ملفات CSS صغيرة جدًا. من الناحية المثالية، يجب أن تكون ملفات Class names التي استخدمتها فقط موجودة في ملف CSS. في بعض الأحيان (خاصة في monorepos) من الممكن أن <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files\" rel="nofollow" target="_blank">الاكتشاف التلقائي لـ Class name لـ Tailwind CSS يعثر على بعض السلاسل غير المرغوب فيها في مشروعك وينشئ أنماطًا لها. لتجنب ذلك، يمكنك <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files#disabling-automatic-detection\" rel="nofollow" target="_blank">تعطيل الاكتشاف التلقائي وتسجيل ملفات المصدر باستخدام توجيه @source.",
"If you really need @tailwindcss/forms alongside with daisyUI (which I doubt, because both are doing the same job) consider using its <a href="https://github.com/tailwindlabs/tailwindcss-forms#using-only-global-styles-or-only-classes\" rel="nofollow" target="_blank">strategy: 'class' config so it only applies style to the elements with specific class name (not all form elements)": "إذا كنت حقًا بحاجة إلى @tailwindcss/forms جنبًا إلى جنب مع daisyUI (وهو ما أشك فيه، لأن كلاهما يقومان بنفس المهمة) ففكر في استخدام <a href="https://github.com/tailwindlabs/tailwindcss-forms#using-only-global-styles-or-only-classes\" rel="nofollow" target="_blank">strategy: 'class' config لذلك فهو يطبق النمط فقط على العناصر ذات Class name المحددة (وليس كل عناصر النموذج)",
"Enable a theme using <a href="https://daisyui.com/docs/themes/#enable-a-built-in-theme\" rel="nofollow" target="_blank">data-theme on your <html> tag:": "تمكين سمة باستخدام <a href="https://daisyui.com/docs/themes/#enable-a-built-in-theme\" rel="nofollow" target="_blank">data-theme في علامتك <html>:",
"If you're using a custom theme make sure you're using <a href="https://daisyui.com/docs/themes/#how-to-add-a-new-custom-theme\" rel="nofollow" target="_blank">all the required CSS variables": "إذا كنت تستخدم سمة مخصصة، فتأكد من أنك تستخدم <a href="https://daisyui.com/docs/themes/#how-to-add-a-new-custom-theme\" rel="nofollow" target="_blank">جميع متغيرات CSS المطلوبة",
"Tailwind's prefix is not working": "Tailwind's prefix is not working",
"With daisyUI, you don't need to manually set colors using <a href="https://daisyui.com/docs/colors/\" rel="nofollow" target="_blank">dark: variant": "باستخدام daisyUI، لا تحتاج إلى تعيين الألوان يدويًا باستخدام <a href="https://daisyui.com/docs/colors/\" rel="nofollow" target="_blank">dark:",
"As long as you use <a href="https://daisyui.com/docs/colors/\" rel="nofollow" target="_blank">daisyUI colors they will work on all themes, light or dark.": "وطالما أنك تستخدم <a href="https://daisyui.com/docs/colors/\" rel="nofollow" target="_blank">ألوان daisyUI، فإنها ستعمل على جميع المظاهر، سواء كانت فاتحة أو داكنة.",
"If you really want to use Tailwind's dark: variant, <a href="https://daisyui.com/docs/themes/#how-to-apply-tailwinds-dark-selector-for-specific-themes\" rel="nofollow" target="_blank">here's how to do it.": "إذا كنت تريد حقًا استخدام متغير Tailwind dark:، <a href="https://daisyui.com/docs/themes/#how-to-apply-tailwinds-dark-selector-for-specific-themes\" rel="nofollow" target="_blank">إليك كيفية القيام بذلك.",
"layout: docs\nseo: false": "layout: docs\nseo: false",
"For a more efficient daisyUI generation and on-demand component snippets, use <a href="/blueprint/">daisyUI Blueprint MCP server. Blueprint MCP saves more tokens and has more control over the generated code.": "للحصول على إنشاء daisyUI أكثر كفاءة ومقتطفات Component عند الطلب، استخدم <a href="/blueprint/">خادم daisyUI Blueprint MCP. يوفر Blueprint MCP المزيد من الرموز المميزة ويتمتع بمزيد من التحكم في التعليمات البرمجية التي تم إنشاؤها.",
"title: Add daisyUI agent plugin\ndesc: Install the daisyUI plugin for Codex, Cursor, or Claude Code so your agent can use the latest daisyUI skill.": "title: Add daisyUI agent plugin\ndesc: Install the daisyUI plugin for Codex, Cursor, or Claude Code so your agent can use the latest daisyUI skill.",
"If you already use <a href="/blueprint/">daisyUI Blueprint MCP server, you don't need to install this plugin.": "إذا كنت تستخدم بالفعل <a href="/blueprint/">خادم daisyUI Blueprint MCP، فلن تحتاج إلى تثبيت هذا البرنامج الإضافي.",
"Open Cursor settings with ": "Open Cursor settings with ",
"⌘": "⌘",
" + ": " + ",
",": ",",
"<a href="/blueprint/">Blueprint: The Official MCP server from daisyUI (Recommended for best results)": "<a href="/blueprint/">Blueprint: خادم MCP الرسمي من daisyUI (موصى به للحصول على أفضل النتائج)",
"<a href="https://context7.com/\" rel="nofollow" target="_blank">Context7: Free 3rd party MCP server": "<a href="https://context7.com/\" rel="nofollow" target="_blank">Context7: خادم MCP مجاني تابع لجهة خارجية",
"<a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP: Free 3rd party MCP server": "<a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP: خادم MCP مجاني تابع لجهة خارجية",
"Blueprint is the official MCP server for daisyUI. <a href="/blueprint/">Read more about Blueprint.": "Blueprint هو خادم MCP الرسمي لـ daisyUI. <a href="/blueprint/">اقرأ المزيد حول Blueprint.",
"Get a <a href="/blueprint/checkout/">Blueprint License": "احصل على <a href="/blueprint/checkout/">ترخيص المخطط",
"In Zed press ": "In Zed press ",
"P": "P",
" ( Or ": " ( Or ",
"Ctrl": "Ctrl",
"Shift": "Shift",
" )": " )",
"title: Add daisyUI MCP to your coding tool\ndesc: How to setup daisyUI MCP server in your coding tools so AI can use it to generate the correct daisyUI code based on your prompt.": "title: Add daisyUI MCP to your coding tool\ndesc: How to setup daisyUI MCP server in your coding tools so AI can use it to generate the correct daisyUI code based on your prompt.",
"In Cursor press ": "In Cursor press ",
"In VS Code press ": "In VS Code press ",
"Press ": "Press ",
" (or ": " (or ",
" on Windows)": " on Windows)",
"title: Add component classes to your HTML\ndesc: How to use daisyUI classes to style your page?": "title: Add component classes to your HTML\ndesc: How to use daisyUI classes to style your page?",
"Button": "Button",
"title: Utility classes and CSS variables\ndesc: daisyUI provides a few useful utility classes and CSS variables to help you use the library more effectively.": "title: Utility classes and CSS variables\ndesc: daisyUI provides a few useful utility classes and CSS variables to help you use the library more effectively.",
"All daisyUI colors can be used as utility classes.": "All daisyUI colors can be used as utility classes.",
"Just like any other Tailwind CSS color.": "Just like any other Tailwind CSS color.",
"Read more about <a href="/docs/colors/">color names.": "Read more about <a href="/docs/colors/">color names.",
"| Class Name | Description |": "| Class Name | Description |",
"| --------------------- | ----------------------------------------------------------- |": "| --------------------- | ----------------------------------------------------------- |",
"| bg-primary | Sets the background color to the primary color |": "| bg-primary | Sets the background color to the primary color |",
"| to-primary | Sets the ending color for a gradient to the primary color |": "| to-primary | Sets the ending color for a gradient to the primary color |",
"| via-primary | Sets the middle color for a gradient to the primary color |": "| via-primary | Sets the middle color for a gradient to the primary color |",
"| from-primary | Sets the starting color for a gradient to the primary color |": "| from-primary | Sets the starting color for a gradient to the primary color |",
"| text-primary | Sets the text color to the primary color |": "| text-primary | Sets the text color to the primary color |",
"| ring-primary | Sets the ring color to the primary color |": "| ring-primary | Sets the ring color to the primary color |",
"| fill-primary | Sets the fill color for SVG elements to the primary color |": "| fill-primary | Sets the fill color for SVG elements to the primary color |",
"| caret-primary | Sets the caret color to the primary color |": "| caret-primary | Sets the caret color to the primary color |",
"| stroke-primary | Sets the stroke color for SVG elements to the primary color |": "| stroke-primary | Sets the stroke color for SVG elements to the primary color |",
"| border-primary | Sets the border color to the primary color |": "| border-primary | Sets the border color to the primary color |",
"| divide-primary | Sets the color for dividing borders to the primary color |": "| divide-primary | Sets the color for dividing borders to the primary color |",
"| accent-primary | Sets the accent color to the primary color |": "| accent-primary | Sets the accent color to the primary color |",
"| shadow-primary | Sets the shadow color to the primary color |": "| shadow-primary | Sets the shadow color to the primary color |",
"| outline-primary | Sets the outline color to the primary color |": "| outline-primary | Sets the outline color to the primary color |",
"| decoration-primary | Sets the text decoration color to the primary color |": "| decoration-primary | Sets the text decoration color to the primary color |",
"| placeholder-primary | Sets the placeholder text color to the primary color |": "| placeholder-primary | Sets the placeholder text color to the primary color |",
"| ring-offset-primary | Sets the ring offset color to the primary color |": "| ring-offset-primary | Sets the ring offset color to the primary color |",
"| Class Name | CSS Variable | Description |": "| Class Name | CSS Variable | Description |",
"| ------------------ | ------------------------ | ----------------------------------------------------------------- |": "| ------------------ | ------------------------ | ----------------------------------------------------------------- |",
"| rounded-box | var(--radius-box) | For large sized components like card, modal, alert, etc. |": "| rounded-box | var(--radius-box) | For large sized components like card, modal, alert, etc. |",
"| rounded-field | var(--radius-field) | For medium sized components like button, input, select, tab, etc. |": "| rounded-field | var(--radius-field) | For medium sized components like button, input, select, tab, etc. |",
"| rounded-selector | var(--radius-selector) | For small sized components like checkbox, toggle, badge, etc. |": "| rounded-selector | var(--radius-selector) | For small sized components like checkbox, toggle, badge, etc. |",
"These CSS variables can be customized for each themes. Read more about <a href="/docs/colors/">color names.": "يمكن تخصيص متغيرات CSS هذه لكل سمة. اقرأ المزيد عن <a href="/docs/colors/">أسماء الألوان.",
"| CSS Variable | Description |": "| CSS Variable | Description |",
"| --------------------------- | --------------------------------------------------------------- |": "| --------------------------- | --------------------------------------------------------------- |",
"| --color-primary | Primary brand color |": "| --color-primary | primary brand color |",
"| --color-primary-content | Foreground content color to use on primary color |": "| --color-primary-content | Foreground content color to use on primary color |",
"| --color-secondary | Secondary brand color |": "| --color-secondary | secondary brand color |",
"| --color-secondary-content | Foreground content color to use on secondary color |": "| --color-secondary-content | Foreground content color to use on secondary color |",
"| --color-accent | Accent brand color |": "| --color-accent | accent brand color |",
"| --color-accent-content | Foreground content color to use on accent color |": "| --color-accent-content | Foreground content color to use on accent color |",
"| --color-neutral | Neutral dark color |": "| --color-neutral | neutral dark color |",
"| --color-neutral-content | Foreground content color to use on neutral color |": "| --color-neutral-content | Foreground content color to use on neutral color |",
"| --color-base-100 | Base color of page, used for blank backgrounds |": "| --color-base-100 | base color of page, used for blank backgrounds |",
"| --color-base-200 | Base color, darker shade |": "| --color-base-200 | base color, darker shade |",
"| --color-base-300 | Base color, even more darker shade |": "| --color-base-300 | base color, even more darker shade |",
"| --color-base-content | Foreground content color to use on base color |": "| --color-base-content | Foreground content color to use on base color |",
"| --color-info | Info color |": "| --color-info | info color |",
"| --color-info-content | Foreground content color to use on info color |": "| --color-info-content | Foreground content color to use on info color |",
"| --color-success | Success color |": "| --color-success | success color |",
"| --color-success-content | Foreground content color to use on success color |": "| --color-success-content | Foreground content color to use on success color |",
"| --color-warning | Warning color |": "| --color-warning | warning color |",
"| --color-warning-content | Foreground content color to use on warning color |": "| --color-warning-content | Foreground content color to use on warning color |",
"| --color-error | Error color |": "| --color-error | error color |",
"| --color-error-content | Foreground content color to use on error color |": "| --color-error-content | Foreground content color to use on error color |",
"| --radius-selector | Border radius for selectors like checkbox, toggle, badge, etc |": "| --radius-selector | Border radius for selectors like checkbox, toggle, badge, etc |",
"| --radius-field | Border radius for fields like input, select, tab, etc |": "| --radius-field | Border radius for fields like input, select, tab, etc |",
"| --radius-box | Border radius for boxes like card, modal, alert, etc |": "| --radius-box | Border radius for boxes like card, modal, alert, etc |",
"| --size-selector | Base scale size for selectors like checkbox, toggle, badge, etc |": "| --size-selector | Base scale size for selectors like checkbox, toggle, badge, etc |",
"| --size-field | Base scale size for fields like input, select, tab, etc |": "| --size-field | Base scale size for fields like input, select, tab, etc |",
"| --border | Border width of all components |": "| --border | Border width of all components |",
"| --depth | (binary) Adds a depth effect for relevant components |": "| --depth | (binary) Adds a depth effect for relevant components |",
"| --noise | (binary) Adds a background noise effect for relevant components |": "| --noise | (binary) Adds a background noise effect for relevant components |",
"If you are using a prefix for daisyUI, these CSS variables will be prefixed with that prefix as well. For example if prefix is daisy-, The --alert-color CSS variable will be --daisy-alert-color.": "If you are using a prefix for daisyUI, these CSS variables will be prefixed with that prefix as well. For example if prefix is daisy-, The --alert-color CSS variable will be --daisy-alert-color.",
"| Component | CSS Variable | Description |": "| Component | CSS Variable | Description |",
"| --------------- | ----------------------------- | -------------------------------------------------------- |": "| --------------- | ----------------------------- | -------------------------------------------------------- |",
"| Alert | --alert-color | color of the alert |": "| Alert | --alert-color | color of the alert |",
"| Aura | --aura-angle | angle of the aura gradient |": "| Aura | --aura-angle | angle of the aura gradient |",
"| | --aura-padding | padding of the aura effect |": "| | --aura-padding | padding of the aura effect |",
"| | --aura-radius | border radius of the aura effect |": "| | --aura-radius | border radius of the aura effect |",
"| Badge | --badge-color | color of the badge |": "| Badge | --badge-color | color of the badge |",
"| | --size | size of the badge |": "| | --size | size of the badge |",
"| Button | --btn-bg | background color of the button |": "| Button | --btn-bg | background color of the button |",
"| | --btn-border | border color of the button |": "| | --btn-border | border color of the button |",
"| | --btn-border-style | border style of the button |": "| | --btn-border-style | border style of the button |",
"| | --btn-color | background color of the button |": "| | --btn-color | background color of the button |",
"| | --btn-fg | foreground color of the button |": "| | --btn-fg | foreground color of the button |",
"| | --btn-inset | inset shadow of the button |": "| | --btn-inset | inset shadow of the button |",
"| | --btn-rest-fg | foreground color of the button in default/rest state |": "| | --btn-rest-fg | foreground color of the button in default/rest state |",
"| | --btn-shadow | shadow of the button |": "| | --btn-shadow | shadow of the button |",
"| | --btn-soft-bg | background mix base of the soft button |": "| | --btn-soft-bg | background mix base of the soft button |",
"| | --btn-p | padding of the button |": "| | --btn-p | padding of the button |",
"| | --size | size of the button |": "| | --size | size of the button |",
"| Card | --card-p | padding of the card body |": "| Card | --card-p | padding of the card body |",
"| | --card-fs | font size of the card body |": "| | --card-fs | font size of the card body |",
"| | --cardtitle-fs | font size of the card title |": "| | --cardtitle-fs | font size of the card title |",
"| Checkbox | --size | size of the checkbox |": "| Checkbox | --size | size of the checkbox |",
"| Countdown | --value | value of the countdown |": "| Countdown | --value | value of the countdown |",
"| | --digits | minimum number of digits for countdown |": "| | --digits | minimum number of digits for countdown |",
"| Collapse | --overflow-delay | overflow transition delay of the collapse content |": "| Collapse | --overflow-delay | overflow transition delay of the collapse content |",
"| Divider | --divider-m | margin of the divider |": "| Divider | --divider-m | margin of the divider |",
"| Dropdown | --anchor-v | vertical position of the anchor |": "| Dropdown | --anchor-v | vertical position of the anchor |",
"| | --anchor-h | horizontal position of the anchor |": "| | --anchor-h | horizontal position of the anchor |",
"| Fab | --degree | angle of the floating action button item |": "| Fab | --degree | angle of the floating action button item |",
"| | --position | distance of the floating action button item |": "| | --position | distance of the floating action button item |",
"| File input | --input-color | color of the file input |": "| File input | --input-color | color of the file input |",
"| | --size | size of the file input |": "| | --size | size of the file input |",
"| Hover 3D | --ease | easing-animation |": "| Hover 3D | --ease | easing-animation |",
"| | --shadow | underlying shadow effect |": "| | --shadow | underlying shadow effect |",
"| | --shine | overlay shine effect |": "| | --shine | overlay shine effect |",
"| | --transform | transform angle |": "| | --transform | transform angle |",
"| Hover Gallery | --items | number of items |": "| Hover Gallery | --items | number of items |",
"| Indicator | --indicator-t | top position of the indicator |": "| Indicator | --indicator-t | top position of the indicator |",
"| | --indicator-b | bottom position of the indicator |": "| | --indicator-b | bottom position of the indicator |",
"| | --indicator-s | start position of the indicator |": "| | --indicator-s | start position of the indicator |",
"| | --indicator-e | end position of the indicator |": "| | --indicator-e | end position of the indicator |",
"| | --indicator-y | vertical position of the indicator |": "| | --indicator-y | vertical position of the indicator |",
"| | --indicator-x | horizontal position of the indicator |": "| | --indicator-x | horizontal position of the indicator |",
"| Input | --input-color | color of the input |": "| Input | --input-color | color of the input |",
"| | --size | size of the input |": "| | --size | size of the input |",
"| | --font-size | font-size of the input |": "| | --font-size | font-size of the input |",
"| | --font-size-min | minimum font-size of the input |": "| | --font-size-min | minimum font-size of the input |",
"| | --in-size-mul | size multiplier of the input |": "| | --in-size-mul | size multiplier of the input |",
"| | --spin-my | vertical margin of the number input spin button |": "| | --spin-my | vertical margin of the number input spin button |",
"| | --top-mul | floating label top position multiplier |": "| | --top-mul | floating label top position multiplier |",
"| Kbd | --size | size of the kbd |": "| Kbd | --size | size of the kbd |",
"| List | --list-grid-cols | grid columns of the list |": "| List | --list-grid-cols | grid columns of the list |",
"| Menu | --menu-active-fg | foreground color of the active menu item |": "| Menu | --menu-active-fg | foreground color of the active menu item |",
"| | --menu-active-bg | background color of the active menu item |": "| | --menu-active-bg | background color of the active menu item |",
"| Megamenu | --fontsize | font size of the megamenu item |": "| Megamenu | --fontsize | font size of the megamenu item |",
"| | --mm-anchor | active anchor of the megamenu item |": "| | --mm-anchor | active anchor of the megamenu item |",
"| | --mm-backdrop | backdrop color of the megamenu |": "| | --mm-backdrop | backdrop color of the megamenu |",
"| | --mm-display | display value of the megamenu content |": "| | --mm-display | display value of the megamenu content |",
"| | --mm-mt | margin top of the megamenu |": "| | --mm-mt | margin top of the megamenu |",
"| | --mm-p | padding of the megamenu item |": "| | --mm-p | padding of the megamenu item |",
"| | --size | size of the megamenu item |": "| | --size | size of the megamenu item |",
"| Modal | --modal-tl | top left border radius of the modal |": "| Modal | --modal-tl | top left border radius of the modal |",
"| | --modal-tr | top right border radius of the modal |": "| | --modal-tr | top right border radius of the modal |",
"| | --modal-bl | bottom left border radius of the modal |": "| | --modal-bl | bottom left border radius of the modal |",
"| | --modal-br | bottom right border radius of the modal |": "| | --modal-br | bottom right border radius of the modal |",
"| OTP | --input-color | color of the OTP input |": "| OTP | --input-color | color of the OTP input |",
"| | --otp-ch | character width of the OTP input |": "| | --otp-ch | character width of the OTP input |",
"| | --otp-gap | gap of the OTP input boxes |": "| | --otp-gap | gap of the OTP input boxes |",
"| | --otp-size | size of the OTP input boxes |": "| | --otp-size | size of the OTP input boxes |",
"| | --otp-w | width of the OTP input boxes |": "| | --otp-w | width of the OTP input boxes |",
"| | --stride | spacing stride of the OTP input boxes |": "| | --stride | spacing stride of the OTP input boxes |",
"| Radial progress | --value | value of the radial progress |": "| Radial progress | --value | value of the radial progress |",
"| | --size | size of the radial progress |": "| | --size | size of the radial progress |",
"| | --thickness | thickness of the radial progress |": "| | --thickness | thickness of the radial progress |",
"| | --radialprogress | for calculating the radial progress position |": "| | --radialprogress | for calculating the radial progress position |",
"| Radio | --size | size of the radio |": "| Radio | --size | size of the radio |",
"| Range | --range-bg | background color of the range slider thumb |": "| Range | --range-bg | background color of the range slider thumb |",
"| | --range-thumb | color of the range slider thumb |": "| | --range-thumb | color of the range slider thumb |",
"| | --range-thumb-size | size of the range slider thumb |": "| | --range-thumb-size | size of the range slider thumb |",
"| | --range-progress | color of the range slider progress |": "| | --range-progress | color of the range slider progress |",
"| | --range-fill | binary, whether to fill the range slider progress or not |": "| | --range-fill | binary, whether to fill the range slider progress or not |",
"| | --range-fill-spread | spread of the range slider fill |": "| | --range-fill-spread | spread of the range slider fill |",
"| | --range-fill-x | horizontal offset of the range slider fill |": "| | --range-fill-x | horizontal offset of the range slider fill |",
"| | --range-fill-y | vertical offset of the range slider fill |": "| | --range-fill-y | vertical offset of the range slider fill |",
"| | --range-p | padding of the range slider thumb |": "| | --range-p | padding of the range slider thumb |",
"| | --size | size of the range slider |": "| | --size | size of the range slider |",
"| Rating | --size | size of the rating element |": "| Rating | --size | size of the rating element |",
"| Select | --input-color | color of the input |": "| Select | --input-color | color of the input |",
"| | --size | size of the select |": "| | --size | size of the select |",
"| | --font-size | font-size of the select |": "| | --font-size | font-size of the select |",
"| | --font-size-min | minimum font-size of the select |": "| | --font-size-min | minimum font-size of the select |",
"| | --option-px | horizontal padding of the select option |": "| | --option-px | horizontal padding of the select option |",
"| | --sl-size-mul | size multiplier of the select |": "| | --sl-size-mul | size multiplier of the select |",
"| Tab | --tabs-height | height of the tabs |": "| Tab | --tabs-height | height of the tabs |",
"| | --tabs-direction | direction of the tabs |": "| | --tabs-direction | direction of the tabs |",
"| | --tab-p | padding of the tab |": "| | --tab-p | padding of the tab |",
"| | --tab-bg | background color of the tab |": "| | --tab-bg | background color of the tab |",
"| | --tab-border-color | border color of the tab |": "| | --tab-border-color | border color of the tab |",
"| | --tab-radius-ss | start start border radius of the tab |": "| | --tab-radius-ss | start start border radius of the tab |",
"| | --tab-radius-se | start end border radius of the tab |": "| | --tab-radius-se | start end border radius of the tab |",
"| | --tab-radius-es | end start border radius of the tab |": "| | --tab-radius-es | end start border radius of the tab |",
"| | --tab-radius-ee | end end border radius of the tab |": "| | --tab-radius-ee | end end border radius of the tab |",
"| | --tab-order | Order of the tab |": "| | --tab-order | Order of the tab |",
"| | --tab-radius-min | minimum border radius of the lift tab |": "| | --tab-radius-min | minimum border radius of the lift tab |",
"| | --tab-paddings | all padding values of the lift tab |": "| | --tab-paddings | all padding values of the lift tab |",
"| | --tab-border-colors | all border color values of the lift tab |": "| | --tab-border-colors | all border color values of the lift tab |",
"| | --tab-corner-width | corner width of the lift tab |": "| | --tab-corner-width | corner width of the lift tab |",
"| | --tab-corner-height | corner height of the lift tab |": "| | --tab-corner-height | corner height of the lift tab |",
"| | --tab-corner-position | corner position of the lift tab |": "| | --tab-corner-position | corner position of the lift tab |",
"| | --tab-inset | inset position of the lift tab |": "| | --tab-inset | inset position of the lift tab |",
"| | --radius-start | border radius for the corner of the lift tab |": "| | --radius-start | border radius for the corner of the lift tab |",
"| | --radius-end | border radius for the corner of the lift tab |": "| | --radius-end | border radius for the corner of the lift tab |",
"| | --tabcontent-margin | margin of the tab content |": "| | --tabcontent-margin | margin of the tab content |",
"| | --tabcontent-radius-ss | start start border radius of the tab content |": "| | --tabcontent-radius-ss | start start border radius of the tab content |",
"| | --tabcontent-radius-se | start end border radius of the tab content |": "| | --tabcontent-radius-se | start end border radius of the tab content |",
"| | --tabcontent-radius-es | end start border radius of the tab content |": "| | --tabcontent-radius-es | end start border radius of the tab content |",
"| | --tabcontent-radius-ee | end end border radius of the tab content |": "| | --tabcontent-radius-ee | end end border radius of the tab content |",
"| | --tabcontent-order | order of the tab content |": "| | --tabcontent-order | order of the tab content |",
"| Text Rotate | --items | number of items |": "| Text Rotate | --items | number of items |",
"| | --duration | total duration of loop in milliseconds |": "| | --duration | total duration of loop in milliseconds |",
"| | --first-item-position | dynamic position of the first item |": "| | --first-item-position | dynamic position of the first item |",
"| Textarea | --input-color | color of the input |": "| Textarea | --input-color | color of the input |",
"| | --size | size of the textarea |": "| | --size | size of the textarea |",
"| | --font-size | font-size of the textarea |": "| | --font-size | font-size of the textarea |",
"| | --font-size-min | minimum font-size of the textarea |": "| | --font-size-min | minimum font-size of the textarea |",
"| Timeline | --timeline-row-start | start position of the timeline row |": "| Timeline | --timeline-row-start | start position of the timeline row |",
"| | --timeline-row-end | end position of the timeline row |": "| | --timeline-row-end | end position of the timeline row |",
"| | --timeline-col-start | start position of the timeline column |": "| | --timeline-col-start | start position of the timeline column |",
"| | --timeline-col-end | end position of the timeline column |": "| | --timeline-col-end | end position of the timeline column |",
"| Toast | --toast-x | horizontal position of the toast |": "| Toast | --toast-x | horizontal position of the toast |",
"| | --toast-y | vertical position of the toast |": "| | --toast-y | vertical position of the toast |",
"| Toggle | --toggle-p | padding of the toggle |": "| Toggle | --toggle-p | padding of the toggle |",
"| | --size | size of the toggle |": "| | --size | size of the toggle |",
"| Tooltip | --tt-bg | background color of the tooltip |": "| Tooltip | --tt-bg | background color of the tooltip |",
"| | --tt-off | offset of the tooltip |": "| | --tt-off | offset of the tooltip |",
"| | --tt-inset | inset position of the tooltip |": "| | --tt-inset | inset position of the tooltip |",
"| | --tt-tail | position of the tooltip tail |": "| | --tt-tail | position of the tooltip tail |",
"| | --tt-tail-inset | inset position of the tooltip tail |": "| | --tt-tail-inset | inset position of the tooltip tail |",
"| | --tt-tail-off | offset of the tooltip tail from start/end |": "| | --tt-tail-off | offset of the tooltip tail from start/end |",
"| | --tt-trans | transform offset of the tooltip |": "| | --tt-trans | transform offset of the tooltip |",
"| Glass | --glass-blur | blur of the glass effect |": "| Glass | --glass-blur | blur of the glass effect |",
"| | --glass-opacity | opacity of the glass effect |": "| | --glass-opacity | opacity of the glass effect |",
"| | --glass-reflect-degree | degree of the glass reflection |": "| | --glass-reflect-degree | degree of the glass reflection |",
"| | --glass-reflect-opacity | opacity of the glass reflection |": "| | --glass-reflect-opacity | opacity of the glass reflection |",
"| | --glass-border-opacity | opacity of the glass border |": "| | --glass-border-opacity | opacity of the glass border |",
"| | --glass-text-shadow-opacity | opacity of the glass text shadow |": "| | --glass-text-shadow-opacity | opacity of the glass text shadow |",
"| Join | --join-h | horizontal join direction |": "| Join | --join-h | horizontal join direction |",
"| | --join-v | vertical join direction |": "| | --join-v | vertical join direction |",
"| | --join-ss | start start border radius of the join |": "| | --join-ss | start start border radius of the join |",
"| | --join-se | start end border radius of the join |": "| | --join-se | start end border radius of the join |",
"| | --join-es | end start border radius of the join |": "| | --join-es | end start border radius of the join |",
"| | --join-ee | end end border radius of the join |": "| | --join-ee | end end border radius of the join |",
"Examples of customizing component specific CSS variables": "Examples of customizing component specific CSS variables",
"Customizing --alert-color using a utility class:": "Customizing --alert-color using a utility class:",
"Customizing --alert-color from CSS:": "Customizing --alert-color from CSS:",
"title: daisyUI 5 release notes\ndesc: Everything about the new daisyUI 5 release": "title: daisyUI 5 release notes\ndesc: Everything about the new daisyUI 5 release",
"TLDR – daisyUI 5 is compatible with Tailwind CSS 4, has zero dependencies, a smaller package size, smaller CSS size, and is more customizable.": "TLDR – daisyUI 5 is compatible with Tailwind CSS 4, has zero dependencies, a smaller package size, smaller CSS size, and is more customizable.",
"CSS variables are now more readable and more flexible.": "CSS variables are now more readable and more flexible.",
"daisyUI 5 has no dependencies.": "daisyUI 5 has no dependencies.",
"Hopefully this helps to clean up your node_modules a little bit.": "Hopefully this helps to clean up your node_modules a little bit.",
"| Button height scale | Before | After |": "| Button height scale | Before | After |",
"| ------------------- | --------------------------------------------- | ----------------------------------------------- |": "| ------------------- | --------------------------------------------- | ----------------------------------------------- |",
"| xs | 6 × 4 = 24px | 6 × 4 = 24px |": "| xs | 6 × 4 = 24px | 6 × 4 = 24px |",
"| sm | 8 × 4 = 32px | 8 × 4 = 32px |": "| sm | 8 × 4 = 32px | 8 × 4 = 32px |",
"| md | 12 × 4 = 48px | 10 × 4 = 40px |": "| md | 12 × 4 = 48px | 10 × 4 = 40px |",
"| lg | 16 × 4 = 64px | 12 × 4 = 48px |": "| lg | 16 × 4 = 64px | 12 × 4 = 48px |",
"| xl | - | 14 × 4 = 56px |": "| xl | - | 14 × 4 = 56px |",
"| Checkbox height scale | Before | After |": "| Checkbox height scale | Before | After |",
"| --------------------- | -------------------------------------------- | ---------------------------------------------- |": "| --------------------- | -------------------------------------------- | ---------------------------------------------- |",
"| xs | 4 × 4 = 16px | 4 × 4 = 16px |": "| xs | 4 × 4 = 16px | 4 × 4 = 16px |",
"| sm | 5 × 4 = 20px | 5 × 4 = 20px |": "| sm | 5 × 4 = 20px | 5 × 4 = 20px |",
"| md | 6 × 4 = 24px | 6 × 4 = 24px |": "| md | 6 × 4 = 24px | 6 × 4 = 24px |",
"| lg | 8 × 4 = 32px | 7 × 4 = 28px |": "| lg | 8 × 4 = 32px | 7 × 4 = 28px |",
"| xl | - | 8 × 4 = 32px |": "| xl | - | 8 × 4 = 32px |",
"Component size scales are now customizable.": "Component size scales are now customizable.",
"Previously, customizing the size of components required a lot of manual work.": "Previously, customizing the size of components required a lot of manual work.",
"Tailwind CSS 4 now uses CSS variables for colors and color-mix() to control the opacity.": "Tailwind CSS 4 now uses CSS variables for colors and color-mix() to control the opacity.",
"This means we can use any color format we want and no transformation is needed.": "This means we can use any color format we want and no transformation is needed.",
" – New soft/dash styles, new vertical/horizontal layout options": " – New soft/dash styles, new vertical/horizontal layout options",
" – New soft/dash styles": " – New soft/dash styles",
" – New hover behavior for ghost/outline styles, new soft/dash styles": " – New hover behavior for ghost/outline styles, new soft/dash styles",
" – New radio card functionality, new dash variant": " – New radio card functionality, new dash variant",
" – New design, accessibility improvements": " – New design, accessibility improvements",
" – Accessibility improvements": " – Accessibility improvements",
" – Better iOS Safari support, improved Firefox performance, accessibility improvements": " – Better iOS Safari support, improved Firefox performance, accessibility improvements",
" – Improved accessibility": " – Improved accessibility",
" – Popover API, Anchor Positioning, new dropdown-center modifier, accessibility improvements, clicking the button will toggle the dropdown if it's open.": " – Popover API, Anchor Positioning, new dropdown-center modifier, accessibility improvements, clicking the button will toggle the dropdown if it's open.",
" – New horizontal/vertical layout options": " – New horizontal/vertical layout options",
" – Improved structure compatibility": " – Improved structure compatibility",
" – New positioning options (modal-start, modal-end, modal-top), accessibility improvements": " – New positioning options (modal-start, modal-end, modal-top), accessibility improvements",
" – accessibility improvements": " – accessibility improvements",
" – New CSS grid layout, new directional options": " – New CSS grid layout, new directional options",
" – Ability to add custom icon, accessibility improvements": " – Ability to add custom icon, accessibility improvements",
" – New tabs-border style, new top/bottom positioning, accessibility improvements": " – New tabs-border style, new top/bottom positioning, accessibility improvements",
" – New custom icons support, accessibility improvements": " – New custom icons support, accessibility improvements",
" – New tooltip-content class": " – New tooltip-content class",
"TLDR - It's a long list of changes.": "TLDR - It's a long list of changes.",
"Most of them won't affect you, so I've summarized the most important ones here and you can read the detailed changelog for each component <a href="/docs/changelog/">in the changelog page.": "Most of them won't affect you, so I've summarized the most important ones here and you can read the detailed changelog for each component <a href="/docs/changelog/">in the changelog page.",
"Default sizes for some UI elements have been adjusted for improved consistency.": "Default sizes for some UI elements have been adjusted for improved consistency.",
"They are also customizable now.": "They are also customizable now.",
"TLDR – Use the new config format in the CSS file.": "TLDR – Use the new config format in the CSS file.",
"No need for tailwind.config.js anymore.": "No need for tailwind.config.js anymore.",
"TLDR – Automatic *-content color calculation is removed.": "TLDR – Automatic *-content color calculation is removed.",
"Theme variable names have changed for better consistency and readability.": "Theme variable names have changed for better consistency and readability.",
"Previous themes are available for easy migration.": "Previous themes are available for easy migration.",
"Most themes have been adjusted to look better and consistent. color contrast and accessibility got even better and the colors are more harmonious.": "Most themes have been adjusted to look better and consistent. color contrast and accessibility got even better and the colors are more harmonious.",
"These changes make the color more visually appealing and easier to read.": "These changes make the color more visually appealing and easier to read.",
"| Before | After |": "| Before | After |",
"| ---------------------------------- | --------------------------- |": "| ---------------------------------- | --------------------------- |",
"| --p | --color-primary |": "| --p | --color-primary |",
"| --pc | --color-primary-content |": "| --pc | --color-primary-content |",
"| --s | --color-secondary |": "| --s | --color-secondary |",
"| --sc | --color-secondary-content |": "| --sc | --color-secondary-content |",
"| --a | --color-accent |": "| --a | --color-accent |",
"| --ac | --color-accent-content |": "| --ac | --color-accent-content |",
"| --n | --color-neutral |": "| --n | --color-neutral |",
"| --nc | --color-neutral-content |": "| --nc | --color-neutral-content |",
"| --b1 | --color-base-100 |": "| --b1 | --color-base-100 |",
"| --b2 | --color-base-200 |": "| --b2 | --color-base-200 |",
"| --b3 | --color-base-300 |": "| --b3 | --color-base-300 |",
"| --bc | --color-base-content |": "| --bc | --color-base-content |",
"| --in | --color-info |": "| --in | --color-info |",
"| --inc | --color-info-content |": "| --inc | --color-info-content |",
"| --su | --color-success |": "| --su | --color-success |",
"| --suc | --color-success-content |": "| --suc | --color-success-content |",
"| --wa | --color-warning |": "| --wa | --color-warning |",
"| --wac | --color-warning-content |": "| --wac | --color-warning-content |",
"| --er | --color-error |": "| --er | --color-error |",
"| --erc | --color-error-content |": "| --erc | --color-error-content |",
"| --rounded-box | --radius-box |": "| --rounded-box | --radius-box |",
"| --rounded-btn and --tab-radius | --radius-field |": "| --rounded-btn and --tab-radius | --radius-field |",
"| --rounded-badge | --radius-selector |": "| --rounded-badge | --radius-selector |",
"| --border-btn and --tab-border | --border |": "| --border-btn and --tab-border | --border |",
"title: Use daisyUI from CDN\ndesc: How to use daisyUI from a CDN?": "title: Use daisyUI from CDN\ndesc: How to use daisyUI from a CDN?",
"Every part of daisyUI is <a href="https://cdn.jsdelivr.net/npm/daisyui@5/\" rel="nofollow" target="_blank">available on CDN as separate CSS files.": "كل جزء من daisyUI <a href="https://cdn.jsdelivr.net/npm/daisyui@5/\" rel="nofollow" target="_blank">متاح على CDN كملفات CSS منفصلة.",
"Some uncommon Tailwind CSS color utility classes for daisyUI colors are available on additional CSS files for CDN usage, see <a href="/docs/colors/#how-to-use">colors docs for more info.": "تتوفر بعض فئات الأداة المساعدة للألوان Tailwind CSS غير الشائعة لألوان daisyUI في ملفات CSS إضافية لاستخدام CDN، راجع <a href="/docs/colors/#how-to-use">مستندات الألوان لمزيد من المعلومات.",
"title: daisyUI colors\ndesc: How to use daisyUI semantic colors and theme-aware color variables in Tailwind CSS.\nkeywords: daisyui colors, tailwind colors, semantic colors, color variables, theme colors": "title: daisyUI colors\ndesc: How to use daisyUI semantic colors and theme-aware color variables in Tailwind CSS.\nkeywords: daisyui colors, tailwind colors, semantic colors, color variables, theme colors",
"Introduction": "مقدمة",
" bg-green-500": " bg-green-500",
" bg-orange-600": " bg-orange-600",
" bg-blue-700": " bg-blue-700",
" bg-primary": " bg-primary",
" bg-secondary": " bg-secondary",
" bg-accent": " bg-accent",
"| | Color name | CSS variable | Where to use |": "| | Color name | CSS variable | Where to use |",
"| ------------------------------------------------ | ----------------- | --------------------------- | ------------------------------------------------------------------ |": "| ------------------------------------------------ | ----------------- | --------------------------- | ------------------------------------------------------------------ |",
"| | primary | --color-primary | Primary brand color, The main color of your brand |": "| | primary | --color-primary | primary brand color, The main color of your brand |",
"| | primary-content | --color-primary-content | Foreground content color to use on primary color |": "| | primary-content | --color-primary-content | Foreground content color to use on primary color |",
"| | secondary | --color-secondary | Secondary brand color, The optional, secondary color of your brand |": "| | secondary | --color-secondary | secondary brand color, The optional, secondary color of your brand |",
"| | secondary-content | --color-secondary-content | Foreground content color to use on secondary color |": "| | secondary-content | --color-secondary-content | Foreground content color to use on secondary color |",
"| | accent | --color-accent | Accent brand color, The optional, accent color of your brand |": "| | accent | --color-accent | accent brand color, The optional, accent color of your brand |",
"| | accent-content | --color-accent-content | Foreground content color to use on accent color |": "| | accent-content | --color-accent-content | Foreground content color to use on accent color |",
"| | neutral | --color-neutral | Neutral dark color, For not-saturated parts of UI |": "| | neutral | --color-neutral | neutral dark color, For not-saturated parts of UI |",
"| | neutral-content | --color-neutral-content | Foreground content color to use on neutral color |": "| | neutral-content | --color-neutral-content | Foreground content color to use on neutral color |",
"| | base-100 | --color-base-100 | Base surface color of page, used for blank backgrounds |": "| | base-100 | --color-base-100 | base surface color of page, used for blank backgrounds |",
"| | base-200 | --color-base-200 | Base color, darker shade, to create elevations |": "| | base-200 | --color-base-200 | base color, darker shade, to create elevations |",
"| | base-300 | --color-base-300 | Base color, even more darker shade, to create elevations |": "| | base-300 | --color-base-300 | base color, even more darker shade, to create elevations |",
"| | base-content | --color-base-content | Foreground content color to use on base color |": "| | base-content | --color-base-content | Foreground content color to use on base color |",
"| | info | --color-info | Info color, For informative/helpful messages |": "| | info | --color-info | info color, For informative/helpful messages |",
"| | info-content | --color-info-content | Foreground content color to use on info color |": "| | info-content | --color-info-content | Foreground content color to use on info color |",
"| | success | --color-success | Success color, For success/safe messages |": "| | success | --color-success | success color, For success/safe messages |",
"| | success-content | --color-success-content | Foreground content color to use on success color |": "| | success-content | --color-success-content | Foreground content color to use on success color |",
"| | warning | --color-warning | Warning color, For warning/caution messages |": "| | warning | --color-warning | warning color, For warning/caution messages |",
"| | warning-content | --color-warning-content | Foreground content color to use on warning color |": "| | warning-content | --color-warning-content | Foreground content color to use on warning color |",
"| | error | --color-error | Error color, For error/danger/destructive messages |": "| | error | --color-error | error color, For error/danger/destructive messages |",
"| | error-content | --color-error-content | Foreground content color to use on error color |": "| | error-content | --color-error-content | Foreground content color to use on error color |",
":": ":",
"Or": "أو",
"| CSS Class | |": "| CSS Class | |",
"| -------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |": "| -------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |",
"| bg-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties.css\" rel="nofollow" target="_blank">/colors/properties.css |": "| bg-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties.css\" rel="nofollow" target="_blank">/colors/properties.css |",
"| text-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties.css\" rel="nofollow" target="_blank">/colors/properties.css |": "| text-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties.css\" rel="nofollow" target="_blank">/colors/properties.css |",
"| border-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties.css\" rel="nofollow" target="_blank">/colors/properties.css |": "| border-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties.css\" rel="nofollow" target="_blank">/colors/properties.css |",
"| from-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |": "| from-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |",
"| via-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |": "| via-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |",
"| to-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |": "| to-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |",
"| ring-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |": "| ring-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |",
"| fill-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |": "| fill-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |",
"| stroke-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |": "| stroke-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |",
"| shadow-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |": "| shadow-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |",
"| outline-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |": "| outline-{COLOR_NAME} | Also available on CDN <a href="https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css\" rel="nofollow" target="_blank">/colors/properties-extended.css |",
"| divide-{COLOR_NAME} | |": "| divide-{COLOR_NAME} | |",
"| accent-{COLOR_NAME} | |": "| accent-{COLOR_NAME} | |",
"| caret-{COLOR_NAME} | |": "| caret-{COLOR_NAME} | |",
"| decoration-{COLOR_NAME} | |": "| decoration-{COLOR_NAME} | |",
"| placeholder-{COLOR_NAME} | |": "| placeholder-{COLOR_NAME} | |",
"| ring-offset-{COLOR_NAME} | |": "| ring-offset-{COLOR_NAME} | |",
"So you can use bg-primary, border-secondary, etc. Read more about <a href="/docs/utilities/">daisyUI color utility classes.": "لذلك يمكنك استخدام bg-primary، وborder-secondary، وما إلى ذلك. اقرأ المزيد حول <a href="/docs/utilities/">فئات الأداة المساعدة لألوان daisyUI.",
"title: daisyUI themes for Tailwind CSS\ndesc: How to enable, customize, and manage daisyUI themes in Tailwind CSS.\nkeywords: daisyui themes, tailwind themes, custom themes, theme setup, theme generator": "title: daisyUI themes for Tailwind CSS\ndesc: How to enable, customize, and manage daisyUI themes in Tailwind CSS.\nkeywords: daisyui themes, tailwind themes, custom themes, theme setup, theme generator",
"daisyUI comes with {data.themes.length} built-in themes for Tailwind CSS.": "daisyUI comes with {data.themes.length} built-in themes for Tailwind CSS.",
"They instantly transform your website's look and save you from designing a color system from scratch.": "They instantly transform your website's look and save you from designing a color system from scratch.",
":INFO: ": ":INFO: ",
"Enable all {data.themes.length} built-in themes by setting themes to all:": "Enable all {data.themes.length} built-in themes by setting themes to all:",
"To add a new theme, use @plugin \"daisyui/theme\" {} in your CSS file, with the following structure:": "To add a new theme, use @plugin \"daisyui/theme\" {} in your CSS file, with the following structure:",
"If you're using CDN and you want to use a custom theme, use it like this:": "If you're using CDN and you want to use a custom theme, use it like this:",
"title: Layout and Typography\ndesc: How to use layouts and typography in daisyUI\nlayout: components": "title: Layout and Typography\ndesc: How to use layouts and typography in daisyUI\nlayout: components",
"Layout": "التصميم",
"Typography": "الخط",
"daisyUI supports the <a href="https://github.com/tailwindlabs/tailwindcss-typography\" rel="nofollow" target="_blank">TailwindCSS Typography plugin": "تدعم daisyUI <a href="https://github.com/tailwindlabs/tailwindcss-typography\" rel="nofollow" target="_blank">المكون الإضافي TailwindCSS Typography",
" text is perfect for highlighting key points.": " text is perfect for highlighting key points.",
" text is great for emphasizing specific words.": " text is great for emphasizing specific words.",
" text can be used for extra emphasis.": " text can be used for extra emphasis.",
"Links": "روابط",
"| Feature | Description | Status |": "| Feature | Description | Status |",
"|---------------|-------------------------------------|----------|": "|---------------|-------------------------------------|----------|",
"| Tailwind CSS | Utility-first CSS framework | Active |": "| Tailwind CSS | Utility-first CSS framework | Active |",
"| daisyUI | Tailwind CSS component library | Active |": "| daisyUI | Tailwind CSS component library | Active |",
"| Typography | Tailwind CSS plugin for styling HTML| Active |": "| Typography | Tailwind CSS plugin for styling HTML| Active |",
"| Markdown | Lightweight markup language | Popular |": "| Markdown | Lightweight markup language | Popular |",
"| Themes | Various themes for styling | Available|": "| Themes | Various themes for styling | Available|",
"title: daisyUI base style\ndesc: daisyUI adds a few base styles to your page.": "title: daisyUI base style\ndesc: daisyUI adds a few base styles to your page.",
"| Name | Description |": "| Name | Description |",
"|--------------------|----------------------------------------------------------------------------------------------------------------------------------|": "|--------------------|----------------------------------------------------------------------------------------------------------------------------------|",
"| properties | For necessary at-rules, like variable type for --radialprogress |": "| properties | For necessary at-rules, like variable type for --radialprogress |",
"| rootcolor | For :root and [data-theme] it sets background-color to base-100 and text color to base-content |": "| rootcolor | For :root and [data-theme] it sets background-color to base-100 and text color to base-content |",
"| scrollbar | Sets scrollbar-color for :root |": "| scrollbar | Sets scrollbar-color for :root |",
"| rootscrolllock | Sets :root to overflow: hidden when modal or drawer is open |": "| rootscrolllock | Sets :root to overflow: hidden when modal or drawer is open |",
"| rootscrollgutter | Adds a scrollbar-gutter to :root when modal or drawer is open, to avoid layout shift |": "| rootscrollgutter | Adds a scrollbar-gutter to :root when modal or drawer is open, to avoid layout shift |",
"| svg | Contains small SVG images for noise filter, chat bubble tail mask, and tooltip tail mask.": "| svg | Contains small SVG images for noise filter, chat bubble tail mask, and tooltip tail mask.",
"Can be disabled to use custom images. |": "Can be disabled to use custom images. |",
"If you want to opt out of each part, you can do it by setting the <a href="/docs/config/#exclude">exclude config.": "إذا كنت تريد إلغاء الاشتراك في كل جزء، فيمكنك القيام بذلك عن طريق تعيين <a href="/docs/config/#exclude">exclude config.",
"Or if you're using CDN, you can disable it from your <a href="/docs/cdn/">customized CDN file if you need to.": "أو إذا كنت تستخدم CDN، فيمكنك تعطيله من <a href="/docs/cdn/">ملف CDN المخصص إذا كنت بحاجة إلى ذلك.",
"title: Cline setup for daisyUI\ndesc: Setup Cline VSCode extension to correctly generate daisyUI code based on your prompt.": "title: Cline setup for daisyUI\ndesc: Setup Cline VSCode extension to correctly generate daisyUI code based on your prompt.",
" Cline VSCode extension": " Cline VSCode extension",
"<a href="https://daisyui.com/llms.txt\" rel="nofollow" target="_blank">daisyui.com/llms.txt file is a compact, text version of daisyUI docs to help AI generate accurate daisyUI code based on your prompt.": "يعد الملف <a href="https://daisyui.com/llms.txt\" rel="nofollow" target="_blank">daisyui.com/llms.txt إصدارًا نصيًا مضغوطًا من مستندات daisyUI لمساعدة الذكاء الاصطناعي في إنشاء تعليمات برمجية دقيقة لـ daisyUI بناءً على مطالبتك.",
"MCP server": "MCP server",
"You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Cline.": "يمكنك استخدام <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 أو <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP كخادم MCP في Cline.",
"title: Zed setup for daisyUI\ndesc: Setup Zed editor to correctly generate daisyUI code based on your prompt.": "title: Zed setup for daisyUI\ndesc: Setup Zed editor to correctly generate daisyUI code based on your prompt.",
"To setup Tailwind CSS syntax support and IntelliSense, see <a href="https://tailwindcss.com/docs/editor-setup\" rel="nofollow" target="_blank">Tailwind CSS docs.": "لإعداد دعم Tailwind CSS syntax وIntelliSense، راجع <a href="https://tailwindcss.com/docs/editor-setup\" rel="nofollow" target="_blank">مستندات Tailwind CSS.",
" Zed LLM setup": " Zed LLM setup",
"You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Zed.": "يمكنك استخدام <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 أو <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP كخادم MCP في Zed.",
"title: Code editors and LLM setup\ndesc: How to use code editors, LLMs (large language models) and MCP (Model Context Protocol) servers to generate Tailwind CSS and daisyUI code": "title: Code editors and LLM setup\ndesc: How to use code editors, LLMs (large language models) and MCP (Model Context Protocol) servers to generate Tailwind CSS and daisyUI code",
"title: Gemini setup for daisyUI\ndesc: Setup Gemini to correctly generate daisyUI code based on your prompt.": "title: Gemini setup for daisyUI\ndesc: Setup Gemini to correctly generate daisyUI code based on your prompt.",
" Gemini LLM setup": " Gemini LLM setup",
"title: Cursor setup for daisyUI\ndesc: Setup Cursor editor to correctly generate daisyUI code based on your prompt.": "title: Cursor setup for daisyUI\ndesc: Setup Cursor editor to correctly generate daisyUI code based on your prompt.",
" Cursor LLM setup": " Cursor LLM setup",
"You can setup daisyUI's llms.txt file to your workspace so Cursor can use it by default. (<a href="https://cursor.com/docs/rules\" rel="nofollow" target="_blank">Read more at Cursor docs)": "يمكنك إعداد ملف llms.txt الخاص بـ daisyUI على مساحة العمل الخاصة بك حتى يتمكن Cursor من استخدامه بواسطة Default. (<a href="https://cursor.com/docs/rules\" rel="nofollow" target="_blank">اقرأ المزيد على مستندات Cursor)",
". Or if it's Windows, press ": ". Or if it's Windows, press ",
".": ".",
"You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Cursor.": "يمكنك استخدام <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 أو <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP كخادم MCP في Cursor.",
"title: Claude Code setup for daisyUI\ndesc: Setup Claude Code to correctly generate daisyUI code based on your prompt.": "title: Claude Code setup for daisyUI\ndesc: Setup Claude Code to correctly generate daisyUI code based on your prompt.",
" Claude Code LLM setup": " Claude Code LLM setup",
"You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Claude Code.": "You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Claude Code.",
"title: Claude desktop setup for daisyUI\ndesc: Setup Claude desktop to correctly generate daisyUI code based on your prompt.": "title: Claude desktop setup for daisyUI\ndesc: Setup Claude desktop to correctly generate daisyUI code based on your prompt.",
" Claude desktop LLM setup": " Claude desktop LLM setup",
"You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Claude desktop.": "You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Claude desktop.",
"title: Grok setup for daisyUI\ndesc: Setup Grok to correctly generate daisyUI code based on your prompt.": "title: Grok setup for daisyUI\ndesc: Setup Grok to correctly generate daisyUI code based on your prompt.",
" Grok LLM setup": " Grok LLM setup",
"You can create a dedicated Workspace where you can upload the llms.txt file. To download the file, visit <a href="https://daisyui.com/llms.txt\" rel="nofollow" target="_blank">https://daisyui.com/llms.txt, right-click, and select "Save As...". Once downloaded, upload the file as an attachment in the Grok Workspace.": "يمكنك إنشاء "مساحة عمل" مخصصة حيث يمكنك تحميل ملف Workspace. لتنزيل الملف، تفضل بزيارة <a href="https://daisyui.com/llms.txt\" rel="nofollow" target="_blank">https://daisyui.com/llms.txt، وانقر بزر الماوس الأيمن، ثم انقر على Select "حفظ باسم...". بمجرد التنزيل، قم بتحميل الملف كمرفق في Grok llms.txt.",
"title: Windsurf setup for daisyUI\ndesc: Setup Windsurf editor to correctly generate daisyUI code based on your prompt.": "title: Windsurf setup for daisyUI\ndesc: Setup Windsurf editor to correctly generate daisyUI code based on your prompt.",
" Windsurf LLM setup": " Windsurf LLM setup",
"You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Windsurf.": "يمكنك استخدام <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 أو <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP كخادم MCP في Windsurf.",
"title: ChatGPT setup for daisyUI\ndesc: Setup ChatGPT to correctly generate daisyUI code based on your prompt.": "title: ChatGPT setup for daisyUI\ndesc: Setup ChatGPT to correctly generate daisyUI code based on your prompt.",
" ChatGPT LLM setup": " ChatGPT LLM setup",
"title: VSCode setup for daisyUI\ndesc: Setup VSCode to correctly generate daisyUI code based on your prompt.": "title: VSCode setup for daisyUI\ndesc: Setup VSCode to correctly generate daisyUI code based on your prompt.",
" VSCode and Copilot LLM setup": " VSCode and Copilot LLM setup",
"You can setup daisyUI's llms.txt file to your workspace so Copilot can use it by default. (<a href="https://code.visualstudio.com/docs/copilot/customization/overview\" rel="nofollow" target="_blank">Read more at VSCode docs)": "يمكنك إعداد ملف llms.txt الخاص بـ daisyUI على مساحة العمل الخاصة بك حتى يتمكن Copilot من استخدامه بواسطة Default. (<a href="https://code.visualstudio.com/docs/copilot/customization/overview\" rel="nofollow" target="_blank">اقرأ المزيد على مستندات VSCode)",
"You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in VSCode.": "يمكنك استخدام <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 أو <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP كخادم MCP في VSCode.",
"title: Customize daisyUI components\ndesc: How to customize daisyUI?": "title: Customize daisyUI components\ndesc: How to customize daisyUI?",
"Size": "Size",
"Fast install": "Fast install",
"MCP servers are more efficient and faster than skills, they provide context on demand, instead of a static skill file. An MCP server will save you LLM tokens and will generate the code faster.": "MCP servers are more efficient and faster than skills, they provide context on demand, instead of a static skill file. An MCP server will save you LLM tokens and will generate the code faster.",
"prompt": "prompt",
"Open Cursor settings with ⌘ + ,": "Open Cursor settings with ⌘ + ,",
"In Zed press ⌘ CMD + ⇧ Shift + P ( Or Ctrl + Shift + P )": "In Zed press ⌘ CMD + ⇧ Shift + P ( Or Ctrl + Shift + P )",
"In Cursor press ⌘ CMD + ⇧ Shift + P ( Or Ctrl + Shift + P )": "In Cursor press ⌘ CMD + ⇧ Shift + P ( Or Ctrl + Shift + P )",
"In VS Code press ⌘ CMD + ⇧ Shift + P ( Or Ctrl + Shift + P )": "In VS Code press ⌘ CMD + ⇧ Shift + P ( Or Ctrl + Shift + P )",
"Press ⌘ CMD + ⇧ Shift + P (or ⌃ Ctrl + ⇧ Shift + P on Windows)": "Press ⌘ CMD + ⇧ Shift + P (or ⌃ Ctrl + ⇧ Shift + P on Windows)",
"Install Context7 MCP": "Install Context7 MCP",
"Install daisyUI GitMCP": "Install daisyUI GitMCP",
"bg-blue-700": "bg-blue-700",
"bg-primary": "bg-primary",
"bg-secondary": "bg-secondary",
"bg-accent": "bg-accent",
"MCP is an API to communicate with AI models. You can add MCP servers to your code editor and Zed will communicate with them to get more accurate results.": "MCP is an API to communicate with AI models. You can add MCP servers to your code editor and Zed will communicate with them to get more accurate results.",
"Press ⌘ CMD + ⇧ Shift + P. Or if it's Windows, press ⌃ Ctrl + ⇧ Shift + P.": "Press ⌘ CMD + ⇧ Shift + P. Or if it's Windows, press ⌃ Ctrl + ⇧ Shift + P.",
"MCP is an API to communicate with AI models. You can add MCP servers and Copilot will communicate with them to get more accurate results.": "MCP is an API to communicate with AI models. You can add MCP servers and Copilot will communicate with them to get more accurate results.",
"daisyUI comes with {data.themes.length} built-in themes for Tailwind CSS. They instantly transform your website's look and save you from designing a color system from scratch.": "daisyUI comes with {data.themes.length} built-in themes for Tailwind CSS. They instantly transform your website's look and save you from designing a color system from scratch.",
"In above example, we disable all themes. it's useful to disable all themes and add custom themes using <a href="/docs/themes/#how-to-add-a-new-custom-theme">@plugin "daisyui/theme"": "In above example, we disable all themes. it's useful to disable all themes and add custom themes using <a href="/docs/themes/#how-to-add-a-new-custom-theme">@plugin "daisyui/theme"",
"In above example, we set dracula as the default theme. setting one value like this means only one theme will be available. Unless you add custom themes using <a href="/docs/themes/#how-to-add-a-new-custom-theme">@plugin "daisyui/theme"": "In above example, we set dracula as the default theme. setting one value like this means only one theme will be available. Unless you add custom themes using <a href="/docs/themes/#how-to-add-a-new-custom-theme">@plugin "daisyui/theme"",
"3. Setup src/main.rs": "3. Setup src/main.rs",
"Linux or MacOS: (see the <a href="https://raw.githubusercontent.com/saadeghi/daisyui/refs/heads/master/packages/docs/static/fast\" rel="nofollow" target="_blank">install script)": "Linux or MacOS: (see the <a href="https://raw.githubusercontent.com/saadeghi/daisyui/refs/heads/master/packages/docs/static/fast\" rel="nofollow" target="_blank">install script)",
"Windows: (see the <a href="https://raw.githubusercontent.com/saadeghi/daisyui/refs/heads/master/packages/docs/static/fast.ps1\" rel="nofollow" target="_blank">install script)": "Windows: (see the <a href="https://raw.githubusercontent.com/saadeghi/daisyui/refs/heads/master/packages/docs/static/fast.ps1\" rel="nofollow" target="_blank">install script)",
"3. Update src/main.rs file": "3. Update src/main.rs file",
"4. Create index.html file": "4. Create index.html file",
"6. Add a hook to build output.css automatically": "6. Add a hook to build output.css automatically",
"MCP servers give Grok access to external tools and documentation while it works. You have three options for daisyUI:": "MCP servers give Grok access to external tools and documentation while it works. You have three options for daisyUI:",
"Get a <a href="/blueprint/checkout/">Blueprint license.": "Get a <a href="/blueprint/checkout/">Blueprint license.",
"Run this command. Set your Blueprint LICENSE and EMAIL values. FIGMA is optional and only needed for Figma-to-code conversion.": "Run this command. Set your Blueprint LICENSE and EMAIL values. FIGMA is optional and only needed for Figma-to-code conversion.",
"Ask Grok to use Blueprint MCP when it writes daisyUI code.": "Ask Grok to use Blueprint MCP when it writes daisyUI code.",
"Add Context7 over HTTP:": "Add Context7 over HTTP:",
"Ask Grok to use Context7 when it writes daisyUI code.": "Ask Grok to use Context7 when it writes daisyUI code.",
"Add daisyUI GitMCP over HTTP:": "Add daisyUI GitMCP over HTTP:",
"Ask Grok to use daisyUI GitMCP when it writes daisyUI code.": "Ask Grok to use daisyUI GitMCP when it writes daisyUI code.",
"Use grok mcp list to see configured servers. If a server doesn't connect, run grok mcp doctor <name>. Read the <a href="https://docs.x.ai/build/features/mcp-servers\" rel="nofollow" target="_blank">Grok Build MCP docs for project scope, OAuth, compatibility, and log locations.": "Use grok mcp list to see configured servers. If a server doesn't connect, run grok mcp doctor <name>. Read the <a href="https://docs.x.ai/build/features/mcp-servers\" rel="nofollow" target="_blank">Grok Build MCP docs for project scope, OAuth, compatibility, and log locations.",
"Install the daisyUI plugin for Grok so your agent can use the latest daisyUI skill.": "Install the daisyUI plugin for Grok so your agent can use the latest daisyUI skill.",
"The daisyUI plugin gives Grok the current component rules, theme rules, and usage instructions. Grok supports Claude Code plugins, including the daisyUI plugin manifest in the GitHub repository.": "The daisyUI plugin gives Grok the current component rules, theme rules, and usage instructions. Grok supports Claude Code plugins, including the daisyUI plugin manifest in the GitHub repository.",
"Run this command:": "Run this command:",
"Run grok plugin list to confirm the plugin is enabled. You can also open the extensions modal with /plugins in Grok.": "Run grok plugin list to confirm the plugin is enabled. You can also open the extensions modal with /plugins in Grok.",
"The plugin's daisyUI skill is available as a slash command:": "The plugin's daisyUI skill is available as a slash command:",
"Read the <a href="https://docs.x.ai/build/features/skills-plugins-marketplaces\" rel="nofollow" target="_blank">Grok Build plugin docs for plugin paths, marketplaces, and Claude Code compatibility.": "Read the <a href="https://docs.x.ai/build/features/skills-plugins-marketplaces\" rel="nofollow" target="_blank">Grok Build plugin docs for plugin paths, marketplaces, and Claude Code compatibility.",
"For on-demand component snippets and lower token usage, use <a href="/blueprint/">daisyUI Blueprint MCP server.": "For on-demand component snippets and lower token usage, use <a href="/blueprint/">daisyUI Blueprint MCP server.",
"desc={Add the daisyUI skill to ${data.editor.name} and generate accurate daisyUI components from your prompts.}": "desc={Add the daisyUI skill to ${data.editor.name} and generate accurate daisyUI components from your prompts.}",
"Run this command. It installs the skill in Claude Code's project skill directory, which Grok reads automatically.": "Run this command. It installs the skill in Claude Code's project skill directory, which Grok reads automatically.",
"Run grok inspect to confirm Grok found the skill.": "Run grok inspect to confirm Grok found the skill.",
"User-invocable skills appear as slash commands in Grok. For example:": "User-invocable skills appear as slash commands in Grok. For example:",
"Read the <a href="https://docs.x.ai/build/features/skills-plugins-marketplaces\" rel="nofollow" target="_blank">Grok Build skill docs for native skill paths, extra search paths, plugins, and Claude Code compatibility.": "Read the <a href="https://docs.x.ai/build/features/skills-plugins-marketplaces\" rel="nofollow" target="_blank">Grok Build skill docs for native skill paths, extra search paths, plugins, and Claude Code compatibility.",
"We recommend using an <a href="/docs/mcp/grok/">MCP server for daisyUI. MCP servers provide context on demand instead of loading a static skill file into each session.": "We recommend using an <a href="/docs/mcp/grok/">MCP server for daisyUI. MCP servers provide context on demand instead of loading a static skill file into each session.",
"See the daisyUI MCP guide for Grok": "See the daisyUI MCP guide for Grok",
"The <a href="https://daisyui.com/SKILL.md\" rel="nofollow" target="_blank">daisyUI skill gives Grok current component rules, theme rules, and usage instructions. Grok reads Claude Code skills automatically, so you can use the shared skill installer without extra configuration.": "The <a href="https://daisyui.com/SKILL.md\" rel="nofollow" target="_blank">daisyUI skill gives Grok current component rules, theme rules, and usage instructions. Grok reads Claude Code skills automatically, so you can use the shared skill installer without extra configuration.",
"Set up Grok Build to generate accurate daisyUI code from your prompts.": "Set up Grok Build to generate accurate daisyUI code from your prompts.",
"MCP servers give Grok Build access to external tools and documentation while it works. You have three options for daisyUI:": "MCP servers give Grok Build access to external tools and documentation while it works. You have three options for daisyUI:",
"Ask Grok Build to use Blueprint MCP when it writes daisyUI code.": "Ask Grok Build to use Blueprint MCP when it writes daisyUI code.",
"Ask Grok Build to use Context7 when it writes daisyUI code.": "Ask Grok Build to use Context7 when it writes daisyUI code.",
"Ask Grok Build to use daisyUI GitMCP when it writes daisyUI code.": "Ask Grok Build to use daisyUI GitMCP when it writes daisyUI code.",
"Install the daisyUI plugin for Grok Build so your agent can use the latest daisyUI skill.": "Install the daisyUI plugin for Grok Build so your agent can use the latest daisyUI skill.",
"The daisyUI plugin gives Grok Build the current component rules, theme rules, and usage instructions.": "The daisyUI plugin gives Grok Build the current component rules, theme rules, and usage instructions.",
"Add the daisyUI marketplace, then install the plugin:": "Add the daisyUI marketplace, then install the plugin:",
"Run grok plugin list to confirm the plugin is enabled. You can also open /marketplace in Grok Build to browse the marketplace.": "Run grok plugin list to confirm the plugin is enabled. You can also open /marketplace in Grok Build to browse the marketplace.",
"The <a href="https://daisyui.com/SKILL.md\" rel="nofollow" target="_blank">daisyUI skill gives Grok Build current component rules, theme rules, and usage instructions. Grok Build reads Claude Code skills automatically, so you can use the shared skill installer without extra configuration.": "The <a href="https://daisyui.com/SKILL.md\" rel="nofollow" target="_blank">daisyUI skill gives Grok Build current component rules, theme rules, and usage instructions. Grok Build reads Claude Code skills automatically, so you can use the shared skill installer without extra configuration.",
"Run this command. It installs the skill in Claude Code's project skill directory, which Grok Build reads automatically.": "Run this command. It installs the skill in Claude Code's project skill directory, which Grok Build reads automatically.",
"Run grok inspect to confirm Grok Build found the skill.": "Run grok inspect to confirm Grok Build found the skill.",
"User-invocable skills appear as slash commands in Grok Build. For example:": "User-invocable skills appear as slash commands in Grok Build. For example:",
"See the daisyUI MCP guide for Grok Build": "See the daisyUI MCP guide for Grok Build",
"Use the <a href="/theme-generator/">theme generator to edit colors and preview components, then copy the CSS into your project.": "استخدم <a href="/theme-generator/">مولّد السمات لتعديل الألوان ومعاينة المكونات، ثم انسخ CSS إلى مشروعك.",
"MCP (Model Context Protocol) connects AI applications to tools and resources through a standard protocol. Use a server that provides daisyUI documentation or component examples to give your coding agent context during a task.": "يربط MCP (Model Context Protocol) تطبيقات الذكاء الاصطناعي بالأدوات والموارد عبر بروتوكول قياسي. استخدم خادمًا يوفر توثيق daisyUI أو أمثلة مكونات لإعطاء وكيل البرمجة سياقًا أثناء المهمة.",
"If you're using Rails, follow the <a href="/docs/install/rails/">Rails install guide.": "If you're using Rails, follow the <a href="/docs/install/rails/">Rails install guide.",
"4. Add Stimulus": "4. Add Stimulus",
"Load Stimulus from CDN and start the application.": "Load Stimulus from CDN and start the application.",
"Or if you're using a bundler:": "Or if you're using a bundler:",
"Install it with npm i @hotwired/stimulus": "Install it with npm i @hotwired/stimulus",
"Import it like import { Application } from \"@hotwired/stimulus\"": "Import it like import { Application } from \"@hotwired/stimulus\""
}

Packages Docs Src Translation Ar.Home.Json (`packages/docs/src/translation/ar.home.json`) Copy Section

{
"cta-1-mobile": "العناصر",
"components-btn": "العناصر",
"No_more_ugly_HTML_part_1": "لا",
"Apply_your_own_design_decisions_part_2": "قرارات",
"Apply_your_own_design_decisions_part_3": "التصميم",
"Stats": "احصائيات",
"cta-1": "جميع العناصر",
"cta-2": "طريقة الاستعمال",
"all-components-btn": "جميع العناصر",
"npm-installs": "NPM تثبيت",
"install-title": "تثبيت daisyUI",
"install-btn": "دليل التثبيت",
"Preview": "معاينة",
"homepage_h1": "تطوير Tailwind CSS أسرع، أنظف، أسهل",
"homepage_h2": "daisyUI هو إضافة Tailwind CSS التي ستحبها! يوفّر مكونات تعتمد على CSS فقط لمساعدة وكيلك على كتابة كود أقل والبناء بسرعة أكبر.",
"In a Tailwind CSS project, you need to write utility class names for every element. Thousands of class names just to style the most basic elements.": "في كل مشروع Tailwind CSS, يجب ان تقوم بكتابة اسماء فئات لكل عنصر. الاف الاسماء فقط لكي تقوم بتعديل ابسط العناصر.",
"instead of writing 100 class names": "بدل كتابة 100اسم فئة",
"For every element, every page, every project,again and again": "لكل عنصر, ولكل صفحة, ولكل مشروع,مرارا وتكرارا",
"use semantic class names": "استعمل أسماء فئات دلالية متناسقة",
"It's descriptive, faster, cleaner and easier to maintain.": "وصفية, سريعة. نقية و سهلة الصيانة.",
"Features": "خصائص",
"Message": "راسل",
"Cleaner HTML": "أنقى HTML",
"Customizable": "مخصص",
"Themeable": "قابل التصميم",
"Pure CSS": "نقي CSS",
"Notifications": "اشعارات",
"Messages": "رسائل",
"People": "الاشخاص",
"Products": "منتجات",
"Use Tailwind CSS but write fewer class names.": "استعمل Tailwind CSS مع كتابة اسماء فئات أقل.",
"Pure CSS. No JS dependency": "نقي CSS. بدون الاعتماد على الجافاسكريبت",
"Works on all frameworks": "تعمل على جميع الاطارات",
"Design system": "أنظمة التصميم",
"Styling a simple button": "تصميم زر بسيط",
"Take Tailwind CSS": "خذ Tailwind CSS",
"to the next level": "الى المستوى الأعلى",
"daisyUI adds class names to Tailwind CSSfor all common UI components.Class names like": "daisyUI تضيف أسماء فئات الى Tailwind CSSلجميع عناصر الواجهات الشائعة.أسماء فئات مثل",
"and many more.": "وأكثر من ذلك بكثير",
"This allows us to focus on important thingsinstead of styling basic elements for every project.": "لكي تركز على أشياء أهمأكثر من تزيين العناصر المتكررة لكل مشروع.",
"No_more_ugly_HTML_part_2": "مزيد",
"No_more_ugly_HTML_part_3": "من ال HTML",
"No_more_ugly_HTML_part_4": "البشع",
"Write fewer class namesUse component class namesmodify them using Tailwind CSS utilities.": "اكتب أسماء فئات أقل بكثراستعمل اسماء فئات العناصرو قم بتعديلهم باستخدام أدوات Tailwind CSS.",
"Tailwind only": "Tailwind فقط",
"Tailwind + daisyUI": "الريح الخلفية + daisyUI",
"Save": "احفظ",
"Accept terms of use": "اقبل شروط الاستعمال",
"Submit to newsletter": "اضف الى النشرة الاخبارية",
"Fewer class names": "اسماء فئات أقل",
"Faster development": "تطوير أسرع",
"Smaller file size": "حجم ملفات اقل",
"With daisyUI, you write 88% fewer class namesAnd your HTML size will be about 79% smaller.": "مع daisyUI, اكتب اسماء فئات اقل ب 88%حجم ال HTML الخاص بك سوف يكن اصغر ب %70.",
"CSS Class names": "أسماء فئات CSS",
"fewer class names": "اسماء فئات أقل",
"HTML size": "HTML حجم",
"smaller DOM size": "حجم DOM اصغر",
"Highly customizable": "قابلة للتخصيص بدرجة عالية",
"Powered by Tailwind CSS utility classes": "مدعومة بأدوات Tailwind CSS  ",
"daisyUI is built on top of Tailwind CSS so you can customize everything using utility classes.": "daisyUI مبنية باستخدام Tailwind CSS لكي تتمكن من تخصيص كل شيئ باستعمال اسماء ادواتها.",
"Pure CSS.": "فقط CSS.",
"Framework agnostic.": "لا تهتم للاطارت.",
"Works everywhere.": "تعمل في كل مكان.",
"daisyUI is a plugin for Tailwind CSS. It works on all JS frameworks and doesn't need a JS bundle file.": "daisyUI هي اضافة Tailwind CSS. تعمل على جميع اطارات الجافاسكريبت ولا تحتاج الى ملفات جافاسكريبت مرفقة.",
"Install daisyUI as a dev dependency and use the class names just like any other Tailwind CSS class name.": "ثبت daisyUI كاضافة اعتمادية للتطوير واستعمل كل اسماء الفئات مثل اسماء TailwindCSS العادية.",
"Apply_your_own_design_decisions_part_1": "طبق",
"Apply_your_own_design_decisions_part_4": "الخاصة",
"Apply_your_own_design_decisions_part_5": "بك",
"Your website should be unique. Create a custom theme for yourself using daisyUI theme generator. The colors you pick will be applied to all daisyUI components.": "موقعك يجب ان يكون مميز. قم بصناعة تصميم خاصك بك باستعمال مولد التصاميم على daisyUI. الألوان التي تختارها سوف تطبق على جميع عناصر daisyUI.",
"Learn more about themes": "اطلع على المزيد حول التصاميم",
"utility classes": "أداة",
"endless possibilities": "احتمالات لا نهائية",
"Mix and match daisyUI class names to create unique web pages.": "قم بمزج أسماء فئات daisyUI لإنشاء صفحات ويب مميزة.",
"daisyUI is the most popularcomponent library for Tailwind CSS": "daisyUI المكتبة الاكثر شهرةلعناصر Tailwind CSS",
"open-source projects using daisyUI": "مشاريع مفتوحة المصدر تستعمل daisyUI",
"Try daisyUI": "جرب daisyUI",
"on your favorite framework": "على اطارك المفضل",
"See all examples": "جميع الأمثلة",
"Or play with daisyUI on": "أو جرب daisyUI على",
"Semantic colors": "الوان متناسقة",
"Get started": "ابدأ",
"Updates": "التحديثات",
"Sponsors": "الرعاة",
"CSS variables": "متغيرات CSS",
"Free and open-source": "مجانية ومفتوحة المصدر",
"Unlimited themes": "تصاميم لا نهائية",
"Become a sponsor": "ادعمنا",
"Admin panel": "لوحة ادارة",
"with zero effort": "بدون مجهود",
"daisyUI adds a set of customizable color names to Tailwind CSS and these new colors use CSS variables for the values. Using daisyUI color names, you get Dark Mode and even more themes without adding a new class name.": "daisyUI تضيف الى Tailwind CSS مجموعة من الالوان القابل للتعديل باستعمال متغيرات CSS. تستطيع تصميم نظام مظلم بسهولة بالاضافة الى العديد من اسماء الفئات",
"See all themes": "جميع التصاميم",
"Learn more about colors": "اعرف المزيد حول الألوان",
"install-step-1": "ثبت daisyUI على شكل حزمة Node",
"install-step-2": "أضف daisyUI الى app.css",
"Built by the community": "مبنية من طرف مجتمعنا الرقمي",
"daisyUI welcomes contributions from developers around the world": "daisyUI ترحب بجميع مساهمات المطورين في أنحاء العالم",
"Sponsors and backers": "الرعاة والداعمين",
"root": "جذر",
"boolean": "منطقية",
"rounded-field": "مجال مدور",
"bg-blue-700": "بي جي-الأزرق-700",
"CSS variable": "CSS variable",
"primary-content": "primary-content",
"secondary-content": "secondary-content",
"accent-content": "accent-content",
"info-content": "info-content",
"success-content": "success-content",
"warning-content": "warning-content",
"error-content": "error-content",
"CSS Class": "فئة CSS",
"Feature": "ميزة",
"Tailwind CSS component library": "مكتبة Tailwind CSS Component",
"Small": "صغير",
"See": "انظر",
"Neutral": "Neutral",
"Primary": "Primary",
"Secondary": "Secondary",
"Accent": "Accent",
"Info": "Info",
"Success": "Success",
"Email": "البريد الإلكتروني",
"Inbox": "البريد الوارد",
"don't re-invent the wheel every time": "لا تعد اختراع العجلة كل مرة",
"Size": "Size",
"daisyUI - Tailwind CSS Component Library": "daisyUI - مكتبة Tailwind CSS Component",
"Tailwind CSS component library by daisyUI. Build faster with semantic components, built-in themes, and reusable UI blocks.": "مكتبة Tailwind CSS Component بواسطة daisyUI. يمكنك البناء بشكل أسرع باستخدام Components الدلالي والموضوعات المضمنة وكتل واجهة المستخدم القابلة لإعادة الاستخدام.",
"Server": "Server",
"UI blocks": "UI blocks",
"spacing": "spacing",
"Links": "Links",
"Dashboard": "Dashboard",
"Result": "Result",
"Click": "Click",
"how-to-customize": "كيفية التخصيص",
"Theme Generator": "Theme Generator",
"components": "components"
}

Packages Docs Src Translation Ar.Other.Json (`packages/docs/src/translation/ar.other.json`) Copy Section

{
"Updates": "التحديثات",
"install-step-1": "ثبت daisyUI على شكل حزمة Node",
"install-step-2": "أضف daisyUI الى app.css",
"Server": "Server",
"UI blocks": "UI blocks",
"spacing": "spacing",
"available-on": "متاح على",
"All radio inputs with the same name work together and only one of them can be open at a time. If you have more than one set of accordion items on a page, use different names for the radio inputs on each set.": "تعمل جميع مدخلات Radio التي تحمل نفس الاسم معًا ويمكن فتح مدخل واحد فقط منها في نفس الوقت. إذا كان لديك أكثر من مجموعة واحدة من عناصر Accordion على الصفحة، فاستخدم أسماء مختلفة لمدخلات Radio في كل مجموعة.",
"How to use daisyUI colors?": "كيفية استعمال الوان daisyUI ؟",
"daisyUI is fully themeable and colorable,": "daisyUI قابلة لاعادة التصميم والتلوين كليا,",
"How to use daisyUI themes?": "كيفية استعمال تصاميم daisyUI؟",
"Randomize": "عشوائي",
"try-online": "جرب أونلاين",
"2. Get daisyUI bundled JS file": "2. احصل على ملف JS المجمع من daisyUI",
"Add daisyUI in your CSS file": "أضف daisyUI في ملف CSS الخاص بك",
"noise background of the button if enabled": "خلفية الضوضاء لـ Button إذا تم تمكينها",
"2. Pikaday Calendar": "2. بيكاداي Calendar",
"Pikaday CDN Example": "مثال Pikaday CDN",
"Pikaday Svelte Example": "مثال Pikaday Svelte",
"Pikaday Vue Example": "مثال بيكاداي فيو",
"Pikaday React Example": "مثال على رد فعل Pikaday",
"3. React Day Picker calendar": "3. رد الفعل منتقي اليوم Calendar",
"There are 3 methods to use modals": "هناك 3 طرق لاستخدام الوسائط",
"Method 2. checkbox": "الطريقة الثانية: Checkbox",
"Method 3. using anchor links": "الطريقة الثالثة. استخدام روابط الربط",
"Follow Tailwind CSS guide and get the latest version of Tailwind CSS executable.": "اتبع دليل Tailwind CSS واحصل على أحدث إصدار قابل للتنفيذ من Tailwind CSS.",
"If you are using a prefix for daisyUI, these CSS variables will be prefixed with that prefix as well. For example if prefix is daisy-, The --alert-color CSS variable will be --daisy-alert-color.": "إذا كنت تستخدم بادئة لـ daisyUI، فسيتم بادئة CSS variable هذه بهذه البادئة أيضًا. على سبيل المثال، إذا كانت البادئة هي daisy-، فإن --alert-color CSS variable ستكون --daisy-alert-color.",
"Here's how to use daisyUI llms.txt in your code editor:": "فيما يلي كيفية استخدام daisyUI llms.txt في محرر التعليمات البرمجية الخاص بك:",
"Copilot can generate daisyUI code for you.": "يمكن لبرنامج Copilot إنشاء رمز daisyUI لك.",
"Add daisyUI's llms.txt file to your repo so that Copilot can use it by default.": "أضف ملف llms.txt الخاص بـ daisyUI إلى الريبو الخاص بك حتى يتمكن Copilot من استخدامه بواسطة Default.",
"Run this command to save the llms.txt file to .vscode/daisyui.md": "قم بتشغيل هذا الأمر لحفظ ملف llms.txt في .vscode/daisyui.md",
"In .vscode/settings.json Add this:": "في .vscode/settings.json أضف هذا:",
"Now in chat window you can type @daisyui to provide daisyUI docs to Cursor.": "الآن في نافذة الدردشة، يمكنك كتابة @daisyui لتوفير مستندات daisyUI إلى Cursor.",
"popover API and anchor positioning new": "واجهة برمجة تطبيقات popover وتحديد موضع الارتساء new",
"CSS Anchor Positioning is a new standard but isn't yet supported in Firefox and Safari (caniuse.com).": "يعد CSS Anchor Positioning معيارًا جديدًا ولكنه غير مدعوم حتى الآن في Firefox وSafari (caniuse.com).",
"In those browsers, the dropdown will appear centered like a modal.": "في تلك المتصفحات، سيظهر Dropdown في المنتصف مثل Modal.",
"There's also this polyfill that can be helpful.": "هناك أيضًا هذا polyfill الذي يمكن أن يكون مفيدًا.",
"Pikaday - Works everywhere": "Pikaday - يعمل في كل مكان",
"Pikaday is a JS datepicker library and you can use it from CDN or as a JS dependency Read the docs": "Pikaday هي مكتبة منتقي بيانات JS ويمكنك استخدامها من CDN أو باعتبارها تبعية JS اقرأ المستندات",
"you need to change the span text and the --value CSS variable using JS. Value must be a number between 0 and 99.": "تحتاج إلى تغيير النص الممتد و"-القيمة" CSS variable باستخدام JS. يجب أن تكون القيمة رقمًا بين 0 و99. (--value)",
"Accordion uses the same style as the collapse component but it works with radio inputs. You can control which item to be open by checking/unchecking the hidden radio input.": "يستخدم Accordion نفس النمط مثل Collapse Component ولكنه يعمل مع مدخلات Radio. يمكنك التحكم في العنصر الذي سيتم فتحه عن طريق تحديد/إلغاء تحديد إدخال Radio المخفي.",
"It needs JS to open but it has better accessibility and we can close it using Esc key": "يحتاج إلى JS لفتحه ولكن يتمتع بإمكانية وصول أفضل ويمكننا إغلاقه باستخدام مفتاح Esc",
"Using checkbox": "استخدام مربع الاختيار",
"EMAIL: Your email address": "EMAIL: عنوان بريدك الإلكتروني",
"FIGMA: Your Figma API key (optional)": "FIGMA: مفتاح Figma API الخاص بك (اختياري)",
"LICENSE: Your Blueprint license key": "LICENSE: مفتاح ترخيص Blueprint الخاص بك",
"← Go back to daisyui.com": "← الرجوع إلى daisyui.com",
"<a href="/blueprint/">Blueprint: The Official MCP server from daisyUI (Recommended for best results)": "<a href="/blueprint/">Blueprint: خادم MCP الرسمي من daisyUI (موصى به للحصول على أفضل النتائج)",
"<a href="/docs/mcp/">MCP guides →": "<a href="/docs/mcp/">أدلة MCP →",
"<a href="/docs/skill/">Skill guides →": "<a href="/docs/skill/">أدلة المهارات →",
"<a href="#method-1-details-and-summary">details and summary elements": "<a href="#method-1-details-and-summary">التفاصيل وعناصر الملخص",
"<a href="#method-2-popover-api-and-anchor-positioning-new">popover API and anchor positioning new": "<a href="#method-2-popover-api-and-anchor-positioning-new">واجهة برمجة تطبيقات popover وتحديد موضع الارتساء new",
"<a href="#method-3-css-focus">CSS focus": "<a href="#method-3-css-focus">التركيز على CSS",
"<a href="https://context7.com/\" rel="nofollow" target="_blank">Context7: Free 3rd party MCP server": "<a href="https://context7.com/\" rel="nofollow" target="_blank">Context7: خادم MCP مجاني تابع لجهة خارجية",
"<a href="https://daisyui.com\" rel="nofollow" target="_blank">Visit daisyUI": "<a href="https://daisyui.com\" rel="nofollow" target="_blank">تفضل بزيارة daisyUI",
"<a href="https://daisyui.com/docs/themes/#enable-a-built-in-theme\" rel="nofollow" target="_blank">Add the themes you want": "<a href="https://daisyui.com/docs/themes/#enable-a-built-in-theme\" rel="nofollow" target="_blank">أضف السمات التي تريدها",
"<a href="https://daisyui.com/llms.txt\" rel="nofollow" target="_blank">daisyui.com/llms.txt file is a compact, text version of daisyUI docs to help AI generate accurate daisyUI code based on your prompt.": "يعد الملف <a href="https://daisyui.com/llms.txt\" rel="nofollow" target="_blank">daisyui.com/llms.txt إصدارًا نصيًا مضغوطًا من مستندات daisyUI لمساعدة الذكاء الاصطناعي في إنشاء تعليمات برمجية دقيقة لـ daisyUI بناءً على مطالبتك.",
"<a href="https://daisyui.com/SKILL.md\" rel="nofollow" target="_blank">daisyUI skill is a compact, markdown version of daisyUI docs to help AI generate accurate daisyUI code based on your prompt.": "<a href="https://daisyui.com/SKILL.md\" rel="nofollow" target="_blank">daisyUI skill هو إصدار markdown صغير الحجم من مستندات daisyUI لمساعدة الذكاء الاصطناعي في إنشاء رمز daisyUI دقيق بناءً على مطالبتك.",
"<a href="https://github.com/gpbl/react-day-picker\" rel="nofollow" target="_blank">React Day picker - React only": "<a href="https://github.com/gpbl/react-day-picker\" rel="nofollow" target="_blank">منتقي يوم التفاعل - React فقط",
"<a href="https://github.com/uvarov-frontend/vanilla-calendar-pro\" rel="nofollow" target="_blank">Vanilla Calendar Pro - Works everywhere": "<a href="https://github.com/uvarov-frontend/vanilla-calendar-pro\" rel="nofollow" target="_blank">Vanilla Calendar Pro - يعمل في كل مكان",
"<a href="https://github.com/WickyNilliams/cally\" rel="nofollow" target="_blank">Cally web component - Works everywhere": "<a href="https://github.com/WickyNilliams/cally\" rel="nofollow" target="_blank">Cally web Component - يعمل في كل مكان",
"<a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP: Free 3rd party MCP server": "<a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP: خادم MCP مجاني تابع لجهة خارجية",
"<a href="https://tailwindcss.com/docs/flex-basis\" rel="nofollow" target="_blank">Layout, <a href="https://tailwindcss.com/docs/width\" rel="nofollow" target="_blank">Sizing, <a href="https://tailwindcss.com/docs/flex\" rel="nofollow" target="_blank">Flexbox, <a href="https://tailwindcss.com/docs/grid-template-columns\" rel="nofollow" target="_blank">Grid, <a href="https://tailwindcss.com/docs/justify-content\" rel="nofollow" target="_blank">Box alignment, <a href="https://tailwindcss.com/docs/padding\" rel="nofollow" target="_blank">Spacing": "<a href="https://tailwindcss.com/docs/flex-basis\" rel="nofollow" target="_blank">التخطيط، <a href="https://tailwindcss.com/docs/width\" rel="nofollow" target="_blank">الحجم، <a href="https://tailwindcss.com/docs/flex\" rel="nofollow" target="_blank">Flexbox، <a href="https://tailwindcss.com/docs/grid-template-columns\" rel="nofollow" target="_blank">الشبكة، <a href="https://tailwindcss.com/docs/justify-content\" rel="nofollow" target="_blank">Box المحاذاة، <a href="https://tailwindcss.com/docs/padding\" rel="nofollow" target="_blank">التباعد",
"<a href="svelte:head">svelte:head": "<a href="svelte:head">svelte:head",
"✅ Correct usage:": "✅ الاستخدام الصحيح:",
"✅ Correct: daisyUI": "✅ الصحيح: daisyUI",
"❌ Incorrect usage:": "❌ الاستخدام الخاطئ:",
"❌ Incorrect: DaisyUI, Daisy UI, daisy ui, DaisyUi": "❌ غير صحيح: DaisyUI، Daisy UI، daisy ui، DaisyUi",
"Accordion uses the same style as the <a href="/components/collapse/">collapse component but it works with radio inputs or details elements. You can control which item to be open by checking/unchecking the hidden radio input or setting the open attribute on details element.": "يستخدم Accordion نفس النمط مثل <a href="/components/collapse/">Collapse Component ولكنه يعمل مع مدخلات Radio أو عناصر التفاصيل. يمكنك التحكم في العنصر الذي سيتم فتحه عن طريق تحديد/إلغاء تحديد إدخال Radio المخفي أو تعيين السمة المفتوحة على عنصر التفاصيل.",
"Add this configuration and set your LICENSE, EMAIL, and optional FIGMA variables.": "أضف هذا التكوين وقم بتعيين متغيرات LICENSE وEMAIL وFIGMA الاختيارية.",
"Add this configuration and set your licensing environment variables.": "أضف هذا التكوين وقم بتعيين متغيرات بيئة الترخيص الخاصة بك.",
"Add this configuration block and set your license details.": "أضف كتلة التكوين هذه وقم بتعيين تفاصيل الترخيص الخاصة بك.",
"Add this configuration to cline_mcp_settings.json.": "أضف هذا التكوين إلى cline_mcp_settings.json.",
"Add this configuration to mcp_config.json.": "أضف هذا التكوين إلى mcp_config.json.",
"Add this to claude_desktop_config.json.": "أضف هذا إلى claude_desktop_config.json.",
"After configuring the server, tell the AI model to": "بعد تكوين الخادم، أخبر نموذج الذكاء الاصطناعي بذلك",
"Also see <a href="/components/accordion/">accordion examples": "راجع أيضًا أمثلة <a href="/components/accordion/">الأكورديون",
"As long as you use <a href="https://daisyui.com/docs/colors/\" rel="nofollow" target="_blank">daisyUI colors they will work on all themes, light or dark.": "وطالما أنك تستخدم <a href="https://daisyui.com/docs/colors/\" rel="nofollow" target="_blank">ألوان daisyUI، فإنها ستعمل على جميع المظاهر، سواء كانت فاتحة أو داكنة.",
"Blueprint is the official MCP server for daisyUI. <a href="/blueprint/">Read more about Blueprint.": "Blueprint هو خادم MCP الرسمي لـ daisyUI. <a href="/blueprint/">اقرأ المزيد حول Blueprint.",
"Brand agreement": "اتفاقية العلامة التجارية",
"Cally is a web component calendar and it works everywhere. <a href="https://github.com/WickyNilliams/cally\" rel="nofollow" target="_blank">Read the docs": "Cally هو ويب Component Calendar ويعمل في كل مكان. <a href="https://github.com/WickyNilliams/cally\" rel="nofollow" target="_blank">اقرأ المستندات",
"Choose agent: add context server.": "اختر agent: add context server.",
"Click the button below to automatically install in Cursor.": "انقر فوق Button أدناه للتثبيت تلقائيًا في Cursor.",
"Color Picker for daisyUI": "منتقي الألوان لـ daisyUI",
"Copy/Paste as > Copy link to selection": "نسخ/لصق باسم > نسخ Link إلى التحديد",
"Create or edit opencode.json in your project root and add the Blueprint MCP configuration.": "قم بإنشاء أو تحرير opencode.json في جذر مشروعك وأضف تكوين Blueprint MCP.",
"Customer Support": "دعم العملاء",
"daisyUI Color Picker": "daisyUI منتقي الألوان",
"daisyUI Laravel": "daisyUI لارافيل",
"daisyUI Name": "الاسم daisyUI",
"daisyUI name must be written as "daisyUI" with a lowercase "d" and uppercase "UI" with no spaces.": "يجب كتابة اسم daisyUI كـ "daisyUI" مع حرف صغير "d" وحرف كبير "UI" بدون مسافات.",
"daisyUI Pro Components": "daisyUI برو Components",
"daisyUI Store": "متجر daisyUI",
"daisyUI supports the <a href="https://github.com/tailwindlabs/tailwindcss-typography\" rel="nofollow" target="_blank">TailwindCSS Typography plugin": "تدعم daisyUI <a href="https://github.com/tailwindlabs/tailwindcss-typography\" rel="nofollow" target="_blank">المكون الإضافي TailwindCSS Typography",
"Do not use the daisyUI name or logo in a way that suggests your product or service is officially affiliated with, endorsed by, or produced by daisyUI.": "لا تستخدم اسم أو شعار daisyUI بطريقة توحي بأن منتجك أو خدمتك تابعة رسميًا لـ daisyUI أو معتمدة منها أو من إنتاجها.",
"Enable a theme using <a href="https://daisyui.com/docs/themes/#enable-a-built-in-theme\" rel="nofollow" target="_blank">data-theme on your <html> tag:": "تمكين سمة باستخدام <a href="https://daisyui.com/docs/themes/#enable-a-built-in-theme\" rel="nofollow" target="_blank">data-theme في علامتك <html>:",
"environment variable for the Blueprint MCP server.": "متغير البيئة لخادم Blueprint MCP.",
"Every part of daisyUI is <a href="https://cdn.jsdelivr.net/npm/daisyui@5/\" rel="nofollow" target="_blank">available on CDN as separate CSS files.": "كل جزء من daisyUI <a href="https://cdn.jsdelivr.net/npm/daisyui@5/\" rel="nofollow" target="_blank">متاح على CDN كملفات CSS منفصلة.",
"Exception: daisyUI package stays lower case daisyui as it is a package name and must follow coding conventions.": "الاستثناء: تظل حزمة daisyUI بأحرف صغيرة daisyui لأنها اسم حزمة ويجب أن تتبع اصطلاحات الترميز.",
"file_content:read": "file_content:قراءة",
"file_dev_resources:read": "file_dev_resources:قراءة",
"file_metadata:read": "file_metadata: قراءة",
"For a more efficient daisyUI generation and on-demand component snippets, use <a href="/blueprint/">daisyUI Blueprint MCP server. Blueprint MCP saves more tokens and has more control over the generated code.": "للحصول على إنشاء daisyUI أكثر كفاءة ومقتطفات Component عند الطلب، استخدم <a href="/blueprint/">خادم daisyUI Blueprint MCP. يوفر Blueprint MCP المزيد من الرموز المميزة ويتمتع بمزيد من التحكم في التعليمات البرمجية التي تم إنشاؤها.",
"For pagination, we use <a href="/components/join/">join component to show multiple links or buttons next to each other.": "بالنسبة إلى Pagination، نستخدم <a href="/components/join/">الانضمام إلى Component لإظهار روابط أو أزرار متعددة بجوار بعضها البعض.",
"Get a <a href="/blueprint/checkout/">Blueprint license key.": "احصل على <a href="/blueprint/checkout/">مفتاح ترخيص Blueprint.",
"Get a <a href="/blueprint/checkout/">Blueprint License": "احصل على <a href="/blueprint/checkout/">ترخيص المخطط",
"Here's a React example to save checkbox state in local storage: <a href="https://stackblitz.com/edit/react-checkbox-localstorage?file=src%2FApp.js\" rel="nofollow" target="_blank">Stackblitz": "إليك مثال React لحفظ حالة مربع الاختيار في وحدة التخزين المحلية: <a href="https://stackblitz.com/edit/react-checkbox-localstorage?file=src%2FApp.js\" rel="nofollow" target="_blank">Stackblitz",
"If you already use <a href="/blueprint/">daisyUI Blueprint MCP server, you don't need to install this plugin.": "إذا كنت تستخدم بالفعل <a href="/blueprint/">خادم daisyUI Blueprint MCP، فلن تحتاج إلى تثبيت هذا البرنامج الإضافي.",
"If you don't want to use this feature, <a href="/docs/config/#exclude">you can exclude rootscrollgutter.": "إذا كنت لا تريد استخدام هذه الميزة، <a href="/docs/config/#exclude">يمكنك استبعاد rootscrollgutter.",
"If you really need @tailwindcss/forms alongside with daisyUI (which I doubt, because both are doing the same job) consider using its <a href="https://github.com/tailwindlabs/tailwindcss-forms#using-only-global-styles-or-only-classes\" rel="nofollow" target="_blank">strategy: 'class' config so it only applies style to the elements with specific class name (not all form elements)": "إذا كنت حقًا بحاجة إلى @tailwindcss/forms جنبًا إلى جنب مع daisyUI (وهو ما أشك فيه، لأن كلاهما يقومان بنفس المهمة) ففكر في استخدام <a href="https://github.com/tailwindlabs/tailwindcss-forms#using-only-global-styles-or-only-classes\" rel="nofollow" target="_blank">strategy: 'class' config لذلك فهو يطبق النمط فقط على العناصر ذات Class name المحددة (وليس كل عناصر النموذج)",
"If you really want to use Tailwind's dark: variant, <a href="https://daisyui.com/docs/themes/#how-to-apply-tailwinds-dark-selector-for-specific-themes\" rel="nofollow" target="_blank">here's how to do it.": "إذا كنت تريد حقًا استخدام متغير Tailwind dark:، <a href="https://daisyui.com/docs/themes/#how-to-apply-tailwinds-dark-selector-for-specific-themes\" rel="nofollow" target="_blank">إليك كيفية القيام بذلك.",
"If you want the collapsed content to be searcheable in browser use the <a href="#-collapse-using-details-and-summary-tag">Collapse using details and summary tag": "إذا كنت تريد أن يكون المحتوى المطوي قابلاً للبحث في المتصفح، فاستخدم <a href="#-collapse-using-details-and-summary-tag">الطي باستخدام التفاصيل وعلامة الملخص",
"If you want the collapsed content to be searcheable in browser use the <a href="#accordion-using-details">Accordion using details": "إذا كنت تريد أن يكون المحتوى المطوي قابلاً للبحث في المتصفح، استخدم <a href="#accordion-using-details">الأكورديون باستخدام التفاصيل",
"If you're using <a href="/docs/config/#prefix">daisyUI prefix, it will add prefix to theme-controller class.": "إذا كنت تستخدم <a href="/docs/config/#prefix">بادئة daisyUI، فستضيف بادئة إلى فئة theme-controller.",
"If you're using <a href="https://tailwindcss.com/docs/styling-with-utility-classes#using-the-prefix-option\" rel="nofollow" target="_blank">Tailwind CSS prefix, it won't add prefix to theme-controller class.": "إذا كنت تستخدم <a href="https://tailwindcss.com/docs/styling-with-utility-classes#using-the-prefix-option\" rel="nofollow" target="_blank">بادئة Tailwind CSS، فلن تتم إضافة بادئة إلى فئة theme-controller.",
"If you're using a custom theme make sure you're using <a href="https://daisyui.com/docs/themes/#how-to-add-a-new-custom-theme\" rel="nofollow" target="_blank">all the required CSS variables": "إذا كنت تستخدم سمة مخصصة، فتأكد من أنك تستخدم <a href="https://daisyui.com/docs/themes/#how-to-add-a-new-custom-theme\" rel="nofollow" target="_blank">جميع متغيرات CSS المطلوبة",
"in Claude Desktop.": "in Claude Desktop.",
"In Cursor press ⌘ CMD + ⇧ Shift + P, or Ctrl + Shift + P, search for MCP: Open MCP Settings, and add this configuration to mcp.json:": "في Cursor، اضغط على ⌘ CMD + ⇧ Shift + P أو Ctrl + Shift + P، وابحث عن MCP: Open MCP Settings، وأضف هذا التكوين إلى mcp.json:",
"In Figma, go to": "في Figma، انتقل إلى",
"In Figma, right click on a section and choose": "في Figma، انقر بزر الماوس الأيمن على القسم واختر",
"In your editor, paste the link and ask the LLM to generate daisyUI code for that design.": "في المحرر الخاص بك، الصق Link واطلب من LLM إنشاء رمز daisyUI لهذا التصميم.",
"Inputs can be used with validator class to have validation styles. <a href="/components/validator/">See Validator component for more details.": "يمكن استخدام المدخلات مع فئة "المدقق" للحصول على أنماط التحقق من الصحة. <a href="/components/validator/">راجع مكون أداة التحقق لمزيد من التفاصيل. (validator)",
"Install Codex CLI if you haven't already.": "قم بتثبيت Codex CLI إذا لم تقم بذلك بالفعل.",
"Install Elixir according to the <a href="https://elixir-lang.org/install.html\" rel="nofollow" target="_blank">official Elixir documentation": "قم بتثبيت Elixir وفقًا <a href="https://elixir-lang.org/install.html\" rel="nofollow" target="_blank">وثائق Elixir الرسمية",
"Install OpenCode CLI if you haven't already.": "قم بتثبيت OpenCode CLI إذا لم تقم بذلك بالفعل.",
"library_assets:read": "Library_assets: قراءة",
"library_content:read": "محتوى المكتبة: قراءة",
"Make sure you're not using <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files#dynamic-class-names\" rel="nofollow" target="_blank">dynamic class names (half-variable like btn-{$color}). If you do this, there is no way for Tailwind CSS to find your class names.": "تأكد من أنك لا تستخدم <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files#dynamic-class-names\" rel="nofollow" target="_blank">أسماء الفئات الديناميكية (نصف متغير مثل btn-{$color}). إذا قمت بذلك، فلن تكون هناك طريقة لـ Tailwind CSS للعثور على أسماء فصولك.",
"My Orders": "طلباتي",
"My Orders (old panel)": "طلباتي (اللوحة القديمة)",
"My Project: Built with daisyUI": "مشروعي: تم تصميمه باستخدام daisyUI",
"Next: Setup the Figma API": "التالي: إعداد واجهة برمجة تطبيقات Figma",
"Official daisyUI Extension": "ملحق daisyUI الرسمي",
"On the MCP settings page, set:": "في صفحة إعدادات MCP، قم بتعيين:",
"Open the Antigravity MCP config file at ~/.gemini/config/mcp_config.json.": "Open the Antigravity MCP config file at ~/.gemini/config/mcp_config.json.",
"Opening a drawer adds a <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter\" rel="nofollow" target="_blank">scrollbar-gutter to the page to avoid layout shift on operating systems that have a fixed scrollbar.": "يؤدي فتح الدرج إلى إضافة <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter\" rel="nofollow" target="_blank">شريط التمرير إلى الصفحة لتجنب تغيير التخطيط في أنظمة التشغيل التي تحتوي على شريط تمرير ثابت.",
"Opening a modal adds a <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter\" rel="nofollow" target="_blank">scrollbar-gutter to the page to avoid layout shift on operating systems that have a fixed scrollbar.": "يؤدي فتح Modal إلى إضافة <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter\" rel="nofollow" target="_blank">شريط التمرير إلى الصفحة لتجنب تغيير التخطيط في أنظمة التشغيل التي تحتوي على شريط تمرير ثابت.",
"Option 1: Automatic setup": "الخيار 1: الإعداد التلقائي",
"Option 2: Manual setup": "الخيار 2: الإعداد اليدوي",
"Please do not modify, distort, or alter the logo.": "يرجى عدم تعديل الشعار أو تشويهه أو تغييره.",
"Privacy Policy": "سياسة الخصوصية",
"React Day Picker is a flexible date picker component for React. <a href="https://github.com/gpbl/react-day-picker\" rel="nofollow" target="_blank">Read the docs": "React Day Picker هو منتقي تاريخ مرن Component لـ React. <a href="https://github.com/gpbl/react-day-picker\" rel="nofollow" target="_blank">اقرأ المستندات",
"Read <a href="https://code.visualstudio.com/docs/copilot/customization/mcp-servers\" rel="nofollow" target="_blank">VS Code docs for more info about using MCP.": "اقرأ <a href="https://code.visualstudio.com/docs/copilot/customization/mcp-servers\" rel="nofollow" target="_blank">مستندات VS Code لمزيد من المعلومات حول استخدام MCP.",
"Read <a href="https://docs.claude.com/en/docs/claude-code/mcp\" rel="nofollow" target="_blank">Claude Code docs for more info about using MCP.": "Read <a href="https://docs.claude.com/en/docs/claude-code/mcp\" rel="nofollow" target="_blank">Claude Code docs for more info about using MCP.",
"Required permissions:": "الأذونات المطلوبة:",
"Run this command to add the Blueprint MCP server.": "قم بتشغيل هذا الأمر لإضافة خادم Blueprint MCP.",
"Run this command to add the Blueprint MCP server. Figma API Key is optional and only needed for Figma-to-code conversion.": "قم بتشغيل هذا الأمر لإضافة خادم Blueprint MCP. يعد مفتاح Figma API اختياريًا وهو مطلوب فقط لتحويل Figma إلى رمز.",
"Safari has a <a href="https://bugs.webkit.org/show_bug.cgi?id=22261\" rel="nofollow" target="_blank">CSS bug since 2008 that prevents button elements from being focused, so we use div tabindex=\"0\" as a workaround.": "يحتوي Safari على <a href="https://bugs.webkit.org/show_bug.cgi?id=22261\" rel="nofollow" target="_blank">خلل في CSS منذ عام 2008 يمنع التركيز على عناصر Button، لذلك نستخدم div tabindex=\"0\" كحل بديل.",
"Search for MCP: Open User Configuration.": "ابحث عن MCP: Open User Configuration.",
"Search for Windsurf: MCP Configuration Panel.": "ابحث عن "لوحة التكوين Windsurf: MCP". (Windsurf: MCP Configuration Panel)",
"Set the Figma API token in the": "قم بتعيين الرمز المميز لـ Figma API في ملف",
"Settings > Security > Personal Access Tokens > Generate new token": "الإعدادات > الأمان > رموز الوصول الشخصية > إنشاء رمز مميز جديد",
"So you can use bg-primary, border-secondary, etc. Read more about <a href="/docs/utilities/">daisyUI color utility classes.": "لذلك يمكنك استخدام bg-primary، وborder-secondary، وما إلى ذلك. اقرأ المزيد حول <a href="/docs/utilities/">فئات الأداة المساعدة لألوان daisyUI.",
"Some uncommon Tailwind CSS color utility classes for daisyUI colors are available on additional CSS files for CDN usage, see <a href="/docs/colors/#how-to-use">colors docs for more info.": "تتوفر بعض فئات الأداة المساعدة للألوان Tailwind CSS غير الشائعة لألوان daisyUI في ملفات CSS إضافية لاستخدام CDN، راجع <a href="/docs/colors/#how-to-use">مستندات الألوان لمزيد من المعلومات.",
"Step 1: Get a Figma Access Token": "الخطوة 1: احصل على رمز وصول Figma",
"Step 1: License key": "الخطوة 1: مفتاح الترخيص",
"Step 2: Add the token to Blueprint MCP": "الخطوة 2: أضف الرمز المميز إلى Blueprint MCP",
"Step 2: Configure MCP settings": "الخطوة 2: تكوين إعدادات MCP",
"Step 2: Install Codex CLI": "الخطوة 2: تثبيت Codex CLI",
"Step 2: Install OpenCode CLI": "الخطوة 2: تثبيت OpenCode CLI",
"Step 3: Configure MCP settings": "الخطوة 3: تكوين إعدادات MCP",
"Step 3: Copy a Figma selection link": "الخطوة 3: انسخ تحديد Figma Link",
"Step 4: Ask your editor to generate daisyUI code": "الخطوة 4: اطلب من المحرر الخاص بك إنشاء كود daisyUI",
"team_library_content:read": "team_library_content:قراءة",
"Terms and Conditions": "الشروط والأحكام",
"Theme Generator made with daisyUI": "تم إنشاء منشئ السمات باستخدام daisyUI",
"To setup Tailwind CSS syntax support and IntelliSense, see <a href="https://tailwindcss.com/docs/editor-setup\" rel="nofollow" target="_blank">Tailwind CSS docs.": "لإعداد دعم Tailwind CSS syntax وIntelliSense، راجع <a href="https://tailwindcss.com/docs/editor-setup\" rel="nofollow" target="_blank">مستندات Tailwind CSS.",
"Try using @source <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files#explicitly-registering-sources\" rel="nofollow" target="_blank">Explicitly register sources": "حاول استخدام @source <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files#explicitly-registering-sources\" rel="nofollow" target="_blank">تسجيل المصادر بشكل صريح",
"Unofficial daisyUI datepicker": "منتقي تاريخ daisyUI غير الرسمي",
"Using Tailwind CSS and daisyUI, it is expected for CSS files to be very small. Ideally only the class names you used must be in the CSS file. Sometimes (specially in monorepos) it is possible that <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files\" rel="nofollow" target="_blank">Tailwind CSS automatic class name detection finds some unwanted strings in your project and generate styles for them. To avoid this, you can <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files#disabling-automatic-detection\" rel="nofollow" target="_blank">disable automatic detection and register your source files using @source directive.": "باستخدام Tailwind CSS وdaisyUI، من المتوقع أن تكون ملفات CSS صغيرة جدًا. من الناحية المثالية، يجب أن تكون ملفات Class names التي استخدمتها فقط موجودة في ملف CSS. في بعض الأحيان (خاصة في monorepos) من الممكن أن <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files\" rel="nofollow" target="_blank">الاكتشاف التلقائي لـ Class name لـ Tailwind CSS يعثر على بعض السلاسل غير المرغوب فيها في مشروعك وينشئ أنماطًا لها. لتجنب ذلك، يمكنك <a href="https://tailwindcss.com/docs/detecting-classes-in-source-files#disabling-automatic-detection\" rel="nofollow" target="_blank">تعطيل الاكتشاف التلقائي وتسجيل ملفات المصدر باستخدام توجيه @source.",
"Vanilla Calendar Pro is a JavaScript calendar library. <a href="https://github.com/uvarov-frontend/vanilla-calendar-pro\" rel="nofollow" target="_blank">Read the docs": "Vanilla Calendar Pro هي مكتبة تقويم جافا سكريبت. <a href="https://github.com/uvarov-frontend/vanilla-calendar-pro\" rel="nofollow" target="_blank">اقرأ المستندات",
"We recommend using an <a href="/docs/mcp/">MCP server for daisyUI.": "نوصي باستخدام <a href="/docs/mcp/">خادم MCP لـ daisyUI.",
"When naming your projects, tools, or services, use "for daisyUI" or "compatible with daisyUI" instead of including "daisyUI" at the beginning of your product name.": "عند تسمية مشاريعك أو أدواتك أو خدماتك، استخدم "for daisyUI" أو "متوافق مع daisyUI" بدلاً من تضمين "daisyUI" في بداية اسم منتجك.",
"With daisyUI, you don't need to manually set colors using <a href="https://daisyui.com/docs/colors/\" rel="nofollow" target="_blank">dark: variant": "باستخدام daisyUI، لا تحتاج إلى تعيين الألوان يدويًا باستخدام <a href="https://daisyui.com/docs/colors/\" rel="nofollow" target="_blank">dark:",
"You can also use the native HTML for a date picker. <a href=\"/components/input/#date-input\">Read more</a>": "يمكنك أيضًا استخدام HTML الأصلي لمنتقي التاريخ. <a href="/components/input/#date-input">اقرأ المزيد",
"You can create a dedicated Workspace where you can upload the llms.txt file. To download the file, visit <a href="https://daisyui.com/llms.txt\" rel="nofollow" target="_blank">https://daisyui.com/llms.txt, right-click, and select "Save As...". Once downloaded, upload the file as an attachment in the Grok Workspace.": "يمكنك إنشاء "مساحة عمل" مخصصة حيث يمكنك تحميل ملف Workspace. لتنزيل الملف، تفضل بزيارة <a href="https://daisyui.com/llms.txt\" rel="nofollow" target="_blank">https://daisyui.com/llms.txt، وانقر بزر الماوس الأيمن، ثم انقر على Select "حفظ باسم...". بمجرد التنزيل، قم بتحميل الملف كمرفق في Grok llms.txt.",
"You can download the daisyUI logo in SVG and PNG formats for appropriate usage.": "يمكنك تنزيل شعار daisyUI بتنسيقات SVG وPNG للاستخدام المناسب.",
"You can setup daisyUI's llms.txt file to your workspace so Copilot can use it by default. (<a href="https://code.visualstudio.com/docs/copilot/customization/overview\" rel="nofollow" target="_blank">Read more at VSCode docs)": "يمكنك إعداد ملف llms.txt الخاص بـ daisyUI على مساحة العمل الخاصة بك حتى يتمكن Copilot من استخدامه بواسطة Default. (<a href="https://code.visualstudio.com/docs/copilot/customization/overview\" rel="nofollow" target="_blank">اقرأ المزيد على مستندات VSCode)",
"You can setup daisyUI's llms.txt file to your workspace so Cursor can use it by default. (<a href="https://cursor.com/docs/rules\" rel="nofollow" target="_blank">Read more at Cursor docs)": "يمكنك إعداد ملف llms.txt الخاص بـ daisyUI على مساحة العمل الخاصة بك حتى يتمكن Cursor من استخدامه بواسطة Default. (<a href="https://cursor.com/docs/rules\" rel="nofollow" target="_blank">اقرأ المزيد على مستندات Cursor)",
"You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Claude Code.": "You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Claude Code.",
"You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Claude desktop.": "You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Claude desktop.",
"You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Cline.": "يمكنك استخدام <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 أو <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP كخادم MCP في Cline.",
"You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Cursor.": "يمكنك استخدام <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 أو <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP كخادم MCP في Cursor.",
"You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in VSCode.": "يمكنك استخدام <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 أو <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP كخادم MCP في VSCode.",
"You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Windsurf.": "يمكنك استخدام <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 أو <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP كخادم MCP في Windsurf.",
"You can use <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 or <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP as MCP server in Zed.": "يمكنك استخدام <a href="https://context7.com/\" rel="nofollow" target="_blank">Context7 أو <a href="https://gitmcp.io/saadeghi/daisyui\" rel="nofollow" target="_blank">daisyUI GitMCP كخادم MCP في Zed.",
"Discount code": "رمز الخصم",
"Limited time discount code": "كود خصم لفترة محدودة",
"code at checkout to get": "رمز عند الخروج للحصول عليه",
"discount.": "تخفيض.",
"Remaining time": "الوقت المتبقي",
"Convert": "يتحول",
"Install guide": "دليل التثبيت",
"Get the license": "احصل على الرخصة",
"Figma API to LLM": "Figma API إلى LLM",
"I will do my best to help you.": "سأبذل قصارى جهدي لمساعدتك.",
"What happens after I pay?": "ماذا يحدث بعد أن أدفع؟",
"Will I receive updates?": "هل سأتلقى التحديثات؟",
"Do I get customer support?": "هل أحصل على دعم العملاء؟",
"Can I cancel my subscription?": "هل يمكنني إلغاء اشتراكي؟",
"Can I get a refund?": "هل يمكنني الحصول على استرداد؟",
"I didn't receive the email": "لم أتلق البريد الإلكتروني",
"I bought the wrong package": "اشتريت الحزمة الخاطئة",
"There was an issue with the payment": "كانت هناك مشكلة في الدفع",
"Install Blueprint MCP for Antigravity": "Install Blueprint MCP for Antigravity",
"Install daisyUI Blueprint MCP server for Antigravity.": "Install daisyUI Blueprint MCP server for Antigravity.",
"After configuring the server, tell the AI model to use Blueprint MCP.": "بعد تكوين الخادم، أخبر نموذج الذكاء الاصطناعي باستخدام Blueprint MCP.",
"Install Blueprint MCP for Claude Desktop": "Install Blueprint MCP for Claude Desktop",
"Install daisyUI Blueprint MCP server for Claude Desktop.": "Install daisyUI Blueprint MCP server for Claude Desktop.",
"Go to Settings > Developer in Claude Desktop.": "Go to Settings > Developer in Claude Desktop.",
"Click the Edit Config button.": "انقر فوق تحرير التكوين Button.",
"Install Blueprint MCP for Claude Code": "Install Blueprint MCP for Claude Code",
"Install daisyUI Blueprint MCP server for Claude Code.": "Install daisyUI Blueprint MCP server for Claude Code.",
"Install Blueprint MCP for Cline": "قم بتثبيت Blueprint MCP لـ Cline",
"Install daisyUI Blueprint MCP server for Cline.": "قم بتثبيت خادم daisyUI Blueprint MCP لـ Cline.",
"Select the Configure tab.": "Select علامة التبويب تكوين.",
"Click the Configure MCP Servers button at the bottom of the pane.": "انقر فوق تكوين خوادم MCP Button في أسفل الجزء.",
"Install Blueprint MCP for Codex": "قم بتثبيت Blueprint MCP لـ Codex",
"Install daisyUI Blueprint MCP server for Codex.": "قم بتثبيت خادم daisyUI Blueprint MCP لـ Codex.",
"Install Blueprint MCP for Cursor": "قم بتثبيت Blueprint MCP لـ Cursor",
"Install daisyUI Blueprint MCP server for Cursor.": "قم بتثبيت خادم daisyUI Blueprint MCP لـ Cursor.",
"Setup Figma API for Blueprint MCP": "إعداد Figma API لـ Blueprint MCP",
"Generate daisyUI code from a Figma design file": "قم بإنشاء كود daisyUI من ملف تصميم Figma",
"In Figma, go to Settings > Security > Personal Access Tokens > Generate new token.": "في Figma، انتقل إلى الإعدادات > الأمان > رموز الوصول الشخصية > إنشاء رمز مميز جديد.",
"Set the Figma API token in the FIGMA environment variable for the Blueprint MCP server.": "قم بتعيين رمز Figma API المميز في متغير بيئة FIGMA لخادم Blueprint MCP.",
"In Figma, right click on a section and choose Copy/Paste as > Copy link to selection.": "في Figma، انقر بزر الماوس الأيمن على القسم واختر نسخ/لصق كـ > نسخ Link إلى التحديد.",
"Install Blueprint MCP for OpenClaw": "قم بتثبيت Blueprint MCP لـ OpenClaw",
"Install daisyUI Blueprint MCP server for OpenClaw.": "قم بتثبيت خادم daisyUI Blueprint MCP لـ OpenClaw.",
"Install Blueprint MCP for OpenCode": "قم بتثبيت Blueprint MCP لـ OpenCode",
"Install daisyUI Blueprint MCP server for OpenCode.": "قم بتثبيت خادم daisyUI Blueprint MCP لـ OpenCode.",
"Install Blueprint MCP for VSCode Copilot": "قم بتثبيت Blueprint MCP لـ VSCode Copilot",
"Install daisyUI Blueprint MCP server for VSCode Copilot.": "قم بتثبيت خادم daisyUI Blueprint MCP لـ VSCode Copilot.",
"In VS Code press ⌘ CMD + ⇧ Shift + P, or Ctrl + Shift + P.": "في VS Code، اضغط على ⌘ CMD + ⇧ Shift + P أو Ctrl + Shift + P.",
"Install Blueprint MCP for Windsurf": "قم بتثبيت Blueprint MCP لـ Windsurf",
"Install daisyUI Blueprint MCP server for Windsurf.": "قم بتثبيت خادم daisyUI Blueprint MCP لـ Windsurf.",
"Press ⌘ CMD + ⇧ Shift + P, or Ctrl + Shift + P.": "اضغط على ⌘ CMD + ⇧ Shift + P أو Ctrl + Shift + P.",
"Click Add custom server +.": "انقر فوق إضافة خادم مخصص +.",
"Install Blueprint MCP for Zed": "قم بتثبيت Blueprint MCP لـ Zed",
"Install daisyUI Blueprint MCP server for Zed.": "قم بتثبيت خادم daisyUI Blueprint MCP لـ Zed.",
"In Zed press ⌘ CMD + ⇧ Shift + P, or Ctrl + Shift + P.": "في Zed، اضغط على ⌘ CMD + ⇧ Shift + P أو Ctrl + Shift + P.",
"Branding and logo usage guidelines for daisyUI": "إرشادات استخدام العلامة التجارية والشعار لـ daisyUI",
"To close the dropdown after click, you can use something like onclick=\"document.activeElement.blur()\". <a href="https://play.tailwindcss.com/pc8zXb89lM\" rel="nofollow" target="_blank">Example": "لإغلاق Dropdown بعد النقر، يمكنك استخدام شيء مثل onclick=\"document.activeElement.blur()\". <a href="https://play.tailwindcss.com/pc8zXb89lM\" rel="nofollow" target="_blank">مثال",
"Press F to pay respects.": "اضغط F لتقديم الاحترام.",
"Press ⌘ CMD + ⇧ Shift + P. Or if it's Windows, press ⌃ Ctrl + ⇧ Shift + P.": "اضغط على ⌘ CMD + ⇧ Shift + P. أو إذا كان نظام التشغيل Windows، فاضغط على ⌃ Ctrl + ⇧ Shift + P.",
"In Cursor press ⌘ CMD + ⇧ Shift + P ( Or Ctrl + Shift + P )": "في Cursor اضغط على ⌘ CMD + ⇧ Shift + P ( أو Ctrl + Shift + P )",
"In VS Code press ⌘ CMD + ⇧ Shift + P ( Or Ctrl + Shift + P )": "في VS Code، اضغط على ⌘ CMD + ⇧ Shift + P ( أو Ctrl + Shift + P )",
"Press ⌘ CMD + ⇧ Shift + P (or ⌃ Ctrl + ⇧ Shift + P on Windows)": "اضغط على ⌘ CMD + ⇧ Shift + P (أو ⌃ Ctrl + ⇧ Shift + P على نظام التشغيل Windows).",
"In Zed press ⌘ CMD + ⇧ Shift + P ( Or Ctrl + Shift + P )": "في Zed، اضغط على ⌘ CMD + ⇧ Shift + P ( أو Ctrl + Shift + P )",
"Open Cursor settings with ⌘ + ,": "افتح إعدادات Cursor باستخدام ⌘ + ,",
"daisyUI community articles": "مقالات مجتمع daisyUI",
"Tailwind CSS articles and daisyUI tutorials": "مقالات Tailwind CSS ودروس daisyUI",
"daisyUI community courses": "دورات المجتمع daisyUI",
"Free Tailwind CSS courses and best Tailwind CSS tutorials": "دورات Tailwind CSS المجانية وأفضل دروس Tailwind CSS",
"daisyUI community videos": "مقاطع فيديو مجتمع daisyUI",
"Best Tailwind CSS video tutorials and Free Tailwind CSS video courses": "أفضل دروس فيديو Tailwind CSS ودورات فيديو Tailwind CSS المجانية",
"Official daisyUI Skills": "مهارات daisyUI الرسمية",
"Enough with AI slop": "كفى من AI slop",
"Setup your coding agent to generate better UI.": "قم بإعداد coding agent الخاص بك لإنشاء واجهة مستخدم أفضل.",
"Compatible with all coding agents": "متوافق مع جميع coding agents",
"Coming soon…": "قريبًا…",
"daisyUI Skills": "مهارات daisyUI",
"daisyUI Skills - Tailwind CSS Skill": "daisyUI Skills - Tailwind CSS Skill",
"daisyUI and Tailwind CSS theme generator": "منشئ سمات daisyUI وTailwind CSS",
"Tailwind CSS Theme Generator for daisyUI - Custom Tailwind CSS themes with light mode and dark mode support": "Tailwind CSS Theme Generator لـ daisyUI - سمات Tailwind CSS مخصصة مع الوضع الفاتح ودعم الوضع المظلم",
"Sales volume reached $12,450 this week, showing a 15% increase from the previous period.": "وصل حجم المبيعات إلى 12,450 دولارًا هذا الأسبوع، مما يدل على زيادة بنسبة 15% عن الفترة السابقة.",
"Size": "Size",
"Click the MCP Servers icon at the top navigation bar of the Cline pane.": "Click the MCP Servers icon at the top navigation bar of the Cline pane.",
"Select the tab.": "Select the tab.",
"Click the button at the bottom of the pane.": "Click the button at the bottom of the pane.",
"After configuring the server, tell the AI model to .": "After configuring the server, tell the AI model to .",
"Go to in Claude Desktop.": "Go to in Claude Desktop.",
"Click the button.": "Click the button.",
"Click .": "Click .",
"install-btn": "install-btn",
"MCP server": "MCP server",
"day": "day",
"hour": "hour",
"min": "min",
"sec": "sec",
"Use": "Use",
"copied": "copied",
"copy": "copy",
"close": "close",
"and": "and",
"to daisyUI": "to daisyUI",
"Compatible with": "Compatible with",
"and more": "and more",
"Design System": "Design System",
"Resources": "Resources",
"Solution": "Solution",
"Providing": "Providing",
"context": "context",
"It": "It",
"Introducing": "Introducing",
"for daisyUI": "for daisyUI",
"variants": "variants",
"variables": "variables",
"to generate daisyUI code": "to generate daisyUI code",
"Generate daisyUI code": "Generate daisyUI code",
"daisyUI Blueprint MCP server": "daisyUI Blueprint MCP server",
"Examples": "Examples",
"Blueprint free trial": "تجربة Blueprint المجانية",
"3-day free trial": "تجربة مجانية لمدة 3 أيام",
", cancel anytime.": "، يمكنك الإلغاء في أي وقت.",
"Get Your Blueprint License": "احصل على License Blueprint",
"This page was made with Blueprint MCP": "تم إنشاء هذه الصفحة باستخدام Blueprint MCP",
"The Official": "The Official",
"UI Generator": "UI Generator",
"Creative Director": "Creative Director",
"Page Architect": "Page Architect",
"Design System Expert": "Design System Expert",
"MCP Server": "خادم MCP",
"The most powerful agentic UI workflow in an MCP server": "أقوى workflow UI agentic داخل خادم MCP",
"10× better code quality": "جودة كود أفضل 10×",
"10× faster results": "نتائج أسرع 10×",
"90% lower token costs": "تكلفة رمز أقل بنسبة 90%",
"Provides on-demand, fine-tuned UI design knowledge to your AI agent": "يوفر لوكيل AI لديك معرفة UI مصممة ومضبوطة عند الطلب",
"After purchase, your license key arrives by email.": "بعد الشراء، يصل مفتاح license إلى بريدك الإلكتروني.",
"Install the MCP server, add the key, and ask your agent to use Blueprint.": "ثبّت خادم MCP، أضف المفتاح، واطلب من وكيلك استخدام Blueprint.",
"One-shots generated by daisyUI Blueprint MCP": "نماذج one-shot مولّدة بواسطة daisyUI Blueprint MCP",
"Interface examples": "أمثلة واجهات",
"Blueprint MCP server works with coding agents": "خادم Blueprint MCP يعمل مع coding agents",
"ALL WEBSITES LOOK THE SAME": "كل المواقع تبدو متشابهة",
"Sick of": "هل سئمت من",
"AI slop?": "AI slop?",
"AI-generated sites arrive with outdated dependencies, stale syntax, copy-paste layouts, the same color palettes, purple gradients, inconsistent spacing, and a structure so mediocre that no one wants to use it.": "المواقع المولّدة بالـ AI تأتي باعتماديات قديمة، وصياغة متقادمة، وتخطيطات منسوخة، ولوحات ألوان متكررة، وتدرجات بنفسجية، ومسافات غير متناسقة، وبنية متوسطة لدرجة أن لا أحد يريد استخدامها.",
"Example of a generic AI-generated landing page": "مثال على صفحة هبوط عامة مولّدة بالـ AI",
"The most mediocre layout": "التخطيط الأكثر رداءة",
"Boring, inauthentic color palette": "لوحة ألوان مملة وغير أصيلة",
"Looks like every other AI-generated site": "يشبه كل موقع آخر مولّد بالـ AI",
"Inconsistent components, no design system": "مكونات غير متناسقة، ولا يوجد نظام تصميم",
"Inaccessible, inefficient, and unmaintainable code": "كود غير قابل للوصول، غير فعال، وصعب الصيانة",
"AI slop content and lack of structure": "محتوى AI slop ونقص في البنية",
"Purple gradients everywhere": "تدرجات بنفسجية في كل مكان",
"TRYING TO FIX THE SLOP WITH INSTRUCTIONS?": "هل تحاول إصلاح SLOP بالتعليمات؟",
"Your LLM ignores the instructions and skills.": "LLM الخاص بك يتجاهل التعليمات والمهارات.",
"Agent skills are collections of instructions and rules. Check the logs and the pattern is familiar: the model reads a few files, skips the rest, ignores inconvenient rules, and moves on.": "مهارات الوكلاء هي مجموعات من التعليمات والقواعد. راجع السجلات وسترى النمط نفسه: يقرأ النموذج بضعة ملفات، يتجاوز الباقي، يتجاهل القواعد المزعجة، ثم يكمل.",
"UI work needs more context than most tasks. Yet as the instruction set grows, the chance of selective reading grows with it.": "عمل UI يحتاج إلى context أكثر من معظم المهام. لكن كلما كبرت مجموعة التعليمات، زادت فرصة القراءة الانتقائية.",
"Skill files inspected": "ملفات مهارة التي تم فحصها",
"Ignored 40% of the rules": "تم تجاهل 40% من القواعد",
"Skipped 23 files due to overconfidence": "تم تخطي 23 ملفًا بسبب الثقة الزائدة",
"Ignored the rules and treated them as suggestions only": "تجاهل القواعد وتعامل معها كاقتراحات فقط",
"read": "تمت القراءة",
"Lines 1 to 120": "الأسطر 1 إلى 120",
"partially ignored": "تم تجاهله جزئيًا",
"skipped": "تم التخطي",
"The model continued without following the rules it was expected to follow.": "واصل النموذج العمل دون اتباع القواعد التي كان يجب أن يتبعها.",
"Wasted time, wasted effort, wasted tokens": "وقت مهدور، جهد مهدور، رمز مهدورة",
"Tired of wasting tokens?": "هل سئمت من إهدار رمز؟",
"Without clear instructions, AI creates the same generic UI for everyone. That's why trends like purple buttons and gradients quickly became overused.": "بدون تعليمات واضحة، ينشئ AI نفس UI العام للجميع. لذلك تصبح الاتجاهات مثل الأزرار البنفسجية والتدرجات مستخدمة بشكل مفرط بسرعة.",
"Making the design unique takes many prompts, additional edits, wasted time, and LOTS of tokens.": "جعل التصميم فريدًا بعد ذلك يحتاج إلى الكثير من مطالبة، وتعديلات إضافية، ووقت مهدور، والكثير جدًا من رمز.",
"What if...": "ماذا لو...",
"you could one-shot a unique, original, and functional UI without any effort?": "كان بإمكانك إنشاء UI فريد وأصلي وعملي من محاولة واحدة دون أي جهد؟",
"No slop. No skip. No waste.": "لا slop. لا تخطي. لا هدر.",
"Meet the Blueprint MCP tools": "تعرّف على أدوات Blueprint MCP",
"THE REAL SOLUTION": "الحل الحقيقي",
"Blueprint fixes that.": "Blueprint يصلح ذلك.",
"Introducing a mandatory MCP workflow.": "تقديم workflow MCP إلزامي.",
"Every tool has a defined job and a strict execution order. Each tool provides the necessary resources and functionality to your agent. The agent must follow these rules sequentially. It cannot skip steps, invent component syntax, or mark unfinished work as complete.": "لكل أداة وظيفة محددة وترتيب تنفيذ صارم. كل أداة توفر لوكيلك الموارد والوظائف اللازمة. يجب أن يتبع الوكيل هذه القواعد بالتسلسل. لا يمكنه تخطي الخطوات، أو اختراع صياغة مكونات، أو اعتبار العمل غير المكتمل مكتملًا.",
"Rules and principles": "القواعد والمبادئ",
"LLM is forced to read and follow": "يُجبر LLM على القراءة والاتباع",
"Page architectures": "معماريات الصفحات",
"Matched by intent": "مطابقة حسب النية",
"daisyUI components": "مكونات daisyUI",
"Syntax, examples, code snippets": "الصياغة، الأمثلة، مقتطفات الكود",
"Final inspection": "الفحص النهائي",
"Finds and fixes visual issues": "يعثر على المشاكل البصرية ويصلحها",
"Convert everything to daisyUI.": "حوّل كل شيء إلى daisyUI.",
"Blueprint gives your agent the tools to understand the source first. It extracts the structure, chooses the matching daisyUI components, supplies exact snippets, and checks the conversion when the code is done.": "يعطي Blueprint وكيلك الأدوات لفهم المصدر أولًا. يستخرج البنية، ويختار مكونات daisyUI المطابقة، ويوفر مقتطفات دقيقة، ويفحص التحويل عند اكتمال الكود.",
"Figma converts to daisyUI": "Figma يتحول إلى daisyUI",
"Tailwind CSS converts to daisyUI": "Tailwind CSS يتحول إلى daisyUI",
"Screenshot converts to daisyUI": "لقطة شاشة يتحول إلى daisyUI",
"Screenshot": "لقطة شاشة",
"Bootstrap converts to daisyUI": "Bootstrap يتحول إلى daisyUI",
"Image palette converts to daisyUI": "لوحة ألوان الصورة تتحول إلى daisyUI",
"Image color palette": "لوحة ألوان الصورة",
"Picture color palette to a daisyUI theme": "لوحة ألوان صورة إلى ثيم daisyUI",
"See Blueprint in action": "شاهد Blueprint أثناء العمل",
"Watch Blueprint's MCP server create unique, authentic UIs from a simple prompt. The server gives your AI agent the context it needs: design-system principles, code snippets, and UX direction. When the page is finished, Blueprint inspects the code and fixes visual issues.": "شاهد خادم MCP الخاص بـ Blueprint ينشئ واجهات UI فريدة وأصيلة من مطالبة بسيطة. يمنح الخادم وكيل AI لديك context الذي يحتاجه: مبادئ نظام التصميم، مقتطفات كود، واتجاه UX. عند انتهاء الصفحة، يفحص Blueprint الكود ويصلح المشاكل البصرية.",
"Blueprint MCP server converts a Figma design to daisyUI": "خادم Blueprint MCP يحول تصميم Figma إلى daisyUI",
"Blueprint MCP server converts Tailwind CSS to daisyUI": "خادم Blueprint MCP يحول Tailwind CSS إلى daisyUI",
"COMPARE WITH OTHER OPTIONS": "قارن مع الخيارات الأخرى",
"All-in-one.": "الكل في واحد.",
"Documentation context helps an LLM answer questions. Blueprint surrounds that official source with project setup, creative direction, page architecture, exact component retrieval, conversion workflows, and a final inspection gate.": "يساعد context التوثيق LLM على الإجابة عن الأسئلة. يحيط Blueprint ذلك المصدر official بإعداد المشروع، والاتجاه الإبداعي، ومعمارية الصفحة، واسترجاع المكونات بدقة، و workflows التحويل، وبوابة فحص نهائية.",
"Comparison of daisyUI Blueprint MCP, daisyUI Skill, Context7 MCP, and GitMCP": "مقارنة بين daisyUI Blueprint MCP و مهارة daisyUI و Context7 MCP و GitMCP",
"Need something else? Email": "تحتاج شيئًا آخر؟ أرسل بريدًا",
"and we will help.": "وسنساعدك.",
"The official daisyUI MCP server": "خادم daisyUI MCP official",
"Your license key arrives by email.": "مفتاح license يصل عبر البريد الإلكتروني.",
"Add it to the MCP server and ask your coding agent to use Blueprint.": "أضفه إلى خادم MCP واطلب من وكيل البرمجة استخدام Blueprint.",
"v1.8": "v1.8",
"September 2026": "سبتمبر 2026",
"Optimize instructions about interactive elements": "تحسين التعليمات المتعلقة بـ interactive elements",
"Optimize instructions about creating multiple pages for fresh projects if needed": "تحسين التعليمات المتعلقة بإنشاء صفحات متعددة للمشاريع الجديدة عند الحاجة",
"Optimize design trends catalog and instructions about choosing the design trend": "تحسين كتالوج design trends والتعليمات المتعلقة باختيار design trend",
"v1.6": "v1.6",
"August 2026": "August 2026",
"Update MCP SDK": "Update MCP SDK",
"Fix: Claude Desktop JSON Schema issue": "Fix: Claude Desktop JSON Schema issue",
"v1.5": "v1.5",
"July 2026": "يوليو 2026",
"Blueprint now helps your LLM generate the whole UI, not only individual components.": "يساعد Blueprint الآن LLM لديك على توليد UI بالكامل، وليس المكونات الفردية فقط.",
"MCP tools": "أدوات MCP",
"New: daisyUI Setup Expert. Knows how to set up and configure daisyUI, themes, fonts, and icons.": "جديد: خبير إعداد daisyUI. يعرف كيفية إعداد وتكوين daisyUI والثيمات والخطوط والأيقونات.",
"New: daisyUI Rules Enforcer. Enforces the rules and principles.": "جديد: daisyUI Rules Enforcer. يفرض القواعد والمبادئ.",
"New: daisyUI Creative Director. Provides a design trends catalog, UX principles, creative decisions, and taste.": "جديد: daisyUI Creative Director. يوفر كتالوج اتجاهات تصميم، ومبادئ UX، وقرارات إبداعية، وذوقًا.",
"New: daisyUI Page Architect. Knows how to structure pages and layouts, what content they need, and which components to use.": "جديد: daisyUI Page Architect. يعرف كيفية بناء الصفحات والتخطيطات، وما المحتوى الذي تحتاجه، وأي مكونات يجب استخدامها.",
"Updated: daisyUI Component Syntax Expert. Provides exact code syntax, daisyUI snippets, and examples.": "محدّث: daisyUI Component Syntax Expert. يوفر صياغة كود دقيقة، ومقتطفات daisyUI، وأمثلة.",
"New: daisyUI Quality Inspector. Checks design and code quality, then requires the LLM to fix any issues.": "جديد: daisyUI Quality Inspector. يفحص جودة التصميم والكود، ثم يطلب من LLM إصلاح أي مشاكل.",
"Updated: Figma to daisyUI. Improved Figma conversion.": "محدّث: Figma to daisyUI. تحسين تحويل Figma.",
"Prompts": "المطالبات",
"The Tailwind CSS, Bootstrap, and Screenshot to daisyUI prompts, plus Image to daisyUI theme, are now available as MCP tools. MCP clients that don't support MCP prompts can use them too.": "أصبحت مطالبات الخاصة بـ Tailwind CSS و Bootstrap و لقطة شاشة to daisyUI، بالإضافة إلى صورة إلى ثيم daisyUI، متاحة الآن كأدوات MCP. يمكن لعملاء MCP الذين لا يدعمون MCP مطالبات استخدامها أيضًا.",
"MCP resources": "موارد MCP",
"Updated: Snippet": "محدّث: مقتطف",
"New: Setup": "جديد: الإعداد",
"New: Rule": "جديد: قاعدة",
"New: Page": "جديد: صفحة",
"Setup Expert": "خبير الإعداد",
"Mandatory": "إلزامي",
"Reads the repo first. It understands dependencies, framework, configuration, themes, colors, fonts, icons, and file structure before your agent changes a pixel.": "يقرأ repo أولًا. يفهم الاعتماديات، framework، التكوين، الثيمات، الألوان، الخطوط، الأيقونات، وبنية الملفات قبل أن يغير وكيلك أي pixel.",
"Your agent gets the daisyUI install instructions, daisyUI config, and daisyUI custom theme setup when needed.": "يحصل وكيلك على تعليمات تثبيت daisyUI، وتكوين daisyUI، وإعداد الثيم المخصص عند الحاجة.",
"Installing daisyUI": "تثبيت daisyUI",
"Adding custom theme, fonts and icons": "إضافة ثيم مخصص وخطوط وأيقونات",
"Rules Enforcer": "منفّذ القواعد",
"Loads implementation, syntax, accessibility, responsive, theme, media, and quality rules as requirements your LLM must follow.": "يحمّل قواعد التنفيذ، والصياغة، وإمكانية الوصول، والاستجابة، والثيم، والوسائط، والجودة كمتطلبات يجب أن يتبعها LLM.",
"The workflow cannot continue by skimming half a skill file and quietly dropping the difficult constraints.": "لا يمكن ل workflow أن يستمر بقراءة نصف ملف مهارة سريعًا وإسقاط القيود الصعبة بصمت.",
"Enforced design rules and code instructions": "تم فرض قواعد التصميم وتعليمات الكود",
"Creative direction": "توجيه إبداعي",
"Directs UX, content, originality, color, composition, typography, imagery, design trends, and motion as one coherent idea.": "يوجه UX، والمحتوى، والأصالة، واللون، والتكوين، والطباعة، والصور، واتجاهات التصميم، والحركة كفكرة واحدة متماسكة.",
"Instead of another purple-gradient template, the page gets a point of view connected to its product and audience.": "بدل قالب آخر بتدرج بنفسجي، تحصل الصفحة على وجهة نظر مرتبطة بمنتجها وجمهورها.",
"Applied creative design rules": "تم تطبيق قواعد التصميم الإبداعي",
"Applied UI/UX principles": "تم تطبيق مبادئ UI/UX",
"Applied an appropriate design trend": "تم تطبيق اتجاه تصميم مناسب",
"Architecture": "البنية",
"Chooses from 211 page architectures covering purpose, structure, content, goals, states, edge cases, and component composition.": "يختار من بين 211 معمارية صفحة تغطي الغرض، والبنية، والمحتوى، والأهداف، والحالات، والحالات الطرفية، وتركيب المكونات.",
"Your LLM stops guessing what belongs on the page. It gets a production plan shaped around the job the page must do.": "يتوقف LLM عن تخمين ما ينتمي إلى الصفحة. يحصل على خطة إنتاج مصممة حول المهمة التي يجب أن تؤديها الصفحة.",
"Accessing page architecture library": "الوصول إلى مكتبة معماريات الصفحات",
"Finding the best layout structure": "البحث عن أفضل بنية layout",
"Component Syntax Expert": "خبير صياغة المكونات",
"Retrieves exact, correct daisyUI component structures, variants, code snippets, and examples only when the page needs them.": "يسترجع بنى مكونات daisyUI الدقيقة والصحيحة، والأنواع، ومقتطفات الكود، والأمثلة فقط عندما تحتاجها الصفحة.",
"No stale syntax from model memory. No utility pile pretending to be a maintained component.": "لا صياغة قديمة من ذاكرة النموذج. لا كومة utility تدّعي أنها مكون مُصان.",
"Received daisyUI components and rules": "تم استلام مكونات وقواعد daisyUI",
"Received code snippets and examples": "تم استلام مقتطفات الكود والأمثلة",
"Quality Inspector": "مفتش الجودة",
"Final gate": "البوابة النهائية",
"Audits the finished source for visual problems, syntax errors, accessibility issues, responsive failures, and ignored rules.": "يدقق المصدر النهائي بحثًا عن مشاكل بصرية، وأخطاء صياغة، ومشاكل إمكانية وصول، وفشل responsive، وقواعد تم تجاهلها.",
"When the inspection finds a problem, your agent has to fix it before the workflow can call the page finished.": "عندما يعثر الفحص على مشكلة، يجب على وكيلك إصلاحها قبل أن يمكن ل workflow اعتبار الصفحة مكتملة.",
"Fixed syntax issues": "تم إصلاح مشاكل الصياغة",
"Fixed visual design problems": "تم إصلاح مشاكل التصميم البصري",
"Front-end skill": "مهارة الواجهة الأمامية",
"Make an admin dashboard for server management with Retro-Futurism style": "أنشئ لوحة إدارة لإدارة الخوادم بأسلوب Retro-Futurism",
"UI skills": "مهارات واجهة المستخدم",
"Make an email client UI with clean design": "أنشئ UI عميل بريد بتصميم نظيف",
"daisyUI skill": "مهارة daisyUI",
"Make a dense Japanese news website with Maximalism style": "أنشئ موقع أخبار ياباني كثيف بأسلوب Maximalism",
"UI design agent": "وكيل تصميم واجهة المستخدم",
"Make a product management dashboard for managing SaaS businesses": "أنشئ dashboard لإدارة المنتجات لإدارة أعمال SaaS",
"Design website with Codex": "صمّم موقعًا باستخدام Codex",
"Make an online shop with Skeuomorphism design for selling gaming headphones": "أنشئ متجرًا إلكترونيًا بتصميم Skeuomorphism لبيع سماعات ألعاب",
"AI site maker": "منشئ مواقع AI",
"Make a landing page for a cute cafe in Seul": "أنشئ صفحة هبوط لمقهى لطيف في سيول",
"Tailwind CSS skill": "مهارة Tailwind CSS",
"Make an event website for a dev confrence in Tokyo": "أنشئ موقع حدث لمؤتمر مطورين في طوكيو",
"Best UI design skill": "أفضل مهارة لتصميم واجهة المستخدم",
"Make a Swiss design style landingpage for a nordic style furniture manifacturer": "أنشئ صفحة هبوط بأسلوب Swiss design لمصنّع أثاث بأسلوب نوردي",
"Front-end agent": "وكيل الواجهة الأمامية",
"Make an artistic personal site for a photographer": "أنشئ موقعًا شخصيًا فنيًا لمصور",
"Figma to daisyUI": "من Figma إلى daisyUI",
"Reads frames, hierarchy, auto layout, type, color, component instances, and a rendered preview before matching daisyUI patterns.": "يقرأ frames، والتسلسل الهرمي، وauto layout، والنوع، واللون، وinstances المكونات، ومعاينة rendered قبل مطابقة أنماط daisyUI.",
"Tailwind CSS to daisyUI": "من Tailwind CSS إلى daisyUI",
"Preserves layout and behavior while replacing hand-built component utility stacks with current daisyUI structures.": "يحافظ على layout والسلوك أثناء استبدال مجموعات utility اليدوية ببنى daisyUI الحالية.",
"Screenshot to daisyUI": "من لقطة شاشة إلى daisyUI",
"Analyzes hierarchy, density, states, and responsive clues, then rebuilds the reference with accessible daisyUI components.": "يحلل التسلسل الهرمي، والكثافة، والحالات، وإشارات responsive، ثم يعيد بناء المرجع بمكونات daisyUI قابلة للوصول.",
"Bootstrap to daisyUI": "من Bootstrap إلى daisyUI",
"Maps Bootstrap components to daisyUI while keeping the content, semantics, structure, and interaction model intact.": "يطابق مكونات Bootstrap مع daisyUI مع الحفاظ على المحتوى، والدلالة، والبنية، ونموذج التفاعل.",
"Image to daisyUI theme": "من صورة إلى ثيم daisyUI",
"Extracts an image palette, assigns semantic roles, calculates readable content colors, and generates every required daisyUI theme variable.": "يستخرج لوحة ألوان الصورة، ويعيّن أدوارًا دلالية، ويحسب ألوان محتوى مقروءة، وينشئ كل متغيرات ثيم daisyUI المطلوبة.",
"daisyUI BLUEPRINT MCP": "daisyUI BLUEPRINT MCP",
"daisyUI Skill": "مهارة daisyUI",
"Context7 MCP": "Context7 MCP",
"GitMCP": "GitMCP",
"daisyUI Official": "daisyUI Official",
"Fine-tuned for daisyUI": "مضبوط خصيصًا لـ daisyUI",
"Impossible to fine-tune": "لا يمكن ضبطه بدقة",
"Data source": "مصدر البيانات",
"Authored & verified": "مكتوب ومتحقق منه",
"AI-generated": "مولّد AI",
"Resource accuracy": "دقة الموارد",
"100% accurate": "دقيق 100%",
"Confuses random repos": "يخلط بين repos عشوائية",
"Confuses random pages": "يخلط بين صفحات عشوائية",
"Includes unwanted context": "يتضمن contextًا غير مرغوب",
"No": "لا",
"Depends on the LLM": "يعتمد على LLM",
"Yes": "نعم",
"211 page architectures": "211 معمارية صفحة",
"Design trends catalog": "كتالوج اتجاهات التصميم",
"Code snippets": "مقتطفات الكود",
"Quality inspection": "فحص الجودة",
"daisyUI design system specs": "مواصفات نظام تصميم daisyUI",
"Converts Figma to daisyUI": "يحوّل Figma إلى daisyUI",
"Converts Tailwind CSS to daisyUI": "يحوّل Tailwind CSS إلى daisyUI",
"Converts Bootstrap to daisyUI": "يحوّل Bootstrap إلى daisyUI",
"Generates themes from an image": "ينشئ ثيمات من صورة",
"Provides component pictures to AI": "يوفر صور مكونات لـ AI",
"Generates AI slop": "ينتج AI slop",
"Less likely": "أقل احتمالًا",
"More likely": "أكثر احتمالًا",
"Synced with daisyUI": "متزامن مع daisyUI",
"Depends on a crawler": "يعتمد على crawler",
"Token usage efficiency": "كفاءة استخدام الرموز",
"Super efficient": "فعال جدًا",
"Not efficient": "غير فعال",
"Wastes tokens on unrelated context": "يهدر token على context غير مرتبط",
"Is this a one-time payment or a subscription?": "هل هذه دفعة واحدة أم اشتراك؟",
"Both are possible. You can purchase a monthly license, yearly license, or lifetime license.": "كلاهما ممكن. يمكنك شراء license شهري أو سنوي أو مدى الحياة.",
"You will receive an email with a license key that you can use to activate the MCP server. If you don't see the email, check your spam folder.": "ستتلقى بريدًا إلكترونيًا يحتوي على مفتاح license يمكنك استخدامه لتفعيل خادم MCP. إذا لم تر البريد، تحقق من مجلد spam.",
"Yes. Blueprint is updated automatically with the latest version of daisyUI. New MCP tools, resources, and prompts are added automatically.": "نعم. يتم تحديث Blueprint تلقائيًا مع أحدث إصدار من daisyUI. تتم إضافة أدوات وموارد ومطالبات MCP الجديدة تلقائيًا.",
"We offer support via Discord. Join the daisyUI Discord and ask your questions there.": "نقدم الدعم عبر Discord. انضم إلى daisyUI Discord واطرح أسئلتك هناك.",
"Open Discord": "افتح Discord",
"Yes. You can cancel at any time from the order portal. You will keep access until the end of your billing cycle.": "نعم. يمكنك الإلغاء في أي وقت من بوابة الطلبات. ستحتفظ بالوصول حتى نهاية دورة الفوترة.",
"Manage orders": "إدارة الطلبات",
"Digital products are not refundable. If there was a payment mistake, such as a duplicate payment, email us and we will help resolve it.": "المنتجات الرقمية غير قابلة للاسترداد. إذا حدث خطأ في الدفع، مثل دفع مكرر، راسلنا وسنساعد في حله.",
"Email [email protected]": "إرسال بريد إلى [email protected]",
"Check your spam folder first. If you still can't find it, email [email protected].": "تحقق من مجلد spam أولًا. إذا لم تجده بعد، أرسل بريدًا إلى [email protected].",
"Email support": "إرسال بريد للدعم",
"Email [email protected] and we will help you get the right package.": "أرسل بريدًا إلى [email protected] وسنساعدك في الحصول على الحزمة الصحيحة.",
"If the payment failed and you did not receive the product, try again. If money was deducted, it is usually refunded automatically within one or two weeks. Email [email protected] if the issue persists.": "إذا فشلت عملية الدفع ولم تستلم المنتج، حاول مرة أخرى. إذا تم خصم المال، فعادةً ما يُعاد تلقائيًا خلال أسبوع أو أسبوعين. أرسل بريدًا إلى [email protected] إذا استمرت المشكلة.",
"Step 2: Install Grok Build": "الخطوة 2: تثبيت Grok Build",
"Install Grok Build if you haven't already.": "قم بتثبيت Grok Build إذا لم تقم بذلك بالفعل.",
"Run this command to add the Blueprint MCP server. The FIGMA API key is optional and only needed for Figma-to-code conversion.": "قم بتشغيل هذا الأمر لإضافة خادم Blueprint MCP. يعد مفتاح FIGMA API اختياريًا وهو مطلوب فقط لتحويل Figma-to-code.",
"Check the connection with grok mcp doctor daisyui-blueprint. Read the <a href="https://docs.x.ai/build/features/mcp-servers\" rel="nofollow" target="_blank">Grok Build MCP docs for project-scoped configuration and troubleshooting.": "تحقق من الاتصال بـ grok mcp doctor daisyui-blueprint. اقرأ <a href="https://docs.x.ai/build/features/mcp-servers\" rel="nofollow" target="_blank">Grok Build MCP docs للتكوين على نطاق المشروع واستكشاف الأخطاء وإصلاحها.",
"MADE WITH BLUEPRINT MCP": "صُنع باستخدام Blueprint MCP",
"LLMs often produce generic AI slop by default. They can skim skill files, ignore difficult instructions, hallucinate component syntax, and settle for mediocre design. You then spend more time, effort, and tokens asking for edits.": "غالبًا ما ينتج LLMs انحدارًا عامًا لـ AI بشكل افتراضي. يمكنهم تصفح ملفات المهارات، وتجاهل التعليمات الصعبة، والهلوسة في بناء جملة المكونات، والاكتفاء بالتصميم المتوسط. ثم تقضي المزيد من الوقت والجهد والرموز في طلب التعديلات.",
"Blueprint solves this with a guided MCP workflow. Six tools walk the LLM through the task, supply rules and resources one step at a time, and confirm the LLM understood them. The LLM then writes the code. A final inspection finds quality problems for the LLM to fix.": "يحل Blueprint هذه المشكلة من خلال سير عمل MCP الموجه. تقوم ست أدوات بتوجيه LLM خلال المهمة، وتوفير القواعد والموارد خطوة بخطوة، والتأكد من فهم LLM لها. يقوم LLM بعد ذلك بكتابة الكود. وجد الفحص النهائي مشاكل في الجودة يجب على LLM إصلاحها.",
"1. Setup Expert": "1. خبير الإعداد",
"Provides project-specific setup resources:": "يوفر موارد الإعداد الخاصة بالمشروع:",
"Framework and dependency information": "معلومات الإطار والتبعية",
"Tailwind CSS and daisyUI installation guidance": "إرشادات تثبيت Tailwind CSS وdaisyUI",
"Configuration, themes, colors, fonts, icons, and file structure": "التكوين والسمات والألوان والخطوط والأيقونات وبنية الملف",
"This helps the LLM work with your existing project instead of guessing its setup or adding conflicting configuration.": "يساعد هذا LLM على العمل مع مشروعك الحالي بدلاً من تخمين إعداده أو إضافة تكوين متعارض.",
"2. Rules Enforcer": "2. منفذ القواعد",
"Provides the complete daisyUI requirements for:": "يوفر متطلبات daisyUI الكاملة لـ:",
"Component implementation and syntax": "تنفيذ المكونات وبناء الجملة",
"Accessibility and responsive behavior": "إمكانية الوصول والسلوك سريع الاستجابة",
"Themes, media, and code quality": "السمات والوسائط وجودة التعليمات البرمجية",
"This keeps the LLM from skimming the rules or dropping constraints once it starts coding.": "وهذا يمنع LLM من تجاوز القواعد أو إسقاط القيود بمجرد بدء البرمجة.",
"3. Creative Director": "3. المدير الإبداعي",
"Provides design guidance for:": "يوفر إرشادات التصميم لـ:",
"Product content, audience, and user experience": "محتوى المنتج والجمهور وتجربة المستخدم",
"Components, icons, images, design trends, and motion": "المكونات والأيقونات والصور واتجاهات التصميم والحركة",
"This gives the LLM one clear visual direction. It avoids disconnected choices and familiar AI-generated layouts.": "وهذا يمنح LLM اتجاهًا بصريًا واضحًا. إنه يتجنب الاختيارات المنفصلة والتخطيطات المألوفة التي تم إنشاؤها بواسطة AI.",
"4. Page Architect": "4. مهندس الصفحة",
"Provides a matching plan from 211 page architectures, including:": "يوفر خطة مطابقة من 211 تصميمًا للصفحة، بما في ذلك:",
"Page purpose, sections, content order, and user goals": "غرض الصفحة والأقسام وترتيب المحتوى وأهداف المستخدم",
"Actions, navigation, and component composition": "الإجراءات والملاحة وتكوين المكونات",
"Responsive behavior, interaction states, and edge cases": "السلوك المستجيب وحالات التفاعل وحالات الحافة",
"This helps the LLM plan the full page before writing markup, including states a short prompt may leave out.": "يساعد هذا LLM في تخطيط الصفحة بأكملها قبل كتابة العلامات، بما في ذلك الحالات التي قد تتجاهلها المطالبة القصيرة.",
"5. Component Syntax Expert": "5. خبير بناء جملة المكونات",
"Provides current daisyUI resources for each required component:": "يوفر موارد daisyUI الحالية لكل مكون مطلوب:",
"Correct structure and class names": "البنية الصحيحة وأسماء الفئات",
"Variants, sizes, states, and modifiers": "المتغيرات والأحجام والحالات والمعدلات",
"Rules, code snippets, and examples": "القواعد ومقتطفات التعليمات البرمجية والأمثلة",
"This lets the LLM use maintained daisyUI syntax instead of recalling stale or invented classes from training data.": "يتيح ذلك لـ LLM استخدام بناء جملة daisyUI المحفوظ بدلاً من استدعاء الفئات القديمة أو المخترعة من بيانات التدريب.",
"6. Quality Inspector": "6. مفتش الجودة",
"Checks the finished source for:": "التحقق من المصدر النهائي لـ:",
"daisyUI syntax and rule violations": "انتهاكات قواعد وقواعد daisyUI",
"Visual hierarchy, spacing, density, and composition": "التسلسل الهرمي البصري، والتباعد، والكثافة، والتكوين",
"Accessibility, responsive behavior, themes, and missing states": "إمكانية الوصول والسلوك سريع الاستجابة والموضوعات والحالات المفقودة",
"This gives the LLM a specific repair list. The work finishes after the LLM fixes the reported issues and verifies the result.": "وهذا يعطي LLM قائمة إصلاح محددة. ينتهي العمل بعد أن يقوم LLM بإصلاح المشكلات التي تم الإبلاغ عنها والتحقق من النتيجة.",
"Design taste, originality, composition, color, and typography": "طعم التصميم والأصالة والتكوين واللون والطباعة",
"Get Blueprint MCP": "احصل على Blueprint MCP",
"New and updated tools, prompts, and resources in daisyUI Blueprint v1.5.": "الأدوات والمطالبات والموارد الجديدة والمحدثة في daisyUI Blueprint v1.5.",
"Install daisyUI Blueprint MCP server for Grok Build.": "قم بتثبيت خادم daisyUI Blueprint MCP لـ Grok Build.",
"See how six Blueprint MCP tools give your LLM the resources it needs to build better daisyUI interfaces.": "شاهد كيف توفر أدوات Blueprint MCP الستة لجهاز LLM الموارد التي يحتاجها لإنشاء واجهات daisyUI أفضل.",
"simultaneous coding agent or apps": "وكلاء برمجة أو تطبيقات تعمل في الوقت نفسه"
}

Packages Docs Src Translation Bn.Common.Json (`packages/docs/src/translation/bn.common.json`) Copy Section

{
"__code": "BN",
"__direction": "ltr",
"__name": "বাংলা",
"__status": "",
"Code": "কোড",
"Or": "অথবা",
"components": "কম্পোনেন্টস",
"Component": "Component",
"Join": "জয়েন",
"Install": "ইন্সটল",
"Docs": "ডক্স",
"change-theme-btn": "থিম",
"themes": "থিমস",
"pages": "পৃষ্ঠা সমূহ",
"Store": "স্টোর",
"Button": "Button",
"Swap": "Swap",
"Alert": "Alert",
"Checkbox": "Checkbox",
"Toggle": "Toggle",
"Drawer": "ড্রয়্যার",
"Toast": "Toast",
"Navigation": "নেভিগেশন",
"Link": "Link",
"Menu": "Menu",
"Navbar": "Navbar",
"new": "নতুন",
"Warning": "Warning",
"Type": "Type",
"Search": "অনুসন্ধান করুন",
"Browser": "ব্রাউজার",
"Blog": "ব্লগ",
"how-to-customize": "যেভাবে কাস্টোমাইজ করবেন",
"links": "লিঙ্কস",
"Use": "ব্যাবহার",
"Colors": "রঙ সমুহ",
"Theme Generator": "থিম তৈরিকারক",
"Chat bubble": "Chat bubble",
"Progress": "Progress",
"Tooltip": "Tooltip",
"Radio": "Radio",
"Range": "রেঞ্জ",
"Divider": "Divider",
"Hero": "Hero",
"Window": "উইন্ডো",
"Prev": "পূর্ববর্তী",
"Next": "পরবর্তী",
"Class name": "Class name",
"Links": "লিঙ্কস",
"Dashboard": "ড্যাশবোর্ড",
"Result": "ফলাফল",
"Click": "ক্লিক",
"Loading": "Loading",
"how-to-install": "যেভাবে ইন্সটল করবেন",
"config": "কনফিগ",
"Config": "কনফিগ",
"Modal": "Modal",
"Layout": "লে-আউট",
"Typography": "টাইপোগ্রাফি",
"Introduction": "সূচনা",
"color-system": "রঙের ব্যাবহার পদ্ধতি",
"changelog": "চেইঞ্জলগ",
"contributing": "কন্ট্রিবিউটিং",
"Actions": "অ্যাকশনস",
"Dropdown": "Dropdown",
"Diff": "Diff",
"Rating": "Rating",
"updated": "আপডেটেড",
"Feedback": "ফিডব্যাক",
"Badge": "Badge",
"Steps": "Steps",
"license": "লাইসেন্স",
"created-by": "তৈরি করেছেন",
"Skeleton": "Skeleton",
"Collapse": "Collapse",
"Accordion": "Accordion",
"Indicator": "Indicator",
"Breadcrumbs": "Breadcrumbs",
"Carousel": "Carousel",
"Countdown": "Countdown",
"File Input": "File Input",
"Phone": "ফোন",
"Kbd": "Kbd",
"Pagination": "Pagination",
"Radial progress": "Radial progress",
"Theme Controller": "Theme Controller",
"Timeline": "Timeline",
"Use daisyUI from CDN": "CDN থেকে daisyUI ব্যবহার করুন",
"Edit this page on GitHub": "GitHub-এ এই পৃষ্ঠাটি সম্পাদনা করুন",
"Contribute to translation": "অনুবাদে অবদান রাখুন",
"footer-tagline": "একটি ফ্রি কম্পোনেন্ট লাইব্রেরি ইউটিলিটি ফার্স্ট CSS frameworks এর জন্য",
"how-to-use-components": "কম্পোনেন্টস যেভাবে ব্যাবহার করবেন",
"how-to-use-themes": "যেভাবে থিম ব্যাবহার করবেন",
"related projects": "সংশ্লিষ্ট প্রোজেক্ট",
"Make your theme": "আপনার থিম তৈরি করুন",
"Resources": "সম্পদ",
"Install daisyUI as a Tailwind plugin": "একটি Tailwind প্লাগইন হিসাবে daisyUI ইনস্টল করুন",
"include": "অন্তর্ভুক্ত",
"prefix": "উপসর্গ",
"Description": "বর্ণনা",
"string": "স্ট্রিং",
"""": """",
"true": "সত্য",
":": ":",
"bg-primary": "বিজি-প্রাথমিক",
"to-primary": "থেকে প্রাথমিক",
"from-primary": "থেকে-প্রাথমিক",
"text-primary": "পাঠ্য-প্রাথমিক",
"outline-primary": "রূপরেখা-প্রাথমিক",
"rounded-box": "বৃত্তাকার-বাক্স",
"bg-secondary": "বিজি-মাধ্যমিক",
"bg-accent": "bg- উচ্চারণ",
"primary": "primary",
"secondary": "secondary",
"accent": "accent",
"neutral": "neutral",
"neutral-content": "neutral-content",
"base-100": "base-100",
"base-200": "base-200",
"base-300": "base-300",
"base-content": "base-content",
"info": "info",
"success": "success",
"warning": "warning",
"error": "error",
"Tailwind CSS": "Tailwind CSS",
"Active": "সক্রিয়",
"daisyUI": "daisyUI",
"Popular": "জনপ্রিয়",
"properties": "বৈশিষ্ট্য",
"scrollbar": "স্ক্রলবার",
"svg": "svg",
"Name": "নাম",
"Cursor": "Cursor",
"Zed": "Zed",
"K": "কে",
"svelte:head": "svelte: মাথা",
"Default": "Default",
"block": "ব্লক",
"Large": "বড়",
"Subscribe": "সদস্যতা",
"Error": "Error",
"loading": "Loading",
"Title": "শিরোনাম",
"AI": "এআই",
"Back": "ফিরে যান",
"Behavior": "Behavior",
"Color": "Color",
"Compare libraries": "লাইব্রেরি তুলনা করুন",
"Customize": "কাস্টমাইজ করুন",
"daisyUI Logo": "daisyUI লোগো",
"FAQ": "FAQ",
"Frameworks": "ফ্রেমওয়ার্ক",
"MCP server": "MCP server",
"Open": "খোলা",
"Part": "Part",
"Press": "চাপুন",
"Roadmap": "রোডম্যাপ",
"Style": "Style",
"Templates": "টেমপ্লেট",
"MCP": "MCP",
"Skills": "স্কিল",
"Charts": "চার্ট",
"Figma Library": "Figma লাইব্রেরি",
"Playground": "প্লেগ্রাউন্ড",
"T-shirts": "টি-শার্ট",
"CDN": "CDN",
"MCP servers": "MCP সার্ভার",
"daisyUI Skill": "daisyUI Skill",
"daisyUI agent plugin": "daisyUI agent প্লাগইন",
"Base style": "Base style",
"Utilities & variables": "ইউটিলিটি ও ভেরিয়েবল",
"Layout & Typography": "লেআউট ও টাইপোগ্রাফি",
"Blueprint": "ব্লুপ্রিন্ট",
"Blueprint Introduction": "ব্লুপ্রিন্ট ভূমিকা",
"Coding Agents": "কোডিং এজেন্ট",
"Claude Code": "Claude Code",
"Codex": "Codex",
"VSCode Copilot": "VSCode Copilot",
"OpenCode": "OpenCode",
"Antigravity": "Antigravity",
"Cline": "Cline",
"Windsurf": "Windsurf",
"OpenClaw": "OpenClaw",
"Claude Desktop": "Claude Desktop",
"Figma": "Figma",
"Figma API guide": "Figma API গাইড",
"FAB / Speed Dial": "FAB / Speed Dial",
"Data display": "ডেটা প্রদর্শন",
"Hover 3D card": "Hover 3D Card",
"Hover Gallery": "Hover Gallery",
"Text Rotate": "Text Rotate",
"Data input": "ডেটা ইনপুট",
"Input field": "ইনপুট ক্ষেত্র",
"Drawer sidebar": "Drawer sidebar",
"Join (group items)": "Join (group items)",
"Search…": "অনুসন্ধান…",
"Type to search...": "অনুসন্ধান করতে টাইপ করুন...",
"We couldn't find anything captain!": "আমরা অধিনায়কের কিছুই খুঁজে পাইনি!",
"Try a different word.": "একটি ভিন্ন শব্দ চেষ্টা করুন.",
"Recent Searches": "সাম্প্রতিক অনুসন্ধান",
"Bookmarks": "বুকমার্ক",
"Popular Pages": "জনপ্রিয় পেজ",
"day": "দিন",
"hour": "ঘন্টা",
"min": "মিনিট",
"sec": "সেকেন্ড",
"copied": "অনুলিপি করা",
"copy": "অনুলিপি",
"close": "বন্ধ",
"and": "এবং",
"context": "প্রসঙ্গ",
"It": "এটা",
"Introducing": "পরিচয় করিয়ে দিচ্ছে",
"variables": "ভেরিয়েবল",
"ctrl": "ctrl",
"+": "+",
"del": "ডেল",
"⌘": "⌘",
"squircle": "squircle",
"square": "বর্গক্ষেত্র",
"circle": "বৃত্ত",
"star": "তারকা",
"smaller": "ছোট",
"/>": "/>",
"Copied!": "Copied!",
"Copy docs": "Copy docs",
"Open in ChatGPT": "Open in ChatGPT",
"Open in Claude": "Open in Claude",
"Markdown doc": "Markdown doc",
"Source code": "সোর্স কোড",
"How to use LLMs?": "How to use LLMs?"
}

Packages Docs Src Translation Bn.Components.Json (`packages/docs/src/translation/bn.components.json`) Copy Section

{
"Preview": "প্রিভিউ",
"Ads": "বিজ্ঞাপন",
"All daisyUI components": "সমস্ত daisyUI এর কম্পোনেন্টস সমুহ",
"Tailwind CSS Components": "Tailwind CSS কম্পোনেন্টস",
"Modifier": "Modifier",
"Accordion is used for showing and hiding content but only one item can stay open at a time.": "অ্যাকর্ডিয়ন সামগ্রী দেখানো এবং লুকানোর জন্য ব্যবহার করা হয় তবে একবারে শুধুমাত্র একটি আইটেম খোলা থাকতে পারে।",
"Using Accordion and Join together": "অ্যাকর্ডিয়ন ব্যবহার করে এবং একসাথে যোগ দিন",
"Alert informs users about important events.": "সতর্কতা ব্যবহারকারীদের গুরুত্বপূর্ণ ঘটনা সম্পর্কে অবহিত করে।",
"Container element": "কন্টেইনার ইলিমেন্ট",
"Avatars are used to show a thumbnail representation of an individual or business in the interface.": "অবতারগুলি ইন্টারফেসে কোনও ব্যক্তি বা ব্যবসার একটি থাম্বনেইল উপস্থাপনা দেখাতে ব্যবহৃত হয়।",
"Badges are used to inform the user of the status of specific data.": "ব্যাজগুলি ব্যবহারকারীকে নির্দিষ্ট ডেটার স্থিতি সম্পর্কে অবহিত করতে ব্যবহৃত হয়।",
"Breadcrumbs helps users to navigate through the website.": "ব্রেডক্রাম্ব ব্যবহারকারীদের ওয়েবসাইটে নেভিগেট করতে সাহায্য করে।",
"Buttons allow the user to take actions or make choices.": "বাটন গুলো ব্যবহারকারীকে পদক্ষেপ নিতে বা পছন্দ করতে দেয়।",
"Cards are used to group and display content in a way that is easily readable.": "সহজে পঠনযোগ্য এমনভাবে বিষয়বস্তুকে দলবদ্ধ করতে এবং প্রদর্শন করতে কার্ড ব্যবহার করা হয়।",
"Carousel show images or content in a scrollable area.": "ক্যারোজেল একটি স্ক্রোলযোগ্য এলাকায় চিত্র বা বিষয়বস্তু দেখায়।",
"Chat bubbles are used to show one line of conversation and all its data, including the author image, author name, time, etc.": "কথোপকথনের একটি লাইন এবং লেখকের ছবি, লেখকের নাম, সময় ইত্যাদি সহ এর সমস্ত ডেটা দেখানোর জন্য চ্যাট বাবুল ব্যবহার করা হয়.",
"Checkboxes are used to select or deselect a value.": "একটি মান নির্বাচন বা অনির্বাচন করতে চেকবক্স ব্যবহার করা হয়।",
"Collapse is used for showing and hiding content.": "কোল্যাপ্স কন্টেন্ট দেখানো এবং লুকানোর জন্য ব্যবহার করা হয়।",
"Diff component shows a side-by-side comparison of two items.": "ডিফ কম্পোনেন্ট দুটি আইটেমের পাশাপাশি তুলনা দেখায়।",
"Divider will be used to separate content vertically or horizontally.": "ডিভাইডার উল্লম্বভাবে বা অনুভূমিকভাবে বিষয়বস্তু আলাদা করতে ব্যবহার করা হবে।",
"Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page.": "ড্রয়ার হল একটি গ্রিড লেআউট যা পৃষ্ঠার বাম বা ডান দিকে একটি সাইডবার দেখাতে/লুকাতে পারে।",
"Dropdown can open a menu or any other element when the button is clicked.": "বাটন ক্লিক করলে ড্রপডাউন একটি মেনু বা অন্য কোনো উপাদান খুলতে পারে।",
"More examples": "আরো উদাহরণ",
"File Input is an input field for uploading files.": "ফাইল ইনপুট ফাইল আপলোড করার জন্য একটি ইনপুট ক্ষেত্র।",
"Footer can contain logo, copyright notice, and links to other pages.": "ফুটারে লোগো, কপিরাইট বিজ্ঞপ্তি এবং অন্যান্য পৃষ্ঠার লিঙ্ক রাখতে পারে।",
"Hero is a component for displaying a large box or image with a title and description.": "Hero শিরোনাম এবং বিবরণ সহ একটি বড় বাক্স বা চিত্র প্রদর্শনের জন্য একটি কম্পোনেন্ট।",
"Indicators are used to place an element on the corner of another element.": "ইন্ডিকেটরস অন্য উপাদানের কোণে একটি উপাদান স্থাপন করতে ব্যবহৃত হয়।",
"Text input": "টেক্সট ইনপুট",
"Text Input is a simple input field.": "টেক্সট ইনপুট একটি সাধারণ ইনপুট ফিল্ড।",
"Text Input": "Text Input",
"Kbd is used to display keyboard shortcuts.": "Kbd কীবোর্ড শর্টকাট প্রদর্শন করতে ব্যবহৃত হয়।",
"Link adds the missing underline style to links.": "লিঙ্ক লিঙ্কগুলিতে অনুপস্থিত আন্ডারলাইন স্টাইল যোগ করে।",
"Loading shows an animation to indicate that something is loading.": "লোডিং একটি অ্যানিমেশন দেখায় যাতে বোঝানো হয় যে কিছু লোড হচ্ছে।",
"Mask crops the content of the element to common shapes.": "মাস্ক উপাদানের বিষয়বস্তুকে মাস্কের আকৃতি অনুসারে ক্রপ করে।",
"Menu is used to display a list of links vertically or horizontally.": "মেনু উল্লম্বভাবে বা অনুভূমিকভাবে লিঙ্কগুলির একটি তালিকা প্রদর্শন করতে ব্যবহৃত হয়।",
"Browser mockup shows a box that looks like a browser window.": "ব্রাউজার মকআপ একটি বাক্স দেখায় যা দেখতে একটি ব্রাউজার উইন্ডোর মতো।",
"Code mockup is used to show a block of code in a box that looks like a code editor.": "কোড মকআপ একটি কোড এডিটরের মতো দেখতে একটি বাক্সে কোডের একটি ব্লক দেখানোর জন্য ব্যবহার করা হয়।",
"Code mockup": "Code mockup",
"Phone mockup shows a mockup of an iPhone.": "ফোন মকআপ একটি আইফোনের মকআপ দেখায়।",
"Phone mockup": "Phone mockup",
"Window mockup shows a box that looks like an operating system window.": "উইন্ডো মকআপ একটি বাক্স দেখায় যা একটি অপারেটিং সিস্টেম উইন্ডোর মত দেখায়।",
"Window mockup": "Window mockup",
"Modal is used to show a dialog or a box when you click a button.": "আপনি যখন একটি বাটনে ক্লিক করেন তখন একটি ডায়ালগ বা একটি বাক্স দেখানোর জন্য মোডাল ব্যবহার করা হয়।",
"Navbar is used to show a navigation bar on the top of the page.": "পৃষ্ঠার উপরে একটি নেভিগেশন বার দেখানোর জন্য Navbar ব্যবহার করা হয়।",
"Pagination is a group of buttons that allow the user to navigate between a set of related content.": "পেজিনেশন হল বোতামগুলির একটি গ্রুপ যা ব্যবহারকারীকে সম্পর্কিত বিষয়বস্তুর একটি সেটের মধ্যে নেভিগেট করতে দেয়।",
"Progress bar can be used to show the progress of a task or to show the passing of time.": "একটি কাজের অগ্রগতি দেখাতে বা সময় অতিবাহিত দেখানোর জন্য অগ্রগতি বার ব্যবহার করা যেতে পারে।",
"Radial progress can be used to show the progress of a task or to show the passing of time.": "রেডিয়াল অগ্রগতি একটি কাজের অগ্রগতি দেখাতে বা সময় অতিবাহিত দেখানোর জন্য ব্যবহার করা যেতে পারে।",
"Radio buttons allow the user to select one option from a set.": "রেডিও বাটন ব্যবহারকারীকে একটি সেট থেকে একটি বিকল্প নির্বাচন করতে দেয়।",
"Range slider is used to select a value by sliding a handle.": "রেঞ্জ স্লাইডার একটি হ্যান্ডেল স্লাইড করে একটি মান নির্বাচন করতে ব্যবহৃত হয়।",
"Range slider": "Range slider",
"Rating is a set of radio buttons that allow the user to rate something.": "রেটিং হল রেডিও বোতামের একটি সেট যা ব্যবহারকারীকে কিছু রেট দিতে দেয়।",
"Select is used to pick a value from a list of options.": "অপশনের তালিকা থেকে একটি মান বাছাই করতে সিলেক্ট ব্যবহার করা হয়।",
"Skeleton is a component that can be used to show a loading state of a component.": "Skeleton হল একটি Component যা একটি Component এর Loading অবস্থা দেখানোর জন্য ব্যবহার করা যেতে পারে।",
"Stack visually puts elements on top of each other.": "স্ট্যাক দৃশ্যত একে অপরের উপরে উপাদান রাখে।",
"Steps can be used to show a list of steps in a process.": "একটি প্রক্রিয়ার ধাপগুলির একটি তালিকা দেখানোর জন্য স্টেপস ব্যবহার করা যেতে পারে।",
"Swap allows you to toggle the visibility of two elements using a checkbox or a class name.": "সোয়াপ আপনাকে চেকবক্স বা ক্লাসের নাম ব্যবহার করে দুটি উপাদানের দৃশ্যমানতা টগল করতে দেয়।",
"Tabs can be used to show a list of links in a tabbed format.": "ট্যাবগুলি একটি ট্যাব বিন্যাসে লিঙ্কগুলির একটি তালিকা দেখানোর জন্য ব্যবহার করা যেতে পারে।",
"Table can be used to show a list of data in a table format.": "টেবিলের বিন্যাসে ডেটার তালিকা দেখানোর জন্য টেবিল ব্যবহার করা যেতে পারে।",
"Textarea allows users to enter text in multiple lines.": "টেক্সটএরিয়া ব্যবহারকারীদের একাধিক লাইনে টেক্সট প্রবেশ করার অনুমতি দেয়।",
"If a checked checkbox input or a checked radio input with theme-controller class exists in the page, The page will have the same theme as that input's value.": "যদি একটি চেক করা চেকবক্স ইনপুট বা থিম-কন্ট্রোলার ক্লাস সহ একটি চেক করা রেডিও ইনপুট পৃষ্ঠায় বিদ্যমান থাকে, তাহলে পৃষ্ঠাটিতে সেই ইনপুটের মান হিসাবে একই থিম থাকবে৷",
"Timeline component shows a list of events in chronological order.": "টাইমলাইন উপাদান কালানুক্রমিক ক্রমে ইভেন্টের একটি তালিকা দেখায়।",
"Toast is a wrapper to stack elements, positioned on the corner of page.": "টোস্ট হল একটি মোড়ক যা ইলিমেন্টস গুলোকে স্ট্যাক করার জন্য ব্যাবহার করা হয়, পৃষ্ঠার কোণে অবস্থান করে।",
"Toggle is a checkbox that is styled to look like a switch button.": "টগল হল একটি চেকবক্স যা একটি সুইচ বাটনের মতো স্টাইল করা হয়েছে।",
"Tooltip can be used to show a message when hovering over an element.": "একটি উপাদানের উপর মাউস নেয়ার সময় একটি বার্তা দেখানোর জন্য টুলটিপ ব্যবহার করা যেতে পারে।",
"To use a custom prefix, add your prefix string to config": "একটি কাস্টম উপসর্গ ব্যবহার করতে, আপনার উপসর্গ স্ট্রিং কনফিগারে যোগ করুন",
"Active buttons": "সক্রিয় বোতাম",
"Outline buttons": "আউটলাইন বোতাম",
"Button sizes": "Button মাপ",
"Responsive button": "প্রতিক্রিয়াশীল Button",
"This button will have different sizes on different browser viewpoints": "এই Button এর বিভিন্ন ব্রাউজার ভিউপয়েন্টে বিভিন্ন আকার থাকবে",
"Wide button": "প্রশস্ত Button",
"Disabled buttons": "নিষ্ক্রিয় বোতাম",
"Square button": "স্কয়ার Button",
"Button with loading spinner": "Button Loading স্পিনার সহ",
"Click outside to close": "বন্ধ করতে বাইরে ক্লিক করুন",
"Button block": "Button ব্লক",
"Modal using anchor link": "Modal অ্যাঙ্কর Link ব্যবহার করে",
"If you set max-width or the list gets larger than the container it will scroll": "আপনি যদি সর্বোচ্চ-প্রস্থ সেট করেন বা List কন্টেইনারের চেয়ে বড় হয় তবে এটি স্ক্রোল করবে",
"to join the items together and handle border radius automatically": "একসাথে আইটেম যোগদান এবং স্বয়ংক্রিয়ভাবে সীমানা ব্যাসার্ধ হ্যান্ডেল",
"This collapse works with focus. When div loses focus, it gets closed": "এই Collapse ফোকাসের সাথে কাজ করে। যখন div ফোকাস হারায়, এটি বন্ধ হয়ে যায়",
"This collapse works with checkbox instead of focus. It needs to get clicked again to get closed.": "এই Collapse ফোকাসের পরিবর্তে Checkbox এর সাথে কাজ করে। এটি বন্ধ করার জন্য আবার ক্লিক করা প্রয়োজন.",
"Use Tailwind CSS group and group-focus utilities to apply style when parent div is focused": "যখন প্যারেন্ট ডিভ ফোকাস করা হয় তখন স্টাইল প্রয়োগ করতে Tailwind CSS group এবং group-focus ইউটিলিটি ব্যবহার করুন",
"Use Tailwind CSS peer and peer-checked utilities to apply style when sibling checkbox is checked": "Use Tailwind CSS peer and peer-checked utilities to apply style when same-level checkbox is checked",
"opens on click using ID.showModal() method. can be closed using ID.close() method": "ID.showModal() পদ্ধতি ব্যবহার করে ক্লিক করলে খোলে। ID.close() পদ্ধতি ব্যবহার করে বন্ধ করা যেতে পারে",
"there is a second form with 'modal-backdrop' class and it covers the screen so we can close the modal when clicked outside": "'Modal-ব্যাকড্রপ' ক্লাসের সাথে একটি দ্বিতীয় ফর্ম রয়েছে এবং এটি স্ক্রীনকে কভার করে যাতে বাইরে ক্লিক করলে আমরা Modal বন্ধ করতে পারি",
"Dialog modal with custom width": "কাস্টম প্রস্থ সহ Modal ডায়ালগ",
"You can use any w-* and max-w-* utility class to customize the width": "প্রস্থ কাস্টমাইজ করার জন্য আপনি যেকোনো w-* এবং max-w-* ইউটিলিটি ক্লাস ব্যবহার করতে পারেন",
"Modal works with a hidden checkbox and labels can toggle the checkbox so we can use another label tag with 'modal-backdrop' class that covers the screen so we can close the modal when clicked outside": "Modal একটি লুকানো Checkbox এর সাথে কাজ করে এবং Labelগুলি Checkbox কে Toggle করতে পারে তাই আমরা 'Modal-ব্যাকড্রপ' ক্লাস সহ আরেকটি Label ট্যাগ ব্যবহার করতে পারি যা স্ক্রীনকে কভার করে যাতে বাইরে ক্লিক করলে আমরা Modal বন্ধ করতে পারি",
"Dialog modal with a close button at corner": "Modal ডায়ালগ কোণে একটি কাছাকাছি Button সহ",
"Instead of working with click, it shows swap-on item if you add swap-active class name. You can add or remove swap-active class using JS": "ক্লিকের সাথে কাজ করার পরিবর্তে, আপনি Swap- সক্রিয় Class name যোগ করলে এটি Swap-অন আইটেম দেখায়। আপনি JS ব্যবহার করে Swap- সক্রিয় ক্লাস যোগ করতে বা সরাতে পারেন",
"There are 3 methods to use a dropdowns": "একটি ড্রপডাউন ব্যবহার করার জন্য 3টি পদ্ধতি রয়েছে",
"Method 1. details and summary": "পদ্ধতি 1. বিশদ বিবরণ এবং সারাংশ",
"Method 2. popover API and anchor positioning": "পদ্ধতি 2. পপওভার API এবং অ্যাঙ্কর পজিশনিং",
"Method 3. CSS focus": "পদ্ধতি 3. CSS ফোকাস",
"Positions": "পদ",
"Modifiers": "সংশোধক",
"details and summary elements": "বিবরণ এবং সারাংশ উপাদান",
"popover API and anchor positioning": "popover API এবং অ্যাঙ্কর পজিশনিং",
"CSS focus": "CSS ফোকাস",
"The content gets displayed when the button is focused.": "Button ফোকাস করা হলে বিষয়বস্তু প্রদর্শিত হয়।",
"Resize screen to see changes": "পরিবর্তন দেখতে পর্দার আকার পরিবর্তন করুন",
"Functionality": "কার্যকারিতা",
"Change screen size to show/hide menu": "Menu দেখাতে/লুকাতে পর্দার আকার পরিবর্তন করুন",
"Sidebar is always visible on large screen, can be toggled on small screen because of lg:drawer-open class": "সাইডবার সবসময় বড় স্ক্রিনে দেখা যায়, এলজি:ড্রয়ার-ওপেন ক্লাসের কারণে ছোট স্ক্রিনে টগল করা যায়",
"is a hidden radio at the start to allow users to remove their rating.": "ব্যবহারকারীদের তাদের Rating সরাতে দেওয়ার জন্য শুরুতে একটি লুকানো Radio।",
"daisyUI supports 3 calendar libraries": "daisyUI 3টি Calendar লাইব্রেরি সমর্থন করে",
"1. Cally Calendar": "1. Cally Calendar",
"Example using daisyUI styles": "daisyUI শৈলী ব্যবহার করার উদাহরণ",
"Example using daisyUI styles and daisyUI dropdown": "daisyUI শৈলী এবং daisyUI Dropdown ব্যবহার করার উদাহরণ",
"React Day Picker Example": "প্রতিক্রিয়া দিন চয়নকারী উদাহরণ",
"writing an invalid email address applies error color to the input. Valid email address applies success color.": "একটি অবৈধ ইমেল ঠিকানা লেখা ইনপুটে ত্রুটি রঙ প্রয়োগ করে। বৈধ ইমেল ঠিকানা সাফল্য রঙ প্রযোজ্য.",
"If value is invalid, a hint text appears below the input.": "মান অবৈধ হলে, ইনপুট নীচে একটি ইঙ্গিত পাঠ্য প্রদর্শিত হবে.",
"Click the button before picking an option to see the error color.": "ত্রুটির রঙ দেখতে একটি বিকল্প বাছাই করার আগে Button এ ক্লিক করুন৷",
"changes position based on resolution": "রেজোলিউশনের উপর ভিত্তি করে অবস্থান পরিবর্তন করে",
"Even if join-item is not a direct child of the group, it still gets the style": "এমনকি জয়েন-আইটেমটি গ্রুপের সরাসরি সন্তান না হলেও, এটি এখনও স্টাইল পায়",
"We can use input class for the parent and put anything inside it": "আমরা অভিভাবকের জন্য ইনপুট ক্লাস ব্যবহার করতে পারি এবং এর ভিতরে যেকোন কিছু রাখতে পারি",
"Input types": "ইনপুট প্রকার",
"collapse-open and collapse-close doesn't work with this method. You can add/remove open attribute to the details instead": "collapse-open এবং collapse-close এই পদ্ধতিতে কাজ করে না। আপনি পরিবর্তে বিশদ বিবরণে খোলা বৈশিষ্ট্য যোগ/মুছে ফেলতে পারেন",
"This slider works with anchor links so the browser will snap vertically to the image when you click buttons.": "এই স্লাইডারটি অ্যাঙ্কর লিঙ্কগুলির সাথে কাজ করে যাতে আপনি বোতামগুলিতে ক্লিক করলে ব্রাউজারটি উল্লম্বভাবে ছবিটিতে স্ন্যাপ করবে৷",
"Use toggle class for a label, put a checkbox and 2 icons inside it.": "একটি Label এর জন্য Toggle ক্লাস ব্যবহার করুন, এটির ভিতরে একটি Checkbox এবং 2টি আইকন রাখুন৷",
"square aspect ratio or with rounded corners": "বর্গাকার আকৃতির অনুপাত বা গোলাকার কোণ সহ",
"Wide": "প্রশস্ত",
"Click me": "আমাকে ক্লিক করুন",
"you can open/close the submenu by adding/removing menu-dropdown-show class using JS": "আপনি JS ব্যবহার করে Menu-Dropdown-শো ক্লাস যোগ/সরিয়ে subMenu খুলতে/বন্ধ করতে পারেন",
"A HTML form for filtering items": "ফিল্টারিং আইটেমগুলির জন্য একটি HTML",
"Use this if you can't use a HTML form for some reason": "আপনি যদি কোনো কারণে HTML ফর্ম ব্যবহার করতে না পারেন তাহলে এটি ব্যবহার করুন",
"Method 1. HTML dialog element": "পদ্ধতি 1. HTML ডায়ালগ উপাদান",
"Modal goes bottom on SM screen size, goes middle on MD screen size": "Modal SM স্ক্রীনের আকারে নীচে যায়, MD স্ক্রীনের আকারে মাঝখানে যায়",
"A hidden checkbox can control the state of modal and labels can toggle the checkbox so we can open/close the modal.": "একটি লুকানো Checkbox Modal এর অবস্থা নিয়ন্ত্রণ করতে পারে এবং লেবেলগুলি Toggle থেকে Checkbox করতে পারে যাতে আমরা Modal খুলতে/বন্ধ করতে পারি৷",
"open modal": "Modal খুলুন",
"is required for responsiveness of the dock in iOS.": "iOS এ Dock এর প্রতিক্রিয়াশীলতার জন্য প্রয়োজন।",
"Xsmall": "Xsmall",
"Medium": "মাঝারি",
"Xlarge": "বড়",
"details and summary elements": "বিশদ বিবরণ এবং সারাংশ উপাদান",
"CSS focus": "সিএসএস ফোকাস",
"details and summary are native HTML elements that can be used to create dropdowns.": "বিবরণ এবং সারাংশ হল নেটিভ HTML উপাদান যা ড্রপডাউন তৈরি করতে ব্যবহার করা যেতে পারে।",
"Dropdown using details and summary opens and closes the content when the summary is clicked. You can also open/close it using JS by adding/removing the open attribute": "Dropdown বিবরণ এবং সারাংশ ব্যবহার করে যখন সারাংশ ক্লিক করা হয় তখন বিষয়বস্তু খোলে এবং বন্ধ করে। আপনি 'ওপেন' অ্যাট্রিবিউট যোগ/মুছে দিয়ে JS ব্যবহার করে এটি খুলতে/বন্ধ করতে পারেন (open)",
"Popover API is the new HTML standard for creating dropdowns. It opens the dropdown on a top layer, which means there's no need to z-index management and there's no overflow issue.": "Popover API হল Dropdowns তৈরির জন্য নতুন HTML স্ট্যান্ডার্ড। এটি একটি শীর্ষ স্তরে Dropdown খোলে, যার অর্থ z-সূচক পরিচালনার কোন প্রয়োজন নেই এবং কোনও ওভারফ্লো সমস্যা নেই।",
"Anchor positioning is a new CSS standard for positioning elements relative to an anchor.": "অ্যাঙ্কর পজিশনিং হল একটি অ্যাঙ্করের সাপেক্ষে পজিশনিং এলিমেন্টের জন্য একটি নতুন CSS স্ট্যান্ডার্ড।",
"popovertarget is the unique ID of the popover content.": "popovertarget হল পপওভার কন্টেন্টের অনন্য আইডি।",
"anchor-name/position-anchor is the unique name of the anchor.": "anchor-name/position-anchor হল অ্যাঙ্করের অনন্য নাম।",
"popover id="popover-1" style="position-anchor:--anchor-1">": "popover id="popover-1" style="position-anchor:--anchor-1">",
"Why div?": "কেন div?",
"Safari has a CSS bug since 2008 that prevents button elements from being focused, so we use div tabindex=\"0\" as a workaround.": "Safari 2008 সাল থেকে একটি CSS বাগ রয়েছে যা Button উপাদানগুলিকে ফোকাস করা থেকে বাধা দেয়, তাই আমরা একটি সমাধান হিসাবে div tabindex=\"0\" ব্যবহার করি।",
"This approach is accessible with the addition of role=\"button\" and functions consistently across all browsers.": "এই পদ্ধতিটি role=\"button\" যোগ করার সাথে অ্যাক্সেসযোগ্য এবং সব ব্রাউজারে ধারাবাহিকভাবে কাজ করে।",
"A normal text and a helper dropdown": "একটি সাধারণ পাঠ্য এবং একটি সহায়ক Dropdown",
"Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page, based on the screen size or based on the value of a drawer-toggle checkbox.": "ড্রয়ার হল একটি গ্রিড লেআউট যা পৃষ্ঠার বাম বা ডান দিকে একটি সাইডবার দেখাতে/লুকাতে পারে, স্ক্রিনের আকারের উপর ভিত্তি করে বা একটি drawer-toggle Checkbox এর মানের উপর ভিত্তি করে।",
"Drawer must be the parent element of the content and sidebar.": "ড্রয়ার অবশ্যই বিষয়বস্তু এবং সাইডবারের মূল উপাদান হতে হবে।",
"Drawer sidebar is hidden by default.": "Drawer sidebar Default দ্বারা লুকানো আছে।",
"You can make it visible on larger screens using lg:drawer-open class (or using other responsive prefixes: sm, md, lg, xl)": "আপনি lg:drawer-open ক্লাস ব্যবহার করে এটিকে বড় পর্দায় দৃশ্যমান করতে পারেন (বা অন্যান্য প্রতিক্রিয়াশীল উপসর্গ ব্যবহার করে: sm, md, lg, xl)",
"You can check/uncheck the checkbox using JavaScript or by clicking the label tag which is assigned to the hidden checkbox": "আপনি JavaScript ব্যবহার করে Checkbox চেক/আনচেক করতে পারেন অথবা লুকানো Checkbox-এ বরাদ্দ করা label ট্যাগে ক্লিক করে",
"Opening a drawer adds a scrollbar-gutter to the page to avoid layout shift on operating systems that have a fixed scrollbar.": "একটি ড্রয়ার খোলার ফলে একটি scrollbar-gutter পৃষ্ঠায় যোগ করা হয় যাতে একটি নির্দিষ্ট স্ক্রলবার রয়েছে এমন অপারেটিং সিস্টেমগুলিতে লেআউট পরিবর্তন এড়াতে।",
"If you don't want to use this feature, you can exclude rootscrollgutter.": "আপনি যদি এই বৈশিষ্ট্যটি ব্যবহার করতে না চান, আপনি rootscrollgutter বাদ দিতে পারেন।",
"For pagination, we use join component to show multiple links or buttons next to each other.": "Pagination-এর জন্য, আমরা একে অপরের পাশে একাধিক লিঙ্ক বা বোতাম দেখানোর জন্য Join Component ব্যবহার করি।",
"Page 22": "পৃষ্ঠা 22",
"Previous page": "আগের পৃষ্ঠা",
"Items in each rating should have unique name attributes to avoid conflicts with other ratings on the same page.": "একই পৃষ্ঠায় অন্যান্য Rating-এর সাথে বিরোধ এড়াতে প্রতিটি Rating-এর আইটেমের অনন্য name বৈশিষ্ট্য থাকা উচিত।",
"daisyUI includes styles for 3 popular calendar libraries.": "daisyUI 3টি জনপ্রিয় Calendar লাইব্রেরির শৈলী অন্তর্ভুক্ত করে।",
"Use any of them, based on your needs.": "আপনার প্রয়োজনের উপর ভিত্তি করে তাদের যে কোনো একটি ব্যবহার করুন.",
"You don't need to import the CSS files for these libraries. daisyUI will style them automatically.": "এই লাইব্রেরির জন্য আপনাকে CSS ফাইল আমদানি করতে হবে না। daisyUI স্বয়ংক্রিয়ভাবে তাদের স্টাইল করবে।",
"Cally web component - Works everywhere": "ক্যালি ওয়েব Component - সর্বত্র কাজ করে",
"React Day picker - React only": "প্রতিক্রিয়া দিন পিকার - শুধুমাত্র প্রতিক্রিয়া",
"Cally is a web component calendar and it works everywhere. Read the docs": "Cally হল একটি ওয়েব Component Calendar এবং এটি সর্বত্র কাজ করে৷ ডক্স পড়ুন",
"Pick a date": "একটি তারিখ চয়ন করুন",
"React Day Picker is a flexible date picker component for React. Read the docs": "রিঅ্যাক্ট ডে পিকার হল রিঅ্যাক্টের জন্য একটি নমনীয় ডেট পিকার Component। ডক্স পড়ুন",
"Each set of radio inputs should have unique name attributes to avoid conflicts with other sets of radio inputs on the same page.": "একই পৃষ্ঠায় Radio ইনপুটগুলির অন্যান্য সেটগুলির সাথে বিরোধ এড়াতে Radio ইনপুটের প্রতিটি সেটের অনন্য name বৈশিষ্ট্য থাকা উচিত।",
"validator-hint class will be invisible if it comes after a validator class, then if the input is invalid, validator-hint will get visible.": "validator-hint ক্লাসটি অদৃশ্য হবে যদি এটি একটি validator ক্লাসের পরে আসে, তারপর যদি ইনপুটটি অবৈধ হয়, validator-hint দৃশ্যমান হবে।",
"validator-hint still occupies space even if it's invisible because we don't want a layout shift when the hint appears.": "validator-hint অদৃশ্য হলেও স্থান দখল করে কারণ ইঙ্গিতটি উপস্থিত হলে আমরা লেআউট পরিবর্তন চাই না।",
"If you prefer to hide the hint when it's not visible, add hidden class to validator-hint. It will take no space when it's hidden, and if input is invalid, it will appear and take space.": "আপনি যদি ইঙ্গিতটি দৃশ্যমান না হলে লুকিয়ে রাখতে পছন্দ করেন, তাহলে hidden-এ validator-hint শ্রেণী যোগ করুন। এটি লুকানো অবস্থায় কোন স্থান নেয় না, এবং যদি ইনপুট অবৈধ হয়, এটি প্রদর্শিত হবে এবং স্থান নেবে।",
"Submit form": "ফর্ম জমা দিন",
"inbox": "ইনবক্স",
"Requests": "অনুরোধ",
"Required": "প্রয়োজন",
"Only available for Pro users": "শুধুমাত্র প্রো ব্যবহারকারীদের জন্য উপলব্ধ",
"input class can be used for any input field type. Including text, password, email, number, date, datetime-local, week, month, tel, url, search, time": "input ক্লাস যেকোনো ইনপুট ক্ষেত্রের জন্য ব্যবহার করা যেতে পারে। text, password, email, number, date, datetime-local, week, month, tel, url, search, time সহ",
"For checkbox, radio, file, range use their own class names, as they are not visually input fields.": "checkbox, radio, file, range-এর জন্য তাদের নিজস্ব শ্রেণীর নাম ব্যবহার করুন, কারণ সেগুলি দৃশ্যত ইনপুট ক্ষেত্র নয়।",
"Inputs can be used with validator class to have validation styles. See Validator component for more details.": "বৈধতা শৈলীর জন্য ইনপুটগুলি validator ক্লাসের সাথে ব্যবহার করা যেতে পারে। আরো বিস্তারিত জানার জন্য ব্যালিডেটর কম্পোনেন্ট দেখুন।",
"New software update available.": "নতুন সফ্টওয়্যার আপডেট উপলব্ধ।",
"Your purchase has been confirmed!": "আপনার ক্রয় নিশ্চিত করা হয়েছে!",
"Warning: Invalid email address!": "সতর্কতা: অবৈধ ইমেল ঠিকানা!",
"Error! Task failed successfully.": "ত্রুটি! টাস্ক সফলভাবে ব্যর্থ হয়েছে।",
"we use cookies for no reason.": "আমরা অকারণে কুকিজ ব্যবহার করি।",
"Publish date": "তারিখ প্রকাশ করুন",
"Your Email": "আপনার ইমেইল",
"Also see accordion examples": "এছাড়াও accordion উদাহরণ দেখুন",
"Tab 1": "ট্যাব 1",
"Tab 2": "ট্যাব 2",
"Tab 3": "ট্যাব 3",
"Max size 2MB": "সর্বোচ্চ আকার 2MB",
"Ghost": "Ghost",
"Disabled using attribute": "অ্যাট্রিবিউট ব্যবহার করে অক্ষম করা হয়েছে",
"Disabled using class name": "Class name ব্যবহার করে অক্ষম করা হয়েছে",
"Login with MetaMask": "মেটামাস্ক দিয়ে লগইন করুন",
"Add "link" class to make it look like a": "এটি একটি মত দেখতে "Link" ক্লাস যোগ করুন",
"Radial progress needs --value CSS variable to work.": "Radial progress কাজ করার জন্য --value CSS variable প্রয়োজন।",
"To change the size, use --size CSS variable which has a default value of 5rem.": "আকার পরিবর্তন করতে, --size CSS variable ব্যবহার করুন যার Default মান 5rem আছে।",
"To change the thickness, use --thickness CSS variable which is 10% of the size by default.": "বেধ পরিবর্তন করতে, --thickness CSS variable ব্যবহার করুন যা Default দ্বারা আকারের 10%।",
"For Radial progress we need to use a div instead of the progress tag because browsers can't show text inside progress tag, and Firefox doesn’t render pseudo-elements inside progress tag at all.": "Radial progress-এর জন্য আমাদের div ট্যাগের পরিবর্তে একটি progress ব্যবহার করতে হবে কারণ ব্রাউজার progress ট্যাগের মধ্যে টেক্সট দেখাতে পারে না, এবং Firefox মোটেও progress ট্যাগের ভেতরে ছদ্ম-এলিমেন্ট রেন্ডার করে না।",
"Adding role=\"progressbar\" makes it accessible to screen readers as well.": "role=\"progressbar\" যোগ করলে এটি স্ক্রিন রিডারদের কাছেও অ্যাক্সেসযোগ্য হয়ে ওঠে।",
"By default, the second child of the list-row will fill the remaining space. You can use list-col-grow on another child to make it fill the remaining space instead.": "Default দ্বারা, list-row এর দ্বিতীয় সন্তান অবশিষ্ট স্থান পূরণ করবে। পরিবর্তে বাকি জায়গা পূরণ করতে আপনি অন্য একটি শিশুর উপর list-col-grow ব্যবহার করতে পারেন।",
"Slug": "স্লাগ",
"Author": "লেখক",
"Password": "পাসওয়ার্ড",
"Theme Controller changes the theme using CSS only.": "Theme Controller শুধুমাত্র CSS ব্যবহার করে থিম পরিবর্তন করে।",
"You can then use JS to save the input state in the server or localStorage if you want it to persist on page refresh.": "তারপরে আপনি JS ব্যবহার করতে পারেন সার্ভারে ইনপুট স্থিতি সংরক্ষণ করতে বা স্থানীয় স্টোরেজ যদি আপনি এটি পৃষ্ঠা রিফ্রেশে অব্যাহত রাখতে চান।",
"Here's a React example to save checkbox state in local storage: Stackblitz": "স্থানীয় স্টোরেজে চেকবক্সের অবস্থা সংরক্ষণ করার জন্য এখানে একটি প্রতিক্রিয়া উদাহরণ রয়েছে: Stackblitz",
"Synthwave": "সিনথওয়েভ",
"You can use w-* and h-* classes to set the width and height of the stack, making all items the same size.": "আপনি Stack এর প্রস্থ এবং উচ্চতা সেট করতে w-* এবং h-* ক্লাস ব্যবহার করতে পারেন, সমস্ত আইটেমকে একই আকারের করে তোলে।",
"A link adds a parameter to the URL and you only see the modal when the URL has that parameter": "একটি Link URL-এ একটি প্যারামিটার যোগ করে এবং আপনি শুধুমাত্র Modal দেখতে পান যখন URL-এ সেই প্যারামিটার থাকে",
"Opening a modal adds a scrollbar-gutter to the page to avoid layout shift on operating systems that have a fixed scrollbar.": "একটি Modal খোলার ফলে পৃষ্ঠাটিতে একটি scrollbar-gutter যোগ করা হয় যাতে একটি নির্দিষ্ট স্ক্রলবার রয়েছে এমন অপারেটিং সিস্টেমগুলিতে লেআউট পরিবর্তন এড়াতে।",
"HTML dialog element is a native way to create modals. It is accessible and we can close the modal using Esc key.": "এইচটিএমএল ডায়ালগ উপাদান হল Modals তৈরি করার একটি নেটিভ উপায়। এটি অ্যাক্সেসযোগ্য এবং আমরা Esc কী ব্যবহার করে Modal বন্ধ করতে পারি।",
"We can open the modal using JS ID.showModal() method and close it using ID.close() method.": "আমরা JS ID.showModal() পদ্ধতি ব্যবহার করে মোডাল খুলতে পারি এবং ID.close() পদ্ধতি ব্যবহার করে বন্ধ করতে পারি।",
"The ID must be unique for each modal.": "প্রতিটি Modal এর জন্য আইডি অবশ্যই অনন্য হতে হবে।",
"When modal is closed, the page will scroll to the top because of the anchor link.": "Modal বন্ধ হলে, পৃষ্ঠাটি Link অ্যাঙ্করের কারণে শীর্ষে স্ক্রোল করবে।",
"Anchor links might not work well on some SPA frameworks. If there are problems, use the other methods": "কিছু SPA ফ্রেমওয়ার্কে অ্যাঙ্কর লিঙ্ক ভালো কাজ নাও করতে পারে। সমস্যা থাকলে, অন্যান্য পদ্ধতি ব্যবহার করুন",
"The hr tag at the beginning or end of each item, displays a line to connect items.": "প্রতিটি আইটেমের শুরুতে বা শেষে hr ট্যাগ, আইটেম সংযোগ করার জন্য একটি লাইন প্রদর্শন করে।",
"<meta name=\"viewport\" content=\"viewport-fit=cover\"> is required for responsiveness of the dock in iOS.": "iOS-এ Dock-এর প্রতিক্রিয়ার জন্য <meta name=\"viewport\" content=\"viewport-fit=cover\"> প্রয়োজন৷",
"hover-3d works by placing 8 hover zones on top of the content. Each zone detects mouse movement and applies a slight rotation to the content based on the mouse position within that zone. The combined effect of all 8 zones creates a smooth and responsive 3D tilt effect as the user moves their mouse over the component.": "hover-3d বিষয়বস্তুর উপরে ৮টি হোভার জোন স্থাপন করে কাজ করে। প্রতিটি জোন মাউসের গতিবিধি সনাক্ত করে এবং সেই জোনের মধ্যে মাউসের অবস্থানের উপর ভিত্তি করে বিষয়বস্তুতে সামান্য ঘূর্ণন প্রয়োগ করে। সমস্ত 8টি অঞ্চলের সম্মিলিত প্রভাব একটি মসৃণ এবং প্রতিক্রিয়াশীল 3D টিল্ট প্রভাব তৈরি করে কারণ ব্যবহারকারী তাদের মাউস Component এর উপর নিয়ে যায়৷",
"menu-disabled disables an item visually.": "menu-disabled একটি আইটেমকে দৃশ্যত নিষ্ক্রিয় করে।",
"rating-hidden is a hidden radio at the start to allow users to remove their rating.": "rating-hidden হল একটি লুকানো Radio যা ব্যবহারকারীদের তাদের Rating সরানোর অনুমতি দেয়।",
"validator-hint will be visible if any previous (sibling) invalid validator element is present - wrap the elements (eg. in fieldset) to only show the hint for one invalid input.": "validator-hint will be visible if any previous same-level invalid validator element is present - wrap the elements (eg. in fieldset) to only show the hint for one invalid input.",
"2. React Day Picker calendar": "2. প্রতিক্রিয়া ডে পিকার Calendar",
"3. Vanilla Calendar Pro": "3. ভ্যানিলা Calendar প্রো",
"A button opens the megamenu and max-sm:megamenu-vertical class name to make the megamenu vertical on small screens.": "একটি Button Megamenu এবং max-sm:megamenu-vertical Class name ছোট পর্দায় Megamenu উল্লম্ব করতে খোলে।",
"Add proper id and for attributes for accessibility. The id must be unique and depends on your context.": "অ্যাক্সেসযোগ্যতার জন্য সঠিক আইডি এবং বৈশিষ্ট্য যোগ করুন। আইডি অনন্য হতে হবে এবং আপনার প্রসঙ্গের উপর নির্ভর করে।",
"AI is thinking harder...": "AI কঠিন চিন্তা করছে...",
"All radio inputs with the same name work together and only one of them can be open at a time. If you have more than one set of accordion items on a page, use different names for the radio inputs or details elements on each set.": "একই নামের সমস্ত Radio ইনপুট একসাথে কাজ করে এবং তাদের মধ্যে শুধুমাত্র একটি একবারে খোলা হতে পারে। আপনার যদি একটি পৃষ্ঠায় Accordion আইটেমের একাধিক সেট থাকে, তাহলে প্রতিটি সেটে Radio ইনপুট বা বিবরণ উপাদানগুলির জন্য বিভিন্ন নাম ব্যবহার করুন৷",
"An alternative where you can also click outside to close it.": "একটি বিকল্প যেখানে আপনি এটি বন্ধ করতে বাইরে ক্লিক করতে পারেন।",
"Anchor links might not work well on some SPA frameworks.": "কিছু SPA ফ্রেমওয়ার্কে অ্যাঙ্কর লিঙ্ক ভালো কাজ নাও করতে পারে।",
"Aura around a card": "Aura প্রায় একটি Card",
"Behavioural style of component or part": "Component বা অংশের আচরণগত শৈলী",
"Big font size, horizontally centered": "বড় ফন্টের আকার, অনুভূমিকভাবে কেন্দ্রীভূত",
"Big font size, horizontally centered, 6 seconds duration instead of 10 seconds": "বড় ফন্টের আকার, অনুভূমিকভাবে কেন্দ্রীভূত, 10 সেকেন্ডের পরিবর্তে 6 সেকেন্ডের সময়কাল",
"Click or focus the A button in the corner": "কোণে A Button ক্লিক করুন বা ফোকাস করুন৷",
"Cloud Solutions": "ক্লাউড সলিউশন",
"color of component or part": "Component বা অংশের রঙ",
"Connects the character boxes together": "অক্ষর বাক্সগুলিকে একসাথে সংযুক্ত করে",
"Different colors for each word": "প্রতিটি শব্দের জন্য বিভিন্ন রং",
"Direction of component or part": "Component বা অংশের দিকনির্দেশ",
"Dropdown using details and summary opens and closes the content when the summary is clicked.": "Dropdown বিবরণ এবং সারাংশ ব্যবহার করে যখন সারাংশ ক্লিক করা হয় তখন বিষয়বস্তু খোলে এবং বন্ধ করে।",
"Each button must have a corresponding popover with the same id as the popovertarget value. HTML IDs must be unique.": "প্রতিটি Button-এর অবশ্যই popovertarget মানের মতো একই আইডি সহ একটি সংশ্লিষ্ট পপওভার থাকতে হবে৷ HTML আইডি অবশ্যই অনন্য হতে হবে।",
"fab-flower modifier class will open the button in a quarter circle instead of a vertical. The fab-main-action / fab-close button is optional in fab-flower; without it, the first action button also fans out into the arc. fab-flower fits up to 4 action buttons (not including the original button), with or without a fab-main-action / fab-close button.": "FAB-ফ্লাওয়ার Modifier ক্লাস Button উল্লম্বের পরিবর্তে এক চতুর্থাংশ বৃত্তে খুলবে। FAB-প্রধান-ক্রিয়া / FAB-ক্লোজ Button FAB-ফুলে ঐচ্ছিক; এটি ছাড়া, প্রথম অ্যাকশন Button এছাড়াও আর্ক মধ্যে ভক্ত আউট. FAB-ফুল 4টি অ্যাকশন Button পর্যন্ত ফিট করে (মূল Button সহ নয়), FAB-প্রধান-অ্যাকশন / FAB-ক্লোজ Button সহ বা ছাড়া।",
"For having multiple choices, use checkboxes.": "একাধিক পছন্দ থাকার জন্য, চেকবক্স ব্যবহার করুন।",
"Hover to see the 3D effect": "3D প্রভাব দেখতে হোভার করুন",
"How it works": "এটা কিভাবে কাজ করে",
"HTML dialog element is a native way to create modals.": "এইচটিএমএল ডায়ালগ উপাদান হল মোডাল তৈরি করার একটি নেটিভ উপায়।",
"If there are problems, use the other methods": "সমস্যা থাকলে, অন্যান্য পদ্ধতি ব্যবহার করুন",
"If you only want one button in the corner of page": "আপনি যদি পৃষ্ঠার কোণায় শুধুমাত্র একটি Button চান",
"If you prefer to hide the hint when it's not visible, add hidden class to validator-hint.": "আপনি যদি ইঙ্গিতটি দৃশ্যমান না হলে লুকিয়ে রাখতে পছন্দ করেন, তাহলে hidden-এ validator-hint শ্রেণী যোগ করুন।",
"In case you have a tall font or need more vertical spacing between lines": "আপনার যদি লম্বা ফন্ট থাকে বা লাইনগুলির মধ্যে আরও উল্লম্ব ব্যবধানের প্রয়োজন হয়",
"In this example instead of completely hiding the drawer sidebar, we only show the icons when the drawer is closed. To add styles based on the state of the drawer, we use the is-drawer-open and is-drawer-close variants. For example is-drawer-close:hidden or is-drawer-open:w-80. Also we have tooltips when the drawer is closed and a switch button to open/close the drawer and rotates the button icon based on the state of the drawer.": "এই উদাহরণে Drawer sidebar সম্পূর্ণরূপে লুকানোর পরিবর্তে, ড্রয়ার বন্ধ হলেই আমরা আইকনগুলি দেখাই৷ ড্রয়ারের অবস্থার উপর ভিত্তি করে শৈলী যোগ করতে, আমরা is-drawer-open এবং is-drawer-close ভেরিয়েন্ট ব্যবহার করি। যেমন is-drawer-close:hidden বা is-drawer-open:w-80। এছাড়াও আমাদের কাছে টুলটিপ আছে যখন ড্রয়ার বন্ধ থাকে এবং ড্রয়ারটি খোলা/বন্ধ করার জন্য একটি সুইচ Button এবং ড্রয়ারের অবস্থার উপর ভিত্তি করে Button আইকনটি ঘোরায়।",
"It is accessible and we can close the modal using Esc key.": "এটি অ্যাক্সেসযোগ্য এবং আমরা Esc কী ব্যবহার করে Modal বন্ধ করতে পারি।",
"It opens the dropdown on a top layer, which means there's no need to z-index management and there's no overflow issue.": "এটি একটি শীর্ষ স্তরে Dropdown খোলে, যার অর্থ z-সূচক পরিচালনার কোন প্রয়োজন নেই এবং কোনও ওভারফ্লো সমস্যা নেই।",
"It will take no space when it's hidden, and if input is invalid, it will appear and take space.": "এটি লুকানো অবস্থায় কোন স্থান নেয় না, এবং যদি ইনপুট অবৈধ হয়, এটি প্রদর্শিত হবে এবং স্থান নেবে।",
"Main component class": "প্রধান Component ক্লাস",
"Make sure the number of spans matches the maxlength and the pattern of the input field. In this example, we have 4 spans for a 4-digit OTP.": "নিশ্চিত করুন যে স্প্যানের সংখ্যা সর্বোচ্চ দৈর্ঘ্য এবং ইনপুট ক্ষেত্রের প্যাটার্নের সাথে মেলে। এই উদাহরণে, আমাদের কাছে একটি 4-সংখ্যার OTP-এর জন্য 4টি স্প্যান রয়েছে৷",
"Megamenu is a big menu with a lot of items but it must be responsive and work on all screen sizes.": "Megamenu অনেক আইটেম সহ একটি বড় মেনু কিন্তু এটি অবশ্যই প্রতিক্রিয়াশীল হতে হবে এবং সমস্ত স্ক্রীন আকারে কাজ করবে৷",
"Method 1. HTML dialog element recommended": "পদ্ধতি 1. HTML ডায়ালগ উপাদান recommended",
"Method 2. HTML popover": "পদ্ধতি 2. HTML পপওভার",
"Method 2. popover API and anchor positioning new": "পদ্ধতি 2. পপওভার API এবং অ্যাঙ্কর পজিশনিং new",
"Method 3. checkbox legacy": "পদ্ধতি 3. Checkbox legacy",
"Method 4. using anchor links legacy": "পদ্ধতি 4. অ্যাঙ্কর লিঙ্ক legacy ব্যবহার করে",
"Modifies behavior of component or part": "Component বা অংশের আচরণ পরিবর্তন করে",
"Move your mouse on the image horizontally": "অনুভূমিকভাবে ছবিতে আপনার মাউস সরান",
"On Firefox you need to detect the presence of vertical scrollbar and set the scrollbar-gutter: stable or scrollbar-gutter: unset on :root element yourself.": "ফায়ারফক্সে আপনাকে উল্লম্ব স্ক্রলবারের উপস্থিতি শনাক্ত করতে হবে এবং scrollbar-gutter: stable উপাদানে scrollbar-gutter: unset বা :root সেট করতে হবে।",
"On larger screens, we hide the button and show the megamenu as a horizontal menu, and each button inside the megamenu will open its corresponding popover.": "বড় স্ক্রিনে, আমরা Button লুকিয়ে রাখি এবং Megamenu কে একটি অনুভূমিক Menu হিসাবে দেখাই এবং Megamenu-এর ভিতরে প্রতিটি Button তার সংশ্লিষ্ট পপওভার খুলবে৷",
"On recent Chromium based browsers vertical scrollbar presence is detected automatically.": "সাম্প্রতিক ক্রোমিয়াম ভিত্তিক ব্রাউজারগুলিতে উল্লম্ব স্ক্রলবারের উপস্থিতি স্বয়ংক্রিয়ভাবে সনাক্ত করা হয়।",
"On Safari and on mobile devices the scrollbar is displayed as overlay so there will not be gutter.": "সাফারি এবং মোবাইল ডিভাইসে স্ক্রলবারটি ওভারলে হিসাবে প্রদর্শিত হয় যাতে সেখানে গটার থাকবে না।",
"On small screens the whole megamenu must be hidden by default and it must be vertical when visible.": "ছোট স্ক্রিনে সম্পূর্ণ Megamenu Default দ্বারা লুকানো আবশ্যক এবং দৃশ্যমান হলে এটি উল্লম্ব হতে হবে।",
"Only use non-interactive content inside the hover-3d wrapper. If you want to make the entire card clickable, use a link for the whole hover-3d component instead of putting interactive elements like buttons or links inside it.": "শুধুমাত্র hover-3d মোড়কের ভিতরে অ-ইন্টারেক্টিভ সামগ্রী ব্যবহার করুন। আপনি যদি সম্পূর্ণ Card ক্লিকযোগ্য করতে চান, তাহলে এর ভিতরে বোতাম বা Link এর মতো ইন্টারেক্টিভ উপাদানগুলি না রেখে পুরো hover-3d Component এর জন্য একটি Link ব্যবহার করুন।",
"Part of a component": "একটি Component এর অংশ",
"Placement": "Placement",
"Placement of component or part": "Component বা অংশ বসানো",
"Popover API is the new HTML standard for creating dropdowns.": "Popover API হল ড্রপডাউন তৈরির জন্য নতুন HTML স্ট্যান্ডার্ড।",
"Popover is similar to dialog but it still allows focusing on the background elements. It is accessible and we can close the modal using Esc key.": "পপওভার ডায়ালগের মতো কিন্তু এটি এখনও পটভূমি উপাদানগুলিতে ফোকাস করার অনুমতি দেয়৷ এটি অ্যাক্সেসযোগ্য এবং আমরা Esc কী ব্যবহার করে Modal বন্ধ করতে পারি।",
"Rotates through 3 words, in 10 seconds": "10 সেকেন্ডে 3টি শব্দের মাধ্যমে ঘোরে৷",
"Services": "সেবা",
"size of component or part": "Component বা অংশের আকার",
"Text labels for each button": "প্রতিটি Button এর জন্য পাঠ্য লেবেল",
"The fab-main-action button is optional. Without it, the first action button also fans out into the arc instead of replacing the trigger.": "FAB-প্রধান-অ্যাকশন Button ঐচ্ছিক। এটি ছাড়া, প্রথম অ্যাকশন Button এছাড়াও ট্রিগার প্রতিস্থাপনের পরিবর্তে আর্কের মধ্যে ফ্যান আউট।",
"The first image is visible by default, the other image will create invisible columns and hovering each column, reveals that image. For example, here we have 4 images. Try hovering on each column to see 2nd, 3rd and 4th image.": "প্রথম চিত্রটি Default দ্বারা দৃশ্যমান হয়, অন্য চিত্রটি অদৃশ্য কলাম তৈরি করবে এবং প্রতিটি কলাম ঘোরাফেরা করবে, সেই চিত্রটি প্রকাশ করবে। উদাহরণস্বরূপ, এখানে আমাদের 4টি চিত্র রয়েছে। ২য়, ৩য় এবং ৪র্থ ছবি দেখতে প্রতিটি কলামে হোভার করার চেষ্টা করুন।",
"The whole card can be a link": "পুরো Card একটি Link হতে পারে",
"There are 4 methods to use modals": "মোডাল ব্যবহার করার জন্য 4টি পদ্ধতি রয়েছে",
"There's no space for a text label in a quarter circle, so tooltips are used to indicate the button's function": "কোয়ার্টার সার্কেলে Label পাঠ্যের জন্য কোনো স্থান নেই, তাই Button এর কার্যকারিতা নির্দেশ করতে টুলটিপ ব্যবহার করা হয়",
"These badges use dark text, only use them on light backgrounds": "এই ব্যাজগুলি অন্ধকার টেক্সট ব্যবহার করে, শুধুমাত্র হালকা ব্যাকগ্রাউন্ডে ব্যবহার করে",
"These buttons use dark text, only use them on light backgrounds": "এই বোতামগুলি অন্ধকার টেক্সট ব্যবহার করে, শুধুমাত্র হালকা ব্যাকগ্রাউন্ডে ব্যবহার করে",
"This dropdown closes when focus is lost. Avoid placing elements in it that remove focus from dropdown content. For example a <dialog> element inside the dropdown.": "ফোকাস হারিয়ে গেলে এই Dropdown বন্ধ হয়ে যায়। Dropdown বিষয়বস্তু থেকে ফোকাস সরিয়ে দেয় এমন উপাদান এতে স্থাপন করা এড়িয়ে চলুন। যেমন Dropdown এর ভিতরে একটি <dialog> উপাদান।",
"To disable a <a>, remove the href attribute and add role=\"link\" aria-disabled=\"true\" attributes.": "একটি <a> নিষ্ক্রিয় করতে, href অ্যাট্রিবিউট সরিয়ে ফেলুন এবং role=\"link\" aria-disabled=\"true\" অ্যাট্রিবিউট যোগ করুন।",
"To disable a add a `disabled` attribute.": "একটি নিষ্ক্রিয় করতে একটি disableddisabled)", "to pay respects.": "শ্রদ্ধা জানাতে", "Use like variant:utility to apply a utility conditionally": "শর্তসাপেক্ষে একটি ইউটিলিটি প্রয়োগ করতে variant:utility এর মত ব্যবহার করুন", "Vanilla Calendar Pro CDN Example": "ভ্যানিলা Calendar প্রো CDN উদাহরণ", "Vanilla Calendar Pro Example": "ভ্যানিলা Calendar প্রো উদাহরণ", "Variant": "Variant", "Visual style of component or part": "Component বা অংশের ভিজ্যুয়াল স্টাইল", "We can move the icon using utility classes like after:start-5 after:end-autoand we can customize the padding likepe-4 ps-12": "আমরা after:start-5 after:end-autoএর মতো ইউটিলিটি ক্লাস ব্যবহার করে আইকনটি সরাতে পারি এবং আমরাpe-4 ps-12এর মতো প্যাডিং কাস্টমাইজ করতে পারি।", "When FAB is open the original button gets replaced by a Close Button": "FAB খোলা হলে আসল বোতামটি একটি বন্ধ Button দ্বারা প্রতিস্থাপিত হয়", "When FAB is open the original button gets replaced by a Main Action Button": "FAB খোলা হলে মূল বোতামটি একটি প্রধান অ্যাকশন Button দ্বারা প্রতিস্থাপিত হয়", "Why using `` instead of a ``?": "কেন একটি `` এর পরিবর্তে `` ব্যবহার করছেন?", "You can also open/close it using JS by adding/removing theopen attribute": "আপনি 'ওপেন' অ্যাট্রিবিউট যোগ/মুছে দিয়ে JS ব্যবহার করে এটি খুলতে/বন্ধ করতে পারেন (open)", "You can remove the btn-circle class if you want normal buttons": "আপনি যদি সাধারণ বোতাম চান তবে আপনি btn-বৃত্ত ক্লাসটি সরাতে পারেন", "you can set the minimum number of digits to display to 2 or 3 with --digits: 2or--digits: 3CSS variable.": "আপনি--digits: 2বা--digits: 3CSS variable দিয়ে 2 বা 3-এ প্রদর্শনের জন্য ন্যূনতম সংখ্যা সেট করতে পারেন।", "you need to change the span text and the--valueCSS variable using JS. Value must be a number between 0 and 999.": "JS ব্যবহার করে আপনাকে স্প্যান টেক্সট এবং--value` CSS variable পরিবর্তন করতে হবে। মান অবশ্যই 0 এবং 999 এর মধ্যে একটি সংখ্যা হতে হবে।",
"Solution": "সমাধান",
"Providing": "প্রদান করছে",
"Tailwind CSS component examples by daisyUI. Browse semantic UI components, copy-ready markup, and reusable design patterns.": "daisyUI দ্বারা Tailwind CSS Component উদাহরণ। শব্দার্থিক UI Components, অনুলিপি-প্রস্তুত মার্কআপ, এবং পুনঃব্যবহারযোগ্য ডিজাইন প্যাটার্ন ব্রাউজ করুন।",
"Title part": "শিরোনাম অংশ",
"Content part": "বিষয়বস্তু অংশ",
"Adds arrow icon": "তীর আইকন যোগ করে",
"Adds plus/minus icon": "প্লাস/মাইনাস আইকন যোগ করে",
"Force open": "জোর করে খোলা",
"Force close": "জোর করে বন্ধ করুন",
"dash outline style": "ড্যাশ আউটলাইন শৈলী",
"soft style": "soft style",
"Vertical layout, good for mobile": "উল্লম্ব বিন্যাস, মোবাইলের জন্য ভাল",
"Horizontal layout, good for desktop": "অনুভূমিক বিন্যাস, ডেস্কটপের জন্য ভাল",
"Aura is a border light effect that can wrap around any component. It is a great way to add a cool, eye-catching visual effect to your components. Aura is useful for the most important button, card, or div that you want to hi