{
  "__name": "فارسی",
  "__code": "FA",
  "__direction": "rtl",
  "__status": "",
  "Tailwind CSS Components": "اجزای CSS Tailwind",
  "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 /> برای فریم‌ورک های Utility-First 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": "Actions",
  "Button": "Button",
  "Dropdown": "Dropdown",
  "Modal": "Modal",
  "Swap": "Swap",
  "Data display": "Data display",
  "Alert": "Alert",
  "Avatar": "Avatar",
  "Badge": "Badge",
  "Card": "Card",
  "Carousel": "Carousel",
  "Chat bubble": "Chat bubble",
  "Collapse": "Collapse",
  "Countdown": "Countdown",
  "Kbd": "Kbd",
  "Progress": "Progress",
  "Radial progress": "Radial progress",
  "Stat": "Stat",
  "Table": "Table",
  "Tooltip": "Tooltip",
  "Data input": "Data input",
  "Checkbox": "Checkbox",
  "Text input": "Text input",
  "Radio": "Radio",
  "Range": "Range",
  "Rating": "Rating",
  "Select": "Select",
  "Textarea": "Textarea",
  "Toggle": "Toggle",
  "Layout": "Layout",
  "Artboard": "Artboard",
  "Button group": "Button group",
  "Divider": "Divider",
  "Drawer": "Drawer",
  "Footer": "Footer",
  "Hero": "Hero",
  "Indicator": "Indicator",
  "Input group": "Input group",
  "Mask": "Mask",
  "Stack": "Stack",
  "Toast": "Toast",
  "Navigation": "Navigation",
  "Breadcrumbs": "Breadcrumbs",
  "Bottom navigation": "Bottom navigation",
  "Link": "Link",
  "Menu": "Menu",
  "Navbar": "Navbar",
  "Pagination": "Pagination",
  "Steps": "Steps",
  "Tab": "Tab",
  "Mockup": "Mockup",
  "Code": "Code",
  "Phone": "Phone",
  "Window": "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 استفاده کنید:",
  "You can customize components on your CSS file, using Tailwind's @apply directive:": "با استفاده از دستورالعمل @apply Tailwind می‌توانید اجزای فایل CSS خود را سفارشی کنید:",
  "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.": "daisyUI را می توان از فایل <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.": "اگر درست باشد، وقتی CSS در حال ساخت است، 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> را به برچسب بدن خود اضافه کنید.",
  "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>تاریک</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.": "کلاس‌های ابزاری مانند نام‌های رنگ (مانند <code>bg-primary</code>) یا border-radius (به عنوان مثال <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>.": "اگر از گزینه <code>prefix</code> daisyUI (مانند <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>تغییر تم</code></a> استفاده کنید، بنابراین می‌توانید تم‌ها را تغییر دهید و طرح زمینه انتخابی را در فضای ذخیره‌سازی محلی ذخیره کنید. .",
  "List of themes": "لیست تم‌ها",
  "Try them:": "آنها را امتحان کنید:",
  "The default theme is <code>light</code> (or <code>dark</code> for dark mode)": "طرح زمینه پیش‌فرض <code>روشن</code> (یا <code>تاریک</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>کاپ کیک</code> تم پیش‌فرض برای حالت نور خواهد بود",
  "<code>dark</code> will be the default theme for dark mode": "<code>تاریک</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> را روی false تنظیم کنید.",
  "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>تاریک</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>تاریک</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:": "می‌توانید با استفاده از CSS استایل سفارشی را روی تم‌های daisyUI اعمال کنید:",
  "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> را مورد نیاز و گسترش می‌دهم و رنگ‌های <code>primary</code> و <code>secondary</code> آن را تغییر می‌دهم:",
  "Contribute to translation": "کمک به ترجمه",
  "Alert informs users about important events.": "هشدار به کاربران در مورد رویدادهای مهم اطلاع می دهد.",
  "Artboard provides fixed size container to display a demo content on mobile size.": "Artboard ظرفی با اندازه ثابت برای نمایش محتوای نسخه ی نمایشی در اندازه تلفن همراه ارائه می دهد.",
  "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.": "Breadcrumbs به کاربران کمک می‌کند تا در وب سایت حرکت کنند.",
  "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.": "از Collapse برای نمایش و پنهان کردن محتوا استفاده می شود.",
  "Countdown gives you a transition effect of changing numbers.": "شمارش معکوس به شما یک اثر گذار از تغییر اعداد می دهد.",
  "Divider will be used to separate content vertically or horizontally.": "Divider برای جداسازی محتوا به صورت عمودی یا افقی استفاده خواهد شد.",
  "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.": "File Input یک فیلد ورودی برای آپلود فایل است.",
  "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.": "از نشانگرها برای قرار دادن یک عنصر در گوشه یک عنصر دیگر استفاده می شود.",
  "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.": "Mask محتوای عنصر را به اشکال رایج برش می دهد.",
  "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.": "ماکت تلفن، ماکت آیفون را نشان می دهد.",
  "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.": "Modal برای نشان دادن یک دیالوگ یا کادر زمانی که روی یک دکمه کلیک می کنید استفاده می شود.",
  "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.": "Select برای انتخاب یک مقدار از لیست گزینه ها استفاده می شود.",
  "Stack visually puts elements on top of each other.": "پشته به صورت بصری عناصر را روی هم قرار می دهد.",
  "Stat is used to show numbers and data in a box.": "Stat برای نمایش اعداد و داده ها در یک جعبه استفاده می شود.",
  "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.": "Textarea به کاربران اجازه می دهد متن را در چند خط وارد کنند.",
  "Toggle is a checkbox that is styled to look like a switch button.": "Toggle یک چک باکس است که به شکل دکمه سوئیچ طراحی شده است.",
  "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.": "از Tooltip می‌توان برای نشان دادن پیام در هنگام قرار دادن ماوس روی یک عنصر استفاده کرد.",
  "Code mockup": "ماکت کد",
  "Phone mockup": "ماکت گوشی",
  "Window mockup": "ماکت پنجره",
  "File Input": "File Input",
  "Text Input": "ورودی متن",
  "Range slider": "لغزنده برد",
  "Tabs": "زبانه ها",
  "All daisyUI components": "تمام اجزای daisyUI",
  "Class name": "نام کلاس",
  "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 را که می توانید برای سفارشی کردن تصمیم طراحی استفاده کنید (مثال: حاشیه-شعاع، انیمیشن ها) ببینید ، و غیره.)",
  "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.": "چیدمان، اندازه، شبکه‌ها، فاصله و غیره همه توسط کلاس‌های کاربردی 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 پشتیبانی کنید",
  "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'>۱۰۰</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> </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 />بدون وابستگی به JS",
  "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": "HTML",
  "No_more_ugly_HTML_part_2": "زشت",
  "No_more_ugly_HTML_part_3": "دیگه",
  "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",
  "daisyUI is built on top of Tailwind&nbsp;CSS so you can customize everything using utility classes.": "daisyUI با Tailwind&nbsp;CSS ساخته شده است، بنابراین می‌توانید همه چیز را با استفاده از کلاس‌های 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 است. روی همه‌ی فریم‌ورک‌های JS کار می‌کند و به فایل اضافه‌ی JS نیاز ندارد.",
  "Install daisyUI as a dev dependency and use the class names just like any other Tailwind CSS class name.": "daisyUI را به‌عنوان یک dev dependency نصب کنید و از نام کلاس‌های daisyUI مانند کلاس‌های Tailwind CSS استفاده کنید.",
  "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 است",
  "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 برای مقادیر استفاده می کنند. با استفاده از نام رنگ‌های daisyUI، تم تاریک و حتی تم‌های بیشتری را بدون اضافه کردن نام کلاس جدید خواهید داشت.",
  "See all themes": "همه‌ی تم‌ها را ببینید",
  "Semantic colors": "رنگ‌های با‌معنی",
  "Learn more about colors": "درباره رنگ‌ها بیشتر بدانید",
  "Get started": "شروع کنید",
  "daisyUI 3 is available now!": "daisyUI 3 اکنون در دسترس است!",
  "Become a sponsor": "اسپانسر شوید",
  "Blog": "Blog",
  "Sponsors": "Sponsors",
  "Use daisyUI from CDN": "Use daisyUI from CDN",
  "How to use daisyUI from a CDN?": "How to use daisyUI from a CDN?",
  "etc.": "etc.",
  "Accordion": "Accordion",
  "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.",
  "Join": "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.": "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.",
  "Loading": "Loading",
  "Loading shows an animation to indicate that something is loading.": "Loading shows an animation to indicate that something is loading.",
  "Browser mockup": "Browser mockup",
  "Browser mockup shows a box that looks like a browser window.": "Browser mockup shows a box that looks like a browser window.",
  "Browser": "Browser",
  "you need to change the `--value` CSS variable using JS. Value must be a number between 0 and 99.": "you need to change the `--value` CSS variable using JS. Value must be a number between 0 and 99.",
  "How to add custom styles for a specific theme?": "How to add custom styles for a specific theme?",
  "You can write custom style for your elements only 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.": "In this example, .btn-twitter class only will have this style on light theme.",
  "related projects": "related projects",
  "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>)",
  "Join (group items)": "Join (group items)",
  "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.",
  "": ""
}
