[{"data":1,"prerenderedAt":3763},["ShallowReactive",2],{"navigation":3,"-docs-getting-started-theme-css-variables":929,"-docs-getting-started-theme-css-variables-description":3755},[4],{"title":5,"path":6,"stem":7,"children":8,"page":36},"Docs","/docs","docs",[9,163,792,828],{"title":10,"path":11,"stem":12,"children":13,"framework":16,"category":16,"description":16,"icon":30},"Get Started","/docs/getting-started","docs/1.getting-started/1.index",[14,19,37,47,53,76,140],{"title":15,"path":11,"stem":12,"framework":16,"category":16,"description":17,"icon":18},"Introduction",null,"Nuxt UI is a comprehensive Vue UI component library (Nuxt optional), offering 125+ accessible, Tailwind CSS components for building modern web applications.","i-lucide-house",{"title":20,"framework":16,"category":16,"description":16,"shadow":21,"path":22,"stem":23,"children":24,"page":36},"Installation",true,"/docs/getting-started/installation","docs/1.getting-started/2.installation",[25,31],{"title":20,"path":26,"stem":27,"framework":28,"category":16,"description":29,"icon":30},"/docs/getting-started/installation/nuxt","docs/1.getting-started/2.installation/1.nuxt","nuxt","Learn how to install and configure Nuxt UI in your Nuxt application.","i-lucide-square-play",{"title":20,"path":32,"stem":33,"framework":34,"category":16,"description":35,"icon":30},"/docs/getting-started/installation/vue","docs/1.getting-started/2.installation/2.vue","vue","Learn how to install and configure Nuxt UI in your Vue application, compatible with both plain Vite and Inertia.",false,{"title":38,"framework":16,"category":16,"description":16,"icon":39,"shadow":21,"path":40,"stem":41,"children":42,"page":36},"Migration","i-lucide-arrow-right-left","/docs/getting-started/migration","docs/1.getting-started/3.migration",[43],{"title":38,"path":44,"stem":45,"framework":16,"category":16,"description":46,"icon":39},"/docs/getting-started/migration/v4","docs/1.getting-started/3.migration/1.v4","A comprehensive guide to migrate your application from Nuxt UI v3 to Nuxt UI v4.",{"title":48,"path":49,"stem":50,"framework":16,"category":16,"description":51,"icon":52},"Contribution","/docs/getting-started/contribution","docs/1.getting-started/4.contribution","A comprehensive guide on contributing to Nuxt UI, including project structure, development workflow, and best practices.","i-lucide-handshake",{"title":54,"path":55,"stem":56,"children":57,"page":36},"Theme","/docs/getting-started/theme","docs/1.getting-started/5.theme",[58,64,70],{"title":59,"path":60,"stem":61,"framework":16,"category":16,"description":62,"icon":63},"Design System","/docs/getting-started/theme/design-system","docs/1.getting-started/5.theme/1.design-system","Nuxt UI's design system uses Tailwind CSS for simple theming and easy customization.","i-lucide-palette",{"title":65,"path":66,"stem":67,"framework":16,"category":16,"description":68,"icon":69},"CSS Variables","/docs/getting-started/theme/css-variables","docs/1.getting-started/5.theme/2.css-variables","Nuxt UI uses CSS variables as design tokens for flexible, consistent theming with built-in light and dark mode support.","i-lucide-swatch-book",{"title":71,"path":72,"stem":73,"framework":16,"category":16,"description":74,"icon":75},"Components","/docs/getting-started/theme/components","docs/1.getting-started/5.theme/3.components","Learn how to customize Nuxt UI components with the Tailwind Variants API for advanced, flexible, and maintainable styling.","i-lucide-layout-grid",{"title":77,"framework":16,"category":16,"description":16,"path":78,"stem":79,"children":80,"page":36},"Integrations","/docs/getting-started/integrations","docs/1.getting-started/6.integrations",[81,95,101,115,129,135],{"title":82,"framework":16,"category":16,"description":16,"shadow":21,"path":83,"stem":84,"children":85,"page":36},"Icons","/docs/getting-started/integrations/icons","docs/1.getting-started/6.integrations/1.icons",[86,91],{"title":82,"path":87,"stem":88,"framework":28,"category":16,"description":89,"icon":90},"/docs/getting-started/integrations/icons/nuxt","docs/1.getting-started/6.integrations/1.icons/1.nuxt","Nuxt UI integrates with Nuxt Icon to access over 200,000+ icons from Iconify.","i-lucide-smile",{"title":82,"path":92,"stem":93,"framework":34,"category":16,"description":94,"icon":90},"/docs/getting-started/integrations/icons/vue","docs/1.getting-started/6.integrations/1.icons/2.vue","Nuxt UI integrates with Iconify to access over 200,000+ icons.",{"title":96,"path":97,"stem":98,"framework":28,"category":16,"description":99,"icon":100},"Fonts","/docs/getting-started/integrations/fonts","docs/1.getting-started/6.integrations/2.fonts","Nuxt UI integrates with Nuxt Fonts to provide plug-and-play font optimization.","i-lucide-a-large-small",{"title":102,"framework":16,"category":16,"description":16,"shadow":21,"path":103,"stem":104,"children":105,"page":36},"Color Mode","/docs/getting-started/integrations/color-mode","docs/1.getting-started/6.integrations/3.color-mode",[106,111],{"title":102,"path":107,"stem":108,"framework":28,"category":16,"description":109,"icon":110},"/docs/getting-started/integrations/color-mode/nuxt","docs/1.getting-started/6.integrations/3.color-mode/1.nuxt","Nuxt UI integrates with Nuxt Color Mode to allow for easy switching between light and dark themes.","i-lucide-sun-moon",{"title":102,"path":112,"stem":113,"framework":34,"category":16,"description":114,"icon":110},"/docs/getting-started/integrations/color-mode/vue","docs/1.getting-started/6.integrations/3.color-mode/2.vue","Nuxt UI integrates with VueUse to allow for easy switching between light and dark themes.",{"title":116,"framework":16,"category":16,"description":16,"shadow":21,"path":117,"stem":118,"children":119,"page":36},"I18n","/docs/getting-started/integrations/i18n","docs/1.getting-started/6.integrations/4.i18n",[120,126],{"title":121,"path":122,"stem":123,"framework":28,"category":16,"description":124,"icon":125},"Internationalization (i18n)","/docs/getting-started/integrations/i18n/nuxt","docs/1.getting-started/6.integrations/4.i18n/1.nuxt","Nuxt UI supports 50+ locales and multi-directional (LTR/RTL) internationalization.","i-lucide-languages",{"title":121,"path":127,"stem":128,"framework":34,"category":16,"description":124,"icon":125},"/docs/getting-started/integrations/i18n/vue","docs/1.getting-started/6.integrations/4.i18n/2.vue",{"title":130,"path":131,"stem":132,"framework":28,"category":16,"description":133,"icon":134},"Content","/docs/getting-started/integrations/content","docs/1.getting-started/6.integrations/5.content","Nuxt UI integrates with Nuxt Content to deliver beautiful typography and consistent component styling.","i-simple-icons-markdown",{"title":136,"path":137,"stem":138,"framework":34,"category":16,"description":139,"icon":134},"SSR","/docs/getting-started/integrations/ssr","docs/1.getting-started/6.integrations/6.ssr","Nuxt UI has first-party support for Vue SSR. This guide will help you have it fully enabled.",{"title":141,"framework":16,"category":16,"description":16,"path":142,"stem":143,"children":144,"page":36},"Agents","/docs/getting-started/ai","docs/1.getting-started/7.ai",[145,151,157],{"title":146,"path":147,"stem":148,"framework":16,"category":16,"description":149,"icon":150},"MCP Server","/docs/getting-started/ai/mcp","docs/1.getting-started/7.ai/1.mcp","Use Nuxt UI components in your AI assistants with Model Context Protocol support.","i-lucide-server",{"title":152,"path":153,"stem":154,"framework":16,"category":16,"description":155,"icon":156},"LLMs.txt","/docs/getting-started/ai/llms-txt","docs/1.getting-started/7.ai/2.llms-txt","How to get AI tools like Cursor, Windsurf, GitHub Copilot, ChatGPT, and Claude to understand Nuxt UI components, theming, and best practices.","i-lucide-bot",{"title":158,"path":159,"stem":160,"framework":16,"category":16,"description":161,"icon":162},"Skills","/docs/getting-started/ai/skills","docs/1.getting-started/7.ai/3.skills","Install Nuxt UI skills to give AI coding agents deep knowledge of components, theming, and best practices.","i-lucide-sparkles",{"title":71,"framework":16,"category":16,"description":16,"icon":164,"path":165,"stem":166,"children":167,"page":36},"i-lucide-square-code","/docs/components","docs/2.components",[168,174,180,186,192,197,202,207,212,217,222,228,233,238,243,248,253,258,264,269,274,279,284,290,295,300,305,311,316,321,326,331,336,341,346,352,357,362,367,372,378,384,389,394,399,404,409,414,419,424,429,434,439,446,451,456,461,466,471,476,481,486,491,496,501,506,511,516,521,526,531,536,541,546,551,556,561,567,572,577,582,587,592,597,602,607,612,617,622,627,632,637,642,647,652,657,662,667,672,677,682,687,692,697,702,707,712,717,722,727,732,737,742,747,752,757,762,767,772,777,782,787],{"title":169,"path":170,"stem":171,"framework":16,"category":172,"description":173},"Accordion","/docs/components/accordion","docs/2.components/accordion","data","A stacked set of collapsible panels.",{"title":175,"path":176,"stem":177,"framework":16,"category":178,"description":179},"Alert","/docs/components/alert","docs/2.components/alert","element","A callout to draw user's attention.",{"title":181,"path":182,"stem":183,"framework":16,"category":184,"description":185},"App","/docs/components/app","docs/2.components/app","layout","Wraps your app to provide global configurations and more.",{"title":187,"path":188,"stem":189,"framework":16,"category":190,"description":191},"AuthForm","/docs/components/auth-form","docs/2.components/auth-form","page","A customizable Form to create login, register or password reset forms.",{"title":193,"path":194,"stem":195,"framework":16,"category":178,"description":196},"Avatar","/docs/components/avatar","docs/2.components/avatar","An img element with fallback and Nuxt Image support.",{"title":198,"path":199,"stem":200,"framework":16,"category":178,"description":201},"AvatarGroup","/docs/components/avatar-group","docs/2.components/avatar-group","Stack multiple avatars in a group.",{"title":203,"path":204,"stem":205,"framework":16,"category":178,"description":206},"Badge","/docs/components/badge","docs/2.components/badge","A short text to represent a status or a category.",{"title":208,"path":209,"stem":210,"framework":16,"category":178,"description":211},"Banner","/docs/components/banner","docs/2.components/banner","Display a banner at the top of your website to inform users about important information.",{"title":213,"path":214,"stem":215,"framework":16,"category":190,"description":216},"BlogPost","/docs/components/blog-post","docs/2.components/blog-post","A customizable article to display in a blog page.",{"title":218,"path":219,"stem":220,"framework":16,"category":190,"description":221},"BlogPosts","/docs/components/blog-posts","docs/2.components/blog-posts","Display a list of blog posts in a responsive grid layout.",{"title":223,"path":224,"stem":225,"framework":16,"category":226,"description":227},"Breadcrumb","/docs/components/breadcrumb","docs/2.components/breadcrumb","navigation","A hierarchy of links to navigate through a website.",{"title":229,"path":230,"stem":231,"framework":16,"category":178,"description":232},"Button","/docs/components/button","docs/2.components/button","A button element that can act as a link or trigger an action.",{"title":234,"path":235,"stem":236,"framework":16,"category":178,"description":237},"Calendar","/docs/components/calendar","docs/2.components/calendar","A calendar component for selecting single dates, multiple dates or date ranges.",{"title":239,"path":240,"stem":241,"framework":16,"category":178,"description":242},"Card","/docs/components/card","docs/2.components/card","Display content in a card with a header, body and footer.",{"title":244,"path":245,"stem":246,"framework":16,"category":172,"description":247},"Carousel","/docs/components/carousel","docs/2.components/carousel","A carousel with motion and swipe built using Embla.",{"title":249,"path":250,"stem":251,"framework":16,"category":190,"description":252},"ChangelogVersion","/docs/components/changelog-version","docs/2.components/changelog-version","A customizable article to display in a changelog.",{"title":254,"path":255,"stem":256,"framework":16,"category":190,"description":257},"ChangelogVersions","/docs/components/changelog-versions","docs/2.components/changelog-versions","Display a list of changelog versions in a timeline.",{"title":259,"path":260,"stem":261,"framework":16,"category":262,"description":263},"ChatMessage","/docs/components/chat-message","docs/2.components/chat-message","chat","Display a chat message with icon, avatar, and actions.",{"title":265,"path":266,"stem":267,"framework":16,"category":262,"description":268},"ChatMessages","/docs/components/chat-messages","docs/2.components/chat-messages","Display a list of chat messages, designed to work seamlessly with Vercel AI SDK.",{"title":270,"path":271,"stem":272,"framework":16,"category":262,"description":273},"ChatPalette","/docs/components/chat-palette","docs/2.components/chat-palette","A chat palette to create a chatbot interface inside an overlay.",{"title":275,"path":276,"stem":277,"framework":16,"category":262,"description":278},"ChatPrompt","/docs/components/chat-prompt","docs/2.components/chat-prompt","An enhanced Textarea for submitting prompts in AI chat interfaces.",{"title":280,"path":281,"stem":282,"framework":16,"category":262,"description":283},"ChatPromptSubmit","/docs/components/chat-prompt-submit","docs/2.components/chat-prompt-submit","A Button for submitting chat prompts with automatic status handling.",{"title":285,"path":286,"stem":287,"framework":16,"category":288,"description":289},"Checkbox","/docs/components/checkbox","docs/2.components/checkbox","form","An input element to toggle between checked and unchecked states.",{"title":291,"path":292,"stem":293,"framework":16,"category":288,"description":294},"CheckboxGroup","/docs/components/checkbox-group","docs/2.components/checkbox-group","A set of checklist buttons to select multiple option from a list.",{"title":296,"path":297,"stem":298,"framework":16,"category":178,"description":299},"Chip","/docs/components/chip","docs/2.components/chip","An indicator of a numeric value or a state.",{"title":301,"path":302,"stem":303,"framework":16,"category":178,"description":304},"Collapsible","/docs/components/collapsible","docs/2.components/collapsible","A collapsible element to toggle visibility of its content.",{"title":306,"path":307,"stem":308,"framework":16,"category":309,"description":310},"ColorModeAvatar","/docs/components/color-mode-avatar","docs/2.components/color-mode-avatar","color-mode","An Avatar with a different source for light and dark mode.",{"title":312,"path":313,"stem":314,"framework":16,"category":309,"description":315},"ColorModeButton","/docs/components/color-mode-button","docs/2.components/color-mode-button","A Button to switch between light and dark mode.",{"title":317,"path":318,"stem":319,"framework":16,"category":309,"description":320},"ColorModeImage","/docs/components/color-mode-image","docs/2.components/color-mode-image","An image element with a different source for light and dark mode.",{"title":322,"path":323,"stem":324,"framework":16,"category":309,"description":325},"ColorModeSelect","/docs/components/color-mode-select","docs/2.components/color-mode-select","A Select to switch between system, dark & light mode.",{"title":327,"path":328,"stem":329,"framework":16,"category":309,"description":330},"ColorModeSwitch","/docs/components/color-mode-switch","docs/2.components/color-mode-switch","A switch to toggle between light and dark mode.",{"title":332,"path":333,"stem":334,"framework":16,"category":288,"description":335},"ColorPicker","/docs/components/color-picker","docs/2.components/color-picker","A component to select a color.",{"title":337,"path":338,"stem":339,"framework":16,"category":226,"description":340},"CommandPalette","/docs/components/command-palette","docs/2.components/command-palette","A command palette with full-text search powered by Fuse.js for efficient fuzzy matching.",{"title":342,"path":343,"stem":344,"framework":16,"category":184,"description":345},"Container","/docs/components/container","docs/2.components/container","A container lets you center and constrain the width of your content.",{"title":347,"path":348,"stem":349,"framework":28,"category":350,"description":351},"ContentNavigation","/docs/components/content-navigation","docs/2.components/content-navigation","content","An accordion-style navigation component for organizing page links.",{"title":353,"path":354,"stem":355,"framework":28,"category":350,"description":356},"ContentSearch","/docs/components/content-search","docs/2.components/content-search","A ready to use CommandPalette to add to your documentation.",{"title":358,"path":359,"stem":360,"framework":28,"category":350,"description":361},"ContentSearchButton","/docs/components/content-search-button","docs/2.components/content-search-button","A pre-styled Button to open the ContentSearch modal.",{"title":363,"path":364,"stem":365,"framework":28,"category":350,"description":366},"ContentSurround","/docs/components/content-surround","docs/2.components/content-surround","A pair of prev and next links to navigate between pages.",{"title":368,"path":369,"stem":370,"framework":28,"category":350,"description":371},"ContentToc","/docs/components/content-toc","docs/2.components/content-toc","A sticky Table of Contents with automatic active anchor link highlighting.",{"title":373,"path":374,"stem":375,"framework":16,"category":376,"description":377},"ContextMenu","/docs/components/context-menu","docs/2.components/context-menu","overlay","A menu to display actions when right-clicking on an element.",{"title":379,"path":380,"stem":381,"framework":16,"category":382,"description":383},"DashboardGroup","/docs/components/dashboard-group","docs/2.components/dashboard-group","dashboard","A fixed layout component that provides context for dashboard components with sidebar state management and persistence.",{"title":385,"path":386,"stem":387,"framework":16,"category":382,"description":388},"DashboardNavbar","/docs/components/dashboard-navbar","docs/2.components/dashboard-navbar","A responsive navbar to display in a dashboard.",{"title":390,"path":391,"stem":392,"framework":16,"category":382,"description":393},"DashboardPanel","/docs/components/dashboard-panel","docs/2.components/dashboard-panel","A resizable panel to display in a dashboard.",{"title":395,"path":396,"stem":397,"framework":16,"category":382,"description":398},"DashboardResizeHandle","/docs/components/dashboard-resize-handle","docs/2.components/dashboard-resize-handle","A handle to resize a sidebar or panel.",{"title":400,"path":401,"stem":402,"framework":16,"category":382,"description":403},"DashboardSearch","/docs/components/dashboard-search","docs/2.components/dashboard-search","A ready to use CommandPalette to add to your dashboard.",{"title":405,"path":406,"stem":407,"framework":16,"category":382,"description":408},"DashboardSearchButton","/docs/components/dashboard-search-button","docs/2.components/dashboard-search-button","A pre-styled Button to open the DashboardSearch modal.",{"title":410,"path":411,"stem":412,"framework":16,"category":382,"description":413},"DashboardSidebar","/docs/components/dashboard-sidebar","docs/2.components/dashboard-sidebar","A resizable and collapsible sidebar to display in a dashboard.",{"title":415,"path":416,"stem":417,"framework":16,"category":382,"description":418},"DashboardSidebarCollapse","/docs/components/dashboard-sidebar-collapse","docs/2.components/dashboard-sidebar-collapse","A Button to collapse the sidebar on desktop.",{"title":420,"path":421,"stem":422,"framework":16,"category":382,"description":423},"DashboardSidebarToggle","/docs/components/dashboard-sidebar-toggle","docs/2.components/dashboard-sidebar-toggle","A Button to toggle the sidebar on mobile.",{"title":425,"path":426,"stem":427,"framework":16,"category":382,"description":428},"DashboardToolbar","/docs/components/dashboard-toolbar","docs/2.components/dashboard-toolbar","A toolbar to display under the navbar in a dashboard.",{"title":430,"path":431,"stem":432,"framework":16,"category":376,"description":433},"Drawer","/docs/components/drawer","docs/2.components/drawer","A drawer that smoothly slides in & out of the screen.",{"title":435,"path":436,"stem":437,"framework":16,"category":376,"description":438},"DropdownMenu","/docs/components/dropdown-menu","docs/2.components/dropdown-menu","A menu to display actions when clicking on an element.",{"title":440,"path":441,"stem":442,"framework":16,"category":443,"description":444,"badge":445},"Editor","/docs/components/editor","docs/2.components/editor","editor","A rich text editor component based on TipTap with support for markdown, HTML, and JSON content types.","New",{"title":447,"path":448,"stem":449,"framework":16,"category":443,"description":450,"badge":445},"EditorDragHandle","/docs/components/editor-drag-handle","docs/2.components/editor-drag-handle","A draggable handle for reordering and selecting blocks in the editor.",{"title":452,"path":453,"stem":454,"framework":16,"category":443,"description":455,"badge":445},"EditorEmojiMenu","/docs/components/editor-emoji-menu","docs/2.components/editor-emoji-menu","An emoji picker menu that displays emoji suggestions when typing the : character in the editor.",{"title":457,"path":458,"stem":459,"framework":16,"category":443,"description":460,"badge":445},"EditorMentionMenu","/docs/components/editor-mention-menu","docs/2.components/editor-mention-menu","A mention menu that displays user suggestions when typing a trigger character in the editor.",{"title":462,"path":463,"stem":464,"framework":16,"category":443,"description":465,"badge":445},"EditorSuggestionMenu","/docs/components/editor-suggestion-menu","docs/2.components/editor-suggestion-menu","A command menu that displays formatting and action suggestions when typing the / character in the editor.",{"title":467,"path":468,"stem":469,"framework":16,"category":443,"description":470,"badge":445},"EditorToolbar","/docs/components/editor-toolbar","docs/2.components/editor-toolbar","A customizable toolbar for editor actions that can be displayed as fixed, bubble, or floating menu.",{"title":472,"path":473,"stem":474,"framework":16,"category":172,"description":475},"Empty","/docs/components/empty","docs/2.components/empty","A component to display an empty state.",{"title":477,"path":478,"stem":479,"framework":16,"category":184,"description":480},"Error","/docs/components/error","docs/2.components/error","A pre-built error component with NuxtError support.",{"title":482,"path":483,"stem":484,"framework":16,"category":178,"description":485},"FieldGroup","/docs/components/field-group","docs/2.components/field-group","Group multiple button-like elements together.",{"title":487,"path":488,"stem":489,"framework":16,"category":288,"description":490},"FileUpload","/docs/components/file-upload","docs/2.components/file-upload","An input element to upload files.",{"title":492,"path":493,"stem":494,"framework":16,"category":184,"description":495},"Footer","/docs/components/footer","docs/2.components/footer","A responsive footer component.",{"title":497,"path":498,"stem":499,"framework":16,"category":226,"description":500},"FooterColumns","/docs/components/footer-columns","docs/2.components/footer-columns","A list of links as columns to display in your Footer.",{"title":502,"path":503,"stem":504,"framework":16,"category":288,"description":505},"Form","/docs/components/form","docs/2.components/form","A form component with built-in validation and submission handling.",{"title":507,"path":508,"stem":509,"framework":16,"category":288,"description":510},"FormField","/docs/components/form-field","docs/2.components/form-field","A wrapper for form elements that provides validation and error handling.",{"title":512,"path":513,"stem":514,"framework":16,"category":184,"description":515},"Header","/docs/components/header","docs/2.components/header","A responsive header component.",{"title":517,"path":518,"stem":519,"framework":16,"category":178,"description":520},"Icon","/docs/components/icon","docs/2.components/icon","A component to display any icon from Iconify or another component.",{"title":522,"path":523,"stem":524,"framework":16,"category":288,"description":525},"Input","/docs/components/input","docs/2.components/input","An input element to enter text.",{"title":527,"path":528,"stem":529,"framework":16,"category":288,"description":530},"InputDate","/docs/components/input-date","docs/2.components/input-date","An input component for date selection.",{"title":532,"path":533,"stem":534,"framework":16,"category":288,"description":535},"InputMenu","/docs/components/input-menu","docs/2.components/input-menu","An autocomplete input with real-time suggestions.",{"title":537,"path":538,"stem":539,"framework":16,"category":288,"description":540},"InputNumber","/docs/components/input-number","docs/2.components/input-number","An input for numerical values with a customizable range.",{"title":542,"path":543,"stem":544,"framework":16,"category":288,"description":545},"InputTags","/docs/components/input-tags","docs/2.components/input-tags","An input element that displays interactive tags.",{"title":547,"path":548,"stem":549,"framework":16,"category":288,"description":550},"InputTime","/docs/components/input-time","docs/2.components/input-time","An input for selecting a time.",{"title":552,"path":553,"stem":554,"framework":16,"category":178,"description":555},"Kbd","/docs/components/kbd","docs/2.components/kbd","A kbd element to display a keyboard key.",{"title":557,"path":558,"stem":559,"framework":16,"category":226,"description":560},"Link","/docs/components/link","docs/2.components/link","A wrapper around \u003CNuxtLink> with extra props.",{"title":562,"path":563,"stem":564,"framework":16,"category":565,"description":566},"LocaleSelect","/docs/components/locale-select","docs/2.components/locale-select","i18n","A Select to switch between locales.",{"title":568,"path":569,"stem":570,"framework":16,"category":184,"description":571},"Main","/docs/components/main","docs/2.components/main","A main element that fills the available viewport height.",{"title":573,"path":574,"stem":575,"framework":16,"category":172,"description":576},"Marquee","/docs/components/marquee","docs/2.components/marquee","A component to create infinite scrolling content.",{"title":578,"path":579,"stem":580,"framework":16,"category":376,"description":581},"Modal","/docs/components/modal","docs/2.components/modal","A dialog window that can be used to display a message or request user input.",{"title":583,"path":584,"stem":585,"framework":16,"category":226,"description":586},"NavigationMenu","/docs/components/navigation-menu","docs/2.components/navigation-menu","A list of links that can be displayed horizontally or vertically.",{"title":588,"path":589,"stem":590,"framework":16,"category":190,"description":591},"Page","/docs/components/page","docs/2.components/page","A grid layout for your pages with left and right columns.",{"title":593,"path":594,"stem":595,"framework":16,"category":190,"description":596},"PageAnchors","/docs/components/page-anchors","docs/2.components/page-anchors","A list of anchors to be displayed in the page.",{"title":598,"path":599,"stem":600,"framework":16,"category":190,"description":601},"PageAside","/docs/components/page-aside","docs/2.components/page-aside","A sticky aside to display your page navigation.",{"title":603,"path":604,"stem":605,"framework":16,"category":190,"description":606},"PageBody","/docs/components/page-body","docs/2.components/page-body","The main content of your page.",{"title":608,"path":609,"stem":610,"framework":16,"category":190,"description":611},"PageCard","/docs/components/page-card","docs/2.components/page-card","A pre-styled card component that displays a title, description and optional link.",{"title":613,"path":614,"stem":615,"framework":16,"category":190,"description":616},"PageColumns","/docs/components/page-columns","docs/2.components/page-columns","A responsive multi-column layout system for organizing content side-by-side.",{"title":618,"path":619,"stem":620,"framework":16,"category":190,"description":621},"PageCTA","/docs/components/page-cta","docs/2.components/page-cta","A call to action section to display in your pages.",{"title":623,"path":624,"stem":625,"framework":16,"category":190,"description":626},"PageFeature","/docs/components/page-feature","docs/2.components/page-feature","A component to showcase key features of your application.",{"title":628,"path":629,"stem":630,"framework":16,"category":190,"description":631},"PageGrid","/docs/components/page-grid","docs/2.components/page-grid","A responsive grid system for displaying content in a flexible layout.",{"title":633,"path":634,"stem":635,"framework":16,"category":190,"description":636},"PageHeader","/docs/components/page-header","docs/2.components/page-header","A responsive header for your pages.",{"title":638,"path":639,"stem":640,"framework":16,"category":190,"description":641},"PageHero","/docs/components/page-hero","docs/2.components/page-hero","A responsive hero for your pages.",{"title":643,"path":644,"stem":645,"framework":16,"category":190,"description":646},"PageLinks","/docs/components/page-links","docs/2.components/page-links","A list of links to be displayed in the page.",{"title":648,"path":649,"stem":650,"framework":16,"category":190,"description":651},"PageList","/docs/components/page-list","docs/2.components/page-list","A vertical list layout for displaying content in a stacked format.",{"title":653,"path":654,"stem":655,"framework":16,"category":190,"description":656},"PageLogos","/docs/components/page-logos","docs/2.components/page-logos","A list of logos or images to display on your pages.",{"title":658,"path":659,"stem":660,"framework":16,"category":190,"description":661},"PageSection","/docs/components/page-section","docs/2.components/page-section","A responsive section for your pages.",{"title":663,"path":664,"stem":665,"framework":16,"category":226,"description":666},"Pagination","/docs/components/pagination","docs/2.components/pagination","A list of buttons or links to navigate through pages.",{"title":668,"path":669,"stem":670,"framework":16,"category":288,"description":671},"PinInput","/docs/components/pin-input","docs/2.components/pin-input","An input element to enter a pin.",{"title":673,"path":674,"stem":675,"framework":16,"category":376,"description":676},"Popover","/docs/components/popover","docs/2.components/popover","A non-modal dialog that floats around a trigger element.",{"title":678,"path":679,"stem":680,"framework":16,"category":190,"description":681},"PricingPlan","/docs/components/pricing-plan","docs/2.components/pricing-plan","A customizable pricing plan to display in a pricing page.",{"title":683,"path":684,"stem":685,"framework":16,"category":190,"description":686},"PricingPlans","/docs/components/pricing-plans","docs/2.components/pricing-plans","Display a list of pricing plans in a responsive grid layout.",{"title":688,"path":689,"stem":690,"framework":16,"category":190,"description":691},"PricingTable","/docs/components/pricing-table","docs/2.components/pricing-table","A responsive pricing table component that displays tiered pricing plans with feature comparisons.",{"title":693,"path":694,"stem":695,"framework":16,"category":178,"description":696},"Progress","/docs/components/progress","docs/2.components/progress","An indicator showing the progress of a task.",{"title":698,"path":699,"stem":700,"framework":16,"category":288,"description":701},"RadioGroup","/docs/components/radio-group","docs/2.components/radio-group","A set of radio buttons to select a single option from a list.",{"title":703,"path":704,"stem":705,"framework":16,"category":172,"description":706,"badge":445},"ScrollArea","/docs/components/scroll-area","docs/2.components/scroll-area","A flexible scroll container with virtualization support.",{"title":708,"path":709,"stem":710,"framework":16,"category":288,"description":711},"Select","/docs/components/select","docs/2.components/select","A select element to choose from a list of options.",{"title":713,"path":714,"stem":715,"framework":16,"category":288,"description":716},"SelectMenu","/docs/components/select-menu","docs/2.components/select-menu","An advanced searchable select element.",{"title":718,"path":719,"stem":720,"framework":16,"category":178,"description":721},"Separator","/docs/components/separator","docs/2.components/separator","Separates content horizontally or vertically.",{"title":723,"path":724,"stem":725,"framework":16,"category":178,"description":726},"Skeleton","/docs/components/skeleton","docs/2.components/skeleton","A placeholder to show while content is loading.",{"title":728,"path":729,"stem":730,"framework":16,"category":376,"description":731},"Slideover","/docs/components/slideover","docs/2.components/slideover","A dialog that slides in from any side of the screen.",{"title":733,"path":734,"stem":735,"framework":16,"category":288,"description":736},"Slider","/docs/components/slider","docs/2.components/slider","An input to select a numeric value within a range.",{"title":738,"path":739,"stem":740,"framework":16,"category":226,"description":741},"Stepper","/docs/components/stepper","docs/2.components/stepper","A set of steps that are used to indicate progress through a multi-step process.",{"title":743,"path":744,"stem":745,"framework":16,"category":288,"description":746},"Switch","/docs/components/switch","docs/2.components/switch","A control that toggles between two states.",{"title":748,"path":749,"stem":750,"framework":16,"category":172,"description":751},"Table","/docs/components/table","docs/2.components/table","A responsive table element to display data in rows and columns.",{"title":753,"path":754,"stem":755,"framework":16,"category":226,"description":756},"Tabs","/docs/components/tabs","docs/2.components/tabs","A set of tab panels that are displayed one at a time.",{"title":758,"path":759,"stem":760,"framework":16,"category":288,"description":761},"Textarea","/docs/components/textarea","docs/2.components/textarea","A textarea element to input multi-line text.",{"title":54,"path":763,"stem":764,"framework":16,"category":184,"description":765,"badge":766},"/docs/components/theme","docs/2.components/theme","A headless component to theme child components.","Soon",{"title":768,"path":769,"stem":770,"framework":16,"category":172,"description":771},"Timeline","/docs/components/timeline","docs/2.components/timeline","A component that displays a sequence of events with dates, titles, icons or avatars.",{"title":773,"path":774,"stem":775,"framework":16,"category":376,"description":776},"Toast","/docs/components/toast","docs/2.components/toast","A succinct message to provide information or feedback to the user.",{"title":778,"path":779,"stem":780,"framework":16,"category":376,"description":781},"Tooltip","/docs/components/tooltip","docs/2.components/tooltip","A popup that reveals information when hovering over an element.",{"title":783,"path":784,"stem":785,"framework":16,"category":172,"description":786},"Tree","/docs/components/tree","docs/2.components/tree","A tree view component to display and interact with hierarchical data structures.",{"title":788,"path":789,"stem":790,"framework":16,"category":172,"description":791},"User","/docs/components/user","docs/2.components/user","Display user information with name, description and avatar.",{"title":793,"framework":16,"category":16,"description":16,"icon":794,"path":795,"stem":796,"children":797,"page":36},"Composables","i-lucide-square-function","/docs/composables","docs/3.composables",[798,803,808,813,818,823],{"title":799,"path":800,"stem":801,"framework":16,"category":16,"description":802},"defineLocale","/docs/composables/define-locale","docs/3.composables/define-locale","A utility to create a custom locale for your app.",{"title":804,"path":805,"stem":806,"framework":16,"category":16,"description":807},"defineShortcuts","/docs/composables/define-shortcuts","docs/3.composables/define-shortcuts","A composable to define keyboard shortcuts in your app.",{"title":809,"path":810,"stem":811,"framework":16,"category":16,"description":812},"extendLocale","/docs/composables/extend-locale","docs/3.composables/extend-locale","A utility to extend an existing locale with custom translations.",{"title":814,"path":815,"stem":816,"framework":16,"category":16,"description":817},"extractShortcuts","/docs/composables/extract-shortcuts","docs/3.composables/extract-shortcuts","A utility to extract keyboard shortcuts from menu items.",{"title":819,"path":820,"stem":821,"framework":16,"category":16,"description":822},"useOverlay","/docs/composables/use-overlay","docs/3.composables/use-overlay","A composable to programmatically control overlays.",{"title":824,"path":825,"stem":826,"framework":16,"category":16,"description":827},"useToast","/docs/composables/use-toast","docs/3.composables/use-toast","A composable to display toast notifications in your app.",{"title":829,"path":830,"stem":831,"children":832,"framework":28,"category":16,"description":16,"icon":928},"Typography","/docs/typography","docs/4.typography/1.index",[833,835,840,845,850,855,860,864,869,873,878,883,888,893,898,902,907,911,915,919,924],{"title":15,"path":830,"stem":831,"framework":28,"category":16,"description":834},"Beautiful typography components and utilities to style your content with Nuxt UI.",{"title":836,"path":837,"stem":838,"framework":28,"category":16,"description":839},"Headers and text","/docs/typography/headers-and-text","docs/4.typography/2.headers-and-text","Beautifully styled headings, paragraphs, text formatting, and links for optimal readability.",{"title":841,"path":842,"stem":843,"framework":28,"category":16,"description":844},"Lists and tables","/docs/typography/lists-and-tables","docs/4.typography/3.lists-and-tables","Organize information with styled lists and responsive tables for clear, consistent readability.",{"title":846,"path":847,"stem":848,"framework":28,"category":16,"description":849},"Images and embeds","/docs/typography/images-and-embeds","docs/4.typography/4.images-and-embeds","Responsive images, videos, and rich media embeds to enhance and illustrate your documentation.",{"title":851,"path":852,"stem":853,"framework":28,"category":16,"description":854},"Code","/docs/typography/code","docs/4.typography/5.code","Display inline code and syntax-highlighted code blocks with copy-to-clipboard support.",{"title":169,"path":856,"stem":857,"framework":28,"category":858,"description":859},"/docs/typography/accordion","docs/4.typography/accordion","components","Create expandable content sections for better information organization.",{"title":203,"path":861,"stem":862,"framework":28,"category":858,"description":863},"/docs/typography/badge","docs/4.typography/badge","Display version numbers, status labels, and tags within your content.",{"title":865,"path":866,"stem":867,"framework":28,"category":858,"description":868},"Callout","/docs/typography/callout","docs/4.typography/callout","Highlight important information with eye-catching colored boxes and icons.",{"title":239,"path":870,"stem":871,"framework":28,"category":858,"description":872},"/docs/typography/card","docs/4.typography/card","Create highlighted content blocks with optional links and navigation.",{"title":874,"path":875,"stem":876,"framework":28,"category":858,"description":877},"CardGroup","/docs/typography/card-group","docs/4.typography/card-group","Organize multiple cards in responsive grid layouts for better content presentation.",{"title":879,"path":880,"stem":881,"framework":28,"category":858,"description":882},"CodeCollapse","/docs/typography/code-collapse","docs/4.typography/code-collapse","Make long code blocks collapsible to save space and improve readability.",{"title":884,"path":885,"stem":886,"framework":28,"category":858,"description":887},"CodeGroup","/docs/typography/code-group","docs/4.typography/code-group","Group multiple code examples in tabbed interfaces for easy comparison.",{"title":889,"path":890,"stem":891,"framework":28,"category":858,"description":892},"CodePreview","/docs/typography/code-preview","docs/4.typography/code-preview","Display code examples with a preview and their source for clearer documentation.",{"title":894,"path":895,"stem":896,"framework":28,"category":858,"description":897},"CodeTree","/docs/typography/code-tree","docs/4.typography/code-tree","Visualize file and folder structures with syntax-highlighted code.",{"title":301,"path":899,"stem":900,"framework":28,"category":858,"description":901},"/docs/typography/collapsible","docs/4.typography/collapsible","Toggle content visibility with smooth expand and collapse animations.",{"title":903,"path":904,"stem":905,"framework":28,"category":858,"description":906},"Field","/docs/typography/field","docs/4.typography/field","Document API parameters, props, and configuration options clearly.",{"title":482,"path":908,"stem":909,"framework":28,"category":858,"description":910},"/docs/typography/field-group","docs/4.typography/field-group","Group related fields together for comprehensive API documentation.",{"title":517,"path":912,"stem":913,"framework":28,"category":858,"description":914},"/docs/typography/icon","docs/4.typography/icon","Display icons from popular icon libraries to enhance your content.",{"title":552,"path":916,"stem":917,"framework":28,"category":858,"description":918},"/docs/typography/kbd","docs/4.typography/kbd","Display keyboard shortcuts and key combinations with proper styling.",{"title":920,"path":921,"stem":922,"framework":28,"category":858,"description":923},"Steps","/docs/typography/steps","docs/4.typography/steps","Transform headings into numbered step-by-step guides and tutorials.",{"title":753,"path":925,"stem":926,"framework":28,"category":858,"description":927},"/docs/typography/tabs","docs/4.typography/tabs","Organize related content in interactive tabbed interfaces.","i-lucide-square-pilcrow",{"id":930,"title":65,"body":931,"category":16,"description":68,"extension":3108,"framework":16,"links":16,"meta":3751,"navigation":3752,"path":66,"seo":3753,"stem":67,"__hash__":3754},"docs/docs/1.getting-started/5.theme/2.css-variables.md",{"type":932,"value":933,"toc":3741},"minimark",[934,939,958,1201,1204,1441,1552,1659,1663,1672,1885,1887,2096,2188,2192,2201,2384,2386,2562,2658,2662,2671,2822,2824,2972,3067,3071,3091,3333,3340,3370,3433,3444,3447,3457,3491,3579,3582,3590,3625,3692,3696,3710,3737],[935,936,938],"h2",{"id":937},"colors","Colors",[940,941,942,943,948,949,953,954,957],"p",{},"Nuxt UI provides Tailwind CSS utility classes for each ",[944,945,947],"a",{"href":946},"/docs/getting-started/theme/design-system#semantic-colors","semantic color"," you define, allowing you to use class names like ",[950,951,952],"code",{},"text-error"," or ",[950,955,956],{},"bg-success",":",[959,960,961,996],"code-preview",{},[940,962,963,973,978,983,988,993],{},[964,965,972],"span",{"className":966},[967,968,969,970,971],"text-primary","text-sm","px-4","py-1.5","inline-block","Primary",[964,974,977],{"className":975},[976,968,969,970,971],"text-secondary","Secondary",[964,979,982],{"className":980},[981,968,969,970,971],"text-success","Success",[964,984,987],{"className":985},[986,968,969,970,971],"text-info","Info",[964,989,992],{"className":990},[991,968,969,970,971],"text-warning","Warning",[964,994,477],{"className":995},[952,968,969,970,971],[997,998,1000],"template",{"v-slot:code":999},"",[1001,1002,1005],"pre",{"className":1003,"code":1004,"language":34,"meta":999,"style":999},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cspan class=\"text-primary\">Primary\u003C/span>\n  \u003Cspan class=\"text-secondary\">Secondary\u003C/span>\n  \u003Cspan class=\"text-success\">Success\u003C/span>\n  \u003Cspan class=\"text-info\">Info\u003C/span>\n  \u003Cspan class=\"text-warning\">Warning\u003C/span>\n  \u003Cspan class=\"text-error\">Error\u003C/span>\n\u003C/template>\n",[950,1006,1007,1021,1057,1084,1111,1138,1165,1192],{"__ignoreMap":999},[964,1008,1011,1015,1018],{"class":1009,"line":1010},"line",1,[964,1012,1014],{"class":1013},"sMK4o","\u003C",[964,1016,997],{"class":1017},"swJcz",[964,1019,1020],{"class":1013},">\n",[964,1022,1024,1027,1029,1033,1036,1039,1042,1044,1047,1050,1053,1055],{"class":1009,"line":1023},2,[964,1025,1026],{"class":1013},"  \u003C",[964,1028,964],{"class":1017},[964,1030,1032],{"class":1031},"spNyl"," class",[964,1034,1035],{"class":1013},"=",[964,1037,1038],{"class":1013},"\"",[964,1040,967],{"class":1041},"sfazB",[964,1043,1038],{"class":1013},[964,1045,1046],{"class":1013},">",[964,1048,972],{"class":1049},"sTEyZ",[964,1051,1052],{"class":1013},"\u003C/",[964,1054,964],{"class":1017},[964,1056,1020],{"class":1013},[964,1058,1060,1062,1064,1066,1068,1070,1072,1074,1076,1078,1080,1082],{"class":1009,"line":1059},3,[964,1061,1026],{"class":1013},[964,1063,964],{"class":1017},[964,1065,1032],{"class":1031},[964,1067,1035],{"class":1013},[964,1069,1038],{"class":1013},[964,1071,976],{"class":1041},[964,1073,1038],{"class":1013},[964,1075,1046],{"class":1013},[964,1077,977],{"class":1049},[964,1079,1052],{"class":1013},[964,1081,964],{"class":1017},[964,1083,1020],{"class":1013},[964,1085,1087,1089,1091,1093,1095,1097,1099,1101,1103,1105,1107,1109],{"class":1009,"line":1086},4,[964,1088,1026],{"class":1013},[964,1090,964],{"class":1017},[964,1092,1032],{"class":1031},[964,1094,1035],{"class":1013},[964,1096,1038],{"class":1013},[964,1098,981],{"class":1041},[964,1100,1038],{"class":1013},[964,1102,1046],{"class":1013},[964,1104,982],{"class":1049},[964,1106,1052],{"class":1013},[964,1108,964],{"class":1017},[964,1110,1020],{"class":1013},[964,1112,1114,1116,1118,1120,1122,1124,1126,1128,1130,1132,1134,1136],{"class":1009,"line":1113},5,[964,1115,1026],{"class":1013},[964,1117,964],{"class":1017},[964,1119,1032],{"class":1031},[964,1121,1035],{"class":1013},[964,1123,1038],{"class":1013},[964,1125,986],{"class":1041},[964,1127,1038],{"class":1013},[964,1129,1046],{"class":1013},[964,1131,987],{"class":1049},[964,1133,1052],{"class":1013},[964,1135,964],{"class":1017},[964,1137,1020],{"class":1013},[964,1139,1141,1143,1145,1147,1149,1151,1153,1155,1157,1159,1161,1163],{"class":1009,"line":1140},6,[964,1142,1026],{"class":1013},[964,1144,964],{"class":1017},[964,1146,1032],{"class":1031},[964,1148,1035],{"class":1013},[964,1150,1038],{"class":1013},[964,1152,991],{"class":1041},[964,1154,1038],{"class":1013},[964,1156,1046],{"class":1013},[964,1158,992],{"class":1049},[964,1160,1052],{"class":1013},[964,1162,964],{"class":1017},[964,1164,1020],{"class":1013},[964,1166,1168,1170,1172,1174,1176,1178,1180,1182,1184,1186,1188,1190],{"class":1009,"line":1167},7,[964,1169,1026],{"class":1013},[964,1171,964],{"class":1017},[964,1173,1032],{"class":1031},[964,1175,1035],{"class":1013},[964,1177,1038],{"class":1013},[964,1179,952],{"class":1041},[964,1181,1038],{"class":1013},[964,1183,1046],{"class":1013},[964,1185,477],{"class":1049},[964,1187,1052],{"class":1013},[964,1189,964],{"class":1017},[964,1191,1020],{"class":1013},[964,1193,1195,1197,1199],{"class":1009,"line":1194},8,[964,1196,1052],{"class":1013},[964,1198,997],{"class":1017},[964,1200,1020],{"class":1013},[940,1202,1203],{},"Each utility class uses a CSS variable to set its color for light and dark modes:",[1205,1206,1207,1330],"code-group",{},[1001,1208,1213],{"className":1209,"code":1210,"filename":1211,"language":1212,"meta":999,"style":999},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",":root {\n  --ui-primary: var(--ui-color-primary-500);\n  --ui-secondary: var(--ui-color-secondary-500);\n  --ui-success: var(--ui-color-success-500);\n  --ui-info: var(--ui-color-info-500);\n  --ui-warning: var(--ui-color-warning-500);\n  --ui-error: var(--ui-color-error-500);\n}\n","Light","css",[950,1214,1215,1225,1245,1261,1277,1293,1309,1325],{"__ignoreMap":999},[964,1216,1217,1219,1222],{"class":1009,"line":1010},[964,1218,957],{"class":1013},[964,1220,1221],{"class":1031},"root",[964,1223,1224],{"class":1013}," {\n",[964,1226,1227,1230,1232,1236,1239,1242],{"class":1009,"line":1023},[964,1228,1229],{"class":1049},"  --ui-primary",[964,1231,957],{"class":1013},[964,1233,1235],{"class":1234},"s2Zo4"," var",[964,1237,1238],{"class":1013},"(",[964,1240,1241],{"class":1049},"--ui-color-primary-500",[964,1243,1244],{"class":1013},");\n",[964,1246,1247,1250,1252,1254,1256,1259],{"class":1009,"line":1059},[964,1248,1249],{"class":1049},"  --ui-secondary",[964,1251,957],{"class":1013},[964,1253,1235],{"class":1234},[964,1255,1238],{"class":1013},[964,1257,1258],{"class":1049},"--ui-color-secondary-500",[964,1260,1244],{"class":1013},[964,1262,1263,1266,1268,1270,1272,1275],{"class":1009,"line":1086},[964,1264,1265],{"class":1049},"  --ui-success",[964,1267,957],{"class":1013},[964,1269,1235],{"class":1234},[964,1271,1238],{"class":1013},[964,1273,1274],{"class":1049},"--ui-color-success-500",[964,1276,1244],{"class":1013},[964,1278,1279,1282,1284,1286,1288,1291],{"class":1009,"line":1113},[964,1280,1281],{"class":1049},"  --ui-info",[964,1283,957],{"class":1013},[964,1285,1235],{"class":1234},[964,1287,1238],{"class":1013},[964,1289,1290],{"class":1049},"--ui-color-info-500",[964,1292,1244],{"class":1013},[964,1294,1295,1298,1300,1302,1304,1307],{"class":1009,"line":1140},[964,1296,1297],{"class":1049},"  --ui-warning",[964,1299,957],{"class":1013},[964,1301,1235],{"class":1234},[964,1303,1238],{"class":1013},[964,1305,1306],{"class":1049},"--ui-color-warning-500",[964,1308,1244],{"class":1013},[964,1310,1311,1314,1316,1318,1320,1323],{"class":1009,"line":1167},[964,1312,1313],{"class":1049},"  --ui-error",[964,1315,957],{"class":1013},[964,1317,1235],{"class":1234},[964,1319,1238],{"class":1013},[964,1321,1322],{"class":1049},"--ui-color-error-500",[964,1324,1244],{"class":1013},[964,1326,1327],{"class":1009,"line":1194},[964,1328,1329],{"class":1013},"}\n",[1001,1331,1334],{"className":1209,"code":1332,"filename":1333,"language":1212,"meta":999,"style":999},".dark {\n  --ui-primary: var(--ui-color-primary-400);\n  --ui-secondary: var(--ui-color-secondary-400);\n  --ui-success: var(--ui-color-success-400);\n  --ui-info: var(--ui-color-info-400);\n  --ui-warning: var(--ui-color-warning-400);\n  --ui-error: var(--ui-color-error-400);\n}\n","Dark",[950,1335,1336,1347,1362,1377,1392,1407,1422,1437],{"__ignoreMap":999},[964,1337,1338,1341,1345],{"class":1009,"line":1010},[964,1339,1340],{"class":1013},".",[964,1342,1344],{"class":1343},"sBMFI","dark",[964,1346,1224],{"class":1013},[964,1348,1349,1351,1353,1355,1357,1360],{"class":1009,"line":1023},[964,1350,1229],{"class":1049},[964,1352,957],{"class":1013},[964,1354,1235],{"class":1234},[964,1356,1238],{"class":1013},[964,1358,1359],{"class":1049},"--ui-color-primary-400",[964,1361,1244],{"class":1013},[964,1363,1364,1366,1368,1370,1372,1375],{"class":1009,"line":1059},[964,1365,1249],{"class":1049},[964,1367,957],{"class":1013},[964,1369,1235],{"class":1234},[964,1371,1238],{"class":1013},[964,1373,1374],{"class":1049},"--ui-color-secondary-400",[964,1376,1244],{"class":1013},[964,1378,1379,1381,1383,1385,1387,1390],{"class":1009,"line":1086},[964,1380,1265],{"class":1049},[964,1382,957],{"class":1013},[964,1384,1235],{"class":1234},[964,1386,1238],{"class":1013},[964,1388,1389],{"class":1049},"--ui-color-success-400",[964,1391,1244],{"class":1013},[964,1393,1394,1396,1398,1400,1402,1405],{"class":1009,"line":1113},[964,1395,1281],{"class":1049},[964,1397,957],{"class":1013},[964,1399,1235],{"class":1234},[964,1401,1238],{"class":1013},[964,1403,1404],{"class":1049},"--ui-color-info-400",[964,1406,1244],{"class":1013},[964,1408,1409,1411,1413,1415,1417,1420],{"class":1009,"line":1140},[964,1410,1297],{"class":1049},[964,1412,957],{"class":1013},[964,1414,1235],{"class":1234},[964,1416,1238],{"class":1013},[964,1418,1419],{"class":1049},"--ui-color-warning-400",[964,1421,1244],{"class":1013},[964,1423,1424,1426,1428,1430,1432,1435],{"class":1009,"line":1167},[964,1425,1313],{"class":1049},[964,1427,957],{"class":1013},[964,1429,1235],{"class":1234},[964,1431,1238],{"class":1013},[964,1433,1434],{"class":1049},"--ui-color-error-400",[964,1436,1244],{"class":1013},[964,1438,1439],{"class":1009,"line":1194},[964,1440,1329],{"class":1013},[1442,1443,1444,1451],"tip",{},[940,1445,1446,1447,1450],{},"You can adjust which shade each utility class uses for light and dark mode in your ",[950,1448,1449],{},"main.css"," file:",[1001,1452,1455],{"className":1209,"code":1453,"filename":1454,"language":1212,"meta":999,"style":999},"@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n:root {\n  --ui-primary: var(--ui-color-primary-700);\n}\n\n.dark {\n  --ui-primary: var(--ui-color-primary-200);\n}\n","app/assets/css/main.css",[950,1456,1457,1474,1487,1492,1500,1515,1519,1523,1531,1547],{"__ignoreMap":999},[964,1458,1459,1463,1466,1469,1471],{"class":1009,"line":1010},[964,1460,1462],{"class":1461},"s7zQu","@import",[964,1464,1465],{"class":1013}," \"",[964,1467,1468],{"class":1041},"tailwindcss",[964,1470,1038],{"class":1013},[964,1472,1473],{"class":1013},";\n",[964,1475,1476,1478,1480,1483,1485],{"class":1009,"line":1023},[964,1477,1462],{"class":1461},[964,1479,1465],{"class":1013},[964,1481,1482],{"class":1041},"@nuxt/ui",[964,1484,1038],{"class":1013},[964,1486,1473],{"class":1013},[964,1488,1489],{"class":1009,"line":1059},[964,1490,1491],{"emptyLinePlaceholder":21},"\n",[964,1493,1494,1496,1498],{"class":1009,"line":1086},[964,1495,957],{"class":1013},[964,1497,1221],{"class":1031},[964,1499,1224],{"class":1013},[964,1501,1502,1504,1506,1508,1510,1513],{"class":1009,"line":1113},[964,1503,1229],{"class":1049},[964,1505,957],{"class":1013},[964,1507,1235],{"class":1234},[964,1509,1238],{"class":1013},[964,1511,1512],{"class":1049},"--ui-color-primary-700",[964,1514,1244],{"class":1013},[964,1516,1517],{"class":1009,"line":1140},[964,1518,1329],{"class":1013},[964,1520,1521],{"class":1009,"line":1167},[964,1522,1491],{"emptyLinePlaceholder":21},[964,1524,1525,1527,1529],{"class":1009,"line":1194},[964,1526,1340],{"class":1013},[964,1528,1344],{"class":1343},[964,1530,1224],{"class":1013},[964,1532,1534,1536,1538,1540,1542,1545],{"class":1009,"line":1533},9,[964,1535,1229],{"class":1049},[964,1537,957],{"class":1013},[964,1539,1235],{"class":1234},[964,1541,1238],{"class":1013},[964,1543,1544],{"class":1049},"--ui-color-primary-200",[964,1546,1244],{"class":1013},[964,1548,1550],{"class":1009,"line":1549},10,[964,1551,1329],{"class":1013},[1553,1554,1555,1576],"warning",{},[940,1556,1557,1558,1561,1562,1569,1570,1573,1574,1450],{},"You can't use ",[950,1559,1560],{},"primary: 'black'"," in your ",[944,1563,1565],{"href":1564},"/docs/getting-started/theme/design-system#runtime-configuration",[1566,1567,1568],"strong",{},"config"," because ",[950,1571,1572],{},"black"," doesn't have multiple shades. To use solid black or white as your primary color, set it directly in your ",[950,1575,1449],{},[1001,1577,1579],{"className":1209,"code":1578,"filename":1454,"language":1212,"meta":999,"style":999},"@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n:root {\n  --ui-primary: black;\n}\n\n.dark {\n  --ui-primary: white;\n}\n",[950,1580,1581,1593,1605,1609,1617,1628,1632,1636,1644,1655],{"__ignoreMap":999},[964,1582,1583,1585,1587,1589,1591],{"class":1009,"line":1010},[964,1584,1462],{"class":1461},[964,1586,1465],{"class":1013},[964,1588,1468],{"class":1041},[964,1590,1038],{"class":1013},[964,1592,1473],{"class":1013},[964,1594,1595,1597,1599,1601,1603],{"class":1009,"line":1023},[964,1596,1462],{"class":1461},[964,1598,1465],{"class":1013},[964,1600,1482],{"class":1041},[964,1602,1038],{"class":1013},[964,1604,1473],{"class":1013},[964,1606,1607],{"class":1009,"line":1059},[964,1608,1491],{"emptyLinePlaceholder":21},[964,1610,1611,1613,1615],{"class":1009,"line":1086},[964,1612,957],{"class":1013},[964,1614,1221],{"class":1031},[964,1616,1224],{"class":1013},[964,1618,1619,1621,1623,1626],{"class":1009,"line":1113},[964,1620,1229],{"class":1049},[964,1622,957],{"class":1013},[964,1624,1625],{"class":1049}," black",[964,1627,1473],{"class":1013},[964,1629,1630],{"class":1009,"line":1140},[964,1631,1329],{"class":1013},[964,1633,1634],{"class":1009,"line":1167},[964,1635,1491],{"emptyLinePlaceholder":21},[964,1637,1638,1640,1642],{"class":1009,"line":1194},[964,1639,1340],{"class":1013},[964,1641,1344],{"class":1343},[964,1643,1224],{"class":1013},[964,1645,1646,1648,1650,1653],{"class":1009,"line":1533},[964,1647,1229],{"class":1049},[964,1649,957],{"class":1013},[964,1651,1652],{"class":1049}," white",[964,1654,1473],{"class":1013},[964,1656,1657],{"class":1009,"line":1549},[964,1658,1329],{"class":1013},[935,1660,1662],{"id":1661},"text","Text",[940,1664,1665,1666,953,1669,957],{},"Nuxt UI provides Tailwind CSS utility classes for text colors, allowing you to use class names like ",[950,1667,1668],{},"text-dimmed",[950,1670,1671],{},"text-muted",[959,1673,1674,1705],{},[940,1675,1676,1681,1685,1690,1694,1699],{},[964,1677,1680],{"className":1678},[1668,968,969,970,971,1679],"rounded-md","Dimmed",[964,1682,1684],{"className":1683},[1671,968,969,970,971,1679],"Muted",[964,1686,1689],{"className":1687},[1688,968,969,970,971,1679],"text-toned","Toned",[964,1691,1662],{"className":1692},[1693,968,969,970,971,1679],"text-default",[964,1695,1698],{"className":1696},[1697,968,969,970,971,1679],"text-highlighted","Highlighted",[964,1700,1704],{"className":1701},[1702,1703,968,969,970,971,1679],"text-inverted","bg-inverted","Inverted",[997,1706,1707],{"v-slot:code":999},[1001,1708,1710],{"className":1003,"code":1709,"language":34,"meta":999,"style":999},"\u003Ctemplate>\n  \u003Cspan class=\"text-dimmed\">Dimmed\u003C/span>\n  \u003Cspan class=\"text-muted\">Muted\u003C/span>\n  \u003Cspan class=\"text-toned\">Toned\u003C/span>\n  \u003Cspan class=\"text-default\">Text\u003C/span>\n  \u003Cspan class=\"text-highlighted\">Highlighted\u003C/span>\n  \u003Cspan class=\"text-inverted bg-inverted\">Inverted\u003C/span>\n\u003C/template>\n",[950,1711,1712,1720,1746,1772,1798,1824,1850,1877],{"__ignoreMap":999},[964,1713,1714,1716,1718],{"class":1009,"line":1010},[964,1715,1014],{"class":1013},[964,1717,997],{"class":1017},[964,1719,1020],{"class":1013},[964,1721,1722,1724,1726,1728,1730,1732,1734,1736,1738,1740,1742,1744],{"class":1009,"line":1023},[964,1723,1026],{"class":1013},[964,1725,964],{"class":1017},[964,1727,1032],{"class":1031},[964,1729,1035],{"class":1013},[964,1731,1038],{"class":1013},[964,1733,1668],{"class":1041},[964,1735,1038],{"class":1013},[964,1737,1046],{"class":1013},[964,1739,1680],{"class":1049},[964,1741,1052],{"class":1013},[964,1743,964],{"class":1017},[964,1745,1020],{"class":1013},[964,1747,1748,1750,1752,1754,1756,1758,1760,1762,1764,1766,1768,1770],{"class":1009,"line":1059},[964,1749,1026],{"class":1013},[964,1751,964],{"class":1017},[964,1753,1032],{"class":1031},[964,1755,1035],{"class":1013},[964,1757,1038],{"class":1013},[964,1759,1671],{"class":1041},[964,1761,1038],{"class":1013},[964,1763,1046],{"class":1013},[964,1765,1684],{"class":1049},[964,1767,1052],{"class":1013},[964,1769,964],{"class":1017},[964,1771,1020],{"class":1013},[964,1773,1774,1776,1778,1780,1782,1784,1786,1788,1790,1792,1794,1796],{"class":1009,"line":1086},[964,1775,1026],{"class":1013},[964,1777,964],{"class":1017},[964,1779,1032],{"class":1031},[964,1781,1035],{"class":1013},[964,1783,1038],{"class":1013},[964,1785,1688],{"class":1041},[964,1787,1038],{"class":1013},[964,1789,1046],{"class":1013},[964,1791,1689],{"class":1049},[964,1793,1052],{"class":1013},[964,1795,964],{"class":1017},[964,1797,1020],{"class":1013},[964,1799,1800,1802,1804,1806,1808,1810,1812,1814,1816,1818,1820,1822],{"class":1009,"line":1113},[964,1801,1026],{"class":1013},[964,1803,964],{"class":1017},[964,1805,1032],{"class":1031},[964,1807,1035],{"class":1013},[964,1809,1038],{"class":1013},[964,1811,1693],{"class":1041},[964,1813,1038],{"class":1013},[964,1815,1046],{"class":1013},[964,1817,1662],{"class":1049},[964,1819,1052],{"class":1013},[964,1821,964],{"class":1017},[964,1823,1020],{"class":1013},[964,1825,1826,1828,1830,1832,1834,1836,1838,1840,1842,1844,1846,1848],{"class":1009,"line":1140},[964,1827,1026],{"class":1013},[964,1829,964],{"class":1017},[964,1831,1032],{"class":1031},[964,1833,1035],{"class":1013},[964,1835,1038],{"class":1013},[964,1837,1697],{"class":1041},[964,1839,1038],{"class":1013},[964,1841,1046],{"class":1013},[964,1843,1698],{"class":1049},[964,1845,1052],{"class":1013},[964,1847,964],{"class":1017},[964,1849,1020],{"class":1013},[964,1851,1852,1854,1856,1858,1860,1862,1865,1867,1869,1871,1873,1875],{"class":1009,"line":1167},[964,1853,1026],{"class":1013},[964,1855,964],{"class":1017},[964,1857,1032],{"class":1031},[964,1859,1035],{"class":1013},[964,1861,1038],{"class":1013},[964,1863,1864],{"class":1041},"text-inverted bg-inverted",[964,1866,1038],{"class":1013},[964,1868,1046],{"class":1013},[964,1870,1704],{"class":1049},[964,1872,1052],{"class":1013},[964,1874,964],{"class":1017},[964,1876,1020],{"class":1013},[964,1878,1879,1881,1883],{"class":1009,"line":1194},[964,1880,1052],{"class":1013},[964,1882,997],{"class":1017},[964,1884,1020],{"class":1013},[940,1886,1203],{},[1205,1888,1889,1997],{},[1001,1890,1892],{"className":1209,"code":1891,"filename":1211,"language":1212,"meta":999,"style":999},":root {\n  --ui-text-dimmed: var(--ui-color-neutral-400);\n  --ui-text-muted: var(--ui-color-neutral-500);\n  --ui-text-toned: var(--ui-color-neutral-600);\n  --ui-text: var(--ui-color-neutral-700);\n  --ui-text-highlighted: var(--ui-color-neutral-900);\n  --ui-text-inverted: white;\n}\n",[950,1893,1894,1902,1918,1934,1950,1966,1982,1993],{"__ignoreMap":999},[964,1895,1896,1898,1900],{"class":1009,"line":1010},[964,1897,957],{"class":1013},[964,1899,1221],{"class":1031},[964,1901,1224],{"class":1013},[964,1903,1904,1907,1909,1911,1913,1916],{"class":1009,"line":1023},[964,1905,1906],{"class":1049},"  --ui-text-dimmed",[964,1908,957],{"class":1013},[964,1910,1235],{"class":1234},[964,1912,1238],{"class":1013},[964,1914,1915],{"class":1049},"--ui-color-neutral-400",[964,1917,1244],{"class":1013},[964,1919,1920,1923,1925,1927,1929,1932],{"class":1009,"line":1059},[964,1921,1922],{"class":1049},"  --ui-text-muted",[964,1924,957],{"class":1013},[964,1926,1235],{"class":1234},[964,1928,1238],{"class":1013},[964,1930,1931],{"class":1049},"--ui-color-neutral-500",[964,1933,1244],{"class":1013},[964,1935,1936,1939,1941,1943,1945,1948],{"class":1009,"line":1086},[964,1937,1938],{"class":1049},"  --ui-text-toned",[964,1940,957],{"class":1013},[964,1942,1235],{"class":1234},[964,1944,1238],{"class":1013},[964,1946,1947],{"class":1049},"--ui-color-neutral-600",[964,1949,1244],{"class":1013},[964,1951,1952,1955,1957,1959,1961,1964],{"class":1009,"line":1113},[964,1953,1954],{"class":1049},"  --ui-text",[964,1956,957],{"class":1013},[964,1958,1235],{"class":1234},[964,1960,1238],{"class":1013},[964,1962,1963],{"class":1049},"--ui-color-neutral-700",[964,1965,1244],{"class":1013},[964,1967,1968,1971,1973,1975,1977,1980],{"class":1009,"line":1140},[964,1969,1970],{"class":1049},"  --ui-text-highlighted",[964,1972,957],{"class":1013},[964,1974,1235],{"class":1234},[964,1976,1238],{"class":1013},[964,1978,1979],{"class":1049},"--ui-color-neutral-900",[964,1981,1244],{"class":1013},[964,1983,1984,1987,1989,1991],{"class":1009,"line":1167},[964,1985,1986],{"class":1049},"  --ui-text-inverted",[964,1988,957],{"class":1013},[964,1990,1652],{"class":1049},[964,1992,1473],{"class":1013},[964,1994,1995],{"class":1009,"line":1194},[964,1996,1329],{"class":1013},[1001,1998,2000],{"className":1209,"code":1999,"filename":1333,"language":1212,"meta":999,"style":999},".dark {\n  --ui-text-dimmed: var(--ui-color-neutral-500);\n  --ui-text-muted: var(--ui-color-neutral-400);\n  --ui-text-toned: var(--ui-color-neutral-300);\n  --ui-text: var(--ui-color-neutral-200);\n  --ui-text-highlighted: white;\n  --ui-text-inverted: var(--ui-color-neutral-900);\n}\n",[950,2001,2002,2010,2024,2038,2053,2068,2078,2092],{"__ignoreMap":999},[964,2003,2004,2006,2008],{"class":1009,"line":1010},[964,2005,1340],{"class":1013},[964,2007,1344],{"class":1343},[964,2009,1224],{"class":1013},[964,2011,2012,2014,2016,2018,2020,2022],{"class":1009,"line":1023},[964,2013,1906],{"class":1049},[964,2015,957],{"class":1013},[964,2017,1235],{"class":1234},[964,2019,1238],{"class":1013},[964,2021,1931],{"class":1049},[964,2023,1244],{"class":1013},[964,2025,2026,2028,2030,2032,2034,2036],{"class":1009,"line":1059},[964,2027,1922],{"class":1049},[964,2029,957],{"class":1013},[964,2031,1235],{"class":1234},[964,2033,1238],{"class":1013},[964,2035,1915],{"class":1049},[964,2037,1244],{"class":1013},[964,2039,2040,2042,2044,2046,2048,2051],{"class":1009,"line":1086},[964,2041,1938],{"class":1049},[964,2043,957],{"class":1013},[964,2045,1235],{"class":1234},[964,2047,1238],{"class":1013},[964,2049,2050],{"class":1049},"--ui-color-neutral-300",[964,2052,1244],{"class":1013},[964,2054,2055,2057,2059,2061,2063,2066],{"class":1009,"line":1113},[964,2056,1954],{"class":1049},[964,2058,957],{"class":1013},[964,2060,1235],{"class":1234},[964,2062,1238],{"class":1013},[964,2064,2065],{"class":1049},"--ui-color-neutral-200",[964,2067,1244],{"class":1013},[964,2069,2070,2072,2074,2076],{"class":1009,"line":1140},[964,2071,1970],{"class":1049},[964,2073,957],{"class":1013},[964,2075,1652],{"class":1049},[964,2077,1473],{"class":1013},[964,2079,2080,2082,2084,2086,2088,2090],{"class":1009,"line":1167},[964,2081,1986],{"class":1049},[964,2083,957],{"class":1013},[964,2085,1235],{"class":1234},[964,2087,1238],{"class":1013},[964,2089,1979],{"class":1049},[964,2091,1244],{"class":1013},[964,2093,2094],{"class":1009,"line":1194},[964,2095,1329],{"class":1013},[1442,2097,2098,2103],{},[940,2099,2100,2101,1450],{},"You can customize these CSS variables in your ",[950,2102,1449],{},[1001,2104,2106],{"className":1209,"code":2105,"filename":1454,"language":1212,"meta":999,"style":999},"@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n:root {\n  --ui-text: var(--ui-color-neutral-900);\n}\n\n.dark {\n  --ui-text: white;\n}\n",[950,2107,2108,2120,2132,2136,2144,2158,2162,2166,2174,2184],{"__ignoreMap":999},[964,2109,2110,2112,2114,2116,2118],{"class":1009,"line":1010},[964,2111,1462],{"class":1461},[964,2113,1465],{"class":1013},[964,2115,1468],{"class":1041},[964,2117,1038],{"class":1013},[964,2119,1473],{"class":1013},[964,2121,2122,2124,2126,2128,2130],{"class":1009,"line":1023},[964,2123,1462],{"class":1461},[964,2125,1465],{"class":1013},[964,2127,1482],{"class":1041},[964,2129,1038],{"class":1013},[964,2131,1473],{"class":1013},[964,2133,2134],{"class":1009,"line":1059},[964,2135,1491],{"emptyLinePlaceholder":21},[964,2137,2138,2140,2142],{"class":1009,"line":1086},[964,2139,957],{"class":1013},[964,2141,1221],{"class":1031},[964,2143,1224],{"class":1013},[964,2145,2146,2148,2150,2152,2154,2156],{"class":1009,"line":1113},[964,2147,1954],{"class":1049},[964,2149,957],{"class":1013},[964,2151,1235],{"class":1234},[964,2153,1238],{"class":1013},[964,2155,1979],{"class":1049},[964,2157,1244],{"class":1013},[964,2159,2160],{"class":1009,"line":1140},[964,2161,1329],{"class":1013},[964,2163,2164],{"class":1009,"line":1167},[964,2165,1491],{"emptyLinePlaceholder":21},[964,2167,2168,2170,2172],{"class":1009,"line":1194},[964,2169,1340],{"class":1013},[964,2171,1344],{"class":1343},[964,2173,1224],{"class":1013},[964,2175,2176,2178,2180,2182],{"class":1009,"line":1533},[964,2177,1954],{"class":1049},[964,2179,957],{"class":1013},[964,2181,1652],{"class":1049},[964,2183,1473],{"class":1013},[964,2185,2186],{"class":1009,"line":1549},[964,2187,1329],{"class":1013},[935,2189,2191],{"id":2190},"background","Background",[940,2193,2194,2195,953,2198,957],{},"Nuxt UI provides Tailwind CSS utility classes for background colors, allowing you to use class names like ",[950,2196,2197],{},"bg-default",[950,2199,2200],{},"bg-muted",[959,2202,2207,2229],{"className":2203},[2204,2205,2206],"[&>div>p]:flex","[&>div>p]:flex-wrap","[&>div>p]:gap-2",[940,2208,2209,2213,2216,2221,2226],{},[964,2210,2212],{"className":2211},[2197,968,969,970,971,1679],"Default",[964,2214,1684],{"className":2215},[2200,968,969,970,971,1679],[964,2217,2220],{"className":2218},[2219,968,969,970,971,1679],"bg-elevated","Elevated",[964,2222,2225],{"className":2223},[2224,968,969,970,971,1679],"bg-accented","Accented",[964,2227,1704],{"className":2228},[1703,1702,968,969,970,971,1679],[997,2230,2231],{"v-slot:code":999},[1001,2232,2234],{"className":1003,"code":2233,"language":34,"meta":999,"style":999},"\u003Ctemplate>\n  \u003Cdiv class=\"bg-default\">Default\u003C/div>\n  \u003Cdiv class=\"bg-muted\">Muted\u003C/div>\n  \u003Cdiv class=\"bg-elevated\">Elevated\u003C/div>\n  \u003Cdiv class=\"bg-accented\">Accented\u003C/div>\n  \u003Cdiv class=\"bg-inverted text-inverted\">Inverted\u003C/div>\n\u003C/template>\n",[950,2235,2236,2244,2271,2297,2323,2349,2376],{"__ignoreMap":999},[964,2237,2238,2240,2242],{"class":1009,"line":1010},[964,2239,1014],{"class":1013},[964,2241,997],{"class":1017},[964,2243,1020],{"class":1013},[964,2245,2246,2248,2251,2253,2255,2257,2259,2261,2263,2265,2267,2269],{"class":1009,"line":1023},[964,2247,1026],{"class":1013},[964,2249,2250],{"class":1017},"div",[964,2252,1032],{"class":1031},[964,2254,1035],{"class":1013},[964,2256,1038],{"class":1013},[964,2258,2197],{"class":1041},[964,2260,1038],{"class":1013},[964,2262,1046],{"class":1013},[964,2264,2212],{"class":1049},[964,2266,1052],{"class":1013},[964,2268,2250],{"class":1017},[964,2270,1020],{"class":1013},[964,2272,2273,2275,2277,2279,2281,2283,2285,2287,2289,2291,2293,2295],{"class":1009,"line":1059},[964,2274,1026],{"class":1013},[964,2276,2250],{"class":1017},[964,2278,1032],{"class":1031},[964,2280,1035],{"class":1013},[964,2282,1038],{"class":1013},[964,2284,2200],{"class":1041},[964,2286,1038],{"class":1013},[964,2288,1046],{"class":1013},[964,2290,1684],{"class":1049},[964,2292,1052],{"class":1013},[964,2294,2250],{"class":1017},[964,2296,1020],{"class":1013},[964,2298,2299,2301,2303,2305,2307,2309,2311,2313,2315,2317,2319,2321],{"class":1009,"line":1086},[964,2300,1026],{"class":1013},[964,2302,2250],{"class":1017},[964,2304,1032],{"class":1031},[964,2306,1035],{"class":1013},[964,2308,1038],{"class":1013},[964,2310,2219],{"class":1041},[964,2312,1038],{"class":1013},[964,2314,1046],{"class":1013},[964,2316,2220],{"class":1049},[964,2318,1052],{"class":1013},[964,2320,2250],{"class":1017},[964,2322,1020],{"class":1013},[964,2324,2325,2327,2329,2331,2333,2335,2337,2339,2341,2343,2345,2347],{"class":1009,"line":1113},[964,2326,1026],{"class":1013},[964,2328,2250],{"class":1017},[964,2330,1032],{"class":1031},[964,2332,1035],{"class":1013},[964,2334,1038],{"class":1013},[964,2336,2224],{"class":1041},[964,2338,1038],{"class":1013},[964,2340,1046],{"class":1013},[964,2342,2225],{"class":1049},[964,2344,1052],{"class":1013},[964,2346,2250],{"class":1017},[964,2348,1020],{"class":1013},[964,2350,2351,2353,2355,2357,2359,2361,2364,2366,2368,2370,2372,2374],{"class":1009,"line":1140},[964,2352,1026],{"class":1013},[964,2354,2250],{"class":1017},[964,2356,1032],{"class":1031},[964,2358,1035],{"class":1013},[964,2360,1038],{"class":1013},[964,2362,2363],{"class":1041},"bg-inverted text-inverted",[964,2365,1038],{"class":1013},[964,2367,1046],{"class":1013},[964,2369,1704],{"class":1049},[964,2371,1052],{"class":1013},[964,2373,2250],{"class":1017},[964,2375,1020],{"class":1013},[964,2377,2378,2380,2382],{"class":1009,"line":1167},[964,2379,1052],{"class":1013},[964,2381,997],{"class":1017},[964,2383,1020],{"class":1013},[940,2385,1203],{},[1205,2387,2388,2478],{},[1001,2389,2391],{"className":1209,"code":2390,"filename":1211,"language":1212,"meta":999,"style":999},":root {\n  --ui-bg: white;\n  --ui-bg-muted: var(--ui-color-neutral-50);\n  --ui-bg-elevated: var(--ui-color-neutral-100);\n  --ui-bg-accented: var(--ui-color-neutral-200);\n  --ui-bg-inverted: var(--ui-color-neutral-900);\n}\n",[950,2392,2393,2401,2412,2428,2444,2459,2474],{"__ignoreMap":999},[964,2394,2395,2397,2399],{"class":1009,"line":1010},[964,2396,957],{"class":1013},[964,2398,1221],{"class":1031},[964,2400,1224],{"class":1013},[964,2402,2403,2406,2408,2410],{"class":1009,"line":1023},[964,2404,2405],{"class":1049},"  --ui-bg",[964,2407,957],{"class":1013},[964,2409,1652],{"class":1049},[964,2411,1473],{"class":1013},[964,2413,2414,2417,2419,2421,2423,2426],{"class":1009,"line":1059},[964,2415,2416],{"class":1049},"  --ui-bg-muted",[964,2418,957],{"class":1013},[964,2420,1235],{"class":1234},[964,2422,1238],{"class":1013},[964,2424,2425],{"class":1049},"--ui-color-neutral-50",[964,2427,1244],{"class":1013},[964,2429,2430,2433,2435,2437,2439,2442],{"class":1009,"line":1086},[964,2431,2432],{"class":1049},"  --ui-bg-elevated",[964,2434,957],{"class":1013},[964,2436,1235],{"class":1234},[964,2438,1238],{"class":1013},[964,2440,2441],{"class":1049},"--ui-color-neutral-100",[964,2443,1244],{"class":1013},[964,2445,2446,2449,2451,2453,2455,2457],{"class":1009,"line":1113},[964,2447,2448],{"class":1049},"  --ui-bg-accented",[964,2450,957],{"class":1013},[964,2452,1235],{"class":1234},[964,2454,1238],{"class":1013},[964,2456,2065],{"class":1049},[964,2458,1244],{"class":1013},[964,2460,2461,2464,2466,2468,2470,2472],{"class":1009,"line":1140},[964,2462,2463],{"class":1049},"  --ui-bg-inverted",[964,2465,957],{"class":1013},[964,2467,1235],{"class":1234},[964,2469,1238],{"class":1013},[964,2471,1979],{"class":1049},[964,2473,1244],{"class":1013},[964,2475,2476],{"class":1009,"line":1167},[964,2477,1329],{"class":1013},[1001,2479,2481],{"className":1209,"code":2480,"filename":1333,"language":1212,"meta":999,"style":999},".dark {\n  --ui-bg: var(--ui-color-neutral-900);\n  --ui-bg-muted: var(--ui-color-neutral-800);\n  --ui-bg-elevated: var(--ui-color-neutral-800);\n  --ui-bg-accented: var(--ui-color-neutral-700);\n  --ui-bg-inverted: white;\n}\n",[950,2482,2483,2491,2505,2520,2534,2548,2558],{"__ignoreMap":999},[964,2484,2485,2487,2489],{"class":1009,"line":1010},[964,2486,1340],{"class":1013},[964,2488,1344],{"class":1343},[964,2490,1224],{"class":1013},[964,2492,2493,2495,2497,2499,2501,2503],{"class":1009,"line":1023},[964,2494,2405],{"class":1049},[964,2496,957],{"class":1013},[964,2498,1235],{"class":1234},[964,2500,1238],{"class":1013},[964,2502,1979],{"class":1049},[964,2504,1244],{"class":1013},[964,2506,2507,2509,2511,2513,2515,2518],{"class":1009,"line":1059},[964,2508,2416],{"class":1049},[964,2510,957],{"class":1013},[964,2512,1235],{"class":1234},[964,2514,1238],{"class":1013},[964,2516,2517],{"class":1049},"--ui-color-neutral-800",[964,2519,1244],{"class":1013},[964,2521,2522,2524,2526,2528,2530,2532],{"class":1009,"line":1086},[964,2523,2432],{"class":1049},[964,2525,957],{"class":1013},[964,2527,1235],{"class":1234},[964,2529,1238],{"class":1013},[964,2531,2517],{"class":1049},[964,2533,1244],{"class":1013},[964,2535,2536,2538,2540,2542,2544,2546],{"class":1009,"line":1113},[964,2537,2448],{"class":1049},[964,2539,957],{"class":1013},[964,2541,1235],{"class":1234},[964,2543,1238],{"class":1013},[964,2545,1963],{"class":1049},[964,2547,1244],{"class":1013},[964,2549,2550,2552,2554,2556],{"class":1009,"line":1140},[964,2551,2463],{"class":1049},[964,2553,957],{"class":1013},[964,2555,1652],{"class":1049},[964,2557,1473],{"class":1013},[964,2559,2560],{"class":1009,"line":1167},[964,2561,1329],{"class":1013},[1442,2563,2564,2568],{},[940,2565,2100,2566,1450],{},[950,2567,1449],{},[1001,2569,2571],{"className":1209,"code":2570,"filename":1454,"language":1212,"meta":999,"style":999},"@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n:root {\n  --ui-bg: var(--ui-color-neutral-50);\n}\n\n.dark {\n  --ui-bg: var(--ui-color-neutral-950);\n}\n",[950,2572,2573,2585,2597,2601,2609,2623,2627,2631,2639,2654],{"__ignoreMap":999},[964,2574,2575,2577,2579,2581,2583],{"class":1009,"line":1010},[964,2576,1462],{"class":1461},[964,2578,1465],{"class":1013},[964,2580,1468],{"class":1041},[964,2582,1038],{"class":1013},[964,2584,1473],{"class":1013},[964,2586,2587,2589,2591,2593,2595],{"class":1009,"line":1023},[964,2588,1462],{"class":1461},[964,2590,1465],{"class":1013},[964,2592,1482],{"class":1041},[964,2594,1038],{"class":1013},[964,2596,1473],{"class":1013},[964,2598,2599],{"class":1009,"line":1059},[964,2600,1491],{"emptyLinePlaceholder":21},[964,2602,2603,2605,2607],{"class":1009,"line":1086},[964,2604,957],{"class":1013},[964,2606,1221],{"class":1031},[964,2608,1224],{"class":1013},[964,2610,2611,2613,2615,2617,2619,2621],{"class":1009,"line":1113},[964,2612,2405],{"class":1049},[964,2614,957],{"class":1013},[964,2616,1235],{"class":1234},[964,2618,1238],{"class":1013},[964,2620,2425],{"class":1049},[964,2622,1244],{"class":1013},[964,2624,2625],{"class":1009,"line":1140},[964,2626,1329],{"class":1013},[964,2628,2629],{"class":1009,"line":1167},[964,2630,1491],{"emptyLinePlaceholder":21},[964,2632,2633,2635,2637],{"class":1009,"line":1194},[964,2634,1340],{"class":1013},[964,2636,1344],{"class":1343},[964,2638,1224],{"class":1013},[964,2640,2641,2643,2645,2647,2649,2652],{"class":1009,"line":1533},[964,2642,2405],{"class":1049},[964,2644,957],{"class":1013},[964,2646,1235],{"class":1234},[964,2648,1238],{"class":1013},[964,2650,2651],{"class":1049},"--ui-color-neutral-950",[964,2653,1244],{"class":1013},[964,2655,2656],{"class":1009,"line":1549},[964,2657,1329],{"class":1013},[935,2659,2661],{"id":2660},"border","Border",[940,2663,2664,2665,953,2668,957],{},"Nuxt UI provides Tailwind CSS utility classes for border colors, allowing you to use class names like ",[950,2666,2667],{},"border-default",[950,2669,2670],{},"border-muted",[959,2672,2674,2691],{"className":2673},[2204,2205,2206],[940,2675,2676,2680,2683,2687],{},[964,2677,2212],{"className":2678},[2679,2667,968,969,970,971,1679],"border-2",[964,2681,1684],{"className":2682},[2679,2670,968,969,970,971,1679],[964,2684,2225],{"className":2685},[2679,2686,968,969,970,971,1679],"border-accented",[964,2688,1704],{"className":2689},[2679,2690,968,969,970,971,1679],"border-inverted",[997,2692,2693],{"v-slot:code":999},[1001,2694,2696],{"className":1003,"code":2695,"language":34,"meta":999,"style":999},"\u003Ctemplate>\n  \u003Cdiv class=\"border border-default\">Default\u003C/div>\n  \u003Cdiv class=\"border border-muted\">Muted\u003C/div>\n  \u003Cdiv class=\"border border-accented\">Accented\u003C/div>\n  \u003Cdiv class=\"border border-inverted\">Inverted\u003C/div>\n\u003C/template>\n",[950,2697,2698,2706,2733,2760,2787,2814],{"__ignoreMap":999},[964,2699,2700,2702,2704],{"class":1009,"line":1010},[964,2701,1014],{"class":1013},[964,2703,997],{"class":1017},[964,2705,1020],{"class":1013},[964,2707,2708,2710,2712,2714,2716,2718,2721,2723,2725,2727,2729,2731],{"class":1009,"line":1023},[964,2709,1026],{"class":1013},[964,2711,2250],{"class":1017},[964,2713,1032],{"class":1031},[964,2715,1035],{"class":1013},[964,2717,1038],{"class":1013},[964,2719,2720],{"class":1041},"border border-default",[964,2722,1038],{"class":1013},[964,2724,1046],{"class":1013},[964,2726,2212],{"class":1049},[964,2728,1052],{"class":1013},[964,2730,2250],{"class":1017},[964,2732,1020],{"class":1013},[964,2734,2735,2737,2739,2741,2743,2745,2748,2750,2752,2754,2756,2758],{"class":1009,"line":1059},[964,2736,1026],{"class":1013},[964,2738,2250],{"class":1017},[964,2740,1032],{"class":1031},[964,2742,1035],{"class":1013},[964,2744,1038],{"class":1013},[964,2746,2747],{"class":1041},"border border-muted",[964,2749,1038],{"class":1013},[964,2751,1046],{"class":1013},[964,2753,1684],{"class":1049},[964,2755,1052],{"class":1013},[964,2757,2250],{"class":1017},[964,2759,1020],{"class":1013},[964,2761,2762,2764,2766,2768,2770,2772,2775,2777,2779,2781,2783,2785],{"class":1009,"line":1086},[964,2763,1026],{"class":1013},[964,2765,2250],{"class":1017},[964,2767,1032],{"class":1031},[964,2769,1035],{"class":1013},[964,2771,1038],{"class":1013},[964,2773,2774],{"class":1041},"border border-accented",[964,2776,1038],{"class":1013},[964,2778,1046],{"class":1013},[964,2780,2225],{"class":1049},[964,2782,1052],{"class":1013},[964,2784,2250],{"class":1017},[964,2786,1020],{"class":1013},[964,2788,2789,2791,2793,2795,2797,2799,2802,2804,2806,2808,2810,2812],{"class":1009,"line":1113},[964,2790,1026],{"class":1013},[964,2792,2250],{"class":1017},[964,2794,1032],{"class":1031},[964,2796,1035],{"class":1013},[964,2798,1038],{"class":1013},[964,2800,2801],{"class":1041},"border border-inverted",[964,2803,1038],{"class":1013},[964,2805,1046],{"class":1013},[964,2807,1704],{"class":1049},[964,2809,1052],{"class":1013},[964,2811,2250],{"class":1017},[964,2813,1020],{"class":1013},[964,2815,2816,2818,2820],{"class":1009,"line":1140},[964,2817,1052],{"class":1013},[964,2819,997],{"class":1017},[964,2821,1020],{"class":1013},[940,2823,1203],{},[1205,2825,2826,2903],{},[1001,2827,2829],{"className":1209,"code":2828,"filename":1211,"language":1212,"meta":999,"style":999},":root {\n  --ui-border: var(--ui-color-neutral-200);\n  --ui-border-muted: var(--ui-color-neutral-200);\n  --ui-border-accented: var(--ui-color-neutral-300);\n  --ui-border-inverted: var(--ui-color-neutral-900);\n}\n",[950,2830,2831,2839,2854,2869,2884,2899],{"__ignoreMap":999},[964,2832,2833,2835,2837],{"class":1009,"line":1010},[964,2834,957],{"class":1013},[964,2836,1221],{"class":1031},[964,2838,1224],{"class":1013},[964,2840,2841,2844,2846,2848,2850,2852],{"class":1009,"line":1023},[964,2842,2843],{"class":1049},"  --ui-border",[964,2845,957],{"class":1013},[964,2847,1235],{"class":1234},[964,2849,1238],{"class":1013},[964,2851,2065],{"class":1049},[964,2853,1244],{"class":1013},[964,2855,2856,2859,2861,2863,2865,2867],{"class":1009,"line":1059},[964,2857,2858],{"class":1049},"  --ui-border-muted",[964,2860,957],{"class":1013},[964,2862,1235],{"class":1234},[964,2864,1238],{"class":1013},[964,2866,2065],{"class":1049},[964,2868,1244],{"class":1013},[964,2870,2871,2874,2876,2878,2880,2882],{"class":1009,"line":1086},[964,2872,2873],{"class":1049},"  --ui-border-accented",[964,2875,957],{"class":1013},[964,2877,1235],{"class":1234},[964,2879,1238],{"class":1013},[964,2881,2050],{"class":1049},[964,2883,1244],{"class":1013},[964,2885,2886,2889,2891,2893,2895,2897],{"class":1009,"line":1113},[964,2887,2888],{"class":1049},"  --ui-border-inverted",[964,2890,957],{"class":1013},[964,2892,1235],{"class":1234},[964,2894,1238],{"class":1013},[964,2896,1979],{"class":1049},[964,2898,1244],{"class":1013},[964,2900,2901],{"class":1009,"line":1140},[964,2902,1329],{"class":1013},[1001,2904,2906],{"className":1209,"code":2905,"filename":1333,"language":1212,"meta":999,"style":999},".dark {\n  --ui-border: var(--ui-color-neutral-800);\n  --ui-border-muted: var(--ui-color-neutral-700);\n  --ui-border-accented: var(--ui-color-neutral-700);\n  --ui-border-inverted: white;\n}\n",[950,2907,2908,2916,2930,2944,2958,2968],{"__ignoreMap":999},[964,2909,2910,2912,2914],{"class":1009,"line":1010},[964,2911,1340],{"class":1013},[964,2913,1344],{"class":1343},[964,2915,1224],{"class":1013},[964,2917,2918,2920,2922,2924,2926,2928],{"class":1009,"line":1023},[964,2919,2843],{"class":1049},[964,2921,957],{"class":1013},[964,2923,1235],{"class":1234},[964,2925,1238],{"class":1013},[964,2927,2517],{"class":1049},[964,2929,1244],{"class":1013},[964,2931,2932,2934,2936,2938,2940,2942],{"class":1009,"line":1059},[964,2933,2858],{"class":1049},[964,2935,957],{"class":1013},[964,2937,1235],{"class":1234},[964,2939,1238],{"class":1013},[964,2941,1963],{"class":1049},[964,2943,1244],{"class":1013},[964,2945,2946,2948,2950,2952,2954,2956],{"class":1009,"line":1086},[964,2947,2873],{"class":1049},[964,2949,957],{"class":1013},[964,2951,1235],{"class":1234},[964,2953,1238],{"class":1013},[964,2955,1963],{"class":1049},[964,2957,1244],{"class":1013},[964,2959,2960,2962,2964,2966],{"class":1009,"line":1113},[964,2961,2888],{"class":1049},[964,2963,957],{"class":1013},[964,2965,1652],{"class":1049},[964,2967,1473],{"class":1013},[964,2969,2970],{"class":1009,"line":1140},[964,2971,1329],{"class":1013},[1442,2973,2974,2978],{},[940,2975,2100,2976,1450],{},[950,2977,1449],{},[1001,2979,2981],{"className":1209,"code":2980,"filename":1454,"language":1212,"meta":999,"style":999},"@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n:root {\n  --ui-border: var(--ui-color-neutral-100);\n}\n\n.dark {\n  --ui-border: var(--ui-color-neutral-900);\n}\n",[950,2982,2983,2995,3007,3011,3019,3033,3037,3041,3049,3063],{"__ignoreMap":999},[964,2984,2985,2987,2989,2991,2993],{"class":1009,"line":1010},[964,2986,1462],{"class":1461},[964,2988,1465],{"class":1013},[964,2990,1468],{"class":1041},[964,2992,1038],{"class":1013},[964,2994,1473],{"class":1013},[964,2996,2997,2999,3001,3003,3005],{"class":1009,"line":1023},[964,2998,1462],{"class":1461},[964,3000,1465],{"class":1013},[964,3002,1482],{"class":1041},[964,3004,1038],{"class":1013},[964,3006,1473],{"class":1013},[964,3008,3009],{"class":1009,"line":1059},[964,3010,1491],{"emptyLinePlaceholder":21},[964,3012,3013,3015,3017],{"class":1009,"line":1086},[964,3014,957],{"class":1013},[964,3016,1221],{"class":1031},[964,3018,1224],{"class":1013},[964,3020,3021,3023,3025,3027,3029,3031],{"class":1009,"line":1113},[964,3022,2843],{"class":1049},[964,3024,957],{"class":1013},[964,3026,1235],{"class":1234},[964,3028,1238],{"class":1013},[964,3030,2441],{"class":1049},[964,3032,1244],{"class":1013},[964,3034,3035],{"class":1009,"line":1140},[964,3036,1329],{"class":1013},[964,3038,3039],{"class":1009,"line":1167},[964,3040,1491],{"emptyLinePlaceholder":21},[964,3042,3043,3045,3047],{"class":1009,"line":1194},[964,3044,1340],{"class":1013},[964,3046,1344],{"class":1343},[964,3048,1224],{"class":1013},[964,3050,3051,3053,3055,3057,3059,3061],{"class":1009,"line":1533},[964,3052,2843],{"class":1049},[964,3054,957],{"class":1013},[964,3056,1235],{"class":1234},[964,3058,1238],{"class":1013},[964,3060,1979],{"class":1049},[964,3062,1244],{"class":1013},[964,3064,3065],{"class":1009,"line":1549},[964,3066,1329],{"class":1013},[935,3068,3070],{"id":3069},"radius","Radius",[940,3072,3073,3074,3077,3078,3084,3085,953,3088,957],{},"Nuxt UI overrides Tailwind CSS's default ",[950,3075,3076],{},"rounded-*"," utilities with a unified border radius system, allowing you to use regular ",[944,3079,3083],{"href":3080,"rel":3081},"https://tailwindcss.com/docs/border-radius",[3082],"nofollow","border radius utilities"," like ",[950,3086,3087],{},"rounded-xs",[950,3089,3090],{},"rounded-2xl",[959,3092,3094,3128],{"className":3093},[2204,2205,2206],[940,3095,3096,3100,3105,3109,3114,3119,3123],{},[964,3097,3099],{"className":3098},[2679,2686,968,969,970,971,3087],"xs",[964,3101,3104],{"className":3102},[2679,2686,968,969,970,971,3103],"rounded-sm","sm",[964,3106,3108],{"className":3107},[2679,2686,968,969,970,971,1679],"md",[964,3110,3113],{"className":3111},[2679,2686,968,969,970,971,3112],"rounded-lg","lg",[964,3115,3118],{"className":3116},[2679,2686,968,969,970,971,3117],"rounded-xl","xl",[964,3120,3122],{"className":3121},[2679,2686,968,969,970,971,3090],"2xl",[964,3124,3127],{"className":3125},[2679,2686,968,969,970,971,3126],"rounded-3xl","3xl",[997,3129,3130],{"v-slot:code":999},[1001,3131,3133],{"className":1003,"code":3132,"language":34,"meta":999,"style":999},"\u003Ctemplate>\n  \u003Cdiv class=\"rounded-xs\">xs\u003C/div>\n  \u003Cdiv class=\"rounded-sm\">sm\u003C/div>\n  \u003Cdiv class=\"rounded-md\">md\u003C/div>\n  \u003Cdiv class=\"rounded-lg\">lg\u003C/div>\n  \u003Cdiv class=\"rounded-xl\">xl\u003C/div>\n  \u003Cdiv class=\"rounded-2xl\">2xl\u003C/div>\n  \u003Cdiv class=\"rounded-3xl\">3xl\u003C/div>\n\u003C/template>\n",[950,3134,3135,3143,3169,3195,3221,3247,3273,3299,3325],{"__ignoreMap":999},[964,3136,3137,3139,3141],{"class":1009,"line":1010},[964,3138,1014],{"class":1013},[964,3140,997],{"class":1017},[964,3142,1020],{"class":1013},[964,3144,3145,3147,3149,3151,3153,3155,3157,3159,3161,3163,3165,3167],{"class":1009,"line":1023},[964,3146,1026],{"class":1013},[964,3148,2250],{"class":1017},[964,3150,1032],{"class":1031},[964,3152,1035],{"class":1013},[964,3154,1038],{"class":1013},[964,3156,3087],{"class":1041},[964,3158,1038],{"class":1013},[964,3160,1046],{"class":1013},[964,3162,3099],{"class":1049},[964,3164,1052],{"class":1013},[964,3166,2250],{"class":1017},[964,3168,1020],{"class":1013},[964,3170,3171,3173,3175,3177,3179,3181,3183,3185,3187,3189,3191,3193],{"class":1009,"line":1059},[964,3172,1026],{"class":1013},[964,3174,2250],{"class":1017},[964,3176,1032],{"class":1031},[964,3178,1035],{"class":1013},[964,3180,1038],{"class":1013},[964,3182,3103],{"class":1041},[964,3184,1038],{"class":1013},[964,3186,1046],{"class":1013},[964,3188,3104],{"class":1049},[964,3190,1052],{"class":1013},[964,3192,2250],{"class":1017},[964,3194,1020],{"class":1013},[964,3196,3197,3199,3201,3203,3205,3207,3209,3211,3213,3215,3217,3219],{"class":1009,"line":1086},[964,3198,1026],{"class":1013},[964,3200,2250],{"class":1017},[964,3202,1032],{"class":1031},[964,3204,1035],{"class":1013},[964,3206,1038],{"class":1013},[964,3208,1679],{"class":1041},[964,3210,1038],{"class":1013},[964,3212,1046],{"class":1013},[964,3214,3108],{"class":1049},[964,3216,1052],{"class":1013},[964,3218,2250],{"class":1017},[964,3220,1020],{"class":1013},[964,3222,3223,3225,3227,3229,3231,3233,3235,3237,3239,3241,3243,3245],{"class":1009,"line":1113},[964,3224,1026],{"class":1013},[964,3226,2250],{"class":1017},[964,3228,1032],{"class":1031},[964,3230,1035],{"class":1013},[964,3232,1038],{"class":1013},[964,3234,3112],{"class":1041},[964,3236,1038],{"class":1013},[964,3238,1046],{"class":1013},[964,3240,3113],{"class":1049},[964,3242,1052],{"class":1013},[964,3244,2250],{"class":1017},[964,3246,1020],{"class":1013},[964,3248,3249,3251,3253,3255,3257,3259,3261,3263,3265,3267,3269,3271],{"class":1009,"line":1140},[964,3250,1026],{"class":1013},[964,3252,2250],{"class":1017},[964,3254,1032],{"class":1031},[964,3256,1035],{"class":1013},[964,3258,1038],{"class":1013},[964,3260,3117],{"class":1041},[964,3262,1038],{"class":1013},[964,3264,1046],{"class":1013},[964,3266,3118],{"class":1049},[964,3268,1052],{"class":1013},[964,3270,2250],{"class":1017},[964,3272,1020],{"class":1013},[964,3274,3275,3277,3279,3281,3283,3285,3287,3289,3291,3293,3295,3297],{"class":1009,"line":1167},[964,3276,1026],{"class":1013},[964,3278,2250],{"class":1017},[964,3280,1032],{"class":1031},[964,3282,1035],{"class":1013},[964,3284,1038],{"class":1013},[964,3286,3090],{"class":1041},[964,3288,1038],{"class":1013},[964,3290,1046],{"class":1013},[964,3292,3122],{"class":1049},[964,3294,1052],{"class":1013},[964,3296,2250],{"class":1017},[964,3298,1020],{"class":1013},[964,3300,3301,3303,3305,3307,3309,3311,3313,3315,3317,3319,3321,3323],{"class":1009,"line":1194},[964,3302,1026],{"class":1013},[964,3304,2250],{"class":1017},[964,3306,1032],{"class":1031},[964,3308,1035],{"class":1013},[964,3310,1038],{"class":1013},[964,3312,3126],{"class":1041},[964,3314,1038],{"class":1013},[964,3316,1046],{"class":1013},[964,3318,3127],{"class":1049},[964,3320,1052],{"class":1013},[964,3322,2250],{"class":1017},[964,3324,1020],{"class":1013},[964,3326,3327,3329,3331],{"class":1009,"line":1533},[964,3328,1052],{"class":1013},[964,3330,997],{"class":1017},[964,3332,1020],{"class":1013},[940,3334,3335,3336,3339],{},"These utility classes are calculated based on a global ",[950,3337,3338],{},"--ui-radius"," CSS variable, which defines the base radius value applied across all components for a consistent look.",[1001,3341,3343],{"className":1209,"code":3342,"language":1212,"meta":999,"style":999},":root {\n  --ui-radius: 0.25rem;\n}\n",[950,3344,3345,3353,3366],{"__ignoreMap":999},[964,3346,3347,3349,3351],{"class":1009,"line":1010},[964,3348,957],{"class":1013},[964,3350,1221],{"class":1031},[964,3352,1224],{"class":1013},[964,3354,3355,3358,3360,3364],{"class":1009,"line":1023},[964,3356,3357],{"class":1049},"  --ui-radius",[964,3359,957],{"class":1013},[964,3361,3363],{"class":3362},"sbssI"," 0.25rem",[964,3365,1473],{"class":1013},[964,3367,3368],{"class":1009,"line":1059},[964,3369,1329],{"class":1013},[1442,3371,3372,3377],{},[940,3373,3374,3375,1450],{},"You can customize the base radius value in your ",[950,3376,1449],{},[1001,3378,3380],{"className":1209,"code":3379,"filename":1454,"language":1212,"meta":999,"style":999},"@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n:root {\n  --ui-radius: 0.5rem;\n}\n",[950,3381,3382,3394,3406,3410,3418,3429],{"__ignoreMap":999},[964,3383,3384,3386,3388,3390,3392],{"class":1009,"line":1010},[964,3385,1462],{"class":1461},[964,3387,1465],{"class":1013},[964,3389,1468],{"class":1041},[964,3391,1038],{"class":1013},[964,3393,1473],{"class":1013},[964,3395,3396,3398,3400,3402,3404],{"class":1009,"line":1023},[964,3397,1462],{"class":1461},[964,3399,1465],{"class":1013},[964,3401,1482],{"class":1041},[964,3403,1038],{"class":1013},[964,3405,1473],{"class":1013},[964,3407,3408],{"class":1009,"line":1059},[964,3409,1491],{"emptyLinePlaceholder":21},[964,3411,3412,3414,3416],{"class":1009,"line":1086},[964,3413,957],{"class":1013},[964,3415,1221],{"class":1031},[964,3417,1224],{"class":1013},[964,3419,3420,3422,3424,3427],{"class":1009,"line":1113},[964,3421,3357],{"class":1049},[964,3423,957],{"class":1013},[964,3425,3426],{"class":3362}," 0.5rem",[964,3428,1473],{"class":1013},[964,3430,3431],{"class":1009,"line":1140},[964,3432,1329],{"class":1013},[3434,3435,3436],"note",{},[940,3437,3438,3439,3443],{},"Try the ",[3440,3441],"prose-icon",{"className":3442,"name":69},[967]," theme picker in the header above to change the base radius value.",[935,3445,342],{"id":3446},"container",[940,3448,3449,3450,3453,3454,3456],{},"Nuxt UI provides a ",[950,3451,3452],{},"--ui-container"," CSS variable that controls the maximum width of the ",[944,3455,342],{"href":343}," component.",[1001,3458,3460],{"className":1209,"code":3459,"language":1212,"meta":999,"style":999},":root {\n  --ui-container: 80rem; /* var(--container-7xl) */\n}\n",[950,3461,3462,3470,3487],{"__ignoreMap":999},[964,3463,3464,3466,3468],{"class":1009,"line":1010},[964,3465,957],{"class":1013},[964,3467,1221],{"class":1031},[964,3469,1224],{"class":1013},[964,3471,3472,3475,3477,3480,3483],{"class":1009,"line":1023},[964,3473,3474],{"class":1049},"  --ui-container",[964,3476,957],{"class":1013},[964,3478,3479],{"class":3362}," 80rem",[964,3481,3482],{"class":1013},";",[964,3484,3486],{"class":3485},"sHwdD"," /* var(--container-7xl) */\n",[964,3488,3489],{"class":1009,"line":1059},[964,3490,1329],{"class":1013},[1442,3492,3493,3499],{},[940,3494,3495,3496,3498],{},"You can customize this value in your ",[950,3497,1449],{}," file to adjust container widths consistently throughout your application:",[1001,3500,3502],{"className":1209,"code":3501,"filename":1454,"language":1212,"meta":999,"style":999},"@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n@theme {\n  --container-8xl: 90rem;\n}\n\n:root {\n  --ui-container: var(--container-8xl);\n}\n",[950,3503,3504,3516,3528,3532,3539,3544,3548,3552,3560,3575],{"__ignoreMap":999},[964,3505,3506,3508,3510,3512,3514],{"class":1009,"line":1010},[964,3507,1462],{"class":1461},[964,3509,1465],{"class":1013},[964,3511,1468],{"class":1041},[964,3513,1038],{"class":1013},[964,3515,1473],{"class":1013},[964,3517,3518,3520,3522,3524,3526],{"class":1009,"line":1023},[964,3519,1462],{"class":1461},[964,3521,1465],{"class":1013},[964,3523,1482],{"class":1041},[964,3525,1038],{"class":1013},[964,3527,1473],{"class":1013},[964,3529,3530],{"class":1009,"line":1059},[964,3531,1491],{"emptyLinePlaceholder":21},[964,3533,3534,3537],{"class":1009,"line":1086},[964,3535,3536],{"class":1461},"@theme",[964,3538,1224],{"class":1013},[964,3540,3541],{"class":1009,"line":1113},[964,3542,3543],{"class":1049},"  --container-8xl: 90rem;\n",[964,3545,3546],{"class":1009,"line":1140},[964,3547,1329],{"class":1049},[964,3549,3550],{"class":1009,"line":1167},[964,3551,1491],{"emptyLinePlaceholder":21},[964,3553,3554,3556,3558],{"class":1009,"line":1194},[964,3555,957],{"class":1013},[964,3557,1221],{"class":1031},[964,3559,1224],{"class":1013},[964,3561,3562,3564,3566,3568,3570,3573],{"class":1009,"line":1533},[964,3563,3474],{"class":1049},[964,3565,957],{"class":1013},[964,3567,1235],{"class":1234},[964,3569,1238],{"class":1013},[964,3571,3572],{"class":1049},"--container-8xl",[964,3574,1244],{"class":1013},[964,3576,3577],{"class":1009,"line":1549},[964,3578,1329],{"class":1013},[935,3580,512],{"id":3581},"header",[940,3583,3449,3584,3587,3588,3456],{},[950,3585,3586],{},"--ui-header-height"," CSS variable that controls the height of the ",[944,3589,512],{"href":513},[1001,3591,3593],{"className":1209,"code":3592,"language":1212,"meta":999,"style":999},":root {\n  --ui-header-height: --spacing(16);\n}\n",[950,3594,3595,3603,3621],{"__ignoreMap":999},[964,3596,3597,3599,3601],{"class":1009,"line":1010},[964,3598,957],{"class":1013},[964,3600,1221],{"class":1031},[964,3602,1224],{"class":1013},[964,3604,3605,3608,3610,3613,3616,3619],{"class":1009,"line":1023},[964,3606,3607],{"class":1049},"  --ui-header-height",[964,3609,957],{"class":1013},[964,3611,3612],{"class":1049}," --spacing(",[964,3614,3615],{"class":3362},"16",[964,3617,3618],{"class":1049},")",[964,3620,1473],{"class":1013},[964,3622,3623],{"class":1009,"line":1059},[964,3624,1329],{"class":1013},[1442,3626,3627,3632],{},[940,3628,3495,3629,3631],{},[950,3630,1449],{}," to adjust header height consistently throughout your application:",[1001,3633,3635],{"className":1209,"code":3634,"filename":1454,"language":1212,"meta":999,"style":999},"@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n:root {\n  --ui-header-height: --spacing(24);\n}\n",[950,3636,3637,3649,3661,3665,3673,3688],{"__ignoreMap":999},[964,3638,3639,3641,3643,3645,3647],{"class":1009,"line":1010},[964,3640,1462],{"class":1461},[964,3642,1465],{"class":1013},[964,3644,1468],{"class":1041},[964,3646,1038],{"class":1013},[964,3648,1473],{"class":1013},[964,3650,3651,3653,3655,3657,3659],{"class":1009,"line":1023},[964,3652,1462],{"class":1461},[964,3654,1465],{"class":1013},[964,3656,1482],{"class":1041},[964,3658,1038],{"class":1013},[964,3660,1473],{"class":1013},[964,3662,3663],{"class":1009,"line":1059},[964,3664,1491],{"emptyLinePlaceholder":21},[964,3666,3667,3669,3671],{"class":1009,"line":1086},[964,3668,957],{"class":1013},[964,3670,1221],{"class":1031},[964,3672,1224],{"class":1013},[964,3674,3675,3677,3679,3681,3684,3686],{"class":1009,"line":1113},[964,3676,3607],{"class":1049},[964,3678,957],{"class":1013},[964,3680,3612],{"class":1049},[964,3682,3683],{"class":3362},"24",[964,3685,3618],{"class":1049},[964,3687,1473],{"class":1013},[964,3689,3690],{"class":1009,"line":1140},[964,3691,1329],{"class":1013},[935,3693,3695],{"id":3694},"body","Body",[940,3697,3698,3699,3709],{},"Nuxt UI applies default classes on the ",[950,3700,3703,3705,3707],{"className":3701,"language":3702,"style":999},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","html",[964,3704,1014],{"class":1013},[964,3706,3694],{"class":1017},[964,3708,1046],{"class":1013}," element of your app for consistent theming across light and dark modes:",[1001,3711,3713],{"className":1209,"code":3712,"language":1212,"meta":999,"style":999},"body {\n  @apply antialiased text-default bg-default scheme-light dark:scheme-dark;\n}\n",[950,3714,3715,3721,3733],{"__ignoreMap":999},[964,3716,3717,3719],{"class":1009,"line":1010},[964,3718,3694],{"class":1343},[964,3720,1224],{"class":1013},[964,3722,3723,3726,3728,3731],{"class":1009,"line":1023},[964,3724,3725],{"class":1049},"  @apply antialiased text-default bg-default scheme-light dark",[964,3727,957],{"class":1013},[964,3729,3730],{"class":1049},"scheme-dark",[964,3732,1473],{"class":1013},[964,3734,3735],{"class":1009,"line":1059},[964,3736,1329],{"class":1013},[3738,3739,3740],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":999,"searchDepth":1023,"depth":1023,"links":3742},[3743,3744,3745,3746,3747,3748,3749,3750],{"id":937,"depth":1023,"text":938},{"id":1661,"depth":1023,"text":1662},{"id":2190,"depth":1023,"text":2191},{"id":2660,"depth":1023,"text":2661},{"id":3069,"depth":1023,"text":3070},{"id":3446,"depth":1023,"text":342},{"id":3581,"depth":1023,"text":512},{"id":3694,"depth":1023,"text":3695},{},{"icon":69},{"title":65,"description":68},"_HjFc6DrOkhxXUEsy-HvDx2_SDwx7JN__FRBGczVkBc",{"data":3756,"body":3757},{},{"type":1221,"children":3758},[3759],{"type":178,"tag":940,"props":3760,"children":3761},{},[3762],{"type":1661,"value":68},1772551404799]