{
  "__name": "عربي",
  "__code": "AR",
  "__direction": "rtl",
  "__status": "",
  "Tailwind CSS Components": "Tailwind CSS عناصر",
  "cta-1": "جميع العناصر",
  "cta-1-mobile": "العناصر",
  "cta-2": "طريقة الاستعمال",
  "components-btn": "العناصر",
  "change-theme-btn": "تصميم",
  "all-components-btn": "جميع العناصر",
  "components": "عناصر",
  "themes": "تصاميم",
  "github-stars": "Github تقييمات",
  "npm-installs": "NPM تثبيت",
  "install-title": "تثبيت daisyUI",
  "install-desc": "فقط CSS. تعمل على جميع الاطارات. daisyUI يمكن استعمالها على شكل اضافة الى Tailwind CSS او مكتبة CSS مستقلة",
  "install-step-1": "ثبت daisyUI على شكل حزمة Node",
  "install-step-2": "أضف daisyUI الى tailwind.config.js",
  "install-btn": "دليل التثبيت",
  "footer-tagline": "مكتبة عناصر مجانية <br /> لأطر عمل CSS الأولى",
  "pages": "صفحات",
  "how-to-install": "كيفية التثبيت",
  "how-to-use-components": "كيفية استعمال العناصر",
  "how-to-customize": "كيفية التخصيص",
  "how-to-use-themes": "كيفية استعمال التصاميم",
  "color-system": "نظام الألوان",
  "config": "إعدادات",
  "links": "الروابط",
  "changelog": "سجل التغييرات",
  "license": "الترخيص",
  "contributing": "مساهمة",
  "available-on": "متاح على",
  "try-online": "جرب أونلاين",
  "created-by": "صنع من قبل",
  "Install": "تثبيت",
  "Use": "الاستعمال",
  "Customize components": "تعديل العناصر",
  "Config": "إعدادات",
  "Colors": "ألالوان",
  "Themes": "تصاميم",
  "Theme Generator": "مولد التصاميم",
  "Layout & Typography": "الخط والتصاميم",
  "Actions": "التفاعلات",
  "Button": "الأزرار",
  "Dropdown": "قائمة منسدلة",
  "Modal": "نموذج",
  "Swap": "تبديل",
  "Data display": "عرض البيانات",
  "Alert": "تنبيهات",
  "Avatar": "الصور الرمزية",
  "Badge": "شارة",
  "Card": "بطاقة",
  "Carousel": "معرض حلقي",
  "Chat bubble": "فقاعة الدردشة",
  "Collapse": "عنصر منطوي",
  "Countdown": "العد التنازلي",
  "Kbd": "لوحة تحكم",
  "Progress": "التقدم",
  "Radial progress": "تقدم دائري",
  "Stat": "احصائيات",
  "Table": "جدول",
  "Tooltip": "تلميح",
  "Data input": "ادخال البيانات",
  "Checkbox": "مربع اختيار",
  "Text input": "مدخل نص",
  "Radio": "خيارات",
  "Range": "مجال",
  "Rating": "تقييم",
  "Select": "خيارات",
  "Textarea": "منطقة النص الطويل",
  "Toggle": "مقلب",
  "Layout": "التصميم",
  "Artboard": "معرض",
  "Button group": "مجموعة أزرار",
  "Divider": "فاصل",
  "Drawer": "درج",
  "Footer": "ذيل الصفحة",
  "Hero": "نموذج بطل",
  "Indicator": "مؤشر",
  "Input group": "مجموعة مداخل",
  "Mask": "قناع",
  "Stack": "طبقات",
  "Toast": "اشعار",
  "Navigation": "تنقل",
  "Breadcrumbs": "تنقل متسلسل",
  "Bottom navigation": "شريط تنقل سفلي",
  "Link": "رابط",
  "Menu": "قائمة",
  "Navbar": "شريط التنقل (navbar)",
  "Pagination": "الترقيم",
  "Steps": "خطوات",
  "Tab": "تبويب نافذة",
  "Mockup": "النماذج",
  "Code": "سورس كود",
  "Phone": "هاتف",
  "Window": "نافذة",
  "excluded": "مستبعد",
  "CodePen example page": "CodePen مثال على",
  "Tailwind Play example page": "Tailwind Play مثال على",
  "new": "جديد",
  "updated": "محدث",
  "Tailwind Plugin": "Tailwind اضافة",
  "Use CDN": "استعمل CDN",
  "Install daisyUI as a Tailwind CSS plugin": "ثبت daisyUI على شكل اضافة في Tailwind CSS",
  "You need <a href='https://nodejs.org/en/download/'>Node.js</a> and <a href='https://tailwindcss.com/docs/installation/'>Tailwind CSS</a> installed.": "يحب تثبيت كل من <a href='https://nodejs.org/en/download/'>Node.js</a> و <a href='https://tailwindcss.com/docs/installation/'>Tailwind CSS</a> قبل الاستعمال.",
  "How to install daisyUI as a Tailwind CSS plugin?": "كيف اثبت daisyUI كاضافة على Tailwind CSS ؟",
  "Install daisyUI": "ثبت daisyUI",
  "Then add daisyUI to your <code>tailwind.config.js</code> files": "ثم قم باضاقة daisyUI الى ملف <code>tailwind.config.js</code>",
  "daisyUI example repositories": "daisyUI أمثلة لمستودعات سكربت",
  "See example setup of daisyUI and Tailwind CSS on different frameworks and build tools.": "أمثلة لطريقة تثبيت daisyUI مع Tailwind CSS للعديد من الاطارات وادوات بناء.",
  "Prev": "السابق",
  "Next": "التالي",
  "Do you have a question?": "هل لديك سؤال ؟",
  "Do you see a bug?": "هل تود الابلاغ عن مشكلة ؟",
  "Do you like daisyUI?": "هل اعجبتك مكتبة daisyUI؟",
  "Edit this page on GitHub": "تعديل هذه الصفحة على GitHub",
  "ask the community": "اطرح سؤال على مجتمعنا",
  "open an issue on GitHub": "اضف مسألة على GitHub",
  "tweet about it!": "اضف تغريدة!",
  "Warning": "تحذير",
  "CDN files are not recommended for production <br/>because you can't purge unused styles and file size will be large.": "لا ينصح باستعمال ملفات CDN في الملفات المرفقة النهائية <br/>بسبب حجمها الكبير وعدم القدرة على حذف العناصر غير المستعملة.",
  "You don't need to install anything.": "لا تحتاج إلى تثبيت أي شيء.",
  "Just add one of these to the <code>head</code> tag of your HTML": "فقط اضف المرفقات الى رأس الملف باستعمال شعار<code>head</code>الى ال HTML الخاص بك.",
  "Or": "أو",
  "Add component classes to your HTML": "أضف فئات العناصر إلى HTML الخاص بك",
  "How to use daisyUI classes to style your page?": "كيفية استخدام فئات daisyUI لتصميم صفحتك؟",
  "Once you <a href='/docs/install/'>installed daisyUI</a>, you can use component classes like <code>btn</code>, <code>card</code>, etc.": "بمجرد <a href='/docs/install/'>تثبيت daisyUI</a>، يمكنك استخدام فئات المكونات مثل <code>btn</code>، <code>card</code>، وما إلى ذلك.",
  "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",
  "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 can also:": "كما يمكنك ايضا:",
  "Add your own theme.": "اضافة تصميمك الخاص.",
  "Opt out of daisyUI's design decisions, and <a href='/docs/config/'>only use an unstyled (skeleton) version of daisyUI</a>.": "قم بازالة تصميمات daisyUI, و استعمل <a href='/docs/config/'>هيكل daisyUI غير المعدل فقط</a>.",
  "How to change the default configuration of daisyUI?": "كيفية تغيير الاعدادات المرجعية ل daisyUI؟",
  "daisyUI can be configured from your <code>tailwind.config.js</code> file.": "يمكن تغيير الاعدادات من خلال ملف <code>tailwind.config.js</code>.",
  "Default config": "للاعدادات المرجعية",
  "Config values explained": "شرح الاعدادات",
  "If it's true, components will have colors and style so you won't need to design anything.": "اذا كان صحيحا, جميع العناصر سوف تكون ملونة و مزينة لذلك لا تحتاج الى اضافة اي تصميم.",
  "If it's false, components will have no color and no visual style so you can design your own style on a basic skeleton.": "اذا كانت خاطئة,ن يكون للعناصر أي لون أو نمط مرئي، لذا يمكنك تصميم أسلوبك الخاص على الهيكل الأساسي.",
  "If it's true, all themes will be included.": "إذا كان هذا صحيحًا، فسيتم تضمين جميع التصاميم.",
  "If it's false, only light and dark themes will be available.": "إذا كان خاطئا, فسيتم اضافة الوضع المضيئ والمظلم فقط.",
  "If it's an array, only themes in the array will be included and the first theme will be the default theme.": "اذا كانت مصفوفة, فقط التصاميم المذكورة في المصفوفة سوف يتم اضافتها والتصميم المذكور اولا هو التصميم المرجعي.",
  "Read more about <a href='/docs/themes/'>themes</a>.": "اقرا المزيد حول <a href='/docs/themes/'>التصاميم</a>",
  "If it's true, <a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>a few base styles</a> will be added.": "اذا كان صحيحا, سوف يتم اضافة بعض  <a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>التزيينات الاساسية</a>.",
  "If it's true, <a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'>responsive and utility classes</a> will be added.": "اذا كان صحيحا, <a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'> الادوات المساعدة وادوات التصاميم المستجيبة</a> سوف يتم اضافتها.",
  "If it's true, daisyUI shows logs in the terminal while CSS is building.": "اذا كان صحيحا, daisyUI سوف تقوم باظهار الاشعارات.",
  "If it's true, your theme will be right-to-left. You need to add <code>dir='rtl'</code> to your body tag.": "اذا كان صحيحا, التصميم الخاص بك سوف يكون من اليمين الى اليسار. يجب ان تضيف الخاصية <code>dir='rtl'</code> الى شارة body.",
  "If you're using daisyUI with RTL option, I suggest using <a href='https://github.com/cvrajeesh/tailwindcss-flip'>tailwindcss-flip</a> plugin because to flip all your Tailwind utilities automatically.": "اذا كنت تستعمل daisyUI مع خيار RTL التصميم المقلوب, أنصح باستعمال اضافة <a href='https://github.com/cvrajeesh/tailwindcss-flip'>tailwindcss-flip</a> لكي تقوم بقلب ادوات Tailwind اوتوماتيكيا.",
  "Allows us to pick another theme for system's auto dark mode. By default, <code>dark</code> theme (or a custom theme named <code>dark</code>) will be the default theme if no theme is specified and the user is using dark mode on their system. With this config, you can set another theme to be the default dark mode theme.": "تمكنك من اختيار تصميم لكي يكون التصميم المرجعي عند اختيار الوضع المظلم. بشكل افتراضي, تصميم <code>dark</code>  (أو اي تصميم خاص مسمى <code>dark</code>) سوف يكون التصميم المرجعي اذا كان المستخدم يسعمل الوضع المظلم على جهازه. بواسطة هذا الاعداد, سوف تتمكن من تغيير التصميم المظلم الافتراضي عند الوضغ المظلم.",
  "Adds a prefix to class name for all daisyUI classes (including component classes, modifier classes and responsive classes).": "تضيف كلمات في بداية جميع اسماء فئات daisyUI (تشمل كل فئات العناصر و المغيرات و الفئات المستجيبة).",
  "For example: <code>btn</code> will become <code>prefix-btn</code>.": "مثلا: <code>btn</code> سوف يصبح <code>prefix-btn</code>.",
  "If you're using a second CSS library that has similar class names, you can use this config to avoid conflicts.": "اذا كنت تستعمل مكتبة CSS اخرى سوف تمكنك من تفادي مشاكل التضارب او التداخل.",
  "Utility classes like color names (e.g. <code>bg-primary</code>) or border-radius (e.g. <code>rounded-box</code>) will not be affected by this config because they're being added as extensions to Tailwind CSS classes.": "فئات الادوات مثل  (e.g. <code>bg-primary</code>) أو border-radius (e.g. <code>rounded-box</code>) لن يتاثرو بهذا الاعداد لانه تتم اضافتهم كاضافة الى فئات Tailwind CSS.",
  "If you use daisyUI <code>prefix</code> option (like <code>daisy-</code>) and Tailwind CSS <code>prefix</code> option (like <code>tw-</code>) together, classnames will be prefixed like this: <code>tw-daisy-btn</code>.": "اذا كنت تستخدم خيار daisyUI <code>prefix</code> (كالتالي <code>daisy-</code>) و خيار <code>prefix</code> الخاص ب Tailwind CSS  (كالتالي <code>tw-</code>) معا, سوف يتم اضافة كلمة في بداية الفئات كالتالي: <code>tw-daisy-btn</code>.",
  "How to use daisyUI colors?": "كيفية استعمال الوان daisyUI ؟",
  "Introduction": "مقدمة",
  "daisyUI is fully themeable and colorable,": "daisyUI قابلة لاعادة التصميم والتلوين كليا,",
  "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 يقوم بتغيير قيم فئات الادوات هذه .",
  "Benefits": "الفوائد",
  "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 <code>primary</code>, <code>secondary</code>, etc. and we only use those specific colors in our interfaces.": "الالوان الدلالية أكثر منطقية عند تصميم الواجهات, ذلك لاننا لا نتسعمل الالوان عشوائيا. ذلك لاننا نختار لوحة من الالوان المعينة المتكررة باسماء مثل <code>primary</code>, <code>secondary</code>, الخ. ونستعمل هذه الالوان المحددة فقط في تصميم الواجهة الخاصة بنا.",
  "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.",
  "List of all daisyUI color names": "قائمة جميع اسماء الوان daisyUI",
  "You can use these color names in your theme or in utility classes.": "يمكنك استعمال اسماء الألوان في تصميمك الخاص او في فئات الادوات المساعدة.",
  "Color name + description": "اسم اللون + الوصف",
  "Required or optional for themes": "اجباري او اختياري للتصاميم",
  "Example use": "مثال الاستعمال",
  "How to use": "كيفية الاستعمال",
  "Some daisyUI components come with modifier class names and that modifier class name will apply a color.": "تاتي بعض عناصر daisyUI مع بعض المعدلات التي تقوم بتغيير اللون في حال اضافتها",
  "For example": "على سبيل المثال",
  "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:": "يوجد فئات ادوات مساعدة يمكن استعمالها مع اسماء الالوان:",
  "So you can use <code>bg-primary</code>, <code>border-secondary</code>, etc.": "لذلك يمكنك استعمال <code>bg-primary</code>, <code>border-secondary</code>, الخ.",
  "daisyUI comes with a number of themes, which you can use with no extra effort.": "يأتي daisyUI مع عدد من التصاميم، والتي يمكنك استخدامها دون أي جهد إضافي.",
  "Each theme defines a set of colors which will be used on all daisyUI elements.": "يحدد كل تصميم مجموعة من الألوان التي سيتم استخدامها في جميع عناصر daisyUI.",
  "To use a theme, add its name in <span class=badge>tailwind.config.js</span> and activate it by adding <span class=badge>data-theme</span> attribute to <span class=badge>HTML</span> tag:": "لاستخدام تصميم، أضف اسمه في <span class=badge>tailwind.config.js</span> وقم باستخدامه عن طريق إضاف <span class=badge>data-theme</span> إلى شارة ال<span class=badge>HTML</span>:",
  "I suggest using <a href='https://github.com/saadeghi/theme-change'><code>theme-change</code></a>, so you can switch themes and save selected theme in local storage.": "انصحك باستعمال <a href='https://github.com/saadeghi/theme-change'><code>theme-change</code></a>, حتى تتمكن من تبديل التصاميم وحفظ التصميم المحددة في التخزين المحلي للمتصفح.",
  "List of themes": "قائمة جميع التصاميم",
  "Try them:": "قم بتجربتهم:",
  "The default theme is <code>light</code> (or <code>dark</code> for dark mode)": "التصميم المرجعي هو <code>light</code> (أو <code>dark</code> عند الوضع المظلم)",
  "but you can <a href='https://daisyui.com/docs/config/'>change the default theme from tailwind.config.js</a>": "لكن يمكنك <a href='https://daisyui.com/docs/config/'>تغيير التصميم الافتراضي من tailwind.config.js</a>",
  "How to remove unused themes?": "كيفية حذف التصاميم غير المستعملة؟",
  "You can only include the themes you want in your project.": "سوف يتم اضافةالتصاميم التي تريدها فقط في مشروعك.",
  "This will reduce the size of your CSS file.": "هذا سوف يساهم في تقليص حجم ملف CSS الناتج.",
  "In the below example": "في المثال الموالي",
  "<code>cupcake</code> will be the default theme for light mode": "<code>cupcake</code> سوف يكون المثال المرجعي في الوضع المضيئ ",
  "<code>dark</code> will be the default theme for dark mode": "<code>dark</code> سوف يكون المثال المرجعي في الوضع المظلم",
  "<code>cmyk</code> can be applied on any HTML tag with <code>data-theme='cmyk'</code>": "<code>cmyk</code> يمكن استخدام بوضع شارة ال HTML التالية <code>data-theme='cmyk'</code>",
  "How to disable all themes?": "كيفية تعطيل كافة التصاميم؟",
  "If you only want the default light and dark themes, set <code>themes</code> config to false.": "اذا كنت تريد الوضعين المضيئ و المظلم المرجعيين قم برفض اعداد <code>themes</code>.",
  "If you don't want to include any themes and disable all colors, set <code>themes</code> config to an empty array.": "اذا كنت لا تريد اضافة اي تصميم او لون, قم بوضع مصفوفة فارغة اعداد <code>themes</code>.",
  "How to use a theme only for a section of a page?": "كيف تستعمل تصميم في جزء من الصفحة فقط ؟",
  "Add <code>data-theme='THEME_NAME'</code> to any element and everything inside will have your theme.": "اضف <code>data-theme='THEME_NAME'</code> الى اي عنصر وكل ما بداخله سوف يطبق عليه التصميم المحدد.",
  "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?": "كيفية اضافة تصميم خاص جديد؟",
  "You can add a new theme from <code>tailwind.config.js</code> file.": "تستطيع اضافة تصميم جديد من ملف <code>tailwind.config.js</code>.",
  "In the below example, I added a new theme called <code>mytheme</code> and I'm also including <code>dark</code> and <code>cupcake</code> themes.": "في المثال الموالي, قمت باضافة تصميم مسمى <code>mytheme</code> وانا ايضا اضيف تصميم <code>dark</code> و <code>cupcake</code>.",
  "The first theme (<code>mytheme</code>) will be the default theme.": "التصميم الاول (<code>mytheme</code>) سوف يكون التصميم المرجعي.",
  "<code>dark</code> theme will be the default theme for dark mode.": "تصميم <code>dark</code> سوف يكون التصميم المرجعي في الوضع المظلم.",
  "In the below example, I have the required colors. All other colors will be generated automatically (Like the color of button when you focus on it or the color of text on a <code>primary</code> button).": "في المثال التالي, لدي الألوان الاجبارية سيتم إنشاء جميع الألوان الأخرى تلقائيًا (مثل لون الزر عندما تركز عليه أو لون النص الموجود على الزر <code>الأساسي</code>).",
  "CSS variables in daisyUI themes": "متغيرات CSS في تصماميم daisyUI",
  "There are a few optional CSS variables that you can use in daisyUI themes to customize design decisions for each theme:": "يوجد عدد من متغيرات CSS في تصاميم daisyUI تستعمل لتخصيص التصميم:",
  "You can also add <a href='/docs/colors/' class='link'>optional color names</a> to have full control over all colors.": "يمكنك ايضا اضافة<a href='/docs/colors/' class='link'>امساء الوان اختيارية</a> لكي تحصل على التحكم الكامل بجميع الالوان.",
  "Custom CSS for a daisyUI theme": "CSS خاص لتصاميم daisyUI",
  "You can apply custom style to a daisyUI themes using CSS:": "تستطيع اضافة تعديلات على تصماميم daisyUI باستخدام ال CSS:",
  "How to customize an existing theme?": "كيفية تخصيص التصاميم الافتراضية؟?",
  "In your tailwind.config.js, you can require an existing daisyUI theme and override some colors.": "في ملف tailwind.config.js, تستطيع استخدام تصميم daisyUI مع تعديل بعض الوانه.",
  "In the below example, I require and spread <code>light</code> theme and change its <code>primary</code> and <code>secondary</code> colors:": "في المثال التالي,اقوم باستخدام تصميم <code>light</code> theme وتغيير اللونين <code>primary</code> و <code>primary-focus</code>:",
  "Contribute to translation": "ساهم في الترجمة",
  "Alert informs users about important events.": "التنبيهات تنبه المستخدم بالاحداث المهمة.",
  "Artboard provides fixed size container to display a demo content on mobile size.": "يوفر المعرض حاوية ذات حجم ثابت لعرض المحتوى التجريبي على حجم الهاتف المحمول.",
  "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.": "تُستخدم الشارات لإعلام المستخدم بحالة بيانات محددة.",
  "Bottom navigation bar allows navigation between primary screens.": "يسمح شريط التنقل السفلي بالتنقل بين الشاشات الأساسية.",
  "Breadcrumbs helps users to navigate through the website.": "يساعد التنقل المتسلسل المستخدمين على التنقل عبر موقع الويب.",
  "Button group shows buttons next to each other.": "تعرض مجموعة الأزرار الأزرار بجانب بعضها البعض.",
  "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.": "يستخدم العنصر المنطوي لإظهار وإخفاء المحتوى",
  "Countdown gives you a transition effect of changing numbers.": "يمنحك العد التنازلي تأثيرًا انتقاليًا لتغيير الأرقام",
  "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.": "يمكن أن تفتح القائمة المنسدلة قائمة أو أي عنصر آخر عند النقر فوق الزر",
  "File Input is a 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.": "البطل هو مكون لعرض مربع كبير أو صورة مع عنوان ووصف.",
  "Indicators are used to place an element on the corner of another element.": "تستخدم المؤشرات لوضع عنصر على زاوية عنصر آخر",
  "Input group puts an input next to a text or a button.": "تضع مجموعة المداخل مدخلا بجوار نص أو زر..",
  "Text Input is a simple input field.": "مدخل النص هو حقل إدخال بسيط.",
  "Kbd is used to display keyboard shortcuts.": "تستخدم Kbd لعرض اختصارات لوحة المفاتيح.",
  "Link adds the missing underline style to links.": "يضيف عنصر الرابط التصاميم المفقودة في الروابط العادية.",
  "Mask crops the content of the element to common shapes.": "يقوم القناع بقص محتوى العنصر إلى أشكال شائعة.",
  "Menu is used to display a list of links vertically or horizontally.": "تستخدم القائمة لعرض قائمة الروابط عموديًا أو أفقيًا.",
  "Code mockup is used to show a block of code in a box that looks like a code editor.": "يُستخدم نموذج التعليمات البرمجية لإظهار مجموعة من التعليمات البرمجية في مربع يشبه محرر التعليمات البرمجية.",
  "Phone mockup shows a mockup of an iPhone.": "يُظهر نموذج الهاتف نموذجًا بالحجم الطبيعي لجهاز iPhone.",
  "Window mockup shows a box that looks like an operating system window.": "يُظهر نموذج النافذة مربعًا يشبه نافذة نظام التشغيل.",
  "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.": "يستخدم شريط التنقل لإظهار شريط التنقل أعلى الصفحة.",
  "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.": "يستخدم شريط التمرير لتحديد قيمة عن طريق تحريك المقبض.",
  "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.": "يستخدم عنصر الخيارات لانتقاء قيمة من قائمة الخيارات.",
  "Stack visually puts elements on top of each other.": "عنصر الطبقات يضع العناصر فوق بعضها البعض.",
  "Stat is used to show numbers and data in a box.": "يستخدم الإحصائيات لإظهار الأرقام والبيانات في مربع.",
  "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.": "يتيح لك Swap تبديل رؤية عنصرين باستخدام مربع اختيار أو اسم فئة.",
  "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.": "تسمح منطقة النص للمستخدمين بإدخال النص في أسطر متعددة.",
  "Toggle is a checkbox that is styled to look like a switch button.": "التبديل هو مربع اختيار تم تصميمه ليبدو كزر تبديل.",
  "Toast is a wrapper to stack elements, positioned on the corner of page.": "يستعمل الاشعار لاظهار اشعارات متكدسة ويتم وضعه في زاوية الصفحة.",
  "Tooltip can be used to show a message when hovering over an element.": "يمكن استخدام تلميح الأداة لإظهار رسالة عند المرور فوق عنصر ما.",
  "Code mockup": "نموذج سورس كود",
  "Phone mockup": "نموذج هاتف",
  "Window mockup": "نموذج متصفح",
  "File Input": "مدخل ملفات",
  "Text Input": "مدخل نصوص",
  "Range slider": "شريط تمرير",
  "Tabs": "نوافذ التبويب",
  "All daisyUI components": "جميع عناصر daisyUI",
  "Class name": "اسم الفئة",
  "Type": "Type",
  "Search": "بحث",
  "daisyUI themes": "daisyUI تصاميم",
  "How to use daisyUI themes?": "كيفية استعمال تصاميم daisyUI؟",
  "daisyUI Theme Generator": "daisyUI مولد التصاميم",
  "You can add your custom themes to <span class='badge badge-outline'>tailwind.config.js</span> file in <span class='badge badge-outline'>daisyui > themes</span> array. On this page, you can pick required color values and see how the components will look like with them.": "يمكنك إضافة فئاتك المخصصة إلى ملف <span class='badge Badge-outline'>tailwind.config.js</span> في مصفوفة <span class='badge Badge-outline'>daisyui >Themes</span>. في هذه الصفحة، يمكنك اختيار قيم الألوان المطلوبة ومعرفة كيف ستبدو المكونات معها.",
  "You can also define optional colors to have more control on the color values (for example: the color of a button when it's focused on the color of the text on a button)": "يمكنك أيضًا تحديد الألوان الاختيارية للحصول على مزيد من التحكم في قيم الألوان (على سبيل المثال: لون الزر عندما يتم التركيز على لون النص الموجود على الزر)",
  "Check out <a class='link font-bold' href='/docs/colors/'>colors page</a> to see all the color names you can use.": "راجع <a class='link Font-bold' href='/docs/colors/'>صفحة الألوان</a> للاطلاع على جميع أسماء الألوان التي يمكنك استخدامها.",
  "Check out <a class='link font-bold' href='/docs/themes/'>themes page</a> to see all the CSS variables you can use to customize the design decision (example: border-radius, animations, etc.)": "تفقد <a class='link font-bold' href='/docs/themes/'>صفحة التصاميم</a> للاطلاع على جميع متغيرات CSS التي يمكنك استخدامها لتخصيص قرار التصميم (مثال: border-radius, animations, etc.)",
  "Randomize": "عشوائي",
  "Reset": "إعادة ضبط",
  "Preview": "معاينة",
  "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..",
  "Read more": "اقرأ أكثر",
  "Typography": "الخط",
  "You should use official <a href='https://github.com/tailwindlabs/tailwindcss-typography'>TailwindCSS Typography plugin</a>.": "يجب ان تستعمل <a href='https://github.com/tailwindlabs/tailwindcss-typography'>اضافة خطوط TailwindCSS</a>.",
  "It handles everything and it's fully customizable.": "تستطيع التعامل مع كل شيئ وهي قابلة للتخصيص بالكامل.",
  "daisyUI adds some style to @tailwindcss/typography so it will use the same theme as other elements.": "تضيف daisyUI بعض الأنماط إلى @tailwindcss/typography لذلك ستستخدم نفس الفئة مثل العناصر الأخرى.",
  "Make sure you require <span class='badge badge-outline'>daisyui</span> AFTER <span class='badge badge-outline'>@tailwindcss/typography</span> in tailwind.config.js": "أكد من أنك تحتاج إلى <span class='badge Badge-outline'>daisyui</span> بعد <span class='badge Badge-outline'>@tailwindcss/typography</span> في tailwind.config.js",
  "Here you can see how elements will look using <code>@tailwindcss/typography</code>.": "هنا يمكنك أن ترى كيف ستبدو العناصر باستخدام <code>@tailwindcss/typography</code>.",
  "To use a custom prefix, <a class='link' href='/docs/config/#prefix'>add your prefix string to config</a>": "لاستعمال بدايات مخصصة, <a class='link' href='/docs/config/#prefix'>اضف بدايتك الى الاعدادات</a>",
  "Component": "عنصر",
  "Modifier": "فئة معدل",
  "Responsive": "عنصر متجاوب",
  "Changes the style of a component": "تغير من شكل العنصر",
  "Supports responsive prefixes (sm:, lg:, …)": "تدعم البدايات المستجيبة (sm:, lg:, …)",
  "Make your theme": "اصنع تصميم خاص بك",
  "More examples": "المزيد من الأمثلة",
  "Support daisyUI's development": "daisyUI's ساعد على تطوير",
  "The most popular": "أشهر",
  "component library": "مكتبة عناصر",
  "for Tailwind CSS": "ل Tailwind CSS",
  "daisyUI adds component class names to Tailwind&nbsp;CSS<br /> so you can make beautiful websites <span class='border-base-content/20 border-b-2'>faster than ever.</span>": "daisyUI تضيف اسماء فئات خاصة ل Tailwind&nbsp;CSS<br /> لكي تستطيع بناء مواقع جميلة <span class='border-base-content/20 border-b-2'>أسرع من أي وقت مضى.</span>",
  "don't re-invent <br/>the wheel <br/>every time": "لا تعد اختراع <br/>العجلة كل مرة",
  "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<br /> <span class='text-error'><span class='font-black'>100</span> class names</span>": "بدل كتابة<br /> <span class='text-error'><span class='font-black'>100</span>اسم فئة</span>",
  "For every element, every page, every project,<br/>again and again": "لكل عنصر, ولكل صفحة, ولكل مشروع,<br/>مرارا وتكرارا",
  "use <span class='text-success'><span class='font-black'>semantic</span> <br />class names</span>": "استعمل <span class='text-success'><span class='font-black'>أسماء فئات</span> <br />دلالية متناسقة</span>",
  "It's descriptive, faster, cleaner and easier to maintain.": "وصفية, سريعة. نقية و سهلة الصيانة.",
  "Features": "خصائص",
  "Links": "روابط",
  "Message": "راسل",
  "Cleaner HTML": "أنقى HTML",
  "Customizable": "مخصص",
  "Themeable": "قابل التصميم",
  "Pure CSS": "نقي CSS",
  "Dashboard": "لوحة تحكم",
  "Notifications": "اشعارات",
  "Messages": "رسائل",
  "People": "الاشخاص",
  "Products": "منتجات",
  "Use Tailwind CSS but write fewer class names.": "استعمل Tailwind CSS مع كتابة اسماء فئات أقل.",
  "Pure CSS. <br />No JS dependency": "نقي CSS. <br />بدون الاعتماد على الجافاسكريبت",
  "Works on all frameworks": "تعمل على جميع الاطارات",
  "Design system": "أنظمة التصميم",
  "Styling a simple button": "تصميم زر بسيط",
  "Result": "النتيجة",
  "Take Tailwind CSS": "خذ Tailwind CSS",
  "to the next level": "الى المستوى الأعلى",
  "daisyUI adds class names to Tailwind CSS<br />for all common UI components.<br />Class names like": "daisyUI تضيف أسماء فئات الى Tailwind CSS<br />لجميع عناصر الواجهات الشائعة.<br />أسماء فئات مثل",
  "and many more.": "وأكثر من ذلك بكثير",
  "This allows us to focus on important things<br />instead of styling basic elements for every project.": "لكي تركز على أشياء أهم<br />أكثر من تزيين العناصر المتكررة لكل مشروع.",
  "No_more_ugly_HTML_part_1": "لا",
  "No_more_ugly_HTML_part_2": "مزيد",
  "No_more_ugly_HTML_part_3": "من ال HTML",
  "No_more_ugly_HTML_part_4": "البشع",
  "Write fewer class names<br />Use component class names<br />modify them using Tailwind CSS utilities.": "اكتب أسماء فئات أقل بكثر<br />استعمل اسماء فئات العناصر<br />و قم بتعديلهم باستخدام أدوات Tailwind CSS.",
  "Click": "اضغظ",
  "Tailwind only": "Tailwind فقط",
  "Tailwind + daisyUI": "Tailwind + daisyUI",
  "Save": "احفظ",
  "Accept terms of use": "اقبل شروط الاستعمال",
  "Submit to newsletter": "اضف الى النشرة الاخبارية",
  "Fewer class names": "اسماء فئات أقل",
  "Faster development": "تطوير أسرع",
  "Smaller file size": "حجم ملفات اقل",
  "With daisyUI, you write 80% fewer class names<br />And your HTML size will be about 70% smaller.": "مع daisyUI, اكتب اسماء فئات اقل ب 80%<br />حجم ال HTML الخاص بك سوف يكن اصغر ب %70.",
  "CSS Class names": "أسماء فئات CSS",
  "fewer class names": "اسماء فئات أقل",
  "HTML size": "HTML حجم",
  "smaller DOM size": "حجم DOM اصغر",
  "Highly customizable": "قابلة للتخصيص بدرجة عالية",
  "Powered by Tailwind&nbsp;CSS utility&nbsp;classes": "مدعومة بأدوات Tailwind&nbsp;CSS &nbsp;",
  "daisyUI is built on top of Tailwind&nbsp;CSS so you can customize everything using utility classes.": "daisyUI مبنية باستخدام Tailwind&nbsp;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_2": "قرارات",
  "Apply_your_own_design_decisions_part_3": "التصميم",
  "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 popular<br />component library for Tailwind&nbsp;CSS": "daisyUI المكتبة الاكثر شهرة<br />لعناصر Tailwind&nbsp;CSS",
  "open-source projects using daisyUI": "مشاريع مفتوحة المصدر تستعمل daisyUI",
  "Free and open-source": "مجانية ومفتوحة المصدر",
  "Built by the community": "مبنية من طرف مجتمعنا الرقمي",
  "daisyUI welcomes contributions from developers around the world": "daisyUI ترحب بجميع مساهمات المطورين في أنحاء العالم",
  "Sponsors and backers": "الرعاة والداعمين",
  "Try daisyUI": "جرب daisyUI",
  "on your favorite framework": "على اطارك المفضل",
  "See all examples": "جميع الأمثلة",
  "Or play with daisyUI on": "أو جرب daisyUI على",
  "Admin panel": "لوحة ادارة",
  "Updates": "التحديثات",
  "Stats": "احصائيات",
  "Unlimited themes": "تصاميم لا نهائية",
  "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": "جميع التصاميم",
  "Semantic colors": "الوان متناسقة",
  "Learn more about colors": "اعرف المزيد حول الألوان",
  "Get started": "ابدأ",
  "daisyUI 3 is available now!": "daisyUI 3 متاح الأن!",
  "Become a sponsor": "ادعمنا",
  "Blog": "مدونة",
  "related projects": "مشاريع مشابهة",
  "Sponsors": "الرعاة",
  "Accordion": "أكورديون",
  "Join (group items)": "تنضيم (تجميع العناصر)",
  "Use daisyUI from CDN": "استعمل daisyUI بواسطة CDN",
  "How to use daisyUI from a CDN?": "كيفية استعمال daisyUI من خلال CDN",
  "Browser": "متصفح",
  "Browser mockup": "نموذج المتصفح",
  "etc.": "الخ...",
  "How to add custom styles for a specific theme?": "كيف تضيف تعديلات خاصة لتصميم محدد؟",
  "You can write custom style for your elements only for a specific theme.": "نعم تستطيع كتابة تعديلات خاصة لعناصر تصميم محدد",
  "In this example, .btn-twitter class only will have this style on light theme.": "في هذا المثال, فئة .btn-twitter سوف يطبق عليها هذا التعديل في تصميم light فقط",
  "Loading shows an animation to indicate that something is loading.": "يُظهر التحميل رسمًا متحركًا للإشارة إلى أنه يتم تحميل شيء ما.",
  "Loading": "جاري التحميل",
  "Join": "ضم",
  "Join is a container for grouping multiple items, it can be used to group buttons, inputs, or any other element. Join applies border radius to the first and last item. Join can be used to create a horizontal or vertical list of items.": "عنصر ضم هو عبارة عن حاوية لتجميع عناصر متعددة، ويمكن استخدامها لتجميع الأزرار أو المدخلات أو أي عنصر آخر. يطبق عنصر الضم حدودا على العنصر الأول والأخير. يمكن استخدام الانضمام لإنشاء قائمة أفقية أو رأسية من العناصر",
  "Accordion is used for showing and hiding content but only one item can stay open at a time.": "Accordion is used for showing and hiding content but only one item can stay open at a time.",
  "Accordion uses the same style as the <a href='/components/collapse/' class='link'>collapse component</a> but it works with radio inputs. You can control which item to be open by checking/unchecking the hidden radio input.": "Accordion uses the same style as the <a href='/components/collapse/' class='link'>collapse component</a> but it works with radio inputs. You can control which item to be open by checking/unchecking the hidden radio input.",
  "Click to open this one and close others": "Click to open this one and close others",
  "Using Accordion and Join together": "Using Accordion and Join together",
  "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.": "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.",
  "Browser mockup shows a box that looks like a browser window.": "Browser mockup shows a box that looks like a browser window.",
  "You need to change to `--value` CSS variable using JS. Value must be a number between 0 and 99.": "You need to change to `--value` CSS variable using JS. Value must be a number between 0 and 99.",
  "There are 3 ways to use a modal:": "There are 3 ways to use a modal:",
  "Make sure you're using unique IDs for each modal": "Make sure you're using unique IDs for each modal",
  "Also see <a href='/components/accordion/' class='link'>accordion</a> examples": "Also see <a href='/components/accordion/' class='link'>accordion</a> examples",
  "Radial progress needs `--value` CSS variable to work.<br />To change the size, use `--size` CSS variable which has a default value of `4rem`.<br />To change the thickness, use `--thickness` CSS variable which is 10% of the size by default.<br />": "Radial progress needs `--value` CSS variable to work.<br />To change the size, use `--size` CSS variable which has a default value of `4rem`.<br />To change the thickness, use `--thickness` CSS variable which is 10% of the size by default.<br />",
  "Deprecated": "Deprecated",
  "Drawer sidebar is hidden by default. You can make it visible on larger screens using <code>lg:drawer-open</code> class (or using other responsive prefixes: <code>sm</code>, <code>md</code>, <code>lg</code>, <code>xl</code>)": "Drawer sidebar is hidden by default. You can make it visible on larger screens using <code>lg:drawer-open</code> class (or using other responsive prefixes: <code>sm</code>, <code>md</code>, <code>lg</code>, <code>xl</code>)",
  "This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join'>Join</a> instead.": "This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join'>Join</a> instead.",
  "Docs": "Docs",
  "Components": "Components",
  "Which element to attach the theme CSS variables to.": "Which element to attach the theme CSS variables to.",
  "In certain situations (such as embedding daisyUI in a shadow root) it may be useful to set this to e.g. <code>*</code>, so all components will have access to the required CSS variables.": "In certain situations (such as embedding daisyUI in a shadow root) it may be useful to set this to e.g. <code>*</code>, so all components will have access to the required CSS variables.",
  "Utilities": "Utilities",
  "Utility classes and CSS variables": "Utility classes and CSS variables",
  "Additional utility classes and CSS variables that daisyUI uses for components and themes": "Additional utility classes and CSS variables that daisyUI uses for components and themes",
  "Color utility classes": "Color utility classes",
  "All daisyUI colors can be used as utility classes. Just like any other Tailwind CSS color. For example you can use `primary` color with any of Tailwind CSS color utilities.": "All daisyUI colors can be used as utility classes. Just like any other Tailwind CSS color. For example you can use `primary` color with any of Tailwind CSS color utilities.",
  "Border radius": "Border radius",
  "These extended border radius are being used in daisyUI components. The values depend on the theme so you can have a different design decision about border radius of elements based on the active theme. You can use any Tailwind CSS border radius class for these names as well. Like `rounded-r-box` or `rounded-tr-btn`": "These extended border radius are being used in daisyUI components. The values depend on the theme so you can have a different design decision about border radius of elements based on the active theme. You can use any Tailwind CSS border radius class for these names as well. Like `rounded-r-box` or `rounded-tr-btn`",
  "Glass": "Glass",
  "These glass class to give elements a matte glass effect": "These glass class to give elements a matte glass effect",
  "CSS variables": "CSS variables",
  "These CSS variables are being used internally. You can customize them in your custom theme in `tailwind.config.js` or you can even customize them with a class name like `[--animation-btn:0]`": "These CSS variables are being used internally. You can customize them in your custom theme in `tailwind.config.js` or you can even customize them with a class name like `[--animation-btn:0]`",
  "Component specific CSS variables": "Component specific CSS variables",
  "These CSS variables are being used internally for a specific component": "These CSS variables are being used internally for a specific component",
  "Theme Controller": "Theme Controller",
  "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.": "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.",
  "Theme Controller changes the theme using CSS only. You can then use JS to save the input state in the server or localStorage if you want it to persist on page refresh. <br/>Here's a React example to save checkbox state in local storage:": "Theme Controller changes the theme using CSS only. You can then use JS to save the input state in the server or localStorage if you want it to persist on page refresh. <br/>Here's a React example to save checkbox state in local storage:",
  "Diff": "Diff",
  "Diff component shows a side-by-side comparison of two items.": "Diff component shows a side-by-side comparison of two items.",
  "Timeline": "Timeline",
  "Timeline component shows a list of events in chronological order.": "Timeline component shows a list of events in chronological order.",
  "The <span class=badge>hr</span> tag at the start or end of each item, displays a line to connect items.": "The <span class=badge>hr</span> tag at the start or end of each item, displays a line to connect items.",
  "Feedback": "Feedback",
  "Skeleton": "Skeleton",
  "Skeleton is a component that can be used to show a loading state of a component.": "Skeleton is a component that can be used to show a loading state of a component.",
  "Container element": "Container element",
  "Using <code>&lt;dialog&gt;</code> element: It needs JS to open but it has better accessibility and we can close it using <span class='kbd kbd-xs'>Esc</span> key": "Using <code>&lt;dialog&gt;</code> element: It needs JS to open but it has better accessibility and we can close it using <span class='kbd kbd-xs'>Esc</span> key",
  "Using a hidden <code>&lt;input type='checkbox'&gt;</code> and <code>&lt;label&gt;</code> to check/uncheck the checkbox and open/close the modal": "Using a hidden <code>&lt;input type='checkbox'&gt;</code> and <code>&lt;label&gt;</code> to check/uncheck the checkbox and open/close the modal",
  "Using <code>&lt;a&gt;</code> anchor links: A link adds a parameter to the URL and you only see the modal when the URL has that parameter": "Using <code>&lt;a&gt;</code> anchor links: A link adds a parameter to the URL and you only see the modal when the URL has that parameter",
  "This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join/'>Join</a> instead.": "This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join/'>Join</a> instead.",
  "": ""
}
