[{"data":1,"prerenderedAt":9572},["ShallowReactive",2],{"navigation":3,"-getting-started-theme":561,"-getting-started-theme-surround":8997,"-getting-started-theme-description":9002,"component-code-UButton-Bu2zhCTcuIZVbl8um5Vgz9eIZdLt06CLtyBBuxr8vTI":9012,"component-code-UButton-VHoPf_BhFtTpGSdUAkmXgkZ_sisYYKvf8i8lAPqPNgU":9118,"component-code-UAvatar-tNlBIc8HFOOje6AtP5dmHM4yOtErKf1ZIy61TZOgZHM":9217,"component-code-UButton-bScg7kv5geSGil3oY274mzub_VoMNI2ldEfvhTQ0cbA":9323},[4,108,126],{"title":5,"path":6,"stem":7,"children":8,"framework":11,"module":11,"icon":24},"Getting Started","/getting-started","1.getting-started/1.index",[9,13,42,46,51,56,68,73,85,98,103],{"title":10,"path":6,"stem":7,"framework":11,"module":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"framework":11,"module":11,"shadow":15,"path":16,"stem":17,"children":18,"page":41},"Installation",true,"/getting-started/installation","1.getting-started/2.installation",[19,25,29],{"title":14,"path":20,"stem":21,"framework":22,"module":23,"icon":24},"/getting-started/installation/nuxt","1.getting-started/2.installation/1.nuxt","nuxt","ui","i-lucide-square-play",{"title":14,"path":26,"stem":27,"framework":28,"module":23,"icon":24},"/getting-started/installation/vue","1.getting-started/2.installation/2.vue","vue",{"title":30,"framework":11,"module":11,"shadow":15,"path":31,"stem":32,"children":33,"page":41},"Pro","/getting-started/installation/pro","1.getting-started/2.installation/pro",[34,38],{"title":14,"path":35,"stem":36,"framework":22,"module":37,"icon":24},"/getting-started/installation/pro/nuxt","1.getting-started/2.installation/pro/1.nuxt","ui-pro",{"title":14,"path":39,"stem":40,"framework":28,"module":37,"icon":24},"/getting-started/installation/pro/vue","1.getting-started/2.installation/pro/2.vue",false,{"title":43,"path":44,"stem":45,"framework":11,"module":11},"Migration","/getting-started/migration","1.getting-started/2.migration",{"title":47,"path":48,"stem":49,"framework":11,"module":37,"icon":50},"License","/getting-started/license","1.getting-started/3.license","i-lucide-key-square",{"title":52,"path":53,"stem":54,"framework":11,"module":11,"icon":55},"Theme","/getting-started/theme","1.getting-started/3.theme","i-lucide-swatch-book",{"title":57,"framework":11,"module":11,"shadow":15,"path":58,"stem":59,"children":60,"page":41},"Icons","/getting-started/icons","1.getting-started/4.icons",[61,65],{"title":57,"path":62,"stem":63,"framework":22,"module":11,"icon":64},"/getting-started/icons/nuxt","1.getting-started/4.icons/1.nuxt","i-lucide-smile",{"title":57,"path":66,"stem":67,"framework":28,"module":11,"icon":64},"/getting-started/icons/vue","1.getting-started/4.icons/2.vue",{"title":69,"path":70,"stem":71,"framework":22,"module":11,"icon":72},"Fonts","/getting-started/fonts","1.getting-started/5.fonts","i-lucide-a-large-small",{"title":74,"framework":11,"module":11,"shadow":15,"path":75,"stem":76,"children":77,"page":41},"Color Mode","/getting-started/color-mode","1.getting-started/6.color-mode",[78,82],{"title":74,"path":79,"stem":80,"framework":22,"module":11,"icon":81},"/getting-started/color-mode/nuxt","1.getting-started/6.color-mode/1.nuxt","i-lucide-sun-moon",{"title":74,"path":83,"stem":84,"framework":28,"module":11,"icon":81},"/getting-started/color-mode/vue","1.getting-started/6.color-mode/2.vue",{"title":86,"framework":11,"module":11,"shadow":15,"path":87,"stem":88,"children":89,"page":41},"I18n","/getting-started/i18n","1.getting-started/7.i18n",[90,95],{"title":91,"path":92,"stem":93,"framework":22,"module":11,"icon":94},"Internationalization (i18n)","/getting-started/i18n/nuxt","1.getting-started/7.i18n/1.nuxt","i-lucide-languages",{"title":91,"path":96,"stem":97,"framework":28,"module":11,"icon":94},"/getting-started/i18n/vue","1.getting-started/7.i18n/2.vue",{"title":99,"path":100,"stem":101,"framework":22,"module":37,"icon":102},"Content","/getting-started/content","1.getting-started/8.content","i-simple-icons-markdown",{"title":104,"path":105,"stem":106,"framework":22,"module":37,"icon":107},"Typography","/getting-started/typography","1.getting-started/9.typography","i-lucide-type",{"title":109,"framework":11,"module":11,"icon":110,"path":111,"stem":112,"children":113,"page":41},"Composables","i-lucide-square-function","/composables","2.composables",[114,118,122],{"title":115,"path":116,"stem":117,"framework":11,"module":11},"defineShortcuts","/composables/define-shortcuts","2.composables/define-shortcuts",{"title":119,"path":120,"stem":121,"framework":11,"module":11},"useOverlay","/composables/use-overlay","2.composables/use-overlay",{"title":123,"path":124,"stem":125,"framework":11,"module":11},"useToast","/composables/use-toast","2.composables/use-toast",{"title":127,"framework":11,"module":11,"icon":128,"path":129,"stem":130,"children":131,"page":41},"Components","i-lucide-square-code","/components","3.components",[132,136,140,144,148,152,156,160,164,168,172,176,180,184,188,192,196,201,205,209,213,217,221,225,229,233,237,241,245,249,253,257,261,265,269,273,277,281,285,289,293,297,301,305,309,313,317,321,325,329,333,337,341,345,349,353,357,361,365,369,373,377,381,385,389,393,397,401,405,409,413,417,421,425,429,433,437,441,445,449,453,457,461,465,469,473,477,481,485,489,493,497,501,505,509,513,517,521,525,529,533,537,541,545,549,553,557],{"title":133,"path":134,"stem":135,"framework":11,"module":11},"App","/components/app","3.components/0.app",{"title":137,"path":138,"stem":139,"framework":11,"module":11},"Accordion","/components/accordion","3.components/accordion",{"title":141,"path":142,"stem":143,"framework":11,"module":11},"Alert","/components/alert","3.components/alert",{"title":145,"path":146,"stem":147,"framework":11,"module":37},"AuthForm","/components/auth-form","3.components/auth-form",{"title":149,"path":150,"stem":151,"framework":11,"module":11},"Avatar","/components/avatar","3.components/avatar",{"title":153,"path":154,"stem":155,"framework":11,"module":11},"AvatarGroup","/components/avatar-group","3.components/avatar-group",{"title":157,"path":158,"stem":159,"framework":11,"module":11},"Badge","/components/badge","3.components/badge",{"title":161,"path":162,"stem":163,"framework":11,"module":37},"Banner","/components/banner","3.components/banner",{"title":165,"path":166,"stem":167,"framework":11,"module":37},"BlogPost","/components/blog-post","3.components/blog-post",{"title":169,"path":170,"stem":171,"framework":11,"module":37},"BlogPosts","/components/blog-posts","3.components/blog-posts",{"title":173,"path":174,"stem":175,"framework":11,"module":11},"Breadcrumb","/components/breadcrumb","3.components/breadcrumb",{"title":177,"path":178,"stem":179,"framework":11,"module":11},"Button","/components/button","3.components/button",{"title":181,"path":182,"stem":183,"framework":11,"module":11},"ButtonGroup","/components/button-group","3.components/button-group",{"title":185,"path":186,"stem":187,"framework":11,"module":11},"Calendar","/components/calendar","3.components/calendar",{"title":189,"path":190,"stem":191,"framework":11,"module":11},"Card","/components/card","3.components/card",{"title":193,"path":194,"stem":195,"framework":11,"module":11},"Carousel","/components/carousel","3.components/carousel",{"title":197,"path":198,"stem":199,"framework":11,"module":37,"badge":200},"ChatMessage","/components/chat-message","3.components/chat-message","New",{"title":202,"path":203,"stem":204,"framework":11,"module":37,"badge":200},"ChatMessages","/components/chat-messages","3.components/chat-messages",{"title":206,"path":207,"stem":208,"framework":11,"module":37,"badge":200},"ChatPalette","/components/chat-palette","3.components/chat-palette",{"title":210,"path":211,"stem":212,"framework":11,"module":37,"badge":200},"ChatPrompt","/components/chat-prompt","3.components/chat-prompt",{"title":214,"path":215,"stem":216,"framework":11,"module":37,"badge":200},"ChatPromptSubmit","/components/chat-prompt-submit","3.components/chat-prompt-submit",{"title":218,"path":219,"stem":220,"framework":11,"module":11},"Checkbox","/components/checkbox","3.components/checkbox",{"title":222,"path":223,"stem":224,"framework":11,"module":11,"badge":200},"CheckboxGroup","/components/checkbox-group","3.components/checkbox-group",{"title":226,"path":227,"stem":228,"framework":11,"module":11},"Chip","/components/chip","3.components/chip",{"title":230,"path":231,"stem":232,"framework":11,"module":11},"Collapsible","/components/collapsible","3.components/collapsible",{"title":234,"path":235,"stem":236,"framework":11,"module":37},"ColorModeAvatar","/components/color-mode-avatar","3.components/color-mode-avatar",{"title":238,"path":239,"stem":240,"framework":11,"module":37},"ColorModeButton","/components/color-mode-button","3.components/color-mode-button",{"title":242,"path":243,"stem":244,"framework":11,"module":37},"ColorModeImage","/components/color-mode-image","3.components/color-mode-image",{"title":246,"path":247,"stem":248,"framework":11,"module":37},"ColorModeSelect","/components/color-mode-select","3.components/color-mode-select",{"title":250,"path":251,"stem":252,"framework":11,"module":37},"ColorModeSwitch","/components/color-mode-switch","3.components/color-mode-switch",{"title":254,"path":255,"stem":256,"framework":11,"module":11},"ColorPicker","/components/color-picker","3.components/color-picker",{"title":258,"path":259,"stem":260,"framework":11,"module":11},"CommandPalette","/components/command-palette","3.components/command-palette",{"title":262,"path":263,"stem":264,"framework":11,"module":11},"Container","/components/container","3.components/container",{"title":266,"path":267,"stem":268,"framework":22,"module":37},"ContentNavigation","/components/content-navigation","3.components/content-navigation",{"title":270,"path":271,"stem":272,"framework":22,"module":37},"ContentSearch","/components/content-search","3.components/content-search",{"title":274,"path":275,"stem":276,"framework":22,"module":37},"ContentSearchButton","/components/content-search-button","3.components/content-search-button",{"title":278,"path":279,"stem":280,"framework":22,"module":37},"ContentSurround","/components/content-surround","3.components/content-surround",{"title":282,"path":283,"stem":284,"framework":22,"module":37},"ContentToc","/components/content-toc","3.components/content-toc",{"title":286,"path":287,"stem":288,"framework":11,"module":11},"ContextMenu","/components/context-menu","3.components/context-menu",{"title":290,"path":291,"stem":292,"framework":11,"module":37},"DashboardGroup","/components/dashboard-group","3.components/dashboard-group",{"title":294,"path":295,"stem":296,"framework":11,"module":37},"DashboardNavbar","/components/dashboard-navbar","3.components/dashboard-navbar",{"title":298,"path":299,"stem":300,"framework":11,"module":37},"DashboardPanel","/components/dashboard-panel","3.components/dashboard-panel",{"title":302,"path":303,"stem":304,"framework":11,"module":37},"DashboardResizeHandle","/components/dashboard-resize-handle","3.components/dashboard-resize-handle",{"title":306,"path":307,"stem":308,"framework":11,"module":37},"DashboardSearch","/components/dashboard-search","3.components/dashboard-search",{"title":310,"path":311,"stem":312,"framework":11,"module":37},"DashboardSearchButton","/components/dashboard-search-button","3.components/dashboard-search-button",{"title":314,"path":315,"stem":316,"framework":11,"module":37},"DashboardSidebar","/components/dashboard-sidebar","3.components/dashboard-sidebar",{"title":318,"path":319,"stem":320,"framework":11,"module":37},"DashboardSidebarCollapse","/components/dashboard-sidebar-collapse","3.components/dashboard-sidebar-collapse",{"title":322,"path":323,"stem":324,"framework":11,"module":37},"DashboardSidebarToggle","/components/dashboard-sidebar-toggle","3.components/dashboard-sidebar-toggle",{"title":326,"path":327,"stem":328,"framework":11,"module":37},"DashboardToolbar","/components/dashboard-toolbar","3.components/dashboard-toolbar",{"title":330,"path":331,"stem":332,"framework":11,"module":11},"Drawer","/components/drawer","3.components/drawer",{"title":334,"path":335,"stem":336,"framework":11,"module":11},"DropdownMenu","/components/dropdown-menu","3.components/dropdown-menu",{"title":338,"path":339,"stem":340,"framework":11,"module":37},"Error","/components/error","3.components/error",{"title":342,"path":343,"stem":344,"framework":11,"module":37},"Footer","/components/footer","3.components/footer",{"title":346,"path":347,"stem":348,"framework":11,"module":37},"FooterColumns","/components/footer-columns","3.components/footer-columns",{"title":350,"path":351,"stem":352,"framework":11,"module":11},"Form","/components/form","3.components/form",{"title":354,"path":355,"stem":356,"framework":11,"module":11},"FormField","/components/form-field","3.components/form-field",{"title":358,"path":359,"stem":360,"framework":11,"module":37},"Header","/components/header","3.components/header",{"title":362,"path":363,"stem":364,"framework":11,"module":11},"Icon","/components/icon","3.components/icon",{"title":366,"path":367,"stem":368,"framework":11,"module":11},"Input","/components/input","3.components/input",{"title":370,"path":371,"stem":372,"framework":11,"module":11},"InputMenu","/components/input-menu","3.components/input-menu",{"title":374,"path":375,"stem":376,"framework":11,"module":11},"InputNumber","/components/input-number","3.components/input-number",{"title":378,"path":379,"stem":380,"framework":11,"module":11},"Kbd","/components/kbd","3.components/kbd",{"title":382,"path":383,"stem":384,"framework":11,"module":11},"Link","/components/link","3.components/link",{"title":386,"path":387,"stem":388,"framework":11,"module":37},"LocaleSelect","/components/locale-select","3.components/locale-select",{"title":390,"path":391,"stem":392,"framework":11,"module":37},"Main","/components/main","3.components/main",{"title":394,"path":395,"stem":396,"framework":11,"module":11},"Modal","/components/modal","3.components/modal",{"title":398,"path":399,"stem":400,"framework":11,"module":11},"NavigationMenu","/components/navigation-menu","3.components/navigation-menu",{"title":402,"path":403,"stem":404,"framework":11,"module":37},"Page","/components/page","3.components/page",{"title":406,"path":407,"stem":408,"framework":11,"module":37},"PageAccordion","/components/page-accordion","3.components/page-accordion",{"title":410,"path":411,"stem":412,"framework":11,"module":37},"PageAnchors","/components/page-anchors","3.components/page-anchors",{"title":414,"path":415,"stem":416,"framework":11,"module":37},"PageAside","/components/page-aside","3.components/page-aside",{"title":418,"path":419,"stem":420,"framework":11,"module":37},"PageBody","/components/page-body","3.components/page-body",{"title":422,"path":423,"stem":424,"framework":11,"module":37},"PageCard","/components/page-card","3.components/page-card",{"title":426,"path":427,"stem":428,"framework":11,"module":37},"PageColumns","/components/page-columns","3.components/page-columns",{"title":430,"path":431,"stem":432,"framework":11,"module":37},"PageCTA","/components/page-cta","3.components/page-cta",{"title":434,"path":435,"stem":436,"framework":11,"module":37},"PageFeature","/components/page-feature","3.components/page-feature",{"title":438,"path":439,"stem":440,"framework":11,"module":37},"PageGrid","/components/page-grid","3.components/page-grid",{"title":442,"path":443,"stem":444,"framework":11,"module":37},"PageHeader","/components/page-header","3.components/page-header",{"title":446,"path":447,"stem":448,"framework":11,"module":37},"PageHero","/components/page-hero","3.components/page-hero",{"title":450,"path":451,"stem":452,"framework":11,"module":37},"PageLinks","/components/page-links","3.components/page-links",{"title":454,"path":455,"stem":456,"framework":11,"module":37},"PageList","/components/page-list","3.components/page-list",{"title":458,"path":459,"stem":460,"framework":11,"module":37},"PageLogos","/components/page-logos","3.components/page-logos",{"title":462,"path":463,"stem":464,"framework":11,"module":37},"PageMarquee","/components/page-marquee","3.components/page-marquee",{"title":466,"path":467,"stem":468,"framework":11,"module":37},"PageSection","/components/page-section","3.components/page-section",{"title":470,"path":471,"stem":472,"framework":11,"module":11},"Pagination","/components/pagination","3.components/pagination",{"title":474,"path":475,"stem":476,"framework":11,"module":11},"PinInput","/components/pin-input","3.components/pin-input",{"title":478,"path":479,"stem":480,"framework":11,"module":11},"Popover","/components/popover","3.components/popover",{"title":482,"path":483,"stem":484,"framework":11,"module":37},"PricingPlan","/components/pricing-plan","3.components/pricing-plan",{"title":486,"path":487,"stem":488,"framework":11,"module":37},"PricingPlans","/components/pricing-plans","3.components/pricing-plans",{"title":490,"path":491,"stem":492,"framework":11,"module":37,"badge":200},"PricingTable","/components/pricing-table","3.components/pricing-table",{"title":494,"path":495,"stem":496,"framework":11,"module":11},"Progress","/components/progress","3.components/progress",{"title":498,"path":499,"stem":500,"framework":11,"module":11},"RadioGroup","/components/radio-group","3.components/radio-group",{"title":502,"path":503,"stem":504,"framework":11,"module":11},"Select","/components/select","3.components/select",{"title":506,"path":507,"stem":508,"framework":11,"module":11},"SelectMenu","/components/select-menu","3.components/select-menu",{"title":510,"path":511,"stem":512,"framework":11,"module":11},"Separator","/components/separator","3.components/separator",{"title":514,"path":515,"stem":516,"framework":11,"module":11},"Skeleton","/components/skeleton","3.components/skeleton",{"title":518,"path":519,"stem":520,"framework":11,"module":11},"Slideover","/components/slideover","3.components/slideover",{"title":522,"path":523,"stem":524,"framework":11,"module":11},"Slider","/components/slider","3.components/slider",{"title":526,"path":527,"stem":528,"framework":11,"module":11},"Stepper","/components/stepper","3.components/stepper",{"title":530,"path":531,"stem":532,"framework":11,"module":11},"Switch","/components/switch","3.components/switch",{"title":534,"path":535,"stem":536,"framework":11,"module":11},"Table","/components/table","3.components/table",{"title":538,"path":539,"stem":540,"framework":11,"module":11},"Tabs","/components/tabs","3.components/tabs",{"title":542,"path":543,"stem":544,"framework":11,"module":11},"Textarea","/components/textarea","3.components/textarea",{"title":546,"path":547,"stem":548,"framework":11,"module":11},"Toast","/components/toast","3.components/toast",{"title":550,"path":551,"stem":552,"framework":11,"module":11},"Tooltip","/components/tooltip","3.components/tooltip",{"title":554,"path":555,"stem":556,"framework":11,"module":11},"Tree","/components/tree","3.components/tree",{"title":558,"path":559,"stem":560,"framework":11,"module":37},"User","/components/user","3.components/user",{"id":562,"title":52,"body":563,"category":11,"description":8992,"extension":6913,"framework":11,"links":11,"meta":8993,"module":11,"navigation":8994,"path":53,"seo":8995,"stem":54,"__hash__":8996},"content/1.getting-started/3.theme.md",{"type":564,"value":565,"toc":8968},"minimal",[566,571,583,591,601,1004,1018,1026,1032,1043,1054,1174,1180,1184,1193,1319,1326,1332,1349,1353,1834,1851,1855,2594,2598,2601,2605,2608,2838,2844,3066,4471,4477,4669,4723,4899,4902,4908,5396,5400,5618,5798,5950,6560,6565,6811,6848,6852,6859,6889,6896,7139,7361,7366,7489,7497,7500,7510,7543,7549,7717,7721,7730,7734,7743,8029,8039,8130,8149,8153,8165,8355,8365,8370,8376,8401,8405,8408,8421,8446,8450,8874,8886,8890,8896,8909,8915,8934,8939,8952,8955,8964],[567,568,570],"h2",{"id":569},"tailwind-css","Tailwind CSS",[572,573,574,575,582],"p",{},"Nuxt UI uses Tailwind CSS v4, you can read the official ",[576,577,581],"a",{"href":578,"rel":579},"https://tailwindcss.com/docs/upgrade-guide#changes-from-v3",[580],"nofollow","upgrade guide"," to learn about all the breaking changes.",[584,585,587],"h3",{"id":586},"theme",[588,589,590],"code",{},"@theme",[572,592,593,594,600],{},"Tailwind CSS v4 takes a CSS-first configuration approach, you now customize your theme with CSS variables inside a ",[576,595,598],{"href":596,"rel":597},"https://tailwindcss.com/docs/functions-and-directives#theme-directive",[580],[588,599,590],{}," directive to define your project's custom design tokens, like fonts, colors, and breakpoints:",[602,603,604,844],"module-only",{},[605,606,608],"template",{"v-slot:ui":607},"",[609,610,611],"div",{},[612,613,618],"pre",{"className":614,"code":615,"filename":616,"language":617,"meta":607,"style":607},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n@theme static {\n  --font-sans: 'Public Sans', sans-serif;\n\n  --breakpoint-3xl: 1920px;\n\n  --color-green-50: #EFFDF5;\n  --color-green-100: #D9FBE8;\n  --color-green-200: #B3F5D1;\n  --color-green-300: #75EDAE;\n  --color-green-400: #00DC82;\n  --color-green-500: #00C16A;\n  --color-green-600: #00A155;\n  --color-green-700: #007F45;\n  --color-green-800: #016538;\n  --color-green-900: #0A5331;\n  --color-green-950: #052E16;\n}\n","app/assets/css/main.css","css",[588,619,620,643,657,663,675,690,695,701,706,718,730,742,754,766,778,790,802,814,826,838],{"__ignoreMap":607},[621,622,625,629,633,637,640],"span",{"class":623,"line":624},"line",1,[621,626,628],{"class":627},"s7zQu","@import",[621,630,632],{"class":631},"sMK4o"," \"",[621,634,636],{"class":635},"sfazB","tailwindcss",[621,638,639],{"class":631},"\"",[621,641,642],{"class":631},";\n",[621,644,646,648,650,653,655],{"class":623,"line":645},2,[621,647,628],{"class":627},[621,649,632],{"class":631},[621,651,652],{"class":635},"@nuxt/ui",[621,654,639],{"class":631},[621,656,642],{"class":631},[621,658,660],{"class":623,"line":659},3,[621,661,662],{"emptyLinePlaceholder":15},"\n",[621,664,666,668,672],{"class":623,"line":665},4,[621,667,590],{"class":627},[621,669,671],{"class":670},"sTEyZ"," static ",[621,673,674],{"class":631},"{\n",[621,676,678,681,684,688],{"class":623,"line":677},5,[621,679,680],{"class":670},"  --font-sans: 'Public Sans'",[621,682,683],{"class":631},",",[621,685,687],{"class":686},"sBMFI"," sans-serif",[621,689,642],{"class":670},[621,691,693],{"class":623,"line":692},6,[621,694,662],{"emptyLinePlaceholder":15},[621,696,698],{"class":623,"line":697},7,[621,699,700],{"class":670},"  --breakpoint-3xl: 1920px;\n",[621,702,704],{"class":623,"line":703},8,[621,705,662],{"emptyLinePlaceholder":15},[621,707,709,712,716],{"class":623,"line":708},9,[621,710,711],{"class":670},"  --color-green-50: ",[621,713,715],{"class":714},"s7r4c","#EFFDF5",[621,717,642],{"class":670},[621,719,721,724,728],{"class":623,"line":720},10,[621,722,723],{"class":670},"  --color-green-100: ",[621,725,727],{"class":726},"s_yAY","#D9FBE8",[621,729,642],{"class":670},[621,731,733,736,740],{"class":623,"line":732},11,[621,734,735],{"class":670},"  --color-green-200: ",[621,737,739],{"class":738},"svDi6","#B3F5D1",[621,741,642],{"class":670},[621,743,745,748,752],{"class":623,"line":744},12,[621,746,747],{"class":670},"  --color-green-300: ",[621,749,751],{"class":750},"sX0M8","#75EDAE",[621,753,642],{"class":670},[621,755,757,760,764],{"class":623,"line":756},13,[621,758,759],{"class":670},"  --color-green-400: ",[621,761,763],{"class":762},"sMfEM","#00DC82",[621,765,642],{"class":670},[621,767,769,772,776],{"class":623,"line":768},14,[621,770,771],{"class":670},"  --color-green-500: ",[621,773,775],{"class":774},"sLUHb","#00C16A",[621,777,642],{"class":670},[621,779,781,784,788],{"class":623,"line":780},15,[621,782,783],{"class":670},"  --color-green-600: ",[621,785,787],{"class":786},"sm-p6","#00A155",[621,789,642],{"class":670},[621,791,793,796,800],{"class":623,"line":792},16,[621,794,795],{"class":670},"  --color-green-700: ",[621,797,799],{"class":798},"sNqnt","#007F45",[621,801,642],{"class":670},[621,803,805,808,812],{"class":623,"line":804},17,[621,806,807],{"class":670},"  --color-green-800: ",[621,809,811],{"class":810},"s74mv","#016538",[621,813,642],{"class":670},[621,815,817,820,824],{"class":623,"line":816},18,[621,818,819],{"class":670},"  --color-green-900: ",[621,821,823],{"class":822},"sWbUt","#0A5331",[621,825,642],{"class":670},[621,827,829,832,836],{"class":623,"line":828},19,[621,830,831],{"class":670},"  --color-green-950: ",[621,833,835],{"class":834},"sB4BK","#052E16",[621,837,642],{"class":670},[621,839,841],{"class":623,"line":840},20,[621,842,843],{"class":670},"}\n",[605,845,846],{"v-slot:ui-pro":607},[609,847,848],{},[612,849,851],{"className":614,"code":850,"filename":616,"language":617,"meta":607,"style":607},"@import \"tailwindcss\";\n@import \"@nuxt/ui-pro\";\n\n@theme static {\n  --font-sans: 'Public Sans', sans-serif;\n\n  --breakpoint-3xl: 1920px;\n\n  --color-green-50: #EFFDF5;\n  --color-green-100: #D9FBE8;\n  --color-green-200: #B3F5D1;\n  --color-green-300: #75EDAE;\n  --color-green-400: #00DC82;\n  --color-green-500: #00C16A;\n  --color-green-600: #00A155;\n  --color-green-700: #007F45;\n  --color-green-800: #016538;\n  --color-green-900: #0A5331;\n  --color-green-950: #052E16;\n}\n",[588,852,853,865,878,882,890,900,904,908,912,920,928,936,944,952,960,968,976,984,992,1000],{"__ignoreMap":607},[621,854,855,857,859,861,863],{"class":623,"line":624},[621,856,628],{"class":627},[621,858,632],{"class":631},[621,860,636],{"class":635},[621,862,639],{"class":631},[621,864,642],{"class":631},[621,866,867,869,871,874,876],{"class":623,"line":645},[621,868,628],{"class":627},[621,870,632],{"class":631},[621,872,873],{"class":635},"@nuxt/ui-pro",[621,875,639],{"class":631},[621,877,642],{"class":631},[621,879,880],{"class":623,"line":659},[621,881,662],{"emptyLinePlaceholder":15},[621,883,884,886,888],{"class":623,"line":665},[621,885,590],{"class":627},[621,887,671],{"class":670},[621,889,674],{"class":631},[621,891,892,894,896,898],{"class":623,"line":677},[621,893,680],{"class":670},[621,895,683],{"class":631},[621,897,687],{"class":686},[621,899,642],{"class":670},[621,901,902],{"class":623,"line":692},[621,903,662],{"emptyLinePlaceholder":15},[621,905,906],{"class":623,"line":697},[621,907,700],{"class":670},[621,909,910],{"class":623,"line":703},[621,911,662],{"emptyLinePlaceholder":15},[621,913,914,916,918],{"class":623,"line":708},[621,915,711],{"class":670},[621,917,715],{"class":714},[621,919,642],{"class":670},[621,921,922,924,926],{"class":623,"line":720},[621,923,723],{"class":670},[621,925,727],{"class":726},[621,927,642],{"class":670},[621,929,930,932,934],{"class":623,"line":732},[621,931,735],{"class":670},[621,933,739],{"class":738},[621,935,642],{"class":670},[621,937,938,940,942],{"class":623,"line":744},[621,939,747],{"class":670},[621,941,751],{"class":750},[621,943,642],{"class":670},[621,945,946,948,950],{"class":623,"line":756},[621,947,759],{"class":670},[621,949,763],{"class":762},[621,951,642],{"class":670},[621,953,954,956,958],{"class":623,"line":768},[621,955,771],{"class":670},[621,957,775],{"class":774},[621,959,642],{"class":670},[621,961,962,964,966],{"class":623,"line":780},[621,963,783],{"class":670},[621,965,787],{"class":786},[621,967,642],{"class":670},[621,969,970,972,974],{"class":623,"line":792},[621,971,795],{"class":670},[621,973,799],{"class":798},[621,975,642],{"class":670},[621,977,978,980,982],{"class":623,"line":804},[621,979,807],{"class":670},[621,981,811],{"class":810},[621,983,642],{"class":670},[621,985,986,988,990],{"class":623,"line":816},[621,987,819],{"class":670},[621,989,823],{"class":822},[621,991,642],{"class":670},[621,993,994,996,998],{"class":623,"line":828},[621,995,831],{"class":670},[621,997,835],{"class":834},[621,999,642],{"class":670},[621,1001,1002],{"class":623,"line":840},[621,1003,843],{"class":670},[572,1005,1006,1007,1009,1010,1013,1014,1017],{},"The ",[588,1008,590],{}," directive tells Tailwind to make new utilities and variants available based on these variables. It's the equivalent of the ",[588,1011,1012],{},"theme.extend"," key in Tailwind CSS v3 ",[588,1015,1016],{},"tailwind.config.ts"," file.",[1019,1020,1023],"note",{"to":1021,"target":1022},"https://tailwindcss.com/docs/theme","_blank",[572,1024,1025],{},"Learn more about customizing your theme in the theme variables documentation.",[584,1027,1029],{"id":1028},"source",[588,1030,1031],{},"@source",[572,1033,1034,1035,1042],{},"You can use the ",[576,1036,1039,1041],{"href":1037,"rel":1038},"https://tailwindcss.com/docs/functions-and-directives#source-directive",[580],[588,1040,1031],{}," directive"," to explicitly specify source files that aren't picked up by Tailwind's automatic content detection:",[572,1044,1045,1046,1053],{},"This can be useful when writing Tailwind CSS classes in markdown files with ",[576,1047,1050],{"href":1048,"rel":1049},"https://github.com/nuxt/content",[580],[588,1051,1052],{},"@nuxt/content"," for example:",[602,1055,1056,1117],{},[605,1057,1058],{"v-slot:ui":607},[609,1059,1060],{},[612,1061,1063],{"className":614,"code":1062,"filename":616,"language":617,"meta":607,"style":607},"@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n@source \"../../../content\";\n/* Use this if you're not using compatibilityVersion: 4: https://nuxt.com/docs/getting-started/upgrade#opting-in-to-nuxt-4 */\n@source \"../../content\";\n",[588,1064,1065,1077,1089,1093,1102,1108],{"__ignoreMap":607},[621,1066,1067,1069,1071,1073,1075],{"class":623,"line":624},[621,1068,628],{"class":627},[621,1070,632],{"class":631},[621,1072,636],{"class":635},[621,1074,639],{"class":631},[621,1076,642],{"class":631},[621,1078,1079,1081,1083,1085,1087],{"class":623,"line":645},[621,1080,628],{"class":627},[621,1082,632],{"class":631},[621,1084,652],{"class":635},[621,1086,639],{"class":631},[621,1088,642],{"class":631},[621,1090,1091],{"class":623,"line":659},[621,1092,662],{"emptyLinePlaceholder":15},[621,1094,1095,1097,1100],{"class":623,"line":665},[621,1096,1031],{"class":627},[621,1098,1099],{"class":670}," \"../../../content\"",[621,1101,642],{"class":631},[621,1103,1104],{"class":623,"line":677},[621,1105,1107],{"class":1106},"sHwdD","/* Use this if you're not using compatibilityVersion: 4: https://nuxt.com/docs/getting-started/upgrade#opting-in-to-nuxt-4 */\n",[621,1109,1110,1112,1115],{"class":623,"line":692},[621,1111,1031],{"class":627},[621,1113,1114],{"class":670}," \"../../content\"",[621,1116,642],{"class":631},[605,1118,1119],{"v-slot:ui-pro":607},[609,1120,1121],{},[612,1122,1124],{"className":614,"code":1123,"filename":616,"language":617,"meta":607,"style":607},"@import \"tailwindcss\";\n@import \"@nuxt/ui-pro\";\n\n@source \"../../../content\";\n/* Use this if you're not using compatibilityVersion: 4: https://nuxt.com/docs/getting-started/upgrade#opting-in-to-nuxt-4 */\n@source \"../../content\";\n",[588,1125,1126,1138,1150,1154,1162,1166],{"__ignoreMap":607},[621,1127,1128,1130,1132,1134,1136],{"class":623,"line":624},[621,1129,628],{"class":627},[621,1131,632],{"class":631},[621,1133,636],{"class":635},[621,1135,639],{"class":631},[621,1137,642],{"class":631},[621,1139,1140,1142,1144,1146,1148],{"class":623,"line":645},[621,1141,628],{"class":627},[621,1143,632],{"class":631},[621,1145,873],{"class":635},[621,1147,639],{"class":631},[621,1149,642],{"class":631},[621,1151,1152],{"class":623,"line":659},[621,1153,662],{"emptyLinePlaceholder":15},[621,1155,1156,1158,1160],{"class":623,"line":665},[621,1157,1031],{"class":627},[621,1159,1099],{"class":670},[621,1161,642],{"class":631},[621,1163,1164],{"class":623,"line":677},[621,1165,1107],{"class":1106},[621,1167,1168,1170,1172],{"class":623,"line":692},[621,1169,1031],{"class":627},[621,1171,1114],{"class":670},[621,1173,642],{"class":631},[1019,1175,1177],{"to":1176},"https://tailwindcss.com/docs/detecting-classes-in-source-files",[572,1178,1179],{},"Learn more about automatic content detection in the detecting classes in source files documentation.",[567,1181,1183],{"id":1182},"design-system","Design system",[572,1185,1186,1187,1192],{},"Nuxt UI extends Tailwind CSS's theming capabilities, providing a flexible design system with pre-configured color aliases based on ",[576,1188,1191],{"href":1189,"rel":1190},"https://tailwindcss.com/docs/customizing-colors#color-palette-reference",[580],"Tailwind CSS colors",". This allows for easy customization and quick adaptation of the UI to your brand's aesthetic.",[1194,1195,1196,1212],"table",{},[1197,1198,1199],"thead",{},[1200,1201,1202,1206,1209],"tr",{},[1203,1204,1205],"th",{},"Color",[1203,1207,1208],{},"Default",[1203,1210,1211],{},"Description",[1213,1214,1215,1231,1246,1260,1274,1289,1304],"tbody",{},[1200,1216,1217,1223,1228],{},[1218,1219,1220],"td",{},[588,1221,1222],{"color":1222},"primary",[1218,1224,1225],{},[588,1226,1227],{},"green",[1218,1229,1230],{},"Main brand color, used as the default color for components.",[1200,1232,1233,1238,1243],{},[1218,1234,1235],{},[588,1236,1237],{"color":1237},"secondary",[1218,1239,1240],{},[588,1241,1242],{},"blue",[1218,1244,1245],{},"Secondary color to complement the primary color.",[1200,1247,1248,1253,1257],{},[1218,1249,1250],{},[588,1251,1252],{"color":1252},"success",[1218,1254,1255],{},[588,1256,1227],{},[1218,1258,1259],{},"Used for success states.",[1200,1261,1262,1267,1271],{},[1218,1263,1264],{},[588,1265,1266],{"color":1266},"info",[1218,1268,1269],{},[588,1270,1242],{},[1218,1272,1273],{},"Used for informational states.",[1200,1275,1276,1281,1286],{},[1218,1277,1278],{},[588,1279,1280],{"color":1280},"warning",[1218,1282,1283],{},[588,1284,1285],{},"yellow",[1218,1287,1288],{},"Used for warning states.",[1200,1290,1291,1296,1301],{},[1218,1292,1293],{},[588,1294,1295],{"color":1295},"error",[1218,1297,1298],{},[588,1299,1300],{},"red",[1218,1302,1303],{},"Used for form error validation states.",[1200,1305,1306,1311,1316],{},[1218,1307,1308],{},[588,1309,1310],{},"neutral",[1218,1312,1313],{},[588,1314,1315],{},"slate",[1218,1317,1318],{},"Neutral color for backgrounds, text, etc.",[572,1320,1321,1322,1325],{},"These colors are used to style the components but also to generate the ",[588,1323,1324],{},"color"," props:",[1327,1328],"component-code",{":props":1329,"slug":1330,":slots":1331},"{\"color\":\"primary\"}","button","{\"default\":\"Button\"}",[1019,1333,1334],{},[572,1335,1336,1337,1342,1343,1345,1346,1348],{},"Try the ",[1338,1339],"prose-icon",{"className":1340,"name":55},[1341],"text-primary"," theme picker in the header above to change ",[588,1344,1222],{}," and ",[588,1347,1310],{}," colors.",[584,1350,1352],{"id":1351},"configuration","Configuration",[1354,1355,1356,1471],"framework-only",{},[605,1357,1358],{"v-slot:nuxt":607},[609,1359,1360,1375],{},[572,1361,1362,1363,1370,1371,1374],{},"You can configure these color aliases at runtime in your ",[576,1364,1367],{"href":1365,"rel":1366},"https://nuxt.com/docs/guide/directory-structure/app-config#app-config-file",[580],[588,1368,1369],{},"app.config.ts"," file under the ",[588,1372,1373],{},"ui.colors"," key, allowing for dynamic theme customization without requiring an application rebuild:",[612,1376,1380],{"className":1377,"code":1378,"filename":1369,"language":1379,"meta":607,"style":607},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineAppConfig({\n  ui: {\n    colors: {\n      primary: 'blue',\n      neutral: 'zinc'\n    }\n  }\n})\n","ts",[588,1381,1382,1399,1411,1420,1438,1453,1458,1463],{"__ignoreMap":607},[621,1383,1384,1387,1390,1394,1397],{"class":623,"line":624},[621,1385,1386],{"class":627},"export",[621,1388,1389],{"class":627}," default",[621,1391,1393],{"class":1392},"s2Zo4"," defineAppConfig",[621,1395,1396],{"class":670},"(",[621,1398,674],{"class":631},[621,1400,1401,1405,1408],{"class":623,"line":645},[621,1402,1404],{"class":1403},"swJcz","  ui",[621,1406,1407],{"class":631},":",[621,1409,1410],{"class":631}," {\n",[621,1412,1413,1416,1418],{"class":623,"line":659},[621,1414,1415],{"class":1403},"    colors",[621,1417,1407],{"class":631},[621,1419,1410],{"class":631},[621,1421,1422,1425,1427,1430,1432,1435],{"class":623,"line":665},[621,1423,1424],{"class":1403},"      primary",[621,1426,1407],{"class":631},[621,1428,1429],{"class":631}," '",[621,1431,1242],{"class":635},[621,1433,1434],{"class":631},"'",[621,1436,1437],{"class":631},",\n",[621,1439,1440,1443,1445,1447,1450],{"class":623,"line":677},[621,1441,1442],{"class":1403},"      neutral",[621,1444,1407],{"class":631},[621,1446,1429],{"class":631},[621,1448,1449],{"class":635},"zinc",[621,1451,1452],{"class":631},"'\n",[621,1454,1455],{"class":623,"line":692},[621,1456,1457],{"class":631},"    }\n",[621,1459,1460],{"class":623,"line":697},[621,1461,1462],{"class":631},"  }\n",[621,1464,1465,1468],{"class":623,"line":703},[621,1466,1467],{"class":631},"}",[621,1469,1470],{"class":670},")\n",[605,1472,1473],{"v-slot:vue":607},[609,1474,1475,1483],{},[572,1476,1362,1477,1370,1480,1482],{},[588,1478,1479],{},"vite.config.ts",[588,1481,1373],{}," key:",[602,1484,1485,1670],{},[605,1486,1487],{"v-slot:ui":607},[609,1488,1489],{},[612,1490,1492],{"className":1377,"code":1491,"filename":1479,"language":1379,"meta":607,"style":607},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n  plugins: [\n    vue(),\n    ui({\n      ui: {\n        colors: {\n          primary: 'blue',\n          neutral: 'zinc'\n        }\n      }\n    })\n  ]\n})\n",[588,1493,1494,1518,1535,1551,1555,1567,1577,1587,1596,1605,1614,1629,1642,1647,1652,1659,1664],{"__ignoreMap":607},[621,1495,1496,1499,1502,1505,1508,1511,1513,1516],{"class":623,"line":624},[621,1497,1498],{"class":627},"import",[621,1500,1501],{"class":631}," {",[621,1503,1504],{"class":670}," defineConfig",[621,1506,1507],{"class":631}," }",[621,1509,1510],{"class":627}," from",[621,1512,1429],{"class":631},[621,1514,1515],{"class":635},"vite",[621,1517,1452],{"class":631},[621,1519,1520,1522,1525,1528,1530,1533],{"class":623,"line":645},[621,1521,1498],{"class":627},[621,1523,1524],{"class":670}," vue ",[621,1526,1527],{"class":627},"from",[621,1529,1429],{"class":631},[621,1531,1532],{"class":635},"@vitejs/plugin-vue",[621,1534,1452],{"class":631},[621,1536,1537,1539,1542,1544,1546,1549],{"class":623,"line":659},[621,1538,1498],{"class":627},[621,1540,1541],{"class":670}," ui ",[621,1543,1527],{"class":627},[621,1545,1429],{"class":631},[621,1547,1548],{"class":635},"@nuxt/ui/vite",[621,1550,1452],{"class":631},[621,1552,1553],{"class":623,"line":665},[621,1554,662],{"emptyLinePlaceholder":15},[621,1556,1557,1559,1561,1563,1565],{"class":623,"line":677},[621,1558,1386],{"class":627},[621,1560,1389],{"class":627},[621,1562,1504],{"class":1392},[621,1564,1396],{"class":670},[621,1566,674],{"class":631},[621,1568,1569,1572,1574],{"class":623,"line":692},[621,1570,1571],{"class":1403},"  plugins",[621,1573,1407],{"class":631},[621,1575,1576],{"class":670}," [\n",[621,1578,1579,1582,1585],{"class":623,"line":697},[621,1580,1581],{"class":1392},"    vue",[621,1583,1584],{"class":670},"()",[621,1586,1437],{"class":631},[621,1588,1589,1592,1594],{"class":623,"line":703},[621,1590,1591],{"class":1392},"    ui",[621,1593,1396],{"class":670},[621,1595,674],{"class":631},[621,1597,1598,1601,1603],{"class":623,"line":708},[621,1599,1600],{"class":1403},"      ui",[621,1602,1407],{"class":631},[621,1604,1410],{"class":631},[621,1606,1607,1610,1612],{"class":623,"line":720},[621,1608,1609],{"class":1403},"        colors",[621,1611,1407],{"class":631},[621,1613,1410],{"class":631},[621,1615,1616,1619,1621,1623,1625,1627],{"class":623,"line":732},[621,1617,1618],{"class":1403},"          primary",[621,1620,1407],{"class":631},[621,1622,1429],{"class":631},[621,1624,1242],{"class":635},[621,1626,1434],{"class":631},[621,1628,1437],{"class":631},[621,1630,1631,1634,1636,1638,1640],{"class":623,"line":744},[621,1632,1633],{"class":1403},"          neutral",[621,1635,1407],{"class":631},[621,1637,1429],{"class":631},[621,1639,1449],{"class":635},[621,1641,1452],{"class":631},[621,1643,1644],{"class":623,"line":756},[621,1645,1646],{"class":631},"        }\n",[621,1648,1649],{"class":623,"line":768},[621,1650,1651],{"class":631},"      }\n",[621,1653,1654,1657],{"class":623,"line":780},[621,1655,1656],{"class":631},"    }",[621,1658,1470],{"class":670},[621,1660,1661],{"class":623,"line":792},[621,1662,1663],{"class":670},"  ]\n",[621,1665,1666,1668],{"class":623,"line":804},[621,1667,1467],{"class":631},[621,1669,1470],{"class":670},[605,1671,1672],{"v-slot:ui-pro":607},[609,1673,1674],{},[612,1675,1677],{"className":1377,"code":1676,"filename":1479,"language":1379,"meta":607,"style":607},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport uiPro from '@nuxt/ui-pro/vite'\n\nexport default defineConfig({\n  plugins: [\n    vue(),\n    uiPro({\n      ui: {\n        colors: {\n          primary: 'blue',\n          neutral: 'zinc'\n        }\n      }\n    })\n  ]\n})\n",[588,1678,1679,1697,1711,1727,1731,1743,1751,1759,1768,1776,1784,1798,1810,1814,1818,1824,1828],{"__ignoreMap":607},[621,1680,1681,1683,1685,1687,1689,1691,1693,1695],{"class":623,"line":624},[621,1682,1498],{"class":627},[621,1684,1501],{"class":631},[621,1686,1504],{"class":670},[621,1688,1507],{"class":631},[621,1690,1510],{"class":627},[621,1692,1429],{"class":631},[621,1694,1515],{"class":635},[621,1696,1452],{"class":631},[621,1698,1699,1701,1703,1705,1707,1709],{"class":623,"line":645},[621,1700,1498],{"class":627},[621,1702,1524],{"class":670},[621,1704,1527],{"class":627},[621,1706,1429],{"class":631},[621,1708,1532],{"class":635},[621,1710,1452],{"class":631},[621,1712,1713,1715,1718,1720,1722,1725],{"class":623,"line":659},[621,1714,1498],{"class":627},[621,1716,1717],{"class":670}," uiPro ",[621,1719,1527],{"class":627},[621,1721,1429],{"class":631},[621,1723,1724],{"class":635},"@nuxt/ui-pro/vite",[621,1726,1452],{"class":631},[621,1728,1729],{"class":623,"line":665},[621,1730,662],{"emptyLinePlaceholder":15},[621,1732,1733,1735,1737,1739,1741],{"class":623,"line":677},[621,1734,1386],{"class":627},[621,1736,1389],{"class":627},[621,1738,1504],{"class":1392},[621,1740,1396],{"class":670},[621,1742,674],{"class":631},[621,1744,1745,1747,1749],{"class":623,"line":692},[621,1746,1571],{"class":1403},[621,1748,1407],{"class":631},[621,1750,1576],{"class":670},[621,1752,1753,1755,1757],{"class":623,"line":697},[621,1754,1581],{"class":1392},[621,1756,1584],{"class":670},[621,1758,1437],{"class":631},[621,1760,1761,1764,1766],{"class":623,"line":703},[621,1762,1763],{"class":1392},"    uiPro",[621,1765,1396],{"class":670},[621,1767,674],{"class":631},[621,1769,1770,1772,1774],{"class":623,"line":708},[621,1771,1600],{"class":1403},[621,1773,1407],{"class":631},[621,1775,1410],{"class":631},[621,1777,1778,1780,1782],{"class":623,"line":720},[621,1779,1609],{"class":1403},[621,1781,1407],{"class":631},[621,1783,1410],{"class":631},[621,1785,1786,1788,1790,1792,1794,1796],{"class":623,"line":732},[621,1787,1618],{"class":1403},[621,1789,1407],{"class":631},[621,1791,1429],{"class":631},[621,1793,1242],{"class":635},[621,1795,1434],{"class":631},[621,1797,1437],{"class":631},[621,1799,1800,1802,1804,1806,1808],{"class":623,"line":744},[621,1801,1633],{"class":1403},[621,1803,1407],{"class":631},[621,1805,1429],{"class":631},[621,1807,1449],{"class":635},[621,1809,1452],{"class":631},[621,1811,1812],{"class":623,"line":756},[621,1813,1646],{"class":631},[621,1815,1816],{"class":623,"line":768},[621,1817,1651],{"class":631},[621,1819,1820,1822],{"class":623,"line":780},[621,1821,1656],{"class":631},[621,1823,1470],{"class":670},[621,1825,1826],{"class":623,"line":792},[621,1827,1663],{"class":670},[621,1829,1830,1832],{"class":623,"line":804},[621,1831,1467],{"class":631},[621,1833,1470],{"class":670},[1835,1836,1837],"caution",{},[572,1838,1839,1840,1845,1846,1850],{},"When configuring your theme colors, you must use either color names from the ",[576,1841,1844],{"href":1842,"rel":1843},"https://tailwindcss.com/docs/colors",[580],"default Tailwind palette"," (like 'blue', 'green', etc.) or reference custom colors that you've previously defined in your ",[576,1847,1849],{"href":1848},"#theme","CSS file",".",[584,1852,1854],{"id":1853},"extend-colors","Extend colors",[1354,1856,1857,2077],{},[605,1858,1859],{"v-slot:nuxt":607},[609,1860,1861,1878,1942],{},[572,1862,1863,1864,1866,1867,1873,1874,1877],{},"You can add you own dynamic color aliases in your ",[588,1865,1369],{},", you just have to make sure to define them in the ",[576,1868,1870],{"href":1869},"/getting-started/installation/nuxt#themecolors",[588,1871,1872],{},"ui.theme.colors"," option in your ",[588,1875,1876],{},"nuxt.config.ts"," file:",[612,1879,1882],{"className":1377,"code":1880,"filename":1369,"highlights":1881,"language":1379,"meta":607,"style":607},"export default defineAppConfig({\n  ui: {\n    colors: {\n      tertiary: 'indigo'\n    }\n  }\n})\n",[665],[588,1883,1884,1896,1904,1912,1928,1932,1936],{"__ignoreMap":607},[621,1885,1886,1888,1890,1892,1894],{"class":623,"line":624},[621,1887,1386],{"class":627},[621,1889,1389],{"class":627},[621,1891,1393],{"class":1392},[621,1893,1396],{"class":670},[621,1895,674],{"class":631},[621,1897,1898,1900,1902],{"class":623,"line":645},[621,1899,1404],{"class":1403},[621,1901,1407],{"class":631},[621,1903,1410],{"class":631},[621,1905,1906,1908,1910],{"class":623,"line":659},[621,1907,1415],{"class":1403},[621,1909,1407],{"class":631},[621,1911,1410],{"class":631},[621,1913,1916,1919,1921,1923,1926],{"class":1914,"line":665},[623,1915],"highlight",[621,1917,1918],{"class":1403},"      tertiary",[621,1920,1407],{"class":631},[621,1922,1429],{"class":631},[621,1924,1925],{"class":635},"indigo",[621,1927,1452],{"class":631},[621,1929,1930],{"class":623,"line":677},[621,1931,1457],{"class":631},[621,1933,1934],{"class":623,"line":692},[621,1935,1462],{"class":631},[621,1937,1938,1940],{"class":623,"line":697},[621,1939,1467],{"class":631},[621,1941,1470],{"class":670},[612,1943,1946],{"className":1377,"code":1944,"filename":1876,"highlights":1945,"language":1379,"meta":607,"style":607},"export default defineNuxtConfig({\n  ui: {\n    theme: {\n      colors: [\n        'primary',\n        'secondary',\n        'tertiary',\n        'info',\n        'success',\n        'warning',\n        'error'\n      ]\n    }\n  }\n})\n",[697],[588,1947,1948,1961,1969,1978,1987,1998,2008,2020,2030,2040,2050,2058,2063,2067,2071],{"__ignoreMap":607},[621,1949,1950,1952,1954,1957,1959],{"class":623,"line":624},[621,1951,1386],{"class":627},[621,1953,1389],{"class":627},[621,1955,1956],{"class":1392}," defineNuxtConfig",[621,1958,1396],{"class":670},[621,1960,674],{"class":631},[621,1962,1963,1965,1967],{"class":623,"line":645},[621,1964,1404],{"class":1403},[621,1966,1407],{"class":631},[621,1968,1410],{"class":631},[621,1970,1971,1974,1976],{"class":623,"line":659},[621,1972,1973],{"class":1403},"    theme",[621,1975,1407],{"class":631},[621,1977,1410],{"class":631},[621,1979,1980,1983,1985],{"class":623,"line":665},[621,1981,1982],{"class":1403},"      colors",[621,1984,1407],{"class":631},[621,1986,1576],{"class":670},[621,1988,1989,1992,1994,1996],{"class":623,"line":677},[621,1990,1991],{"class":631},"        '",[621,1993,1222],{"class":635},[621,1995,1434],{"class":631},[621,1997,1437],{"class":631},[621,1999,2000,2002,2004,2006],{"class":623,"line":692},[621,2001,1991],{"class":631},[621,2003,1237],{"class":635},[621,2005,1434],{"class":631},[621,2007,1437],{"class":631},[621,2009,2011,2013,2016,2018],{"class":2010,"line":697},[623,1915],[621,2012,1991],{"class":631},[621,2014,2015],{"class":635},"tertiary",[621,2017,1434],{"class":631},[621,2019,1437],{"class":631},[621,2021,2022,2024,2026,2028],{"class":623,"line":703},[621,2023,1991],{"class":631},[621,2025,1266],{"class":635},[621,2027,1434],{"class":631},[621,2029,1437],{"class":631},[621,2031,2032,2034,2036,2038],{"class":623,"line":708},[621,2033,1991],{"class":631},[621,2035,1252],{"class":635},[621,2037,1434],{"class":631},[621,2039,1437],{"class":631},[621,2041,2042,2044,2046,2048],{"class":623,"line":720},[621,2043,1991],{"class":631},[621,2045,1280],{"class":635},[621,2047,1434],{"class":631},[621,2049,1437],{"class":631},[621,2051,2052,2054,2056],{"class":623,"line":732},[621,2053,1991],{"class":631},[621,2055,1295],{"class":635},[621,2057,1452],{"class":631},[621,2059,2060],{"class":623,"line":744},[621,2061,2062],{"class":670},"      ]\n",[621,2064,2065],{"class":623,"line":756},[621,2066,1457],{"class":631},[621,2068,2069],{"class":623,"line":768},[621,2070,1462],{"class":631},[621,2072,2073,2075],{"class":623,"line":780},[621,2074,1467],{"class":631},[621,2076,1470],{"class":670},[605,2078,2079],{"v-slot:vue":607},[609,2080,2081,2096],{},[572,2082,1863,2083,2085,2086,2092,2093,2095],{},[588,2084,1479],{},", you just have to make sure to also define them in the ",[576,2087,2089],{"href":2088},"/getting-started/installation/vue#themecolors",[588,2090,2091],{},"theme.colors"," option of the ",[588,2094,23],{}," plugin:",[602,2097,2098,2352],{},[605,2099,2100],{"v-slot:ui":607},[609,2101,2102],{},[612,2103,2106],{"className":1377,"code":2104,"filename":1479,"highlights":2105,"language":1379,"meta":607,"style":607},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n  plugins: [\n    vue(),\n    ui({\n      ui: {\n        colors: {\n          tertiary: 'indigo'\n        }\n      },\n      theme: {\n        colors: [\n          'primary',\n          'secondary',\n          'tertiary',\n          'info',\n          'success',\n          'warning',\n          'error'\n        ]\n      }\n    })\n  ]\n})\n",[732,816],[588,2107,2108,2126,2140,2154,2158,2170,2178,2186,2194,2202,2210,2224,2228,2233,2242,2250,2261,2271,2282,2292,2302,2313,2322,2328,2333,2340,2345],{"__ignoreMap":607},[621,2109,2110,2112,2114,2116,2118,2120,2122,2124],{"class":623,"line":624},[621,2111,1498],{"class":627},[621,2113,1501],{"class":631},[621,2115,1504],{"class":670},[621,2117,1507],{"class":631},[621,2119,1510],{"class":627},[621,2121,1429],{"class":631},[621,2123,1515],{"class":635},[621,2125,1452],{"class":631},[621,2127,2128,2130,2132,2134,2136,2138],{"class":623,"line":645},[621,2129,1498],{"class":627},[621,2131,1524],{"class":670},[621,2133,1527],{"class":627},[621,2135,1429],{"class":631},[621,2137,1532],{"class":635},[621,2139,1452],{"class":631},[621,2141,2142,2144,2146,2148,2150,2152],{"class":623,"line":659},[621,2143,1498],{"class":627},[621,2145,1541],{"class":670},[621,2147,1527],{"class":627},[621,2149,1429],{"class":631},[621,2151,1548],{"class":635},[621,2153,1452],{"class":631},[621,2155,2156],{"class":623,"line":665},[621,2157,662],{"emptyLinePlaceholder":15},[621,2159,2160,2162,2164,2166,2168],{"class":623,"line":677},[621,2161,1386],{"class":627},[621,2163,1389],{"class":627},[621,2165,1504],{"class":1392},[621,2167,1396],{"class":670},[621,2169,674],{"class":631},[621,2171,2172,2174,2176],{"class":623,"line":692},[621,2173,1571],{"class":1403},[621,2175,1407],{"class":631},[621,2177,1576],{"class":670},[621,2179,2180,2182,2184],{"class":623,"line":697},[621,2181,1581],{"class":1392},[621,2183,1584],{"class":670},[621,2185,1437],{"class":631},[621,2187,2188,2190,2192],{"class":623,"line":703},[621,2189,1591],{"class":1392},[621,2191,1396],{"class":670},[621,2193,674],{"class":631},[621,2195,2196,2198,2200],{"class":623,"line":708},[621,2197,1600],{"class":1403},[621,2199,1407],{"class":631},[621,2201,1410],{"class":631},[621,2203,2204,2206,2208],{"class":623,"line":720},[621,2205,1609],{"class":1403},[621,2207,1407],{"class":631},[621,2209,1410],{"class":631},[621,2211,2213,2216,2218,2220,2222],{"class":2212,"line":732},[623,1915],[621,2214,2215],{"class":1403},"          tertiary",[621,2217,1407],{"class":631},[621,2219,1429],{"class":631},[621,2221,1925],{"class":635},[621,2223,1452],{"class":631},[621,2225,2226],{"class":623,"line":744},[621,2227,1646],{"class":631},[621,2229,2230],{"class":623,"line":756},[621,2231,2232],{"class":631},"      },\n",[621,2234,2235,2238,2240],{"class":623,"line":768},[621,2236,2237],{"class":1403},"      theme",[621,2239,1407],{"class":631},[621,2241,1410],{"class":631},[621,2243,2244,2246,2248],{"class":623,"line":780},[621,2245,1609],{"class":1403},[621,2247,1407],{"class":631},[621,2249,1576],{"class":670},[621,2251,2252,2255,2257,2259],{"class":623,"line":792},[621,2253,2254],{"class":631},"          '",[621,2256,1222],{"class":635},[621,2258,1434],{"class":631},[621,2260,1437],{"class":631},[621,2262,2263,2265,2267,2269],{"class":623,"line":804},[621,2264,2254],{"class":631},[621,2266,1237],{"class":635},[621,2268,1434],{"class":631},[621,2270,1437],{"class":631},[621,2272,2274,2276,2278,2280],{"class":2273,"line":816},[623,1915],[621,2275,2254],{"class":631},[621,2277,2015],{"class":635},[621,2279,1434],{"class":631},[621,2281,1437],{"class":631},[621,2283,2284,2286,2288,2290],{"class":623,"line":828},[621,2285,2254],{"class":631},[621,2287,1266],{"class":635},[621,2289,1434],{"class":631},[621,2291,1437],{"class":631},[621,2293,2294,2296,2298,2300],{"class":623,"line":840},[621,2295,2254],{"class":631},[621,2297,1252],{"class":635},[621,2299,1434],{"class":631},[621,2301,1437],{"class":631},[621,2303,2305,2307,2309,2311],{"class":623,"line":2304},21,[621,2306,2254],{"class":631},[621,2308,1280],{"class":635},[621,2310,1434],{"class":631},[621,2312,1437],{"class":631},[621,2314,2316,2318,2320],{"class":623,"line":2315},22,[621,2317,2254],{"class":631},[621,2319,1295],{"class":635},[621,2321,1452],{"class":631},[621,2323,2325],{"class":623,"line":2324},23,[621,2326,2327],{"class":670},"        ]\n",[621,2329,2331],{"class":623,"line":2330},24,[621,2332,1651],{"class":631},[621,2334,2336,2338],{"class":623,"line":2335},25,[621,2337,1656],{"class":631},[621,2339,1470],{"class":670},[621,2341,2343],{"class":623,"line":2342},26,[621,2344,1663],{"class":670},[621,2346,2348,2350],{"class":623,"line":2347},27,[621,2349,1467],{"class":631},[621,2351,1470],{"class":670},[605,2353,2354],{"v-slot:ui-pro":607},[609,2355,2356],{},[612,2357,2360],{"className":1377,"code":2358,"filename":1479,"highlights":2359,"language":1379,"meta":607,"style":607},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport uiPro from '@nuxt/ui-pro/vite'\n\nexport default defineConfig({\n  plugins: [\n    vue(),\n    uiPro({\n      ui: {\n        colors: {\n          tertiary: 'indigo'\n        }\n      },\n      theme: {\n        colors: [\n          'primary',\n          'secondary',\n          'tertiary',\n          'info',\n          'success',\n          'warning',\n          'error'\n        ]\n      }\n    })\n  ]\n})\n",[732,816],[588,2361,2362,2380,2394,2408,2412,2424,2432,2440,2448,2456,2464,2477,2481,2485,2493,2501,2511,2521,2532,2542,2552,2562,2570,2574,2578,2584,2588],{"__ignoreMap":607},[621,2363,2364,2366,2368,2370,2372,2374,2376,2378],{"class":623,"line":624},[621,2365,1498],{"class":627},[621,2367,1501],{"class":631},[621,2369,1504],{"class":670},[621,2371,1507],{"class":631},[621,2373,1510],{"class":627},[621,2375,1429],{"class":631},[621,2377,1515],{"class":635},[621,2379,1452],{"class":631},[621,2381,2382,2384,2386,2388,2390,2392],{"class":623,"line":645},[621,2383,1498],{"class":627},[621,2385,1524],{"class":670},[621,2387,1527],{"class":627},[621,2389,1429],{"class":631},[621,2391,1532],{"class":635},[621,2393,1452],{"class":631},[621,2395,2396,2398,2400,2402,2404,2406],{"class":623,"line":659},[621,2397,1498],{"class":627},[621,2399,1717],{"class":670},[621,2401,1527],{"class":627},[621,2403,1429],{"class":631},[621,2405,1724],{"class":635},[621,2407,1452],{"class":631},[621,2409,2410],{"class":623,"line":665},[621,2411,662],{"emptyLinePlaceholder":15},[621,2413,2414,2416,2418,2420,2422],{"class":623,"line":677},[621,2415,1386],{"class":627},[621,2417,1389],{"class":627},[621,2419,1504],{"class":1392},[621,2421,1396],{"class":670},[621,2423,674],{"class":631},[621,2425,2426,2428,2430],{"class":623,"line":692},[621,2427,1571],{"class":1403},[621,2429,1407],{"class":631},[621,2431,1576],{"class":670},[621,2433,2434,2436,2438],{"class":623,"line":697},[621,2435,1581],{"class":1392},[621,2437,1584],{"class":670},[621,2439,1437],{"class":631},[621,2441,2442,2444,2446],{"class":623,"line":703},[621,2443,1763],{"class":1392},[621,2445,1396],{"class":670},[621,2447,674],{"class":631},[621,2449,2450,2452,2454],{"class":623,"line":708},[621,2451,1600],{"class":1403},[621,2453,1407],{"class":631},[621,2455,1410],{"class":631},[621,2457,2458,2460,2462],{"class":623,"line":720},[621,2459,1609],{"class":1403},[621,2461,1407],{"class":631},[621,2463,1410],{"class":631},[621,2465,2467,2469,2471,2473,2475],{"class":2466,"line":732},[623,1915],[621,2468,2215],{"class":1403},[621,2470,1407],{"class":631},[621,2472,1429],{"class":631},[621,2474,1925],{"class":635},[621,2476,1452],{"class":631},[621,2478,2479],{"class":623,"line":744},[621,2480,1646],{"class":631},[621,2482,2483],{"class":623,"line":756},[621,2484,2232],{"class":631},[621,2486,2487,2489,2491],{"class":623,"line":768},[621,2488,2237],{"class":1403},[621,2490,1407],{"class":631},[621,2492,1410],{"class":631},[621,2494,2495,2497,2499],{"class":623,"line":780},[621,2496,1609],{"class":1403},[621,2498,1407],{"class":631},[621,2500,1576],{"class":670},[621,2502,2503,2505,2507,2509],{"class":623,"line":792},[621,2504,2254],{"class":631},[621,2506,1222],{"class":635},[621,2508,1434],{"class":631},[621,2510,1437],{"class":631},[621,2512,2513,2515,2517,2519],{"class":623,"line":804},[621,2514,2254],{"class":631},[621,2516,1237],{"class":635},[621,2518,1434],{"class":631},[621,2520,1437],{"class":631},[621,2522,2524,2526,2528,2530],{"class":2523,"line":816},[623,1915],[621,2525,2254],{"class":631},[621,2527,2015],{"class":635},[621,2529,1434],{"class":631},[621,2531,1437],{"class":631},[621,2533,2534,2536,2538,2540],{"class":623,"line":828},[621,2535,2254],{"class":631},[621,2537,1266],{"class":635},[621,2539,1434],{"class":631},[621,2541,1437],{"class":631},[621,2543,2544,2546,2548,2550],{"class":623,"line":840},[621,2545,2254],{"class":631},[621,2547,1252],{"class":635},[621,2549,1434],{"class":631},[621,2551,1437],{"class":631},[621,2553,2554,2556,2558,2560],{"class":623,"line":2304},[621,2555,2254],{"class":631},[621,2557,1280],{"class":635},[621,2559,1434],{"class":631},[621,2561,1437],{"class":631},[621,2563,2564,2566,2568],{"class":623,"line":2315},[621,2565,2254],{"class":631},[621,2567,1295],{"class":635},[621,2569,1452],{"class":631},[621,2571,2572],{"class":623,"line":2324},[621,2573,2327],{"class":670},[621,2575,2576],{"class":623,"line":2330},[621,2577,1651],{"class":631},[621,2579,2580,2582],{"class":623,"line":2335},[621,2581,1656],{"class":631},[621,2583,1470],{"class":670},[621,2585,2586],{"class":623,"line":2342},[621,2587,1663],{"class":670},[621,2589,2590,2592],{"class":623,"line":2347},[621,2591,1467],{"class":631},[621,2593,1470],{"class":670},[567,2595,2597],{"id":2596},"css-variables","CSS Variables",[572,2599,2600],{},"Nuxt UI leverages a robust system of CSS variables as design tokens to ensure consistent and flexible component styling. These tokens form the foundation of the theming system, offering smooth support for both light and dark modes.",[584,2602,2604],{"id":2603},"colors","Colors",[572,2606,2607],{},"Nuxt UI provides a CSS variable for each color alias you define which represent the default shade used in both light and dark modes:",[2609,2610,2611,2729],"code-group",{},[612,2612,2615],{"className":614,"code":2613,"filename":2614,"language":617,"meta":607,"style":607},":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",[588,2616,2617,2627,2645,2661,2677,2693,2709,2725],{"__ignoreMap":607},[621,2618,2619,2621,2625],{"class":623,"line":624},[621,2620,1407],{"class":631},[621,2622,2624],{"class":2623},"spNyl","root",[621,2626,1410],{"class":631},[621,2628,2629,2632,2634,2637,2639,2642],{"class":623,"line":645},[621,2630,2631],{"class":670},"  --ui-primary",[621,2633,1407],{"class":631},[621,2635,2636],{"class":1392}," var",[621,2638,1396],{"class":631},[621,2640,2641],{"class":670},"--ui-color-primary-500",[621,2643,2644],{"class":631},");\n",[621,2646,2647,2650,2652,2654,2656,2659],{"class":623,"line":659},[621,2648,2649],{"class":670},"  --ui-secondary",[621,2651,1407],{"class":631},[621,2653,2636],{"class":1392},[621,2655,1396],{"class":631},[621,2657,2658],{"class":670},"--ui-color-secondary-500",[621,2660,2644],{"class":631},[621,2662,2663,2666,2668,2670,2672,2675],{"class":623,"line":665},[621,2664,2665],{"class":670},"  --ui-success",[621,2667,1407],{"class":631},[621,2669,2636],{"class":1392},[621,2671,1396],{"class":631},[621,2673,2674],{"class":670},"--ui-color-success-500",[621,2676,2644],{"class":631},[621,2678,2679,2682,2684,2686,2688,2691],{"class":623,"line":677},[621,2680,2681],{"class":670},"  --ui-info",[621,2683,1407],{"class":631},[621,2685,2636],{"class":1392},[621,2687,1396],{"class":631},[621,2689,2690],{"class":670},"--ui-color-info-500",[621,2692,2644],{"class":631},[621,2694,2695,2698,2700,2702,2704,2707],{"class":623,"line":692},[621,2696,2697],{"class":670},"  --ui-warning",[621,2699,1407],{"class":631},[621,2701,2636],{"class":1392},[621,2703,1396],{"class":631},[621,2705,2706],{"class":670},"--ui-color-warning-500",[621,2708,2644],{"class":631},[621,2710,2711,2714,2716,2718,2720,2723],{"class":623,"line":697},[621,2712,2713],{"class":670},"  --ui-error",[621,2715,1407],{"class":631},[621,2717,2636],{"class":1392},[621,2719,1396],{"class":631},[621,2721,2722],{"class":670},"--ui-color-error-500",[621,2724,2644],{"class":631},[621,2726,2727],{"class":623,"line":703},[621,2728,843],{"class":631},[612,2730,2733],{"className":614,"code":2731,"filename":2732,"language":617,"meta":607,"style":607},".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",[588,2734,2735,2744,2759,2774,2789,2804,2819,2834],{"__ignoreMap":607},[621,2736,2737,2739,2742],{"class":623,"line":624},[621,2738,1850],{"class":631},[621,2740,2741],{"class":686},"dark",[621,2743,1410],{"class":631},[621,2745,2746,2748,2750,2752,2754,2757],{"class":623,"line":645},[621,2747,2631],{"class":670},[621,2749,1407],{"class":631},[621,2751,2636],{"class":1392},[621,2753,1396],{"class":631},[621,2755,2756],{"class":670},"--ui-color-primary-400",[621,2758,2644],{"class":631},[621,2760,2761,2763,2765,2767,2769,2772],{"class":623,"line":659},[621,2762,2649],{"class":670},[621,2764,1407],{"class":631},[621,2766,2636],{"class":1392},[621,2768,1396],{"class":631},[621,2770,2771],{"class":670},"--ui-color-secondary-400",[621,2773,2644],{"class":631},[621,2775,2776,2778,2780,2782,2784,2787],{"class":623,"line":665},[621,2777,2665],{"class":670},[621,2779,1407],{"class":631},[621,2781,2636],{"class":1392},[621,2783,1396],{"class":631},[621,2785,2786],{"class":670},"--ui-color-success-400",[621,2788,2644],{"class":631},[621,2790,2791,2793,2795,2797,2799,2802],{"class":623,"line":677},[621,2792,2681],{"class":670},[621,2794,1407],{"class":631},[621,2796,2636],{"class":1392},[621,2798,1396],{"class":631},[621,2800,2801],{"class":670},"--ui-color-info-400",[621,2803,2644],{"class":631},[621,2805,2806,2808,2810,2812,2814,2817],{"class":623,"line":692},[621,2807,2697],{"class":670},[621,2809,1407],{"class":631},[621,2811,2636],{"class":1392},[621,2813,1396],{"class":631},[621,2815,2816],{"class":670},"--ui-color-warning-400",[621,2818,2644],{"class":631},[621,2820,2821,2823,2825,2827,2829,2832],{"class":623,"line":697},[621,2822,2713],{"class":670},[621,2824,1407],{"class":631},[621,2826,2636],{"class":1392},[621,2828,1396],{"class":631},[621,2830,2831],{"class":670},"--ui-color-error-400",[621,2833,2644],{"class":631},[621,2835,2836],{"class":623,"line":703},[621,2837,843],{"class":631},[572,2839,2840,2841,2843],{},"These CSS variables are defined in Tailwind CSS's ",[588,2842,590],{}," so you can use them as classes:",[2845,2846,2847,2879],"code-preview",{},[572,2848,2849,2855,2860,2865,2870,2875],{},[621,2850,2854],{"className":2851},[1341,2852,2853],"text-sm","px-4","Primary",[621,2856,2859],{"className":2857},[2858,2852,2853],"text-secondary","Secondary",[621,2861,2864],{"className":2862},[2863,2852,2853],"text-success","Success",[621,2866,2869],{"className":2867},[2868,2852,2853],"text-info","Info",[621,2871,2874],{"className":2872},[2873,2852,2853],"text-warning","Warning",[621,2876,338],{"className":2877},[2878,2852,2853],"text-error",[605,2880,2881],{"v-slot:code":607},[612,2882,2885],{"className":2883,"code":2884,"language":28,"meta":607,"style":607},"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",[588,2886,2887,2897,2928,2954,2980,3006,3032,3058],{"__ignoreMap":607},[621,2888,2889,2892,2894],{"class":623,"line":624},[621,2890,2891],{"class":631},"\u003C",[621,2893,605],{"class":1403},[621,2895,2896],{"class":631},">\n",[621,2898,2899,2902,2904,2907,2910,2912,2914,2916,2919,2921,2924,2926],{"class":623,"line":645},[621,2900,2901],{"class":631},"  \u003C",[621,2903,621],{"class":1403},[621,2905,2906],{"class":2623}," class",[621,2908,2909],{"class":631},"=",[621,2911,639],{"class":631},[621,2913,1341],{"class":635},[621,2915,639],{"class":631},[621,2917,2918],{"class":631},">",[621,2920,2854],{"class":670},[621,2922,2923],{"class":631},"\u003C/",[621,2925,621],{"class":1403},[621,2927,2896],{"class":631},[621,2929,2930,2932,2934,2936,2938,2940,2942,2944,2946,2948,2950,2952],{"class":623,"line":659},[621,2931,2901],{"class":631},[621,2933,621],{"class":1403},[621,2935,2906],{"class":2623},[621,2937,2909],{"class":631},[621,2939,639],{"class":631},[621,2941,2858],{"class":635},[621,2943,639],{"class":631},[621,2945,2918],{"class":631},[621,2947,2859],{"class":670},[621,2949,2923],{"class":631},[621,2951,621],{"class":1403},[621,2953,2896],{"class":631},[621,2955,2956,2958,2960,2962,2964,2966,2968,2970,2972,2974,2976,2978],{"class":623,"line":665},[621,2957,2901],{"class":631},[621,2959,621],{"class":1403},[621,2961,2906],{"class":2623},[621,2963,2909],{"class":631},[621,2965,639],{"class":631},[621,2967,2863],{"class":635},[621,2969,639],{"class":631},[621,2971,2918],{"class":631},[621,2973,2864],{"class":670},[621,2975,2923],{"class":631},[621,2977,621],{"class":1403},[621,2979,2896],{"class":631},[621,2981,2982,2984,2986,2988,2990,2992,2994,2996,2998,3000,3002,3004],{"class":623,"line":677},[621,2983,2901],{"class":631},[621,2985,621],{"class":1403},[621,2987,2906],{"class":2623},[621,2989,2909],{"class":631},[621,2991,639],{"class":631},[621,2993,2868],{"class":635},[621,2995,639],{"class":631},[621,2997,2918],{"class":631},[621,2999,2869],{"class":670},[621,3001,2923],{"class":631},[621,3003,621],{"class":1403},[621,3005,2896],{"class":631},[621,3007,3008,3010,3012,3014,3016,3018,3020,3022,3024,3026,3028,3030],{"class":623,"line":692},[621,3009,2901],{"class":631},[621,3011,621],{"class":1403},[621,3013,2906],{"class":2623},[621,3015,2909],{"class":631},[621,3017,639],{"class":631},[621,3019,2873],{"class":635},[621,3021,639],{"class":631},[621,3023,2918],{"class":631},[621,3025,2874],{"class":670},[621,3027,2923],{"class":631},[621,3029,621],{"class":1403},[621,3031,2896],{"class":631},[621,3033,3034,3036,3038,3040,3042,3044,3046,3048,3050,3052,3054,3056],{"class":623,"line":697},[621,3035,2901],{"class":631},[621,3037,621],{"class":1403},[621,3039,2906],{"class":2623},[621,3041,2909],{"class":631},[621,3043,639],{"class":631},[621,3045,2878],{"class":635},[621,3047,639],{"class":631},[621,3049,2918],{"class":631},[621,3051,338],{"class":670},[621,3053,2923],{"class":631},[621,3055,621],{"class":1403},[621,3057,2896],{"class":631},[621,3059,3060,3062,3064],{"class":623,"line":703},[621,3061,2923],{"class":631},[621,3063,605],{"class":1403},[621,3065,2896],{"class":631},[1019,3067,3068,3074],{},[572,3069,3070,3071,3073],{},"This is how the ",[588,3072,590],{}," is generated for each color alias:",[3075,3076,3079],"code-collapse",{"className":3077},[3078],"[&>div]:!my-0",[612,3080,3084],{"className":3081,"code":3082,"language":3083,"meta":607,"style":607},"language-scss shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@theme default {\n  --color-primary: var(--ui-primary);\n  --color-primary-50: var(--ui-color-primary-50);\n  --color-primary-100: var(--ui-color-primary-100);\n  --color-primary-200: var(--ui-color-primary-200);\n  --color-primary-300: var(--ui-color-primary-300);\n  --color-primary-400: var(--ui-color-primary-400);\n  --color-primary-500: var(--ui-color-primary-500);\n  --color-primary-600: var(--ui-color-primary-600);\n  --color-primary-700: var(--ui-color-primary-700);\n  --color-primary-800: var(--ui-color-primary-800);\n  --color-primary-900: var(--ui-color-primary-900);\n  --color-primary-950: var(--ui-color-primary-950);\n  --color-secondary: var(--ui-secondary);\n  --color-secondary-50: var(--ui-color-secondary-50);\n  --color-secondary-100: var(--ui-color-secondary-100);\n  --color-secondary-200: var(--ui-color-secondary-200);\n  --color-secondary-300: var(--ui-color-secondary-300);\n  --color-secondary-400: var(--ui-color-secondary-400);\n  --color-secondary-500: var(--ui-color-secondary-500);\n  --color-secondary-600: var(--ui-color-secondary-600);\n  --color-secondary-700: var(--ui-color-secondary-700);\n  --color-secondary-800: var(--ui-color-secondary-800);\n  --color-secondary-900: var(--ui-color-secondary-900);\n  --color-secondary-950: var(--ui-color-secondary-950);\n  --color-success: var(--ui-success);\n  --color-success-50: var(--ui-color-success-50);\n  --color-success-100: var(--ui-color-success-100);\n  --color-success-200: var(--ui-color-success-200);\n  --color-success-300: var(--ui-color-success-300);\n  --color-success-400: var(--ui-color-success-400);\n  --color-success-500: var(--ui-color-success-500);\n  --color-success-600: var(--ui-color-success-600);\n  --color-success-700: var(--ui-color-success-700);\n  --color-success-800: var(--ui-color-success-800);\n  --color-success-900: var(--ui-color-success-900);\n  --color-success-950: var(--ui-color-success-950);\n  --color-info: var(--ui-info);\n  --color-info-50: var(--ui-color-info-50);\n  --color-info-100: var(--ui-color-info-100);\n  --color-info-200: var(--ui-color-info-200);\n  --color-info-300: var(--ui-color-info-300);\n  --color-info-400: var(--ui-color-info-400);\n  --color-info-500: var(--ui-color-info-500);\n  --color-info-600: var(--ui-color-info-600);\n  --color-info-700: var(--ui-color-info-700);\n  --color-info-800: var(--ui-color-info-800);\n  --color-info-900: var(--ui-color-info-900);\n  --color-info-950: var(--ui-color-info-950);\n  --color-warning: var(--ui-warning);\n  --color-warning-50: var(--ui-color-warning-50);\n  --color-warning-100: var(--ui-color-warning-100);\n  --color-warning-200: var(--ui-color-warning-200);\n  --color-warning-300: var(--ui-color-warning-300);\n  --color-warning-400: var(--ui-color-warning-400);\n  --color-warning-500: var(--ui-color-warning-500);\n  --color-warning-600: var(--ui-color-warning-600);\n  --color-warning-700: var(--ui-color-warning-700);\n  --color-warning-800: var(--ui-color-warning-800);\n  --color-warning-900: var(--ui-color-warning-900);\n  --color-warning-950: var(--ui-color-warning-950);\n  --color-error: var(--ui-error);\n  --color-error-50: var(--ui-color-error-50);\n  --color-error-100: var(--ui-color-error-100);\n  --color-error-200: var(--ui-color-error-200);\n  --color-error-300: var(--ui-color-error-300);\n  --color-error-400: var(--ui-color-error-400);\n  --color-error-500: var(--ui-color-error-500);\n  --color-error-600: var(--ui-color-error-600);\n  --color-error-700: var(--ui-color-error-700);\n  --color-error-800: var(--ui-color-error-800);\n  --color-error-900: var(--ui-color-error-900);\n  --color-error-950: var(--ui-color-error-950);\n  --color-neutral-50: var(--ui-color-neutral-50);\n  --color-neutral-100: var(--ui-color-neutral-100);\n  --color-neutral-200: var(--ui-color-neutral-200);\n  --color-neutral-300: var(--ui-color-neutral-300);\n  --color-neutral-400: var(--ui-color-neutral-400);\n  --color-neutral-500: var(--ui-color-neutral-500);\n  --color-neutral-600: var(--ui-color-neutral-600);\n  --color-neutral-700: var(--ui-color-neutral-700);\n  --color-neutral-800: var(--ui-color-neutral-800);\n  --color-neutral-900: var(--ui-color-neutral-900);\n  --color-neutral-950: var(--ui-color-neutral-950);\n}\n","scss",[588,3085,3086,3093,3109,3125,3141,3157,3173,3188,3203,3219,3235,3251,3267,3283,3299,3315,3331,3347,3363,3378,3393,3409,3425,3441,3457,3473,3489,3505,3522,3539,3556,3572,3588,3605,3622,3639,3656,3673,3690,3707,3724,3741,3758,3774,3790,3807,3824,3841,3858,3875,3892,3909,3926,3943,3960,3976,3992,4009,4026,4043,4060,4077,4094,4111,4128,4145,4162,4178,4194,4211,4228,4245,4262,4279,4296,4313,4330,4347,4364,4381,4398,4415,4432,4449,4466],{"__ignoreMap":607},[621,3087,3088,3091],{"class":623,"line":624},[621,3089,3090],{"class":670},"@theme default ",[621,3092,674],{"class":631},[621,3094,3095,3098,3100,3102,3104,3107],{"class":623,"line":645},[621,3096,3097],{"class":670},"  --color-primary",[621,3099,1407],{"class":631},[621,3101,2636],{"class":1392},[621,3103,1396],{"class":631},[621,3105,3106],{"class":670},"--ui-primary",[621,3108,2644],{"class":631},[621,3110,3111,3114,3116,3118,3120,3123],{"class":623,"line":659},[621,3112,3113],{"class":670},"  --color-primary-50",[621,3115,1407],{"class":631},[621,3117,2636],{"class":1392},[621,3119,1396],{"class":631},[621,3121,3122],{"class":670},"--ui-color-primary-50",[621,3124,2644],{"class":631},[621,3126,3127,3130,3132,3134,3136,3139],{"class":623,"line":665},[621,3128,3129],{"class":670},"  --color-primary-100",[621,3131,1407],{"class":631},[621,3133,2636],{"class":1392},[621,3135,1396],{"class":631},[621,3137,3138],{"class":670},"--ui-color-primary-100",[621,3140,2644],{"class":631},[621,3142,3143,3146,3148,3150,3152,3155],{"class":623,"line":677},[621,3144,3145],{"class":670},"  --color-primary-200",[621,3147,1407],{"class":631},[621,3149,2636],{"class":1392},[621,3151,1396],{"class":631},[621,3153,3154],{"class":670},"--ui-color-primary-200",[621,3156,2644],{"class":631},[621,3158,3159,3162,3164,3166,3168,3171],{"class":623,"line":692},[621,3160,3161],{"class":670},"  --color-primary-300",[621,3163,1407],{"class":631},[621,3165,2636],{"class":1392},[621,3167,1396],{"class":631},[621,3169,3170],{"class":670},"--ui-color-primary-300",[621,3172,2644],{"class":631},[621,3174,3175,3178,3180,3182,3184,3186],{"class":623,"line":697},[621,3176,3177],{"class":670},"  --color-primary-400",[621,3179,1407],{"class":631},[621,3181,2636],{"class":1392},[621,3183,1396],{"class":631},[621,3185,2756],{"class":670},[621,3187,2644],{"class":631},[621,3189,3190,3193,3195,3197,3199,3201],{"class":623,"line":703},[621,3191,3192],{"class":670},"  --color-primary-500",[621,3194,1407],{"class":631},[621,3196,2636],{"class":1392},[621,3198,1396],{"class":631},[621,3200,2641],{"class":670},[621,3202,2644],{"class":631},[621,3204,3205,3208,3210,3212,3214,3217],{"class":623,"line":708},[621,3206,3207],{"class":670},"  --color-primary-600",[621,3209,1407],{"class":631},[621,3211,2636],{"class":1392},[621,3213,1396],{"class":631},[621,3215,3216],{"class":670},"--ui-color-primary-600",[621,3218,2644],{"class":631},[621,3220,3221,3224,3226,3228,3230,3233],{"class":623,"line":720},[621,3222,3223],{"class":670},"  --color-primary-700",[621,3225,1407],{"class":631},[621,3227,2636],{"class":1392},[621,3229,1396],{"class":631},[621,3231,3232],{"class":670},"--ui-color-primary-700",[621,3234,2644],{"class":631},[621,3236,3237,3240,3242,3244,3246,3249],{"class":623,"line":732},[621,3238,3239],{"class":670},"  --color-primary-800",[621,3241,1407],{"class":631},[621,3243,2636],{"class":1392},[621,3245,1396],{"class":631},[621,3247,3248],{"class":670},"--ui-color-primary-800",[621,3250,2644],{"class":631},[621,3252,3253,3256,3258,3260,3262,3265],{"class":623,"line":744},[621,3254,3255],{"class":670},"  --color-primary-900",[621,3257,1407],{"class":631},[621,3259,2636],{"class":1392},[621,3261,1396],{"class":631},[621,3263,3264],{"class":670},"--ui-color-primary-900",[621,3266,2644],{"class":631},[621,3268,3269,3272,3274,3276,3278,3281],{"class":623,"line":756},[621,3270,3271],{"class":670},"  --color-primary-950",[621,3273,1407],{"class":631},[621,3275,2636],{"class":1392},[621,3277,1396],{"class":631},[621,3279,3280],{"class":670},"--ui-color-primary-950",[621,3282,2644],{"class":631},[621,3284,3285,3288,3290,3292,3294,3297],{"class":623,"line":768},[621,3286,3287],{"class":670},"  --color-secondary",[621,3289,1407],{"class":631},[621,3291,2636],{"class":1392},[621,3293,1396],{"class":631},[621,3295,3296],{"class":670},"--ui-secondary",[621,3298,2644],{"class":631},[621,3300,3301,3304,3306,3308,3310,3313],{"class":623,"line":780},[621,3302,3303],{"class":670},"  --color-secondary-50",[621,3305,1407],{"class":631},[621,3307,2636],{"class":1392},[621,3309,1396],{"class":631},[621,3311,3312],{"class":670},"--ui-color-secondary-50",[621,3314,2644],{"class":631},[621,3316,3317,3320,3322,3324,3326,3329],{"class":623,"line":792},[621,3318,3319],{"class":670},"  --color-secondary-100",[621,3321,1407],{"class":631},[621,3323,2636],{"class":1392},[621,3325,1396],{"class":631},[621,3327,3328],{"class":670},"--ui-color-secondary-100",[621,3330,2644],{"class":631},[621,3332,3333,3336,3338,3340,3342,3345],{"class":623,"line":804},[621,3334,3335],{"class":670},"  --color-secondary-200",[621,3337,1407],{"class":631},[621,3339,2636],{"class":1392},[621,3341,1396],{"class":631},[621,3343,3344],{"class":670},"--ui-color-secondary-200",[621,3346,2644],{"class":631},[621,3348,3349,3352,3354,3356,3358,3361],{"class":623,"line":816},[621,3350,3351],{"class":670},"  --color-secondary-300",[621,3353,1407],{"class":631},[621,3355,2636],{"class":1392},[621,3357,1396],{"class":631},[621,3359,3360],{"class":670},"--ui-color-secondary-300",[621,3362,2644],{"class":631},[621,3364,3365,3368,3370,3372,3374,3376],{"class":623,"line":828},[621,3366,3367],{"class":670},"  --color-secondary-400",[621,3369,1407],{"class":631},[621,3371,2636],{"class":1392},[621,3373,1396],{"class":631},[621,3375,2771],{"class":670},[621,3377,2644],{"class":631},[621,3379,3380,3383,3385,3387,3389,3391],{"class":623,"line":840},[621,3381,3382],{"class":670},"  --color-secondary-500",[621,3384,1407],{"class":631},[621,3386,2636],{"class":1392},[621,3388,1396],{"class":631},[621,3390,2658],{"class":670},[621,3392,2644],{"class":631},[621,3394,3395,3398,3400,3402,3404,3407],{"class":623,"line":2304},[621,3396,3397],{"class":670},"  --color-secondary-600",[621,3399,1407],{"class":631},[621,3401,2636],{"class":1392},[621,3403,1396],{"class":631},[621,3405,3406],{"class":670},"--ui-color-secondary-600",[621,3408,2644],{"class":631},[621,3410,3411,3414,3416,3418,3420,3423],{"class":623,"line":2315},[621,3412,3413],{"class":670},"  --color-secondary-700",[621,3415,1407],{"class":631},[621,3417,2636],{"class":1392},[621,3419,1396],{"class":631},[621,3421,3422],{"class":670},"--ui-color-secondary-700",[621,3424,2644],{"class":631},[621,3426,3427,3430,3432,3434,3436,3439],{"class":623,"line":2324},[621,3428,3429],{"class":670},"  --color-secondary-800",[621,3431,1407],{"class":631},[621,3433,2636],{"class":1392},[621,3435,1396],{"class":631},[621,3437,3438],{"class":670},"--ui-color-secondary-800",[621,3440,2644],{"class":631},[621,3442,3443,3446,3448,3450,3452,3455],{"class":623,"line":2330},[621,3444,3445],{"class":670},"  --color-secondary-900",[621,3447,1407],{"class":631},[621,3449,2636],{"class":1392},[621,3451,1396],{"class":631},[621,3453,3454],{"class":670},"--ui-color-secondary-900",[621,3456,2644],{"class":631},[621,3458,3459,3462,3464,3466,3468,3471],{"class":623,"line":2335},[621,3460,3461],{"class":670},"  --color-secondary-950",[621,3463,1407],{"class":631},[621,3465,2636],{"class":1392},[621,3467,1396],{"class":631},[621,3469,3470],{"class":670},"--ui-color-secondary-950",[621,3472,2644],{"class":631},[621,3474,3475,3478,3480,3482,3484,3487],{"class":623,"line":2342},[621,3476,3477],{"class":670},"  --color-success",[621,3479,1407],{"class":631},[621,3481,2636],{"class":1392},[621,3483,1396],{"class":631},[621,3485,3486],{"class":670},"--ui-success",[621,3488,2644],{"class":631},[621,3490,3491,3494,3496,3498,3500,3503],{"class":623,"line":2347},[621,3492,3493],{"class":670},"  --color-success-50",[621,3495,1407],{"class":631},[621,3497,2636],{"class":1392},[621,3499,1396],{"class":631},[621,3501,3502],{"class":670},"--ui-color-success-50",[621,3504,2644],{"class":631},[621,3506,3508,3511,3513,3515,3517,3520],{"class":623,"line":3507},28,[621,3509,3510],{"class":670},"  --color-success-100",[621,3512,1407],{"class":631},[621,3514,2636],{"class":1392},[621,3516,1396],{"class":631},[621,3518,3519],{"class":670},"--ui-color-success-100",[621,3521,2644],{"class":631},[621,3523,3525,3528,3530,3532,3534,3537],{"class":623,"line":3524},29,[621,3526,3527],{"class":670},"  --color-success-200",[621,3529,1407],{"class":631},[621,3531,2636],{"class":1392},[621,3533,1396],{"class":631},[621,3535,3536],{"class":670},"--ui-color-success-200",[621,3538,2644],{"class":631},[621,3540,3542,3545,3547,3549,3551,3554],{"class":623,"line":3541},30,[621,3543,3544],{"class":670},"  --color-success-300",[621,3546,1407],{"class":631},[621,3548,2636],{"class":1392},[621,3550,1396],{"class":631},[621,3552,3553],{"class":670},"--ui-color-success-300",[621,3555,2644],{"class":631},[621,3557,3559,3562,3564,3566,3568,3570],{"class":623,"line":3558},31,[621,3560,3561],{"class":670},"  --color-success-400",[621,3563,1407],{"class":631},[621,3565,2636],{"class":1392},[621,3567,1396],{"class":631},[621,3569,2786],{"class":670},[621,3571,2644],{"class":631},[621,3573,3575,3578,3580,3582,3584,3586],{"class":623,"line":3574},32,[621,3576,3577],{"class":670},"  --color-success-500",[621,3579,1407],{"class":631},[621,3581,2636],{"class":1392},[621,3583,1396],{"class":631},[621,3585,2674],{"class":670},[621,3587,2644],{"class":631},[621,3589,3591,3594,3596,3598,3600,3603],{"class":623,"line":3590},33,[621,3592,3593],{"class":670},"  --color-success-600",[621,3595,1407],{"class":631},[621,3597,2636],{"class":1392},[621,3599,1396],{"class":631},[621,3601,3602],{"class":670},"--ui-color-success-600",[621,3604,2644],{"class":631},[621,3606,3608,3611,3613,3615,3617,3620],{"class":623,"line":3607},34,[621,3609,3610],{"class":670},"  --color-success-700",[621,3612,1407],{"class":631},[621,3614,2636],{"class":1392},[621,3616,1396],{"class":631},[621,3618,3619],{"class":670},"--ui-color-success-700",[621,3621,2644],{"class":631},[621,3623,3625,3628,3630,3632,3634,3637],{"class":623,"line":3624},35,[621,3626,3627],{"class":670},"  --color-success-800",[621,3629,1407],{"class":631},[621,3631,2636],{"class":1392},[621,3633,1396],{"class":631},[621,3635,3636],{"class":670},"--ui-color-success-800",[621,3638,2644],{"class":631},[621,3640,3642,3645,3647,3649,3651,3654],{"class":623,"line":3641},36,[621,3643,3644],{"class":670},"  --color-success-900",[621,3646,1407],{"class":631},[621,3648,2636],{"class":1392},[621,3650,1396],{"class":631},[621,3652,3653],{"class":670},"--ui-color-success-900",[621,3655,2644],{"class":631},[621,3657,3659,3662,3664,3666,3668,3671],{"class":623,"line":3658},37,[621,3660,3661],{"class":670},"  --color-success-950",[621,3663,1407],{"class":631},[621,3665,2636],{"class":1392},[621,3667,1396],{"class":631},[621,3669,3670],{"class":670},"--ui-color-success-950",[621,3672,2644],{"class":631},[621,3674,3676,3679,3681,3683,3685,3688],{"class":623,"line":3675},38,[621,3677,3678],{"class":670},"  --color-info",[621,3680,1407],{"class":631},[621,3682,2636],{"class":1392},[621,3684,1396],{"class":631},[621,3686,3687],{"class":670},"--ui-info",[621,3689,2644],{"class":631},[621,3691,3693,3696,3698,3700,3702,3705],{"class":623,"line":3692},39,[621,3694,3695],{"class":670},"  --color-info-50",[621,3697,1407],{"class":631},[621,3699,2636],{"class":1392},[621,3701,1396],{"class":631},[621,3703,3704],{"class":670},"--ui-color-info-50",[621,3706,2644],{"class":631},[621,3708,3710,3713,3715,3717,3719,3722],{"class":623,"line":3709},40,[621,3711,3712],{"class":670},"  --color-info-100",[621,3714,1407],{"class":631},[621,3716,2636],{"class":1392},[621,3718,1396],{"class":631},[621,3720,3721],{"class":670},"--ui-color-info-100",[621,3723,2644],{"class":631},[621,3725,3727,3730,3732,3734,3736,3739],{"class":623,"line":3726},41,[621,3728,3729],{"class":670},"  --color-info-200",[621,3731,1407],{"class":631},[621,3733,2636],{"class":1392},[621,3735,1396],{"class":631},[621,3737,3738],{"class":670},"--ui-color-info-200",[621,3740,2644],{"class":631},[621,3742,3744,3747,3749,3751,3753,3756],{"class":623,"line":3743},42,[621,3745,3746],{"class":670},"  --color-info-300",[621,3748,1407],{"class":631},[621,3750,2636],{"class":1392},[621,3752,1396],{"class":631},[621,3754,3755],{"class":670},"--ui-color-info-300",[621,3757,2644],{"class":631},[621,3759,3761,3764,3766,3768,3770,3772],{"class":623,"line":3760},43,[621,3762,3763],{"class":670},"  --color-info-400",[621,3765,1407],{"class":631},[621,3767,2636],{"class":1392},[621,3769,1396],{"class":631},[621,3771,2801],{"class":670},[621,3773,2644],{"class":631},[621,3775,3777,3780,3782,3784,3786,3788],{"class":623,"line":3776},44,[621,3778,3779],{"class":670},"  --color-info-500",[621,3781,1407],{"class":631},[621,3783,2636],{"class":1392},[621,3785,1396],{"class":631},[621,3787,2690],{"class":670},[621,3789,2644],{"class":631},[621,3791,3793,3796,3798,3800,3802,3805],{"class":623,"line":3792},45,[621,3794,3795],{"class":670},"  --color-info-600",[621,3797,1407],{"class":631},[621,3799,2636],{"class":1392},[621,3801,1396],{"class":631},[621,3803,3804],{"class":670},"--ui-color-info-600",[621,3806,2644],{"class":631},[621,3808,3810,3813,3815,3817,3819,3822],{"class":623,"line":3809},46,[621,3811,3812],{"class":670},"  --color-info-700",[621,3814,1407],{"class":631},[621,3816,2636],{"class":1392},[621,3818,1396],{"class":631},[621,3820,3821],{"class":670},"--ui-color-info-700",[621,3823,2644],{"class":631},[621,3825,3827,3830,3832,3834,3836,3839],{"class":623,"line":3826},47,[621,3828,3829],{"class":670},"  --color-info-800",[621,3831,1407],{"class":631},[621,3833,2636],{"class":1392},[621,3835,1396],{"class":631},[621,3837,3838],{"class":670},"--ui-color-info-800",[621,3840,2644],{"class":631},[621,3842,3844,3847,3849,3851,3853,3856],{"class":623,"line":3843},48,[621,3845,3846],{"class":670},"  --color-info-900",[621,3848,1407],{"class":631},[621,3850,2636],{"class":1392},[621,3852,1396],{"class":631},[621,3854,3855],{"class":670},"--ui-color-info-900",[621,3857,2644],{"class":631},[621,3859,3861,3864,3866,3868,3870,3873],{"class":623,"line":3860},49,[621,3862,3863],{"class":670},"  --color-info-950",[621,3865,1407],{"class":631},[621,3867,2636],{"class":1392},[621,3869,1396],{"class":631},[621,3871,3872],{"class":670},"--ui-color-info-950",[621,3874,2644],{"class":631},[621,3876,3878,3881,3883,3885,3887,3890],{"class":623,"line":3877},50,[621,3879,3880],{"class":670},"  --color-warning",[621,3882,1407],{"class":631},[621,3884,2636],{"class":1392},[621,3886,1396],{"class":631},[621,3888,3889],{"class":670},"--ui-warning",[621,3891,2644],{"class":631},[621,3893,3895,3898,3900,3902,3904,3907],{"class":623,"line":3894},51,[621,3896,3897],{"class":670},"  --color-warning-50",[621,3899,1407],{"class":631},[621,3901,2636],{"class":1392},[621,3903,1396],{"class":631},[621,3905,3906],{"class":670},"--ui-color-warning-50",[621,3908,2644],{"class":631},[621,3910,3912,3915,3917,3919,3921,3924],{"class":623,"line":3911},52,[621,3913,3914],{"class":670},"  --color-warning-100",[621,3916,1407],{"class":631},[621,3918,2636],{"class":1392},[621,3920,1396],{"class":631},[621,3922,3923],{"class":670},"--ui-color-warning-100",[621,3925,2644],{"class":631},[621,3927,3929,3932,3934,3936,3938,3941],{"class":623,"line":3928},53,[621,3930,3931],{"class":670},"  --color-warning-200",[621,3933,1407],{"class":631},[621,3935,2636],{"class":1392},[621,3937,1396],{"class":631},[621,3939,3940],{"class":670},"--ui-color-warning-200",[621,3942,2644],{"class":631},[621,3944,3946,3949,3951,3953,3955,3958],{"class":623,"line":3945},54,[621,3947,3948],{"class":670},"  --color-warning-300",[621,3950,1407],{"class":631},[621,3952,2636],{"class":1392},[621,3954,1396],{"class":631},[621,3956,3957],{"class":670},"--ui-color-warning-300",[621,3959,2644],{"class":631},[621,3961,3963,3966,3968,3970,3972,3974],{"class":623,"line":3962},55,[621,3964,3965],{"class":670},"  --color-warning-400",[621,3967,1407],{"class":631},[621,3969,2636],{"class":1392},[621,3971,1396],{"class":631},[621,3973,2816],{"class":670},[621,3975,2644],{"class":631},[621,3977,3979,3982,3984,3986,3988,3990],{"class":623,"line":3978},56,[621,3980,3981],{"class":670},"  --color-warning-500",[621,3983,1407],{"class":631},[621,3985,2636],{"class":1392},[621,3987,1396],{"class":631},[621,3989,2706],{"class":670},[621,3991,2644],{"class":631},[621,3993,3995,3998,4000,4002,4004,4007],{"class":623,"line":3994},57,[621,3996,3997],{"class":670},"  --color-warning-600",[621,3999,1407],{"class":631},[621,4001,2636],{"class":1392},[621,4003,1396],{"class":631},[621,4005,4006],{"class":670},"--ui-color-warning-600",[621,4008,2644],{"class":631},[621,4010,4012,4015,4017,4019,4021,4024],{"class":623,"line":4011},58,[621,4013,4014],{"class":670},"  --color-warning-700",[621,4016,1407],{"class":631},[621,4018,2636],{"class":1392},[621,4020,1396],{"class":631},[621,4022,4023],{"class":670},"--ui-color-warning-700",[621,4025,2644],{"class":631},[621,4027,4029,4032,4034,4036,4038,4041],{"class":623,"line":4028},59,[621,4030,4031],{"class":670},"  --color-warning-800",[621,4033,1407],{"class":631},[621,4035,2636],{"class":1392},[621,4037,1396],{"class":631},[621,4039,4040],{"class":670},"--ui-color-warning-800",[621,4042,2644],{"class":631},[621,4044,4046,4049,4051,4053,4055,4058],{"class":623,"line":4045},60,[621,4047,4048],{"class":670},"  --color-warning-900",[621,4050,1407],{"class":631},[621,4052,2636],{"class":1392},[621,4054,1396],{"class":631},[621,4056,4057],{"class":670},"--ui-color-warning-900",[621,4059,2644],{"class":631},[621,4061,4063,4066,4068,4070,4072,4075],{"class":623,"line":4062},61,[621,4064,4065],{"class":670},"  --color-warning-950",[621,4067,1407],{"class":631},[621,4069,2636],{"class":1392},[621,4071,1396],{"class":631},[621,4073,4074],{"class":670},"--ui-color-warning-950",[621,4076,2644],{"class":631},[621,4078,4080,4083,4085,4087,4089,4092],{"class":623,"line":4079},62,[621,4081,4082],{"class":670},"  --color-error",[621,4084,1407],{"class":631},[621,4086,2636],{"class":1392},[621,4088,1396],{"class":631},[621,4090,4091],{"class":670},"--ui-error",[621,4093,2644],{"class":631},[621,4095,4097,4100,4102,4104,4106,4109],{"class":623,"line":4096},63,[621,4098,4099],{"class":670},"  --color-error-50",[621,4101,1407],{"class":631},[621,4103,2636],{"class":1392},[621,4105,1396],{"class":631},[621,4107,4108],{"class":670},"--ui-color-error-50",[621,4110,2644],{"class":631},[621,4112,4114,4117,4119,4121,4123,4126],{"class":623,"line":4113},64,[621,4115,4116],{"class":670},"  --color-error-100",[621,4118,1407],{"class":631},[621,4120,2636],{"class":1392},[621,4122,1396],{"class":631},[621,4124,4125],{"class":670},"--ui-color-error-100",[621,4127,2644],{"class":631},[621,4129,4131,4134,4136,4138,4140,4143],{"class":623,"line":4130},65,[621,4132,4133],{"class":670},"  --color-error-200",[621,4135,1407],{"class":631},[621,4137,2636],{"class":1392},[621,4139,1396],{"class":631},[621,4141,4142],{"class":670},"--ui-color-error-200",[621,4144,2644],{"class":631},[621,4146,4148,4151,4153,4155,4157,4160],{"class":623,"line":4147},66,[621,4149,4150],{"class":670},"  --color-error-300",[621,4152,1407],{"class":631},[621,4154,2636],{"class":1392},[621,4156,1396],{"class":631},[621,4158,4159],{"class":670},"--ui-color-error-300",[621,4161,2644],{"class":631},[621,4163,4165,4168,4170,4172,4174,4176],{"class":623,"line":4164},67,[621,4166,4167],{"class":670},"  --color-error-400",[621,4169,1407],{"class":631},[621,4171,2636],{"class":1392},[621,4173,1396],{"class":631},[621,4175,2831],{"class":670},[621,4177,2644],{"class":631},[621,4179,4181,4184,4186,4188,4190,4192],{"class":623,"line":4180},68,[621,4182,4183],{"class":670},"  --color-error-500",[621,4185,1407],{"class":631},[621,4187,2636],{"class":1392},[621,4189,1396],{"class":631},[621,4191,2722],{"class":670},[621,4193,2644],{"class":631},[621,4195,4197,4200,4202,4204,4206,4209],{"class":623,"line":4196},69,[621,4198,4199],{"class":670},"  --color-error-600",[621,4201,1407],{"class":631},[621,4203,2636],{"class":1392},[621,4205,1396],{"class":631},[621,4207,4208],{"class":670},"--ui-color-error-600",[621,4210,2644],{"class":631},[621,4212,4214,4217,4219,4221,4223,4226],{"class":623,"line":4213},70,[621,4215,4216],{"class":670},"  --color-error-700",[621,4218,1407],{"class":631},[621,4220,2636],{"class":1392},[621,4222,1396],{"class":631},[621,4224,4225],{"class":670},"--ui-color-error-700",[621,4227,2644],{"class":631},[621,4229,4231,4234,4236,4238,4240,4243],{"class":623,"line":4230},71,[621,4232,4233],{"class":670},"  --color-error-800",[621,4235,1407],{"class":631},[621,4237,2636],{"class":1392},[621,4239,1396],{"class":631},[621,4241,4242],{"class":670},"--ui-color-error-800",[621,4244,2644],{"class":631},[621,4246,4248,4251,4253,4255,4257,4260],{"class":623,"line":4247},72,[621,4249,4250],{"class":670},"  --color-error-900",[621,4252,1407],{"class":631},[621,4254,2636],{"class":1392},[621,4256,1396],{"class":631},[621,4258,4259],{"class":670},"--ui-color-error-900",[621,4261,2644],{"class":631},[621,4263,4265,4268,4270,4272,4274,4277],{"class":623,"line":4264},73,[621,4266,4267],{"class":670},"  --color-error-950",[621,4269,1407],{"class":631},[621,4271,2636],{"class":1392},[621,4273,1396],{"class":631},[621,4275,4276],{"class":670},"--ui-color-error-950",[621,4278,2644],{"class":631},[621,4280,4282,4285,4287,4289,4291,4294],{"class":623,"line":4281},74,[621,4283,4284],{"class":670},"  --color-neutral-50",[621,4286,1407],{"class":631},[621,4288,2636],{"class":1392},[621,4290,1396],{"class":631},[621,4292,4293],{"class":670},"--ui-color-neutral-50",[621,4295,2644],{"class":631},[621,4297,4299,4302,4304,4306,4308,4311],{"class":623,"line":4298},75,[621,4300,4301],{"class":670},"  --color-neutral-100",[621,4303,1407],{"class":631},[621,4305,2636],{"class":1392},[621,4307,1396],{"class":631},[621,4309,4310],{"class":670},"--ui-color-neutral-100",[621,4312,2644],{"class":631},[621,4314,4316,4319,4321,4323,4325,4328],{"class":623,"line":4315},76,[621,4317,4318],{"class":670},"  --color-neutral-200",[621,4320,1407],{"class":631},[621,4322,2636],{"class":1392},[621,4324,1396],{"class":631},[621,4326,4327],{"class":670},"--ui-color-neutral-200",[621,4329,2644],{"class":631},[621,4331,4333,4336,4338,4340,4342,4345],{"class":623,"line":4332},77,[621,4334,4335],{"class":670},"  --color-neutral-300",[621,4337,1407],{"class":631},[621,4339,2636],{"class":1392},[621,4341,1396],{"class":631},[621,4343,4344],{"class":670},"--ui-color-neutral-300",[621,4346,2644],{"class":631},[621,4348,4350,4353,4355,4357,4359,4362],{"class":623,"line":4349},78,[621,4351,4352],{"class":670},"  --color-neutral-400",[621,4354,1407],{"class":631},[621,4356,2636],{"class":1392},[621,4358,1396],{"class":631},[621,4360,4361],{"class":670},"--ui-color-neutral-400",[621,4363,2644],{"class":631},[621,4365,4367,4370,4372,4374,4376,4379],{"class":623,"line":4366},79,[621,4368,4369],{"class":670},"  --color-neutral-500",[621,4371,1407],{"class":631},[621,4373,2636],{"class":1392},[621,4375,1396],{"class":631},[621,4377,4378],{"class":670},"--ui-color-neutral-500",[621,4380,2644],{"class":631},[621,4382,4384,4387,4389,4391,4393,4396],{"class":623,"line":4383},80,[621,4385,4386],{"class":670},"  --color-neutral-600",[621,4388,1407],{"class":631},[621,4390,2636],{"class":1392},[621,4392,1396],{"class":631},[621,4394,4395],{"class":670},"--ui-color-neutral-600",[621,4397,2644],{"class":631},[621,4399,4401,4404,4406,4408,4410,4413],{"class":623,"line":4400},81,[621,4402,4403],{"class":670},"  --color-neutral-700",[621,4405,1407],{"class":631},[621,4407,2636],{"class":1392},[621,4409,1396],{"class":631},[621,4411,4412],{"class":670},"--ui-color-neutral-700",[621,4414,2644],{"class":631},[621,4416,4418,4421,4423,4425,4427,4430],{"class":623,"line":4417},82,[621,4419,4420],{"class":670},"  --color-neutral-800",[621,4422,1407],{"class":631},[621,4424,2636],{"class":1392},[621,4426,1396],{"class":631},[621,4428,4429],{"class":670},"--ui-color-neutral-800",[621,4431,2644],{"class":631},[621,4433,4435,4438,4440,4442,4444,4447],{"class":623,"line":4434},83,[621,4436,4437],{"class":670},"  --color-neutral-900",[621,4439,1407],{"class":631},[621,4441,2636],{"class":1392},[621,4443,1396],{"class":631},[621,4445,4446],{"class":670},"--ui-color-neutral-900",[621,4448,2644],{"class":631},[621,4450,4452,4455,4457,4459,4461,4464],{"class":623,"line":4451},84,[621,4453,4454],{"class":670},"  --color-neutral-950",[621,4456,1407],{"class":631},[621,4458,2636],{"class":1392},[621,4460,1396],{"class":631},[621,4462,4463],{"class":670},"--ui-color-neutral-950",[621,4465,2644],{"class":631},[621,4467,4469],{"class":623,"line":4468},85,[621,4470,843],{"class":631},[572,4472,4473,4474,1877],{},"You can change which shade is used for each color on light and dark mode in your ",[588,4475,4476],{},"main.css",[602,4478,4479,4575],{},[605,4480,4481],{"v-slot:ui":607},[609,4482,4486],{"className":4483},[4484,4485],"*:!mb-0","*:!mt-2.5",[612,4487,4489],{"className":614,"code":4488,"filename":616,"language":617,"meta":607,"style":607},"@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",[588,4490,4491,4503,4515,4519,4527,4541,4545,4549,4557,4571],{"__ignoreMap":607},[621,4492,4493,4495,4497,4499,4501],{"class":623,"line":624},[621,4494,628],{"class":627},[621,4496,632],{"class":631},[621,4498,636],{"class":635},[621,4500,639],{"class":631},[621,4502,642],{"class":631},[621,4504,4505,4507,4509,4511,4513],{"class":623,"line":645},[621,4506,628],{"class":627},[621,4508,632],{"class":631},[621,4510,652],{"class":635},[621,4512,639],{"class":631},[621,4514,642],{"class":631},[621,4516,4517],{"class":623,"line":659},[621,4518,662],{"emptyLinePlaceholder":15},[621,4520,4521,4523,4525],{"class":623,"line":665},[621,4522,1407],{"class":631},[621,4524,2624],{"class":2623},[621,4526,1410],{"class":631},[621,4528,4529,4531,4533,4535,4537,4539],{"class":623,"line":677},[621,4530,2631],{"class":670},[621,4532,1407],{"class":631},[621,4534,2636],{"class":1392},[621,4536,1396],{"class":631},[621,4538,3232],{"class":670},[621,4540,2644],{"class":631},[621,4542,4543],{"class":623,"line":692},[621,4544,843],{"class":631},[621,4546,4547],{"class":623,"line":697},[621,4548,662],{"emptyLinePlaceholder":15},[621,4550,4551,4553,4555],{"class":623,"line":703},[621,4552,1850],{"class":631},[621,4554,2741],{"class":686},[621,4556,1410],{"class":631},[621,4558,4559,4561,4563,4565,4567,4569],{"class":623,"line":708},[621,4560,2631],{"class":670},[621,4562,1407],{"class":631},[621,4564,2636],{"class":1392},[621,4566,1396],{"class":631},[621,4568,3154],{"class":670},[621,4570,2644],{"class":631},[621,4572,4573],{"class":623,"line":720},[621,4574,843],{"class":631},[605,4576,4577],{"v-slot:ui-pro":607},[609,4578,4580],{"className":4579},[4484,4485],[612,4581,4583],{"className":614,"code":4582,"filename":616,"language":617,"meta":607,"style":607},"@import \"tailwindcss\";\n@import \"@nuxt/ui-pro\";\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",[588,4584,4585,4597,4609,4613,4621,4635,4639,4643,4651,4665],{"__ignoreMap":607},[621,4586,4587,4589,4591,4593,4595],{"class":623,"line":624},[621,4588,628],{"class":627},[621,4590,632],{"class":631},[621,4592,636],{"class":635},[621,4594,639],{"class":631},[621,4596,642],{"class":631},[621,4598,4599,4601,4603,4605,4607],{"class":623,"line":645},[621,4600,628],{"class":627},[621,4602,632],{"class":631},[621,4604,873],{"class":635},[621,4606,639],{"class":631},[621,4608,642],{"class":631},[621,4610,4611],{"class":623,"line":659},[621,4612,662],{"emptyLinePlaceholder":15},[621,4614,4615,4617,4619],{"class":623,"line":665},[621,4616,1407],{"class":631},[621,4618,2624],{"class":2623},[621,4620,1410],{"class":631},[621,4622,4623,4625,4627,4629,4631,4633],{"class":623,"line":677},[621,4624,2631],{"class":670},[621,4626,1407],{"class":631},[621,4628,2636],{"class":1392},[621,4630,1396],{"class":631},[621,4632,3232],{"class":670},[621,4634,2644],{"class":631},[621,4636,4637],{"class":623,"line":692},[621,4638,843],{"class":631},[621,4640,4641],{"class":623,"line":697},[621,4642,662],{"emptyLinePlaceholder":15},[621,4644,4645,4647,4649],{"class":623,"line":703},[621,4646,1850],{"class":631},[621,4648,2741],{"class":686},[621,4650,1410],{"class":631},[621,4652,4653,4655,4657,4659,4661,4663],{"class":623,"line":708},[621,4654,2631],{"class":670},[621,4656,1407],{"class":631},[621,4658,2636],{"class":1392},[621,4660,1396],{"class":631},[621,4662,3154],{"class":670},[621,4664,2644],{"class":631},[621,4666,4667],{"class":623,"line":720},[621,4668,843],{"class":631},[1354,4670,4671,4701],{},[605,4672,4673],{"v-slot:nuxt":607},[572,4674,4675,4676,4691,4692,4697,4698,4700],{},"You cannot set ",[588,4677,4680,4682,4684,4686,4689],{"className":4678,"language":4679,"style":607},"language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","ts-type",[621,4681,1222],{"class":686},[621,4683,1407],{"class":631},[621,4685,1429],{"class":631},[621,4687,4688],{"class":635},"black",[621,4690,1434],{"class":631}," in your ",[576,4693,4695],{"href":4694},"#config",[588,4696,1369],{}," because this color has no shade, instead you can override the primary color in your ",[588,4699,4476],{}," file to create a black & white theme:",[605,4702,4703],{"v-slot:vue":607},[572,4704,4675,4705,4691,4717,4697,4721,4700],{},[588,4706,4707,4709,4711,4713,4715],{"className":4678,"language":4679,"style":607},[621,4708,1222],{"class":686},[621,4710,1407],{"class":631},[621,4712,1429],{"class":631},[621,4714,4688],{"class":635},[621,4716,1434],{"class":631},[576,4718,4719],{"href":4694},[588,4720,1479],{},[588,4722,4476],{},[602,4724,4725,4813],{},[605,4726,4727],{"v-slot:ui":607},[609,4728,4730],{"className":4729},[4484,4485],[612,4731,4733],{"className":614,"code":4732,"filename":616,"language":617,"meta":607,"style":607},"@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n:root {\n  --ui-primary: black;\n}\n\n.dark {\n  --ui-primary: white;\n}\n",[588,4734,4735,4747,4759,4763,4771,4782,4786,4790,4798,4809],{"__ignoreMap":607},[621,4736,4737,4739,4741,4743,4745],{"class":623,"line":624},[621,4738,628],{"class":627},[621,4740,632],{"class":631},[621,4742,636],{"class":635},[621,4744,639],{"class":631},[621,4746,642],{"class":631},[621,4748,4749,4751,4753,4755,4757],{"class":623,"line":645},[621,4750,628],{"class":627},[621,4752,632],{"class":631},[621,4754,652],{"class":635},[621,4756,639],{"class":631},[621,4758,642],{"class":631},[621,4760,4761],{"class":623,"line":659},[621,4762,662],{"emptyLinePlaceholder":15},[621,4764,4765,4767,4769],{"class":623,"line":665},[621,4766,1407],{"class":631},[621,4768,2624],{"class":2623},[621,4770,1410],{"class":631},[621,4772,4773,4775,4777,4780],{"class":623,"line":677},[621,4774,2631],{"class":670},[621,4776,1407],{"class":631},[621,4778,4779],{"class":670}," black",[621,4781,642],{"class":631},[621,4783,4784],{"class":623,"line":692},[621,4785,843],{"class":631},[621,4787,4788],{"class":623,"line":697},[621,4789,662],{"emptyLinePlaceholder":15},[621,4791,4792,4794,4796],{"class":623,"line":703},[621,4793,1850],{"class":631},[621,4795,2741],{"class":686},[621,4797,1410],{"class":631},[621,4799,4800,4802,4804,4807],{"class":623,"line":708},[621,4801,2631],{"class":670},[621,4803,1407],{"class":631},[621,4805,4806],{"class":670}," white",[621,4808,642],{"class":631},[621,4810,4811],{"class":623,"line":720},[621,4812,843],{"class":631},[605,4814,4815],{"v-slot:ui-pro":607},[609,4816,4818],{"className":4817},[4484,4485],[612,4819,4821],{"className":614,"code":4820,"filename":616,"language":617,"meta":607,"style":607},"@import \"tailwindcss\";\n@import \"@nuxt/ui-pro\";\n\n:root {\n  --ui-primary: black;\n}\n\n.dark {\n  --ui-primary: white;\n}\n",[588,4822,4823,4835,4847,4851,4859,4869,4873,4877,4885,4895],{"__ignoreMap":607},[621,4824,4825,4827,4829,4831,4833],{"class":623,"line":624},[621,4826,628],{"class":627},[621,4828,632],{"class":631},[621,4830,636],{"class":635},[621,4832,639],{"class":631},[621,4834,642],{"class":631},[621,4836,4837,4839,4841,4843,4845],{"class":623,"line":645},[621,4838,628],{"class":627},[621,4840,632],{"class":631},[621,4842,873],{"class":635},[621,4844,639],{"class":631},[621,4846,642],{"class":631},[621,4848,4849],{"class":623,"line":659},[621,4850,662],{"emptyLinePlaceholder":15},[621,4852,4853,4855,4857],{"class":623,"line":665},[621,4854,1407],{"class":631},[621,4856,2624],{"class":2623},[621,4858,1410],{"class":631},[621,4860,4861,4863,4865,4867],{"class":623,"line":677},[621,4862,2631],{"class":670},[621,4864,1407],{"class":631},[621,4866,4779],{"class":670},[621,4868,642],{"class":631},[621,4870,4871],{"class":623,"line":692},[621,4872,843],{"class":631},[621,4874,4875],{"class":623,"line":697},[621,4876,662],{"emptyLinePlaceholder":15},[621,4878,4879,4881,4883],{"class":623,"line":703},[621,4880,1850],{"class":631},[621,4882,2741],{"class":686},[621,4884,1410],{"class":631},[621,4886,4887,4889,4891,4893],{"class":623,"line":708},[621,4888,2631],{"class":670},[621,4890,1407],{"class":631},[621,4892,4806],{"class":670},[621,4894,642],{"class":631},[621,4896,4897],{"class":623,"line":720},[621,4898,843],{"class":631},[584,4900,4901],{"id":1310},"Neutral",[572,4903,4904,4905,4907],{},"Nuxt UI provides a comprehensive set of design tokens for the ",[588,4906,1310],{}," color palette, ensuring consistent and accessible UI styling across both light and dark modes. These tokens offer fine-grained control over text, background, and border colors:",[2609,4909,4910,5161],{},[612,4911,4913],{"className":614,"code":4912,"filename":2614,"language":617,"meta":607,"style":607},":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: var(--color-white);\n\n  --ui-bg: var(--color-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  --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",[588,4914,4915,4923,4938,4953,4968,4983,4998,5014,5018,5033,5048,5063,5078,5093,5097,5112,5127,5142,5157],{"__ignoreMap":607},[621,4916,4917,4919,4921],{"class":623,"line":624},[621,4918,1407],{"class":631},[621,4920,2624],{"class":2623},[621,4922,1410],{"class":631},[621,4924,4925,4928,4930,4932,4934,4936],{"class":623,"line":645},[621,4926,4927],{"class":670},"  --ui-text-dimmed",[621,4929,1407],{"class":631},[621,4931,2636],{"class":1392},[621,4933,1396],{"class":631},[621,4935,4361],{"class":670},[621,4937,2644],{"class":631},[621,4939,4940,4943,4945,4947,4949,4951],{"class":623,"line":659},[621,4941,4942],{"class":670},"  --ui-text-muted",[621,4944,1407],{"class":631},[621,4946,2636],{"class":1392},[621,4948,1396],{"class":631},[621,4950,4378],{"class":670},[621,4952,2644],{"class":631},[621,4954,4955,4958,4960,4962,4964,4966],{"class":623,"line":665},[621,4956,4957],{"class":670},"  --ui-text-toned",[621,4959,1407],{"class":631},[621,4961,2636],{"class":1392},[621,4963,1396],{"class":631},[621,4965,4395],{"class":670},[621,4967,2644],{"class":631},[621,4969,4970,4973,4975,4977,4979,4981],{"class":623,"line":677},[621,4971,4972],{"class":670},"  --ui-text",[621,4974,1407],{"class":631},[621,4976,2636],{"class":1392},[621,4978,1396],{"class":631},[621,4980,4412],{"class":670},[621,4982,2644],{"class":631},[621,4984,4985,4988,4990,4992,4994,4996],{"class":623,"line":692},[621,4986,4987],{"class":670},"  --ui-text-highlighted",[621,4989,1407],{"class":631},[621,4991,2636],{"class":1392},[621,4993,1396],{"class":631},[621,4995,4446],{"class":670},[621,4997,2644],{"class":631},[621,4999,5000,5003,5005,5007,5009,5012],{"class":623,"line":697},[621,5001,5002],{"class":670},"  --ui-text-inverted",[621,5004,1407],{"class":631},[621,5006,2636],{"class":1392},[621,5008,1396],{"class":631},[621,5010,5011],{"class":670},"--color-white",[621,5013,2644],{"class":631},[621,5015,5016],{"class":623,"line":703},[621,5017,662],{"emptyLinePlaceholder":15},[621,5019,5020,5023,5025,5027,5029,5031],{"class":623,"line":708},[621,5021,5022],{"class":670},"  --ui-bg",[621,5024,1407],{"class":631},[621,5026,2636],{"class":1392},[621,5028,1396],{"class":631},[621,5030,5011],{"class":670},[621,5032,2644],{"class":631},[621,5034,5035,5038,5040,5042,5044,5046],{"class":623,"line":720},[621,5036,5037],{"class":670},"  --ui-bg-muted",[621,5039,1407],{"class":631},[621,5041,2636],{"class":1392},[621,5043,1396],{"class":631},[621,5045,4293],{"class":670},[621,5047,2644],{"class":631},[621,5049,5050,5053,5055,5057,5059,5061],{"class":623,"line":732},[621,5051,5052],{"class":670},"  --ui-bg-elevated",[621,5054,1407],{"class":631},[621,5056,2636],{"class":1392},[621,5058,1396],{"class":631},[621,5060,4310],{"class":670},[621,5062,2644],{"class":631},[621,5064,5065,5068,5070,5072,5074,5076],{"class":623,"line":744},[621,5066,5067],{"class":670},"  --ui-bg-accented",[621,5069,1407],{"class":631},[621,5071,2636],{"class":1392},[621,5073,1396],{"class":631},[621,5075,4327],{"class":670},[621,5077,2644],{"class":631},[621,5079,5080,5083,5085,5087,5089,5091],{"class":623,"line":756},[621,5081,5082],{"class":670},"  --ui-bg-inverted",[621,5084,1407],{"class":631},[621,5086,2636],{"class":1392},[621,5088,1396],{"class":631},[621,5090,4446],{"class":670},[621,5092,2644],{"class":631},[621,5094,5095],{"class":623,"line":768},[621,5096,662],{"emptyLinePlaceholder":15},[621,5098,5099,5102,5104,5106,5108,5110],{"class":623,"line":780},[621,5100,5101],{"class":670},"  --ui-border",[621,5103,1407],{"class":631},[621,5105,2636],{"class":1392},[621,5107,1396],{"class":631},[621,5109,4327],{"class":670},[621,5111,2644],{"class":631},[621,5113,5114,5117,5119,5121,5123,5125],{"class":623,"line":792},[621,5115,5116],{"class":670},"  --ui-border-muted",[621,5118,1407],{"class":631},[621,5120,2636],{"class":1392},[621,5122,1396],{"class":631},[621,5124,4327],{"class":670},[621,5126,2644],{"class":631},[621,5128,5129,5132,5134,5136,5138,5140],{"class":623,"line":804},[621,5130,5131],{"class":670},"  --ui-border-accented",[621,5133,1407],{"class":631},[621,5135,2636],{"class":1392},[621,5137,1396],{"class":631},[621,5139,4344],{"class":670},[621,5141,2644],{"class":631},[621,5143,5144,5147,5149,5151,5153,5155],{"class":623,"line":816},[621,5145,5146],{"class":670},"  --ui-border-inverted",[621,5148,1407],{"class":631},[621,5150,2636],{"class":1392},[621,5152,1396],{"class":631},[621,5154,4446],{"class":670},[621,5156,2644],{"class":631},[621,5158,5159],{"class":623,"line":828},[621,5160,843],{"class":631},[612,5162,5164],{"className":614,"code":5163,"filename":2732,"language":617,"meta":607,"style":607},".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: var(--color-white);\n  --ui-text-inverted: var(--ui-color-neutral-900);\n\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: var(--color-white);\n\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: var(--color-white);\n}\n",[588,5165,5166,5174,5188,5202,5216,5230,5244,5258,5262,5276,5290,5304,5318,5332,5336,5350,5364,5378,5392],{"__ignoreMap":607},[621,5167,5168,5170,5172],{"class":623,"line":624},[621,5169,1850],{"class":631},[621,5171,2741],{"class":686},[621,5173,1410],{"class":631},[621,5175,5176,5178,5180,5182,5184,5186],{"class":623,"line":645},[621,5177,4927],{"class":670},[621,5179,1407],{"class":631},[621,5181,2636],{"class":1392},[621,5183,1396],{"class":631},[621,5185,4378],{"class":670},[621,5187,2644],{"class":631},[621,5189,5190,5192,5194,5196,5198,5200],{"class":623,"line":659},[621,5191,4942],{"class":670},[621,5193,1407],{"class":631},[621,5195,2636],{"class":1392},[621,5197,1396],{"class":631},[621,5199,4361],{"class":670},[621,5201,2644],{"class":631},[621,5203,5204,5206,5208,5210,5212,5214],{"class":623,"line":665},[621,5205,4957],{"class":670},[621,5207,1407],{"class":631},[621,5209,2636],{"class":1392},[621,5211,1396],{"class":631},[621,5213,4344],{"class":670},[621,5215,2644],{"class":631},[621,5217,5218,5220,5222,5224,5226,5228],{"class":623,"line":677},[621,5219,4972],{"class":670},[621,5221,1407],{"class":631},[621,5223,2636],{"class":1392},[621,5225,1396],{"class":631},[621,5227,4327],{"class":670},[621,5229,2644],{"class":631},[621,5231,5232,5234,5236,5238,5240,5242],{"class":623,"line":692},[621,5233,4987],{"class":670},[621,5235,1407],{"class":631},[621,5237,2636],{"class":1392},[621,5239,1396],{"class":631},[621,5241,5011],{"class":670},[621,5243,2644],{"class":631},[621,5245,5246,5248,5250,5252,5254,5256],{"class":623,"line":697},[621,5247,5002],{"class":670},[621,5249,1407],{"class":631},[621,5251,2636],{"class":1392},[621,5253,1396],{"class":631},[621,5255,4446],{"class":670},[621,5257,2644],{"class":631},[621,5259,5260],{"class":623,"line":703},[621,5261,662],{"emptyLinePlaceholder":15},[621,5263,5264,5266,5268,5270,5272,5274],{"class":623,"line":708},[621,5265,5022],{"class":670},[621,5267,1407],{"class":631},[621,5269,2636],{"class":1392},[621,5271,1396],{"class":631},[621,5273,4446],{"class":670},[621,5275,2644],{"class":631},[621,5277,5278,5280,5282,5284,5286,5288],{"class":623,"line":720},[621,5279,5037],{"class":670},[621,5281,1407],{"class":631},[621,5283,2636],{"class":1392},[621,5285,1396],{"class":631},[621,5287,4429],{"class":670},[621,5289,2644],{"class":631},[621,5291,5292,5294,5296,5298,5300,5302],{"class":623,"line":732},[621,5293,5052],{"class":670},[621,5295,1407],{"class":631},[621,5297,2636],{"class":1392},[621,5299,1396],{"class":631},[621,5301,4429],{"class":670},[621,5303,2644],{"class":631},[621,5305,5306,5308,5310,5312,5314,5316],{"class":623,"line":744},[621,5307,5067],{"class":670},[621,5309,1407],{"class":631},[621,5311,2636],{"class":1392},[621,5313,1396],{"class":631},[621,5315,4412],{"class":670},[621,5317,2644],{"class":631},[621,5319,5320,5322,5324,5326,5328,5330],{"class":623,"line":756},[621,5321,5082],{"class":670},[621,5323,1407],{"class":631},[621,5325,2636],{"class":1392},[621,5327,1396],{"class":631},[621,5329,5011],{"class":670},[621,5331,2644],{"class":631},[621,5333,5334],{"class":623,"line":768},[621,5335,662],{"emptyLinePlaceholder":15},[621,5337,5338,5340,5342,5344,5346,5348],{"class":623,"line":780},[621,5339,5101],{"class":670},[621,5341,1407],{"class":631},[621,5343,2636],{"class":1392},[621,5345,1396],{"class":631},[621,5347,4429],{"class":670},[621,5349,2644],{"class":631},[621,5351,5352,5354,5356,5358,5360,5362],{"class":623,"line":792},[621,5353,5116],{"class":670},[621,5355,1407],{"class":631},[621,5357,2636],{"class":1392},[621,5359,1396],{"class":631},[621,5361,4412],{"class":670},[621,5363,2644],{"class":631},[621,5365,5366,5368,5370,5372,5374,5376],{"class":623,"line":804},[621,5367,5131],{"class":670},[621,5369,1407],{"class":631},[621,5371,2636],{"class":1392},[621,5373,1396],{"class":631},[621,5375,4412],{"class":670},[621,5377,2644],{"class":631},[621,5379,5380,5382,5384,5386,5388,5390],{"class":623,"line":816},[621,5381,5146],{"class":670},[621,5383,1407],{"class":631},[621,5385,2636],{"class":1392},[621,5387,1396],{"class":631},[621,5389,5011],{"class":670},[621,5391,2644],{"class":631},[621,5393,5394],{"class":623,"line":828},[621,5395,843],{"class":631},[572,5397,2840,5398,2843],{},[588,5399,590],{},[2845,5401,5402,5438],{},[572,5403,5404,5412,5417,5422,5427,5432],{},[621,5405,5411],{"className":5406},[5407,2852,2853,5408,5409,5410],"text-dimmed","py-1.5","inline-block","rounded-md","Dimmed",[621,5413,5416],{"className":5414},[5415,2852,2853,5408,5409,5410],"text-muted","Muted",[621,5418,5421],{"className":5419},[5420,2852,2853,5408,5409,5410],"text-toned","Toned",[621,5423,5426],{"className":5424},[5425,2852,2853,5408,5409,5410],"text-default","Text",[621,5428,5431],{"className":5429},[5430,2852,2853,5408,5409,5410],"text-highlighted","Highlighted",[621,5433,5437],{"className":5434},[5435,5436,2852,2853,5408,5409,5410],"text-inverted","bg-inverted","Inverted",[605,5439,5440],{"v-slot:code":607},[612,5441,5443],{"className":2883,"code":5442,"language":28,"meta":607,"style":607},"\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",[588,5444,5445,5453,5479,5505,5531,5557,5583,5610],{"__ignoreMap":607},[621,5446,5447,5449,5451],{"class":623,"line":624},[621,5448,2891],{"class":631},[621,5450,605],{"class":1403},[621,5452,2896],{"class":631},[621,5454,5455,5457,5459,5461,5463,5465,5467,5469,5471,5473,5475,5477],{"class":623,"line":645},[621,5456,2901],{"class":631},[621,5458,621],{"class":1403},[621,5460,2906],{"class":2623},[621,5462,2909],{"class":631},[621,5464,639],{"class":631},[621,5466,5407],{"class":635},[621,5468,639],{"class":631},[621,5470,2918],{"class":631},[621,5472,5411],{"class":670},[621,5474,2923],{"class":631},[621,5476,621],{"class":1403},[621,5478,2896],{"class":631},[621,5480,5481,5483,5485,5487,5489,5491,5493,5495,5497,5499,5501,5503],{"class":623,"line":659},[621,5482,2901],{"class":631},[621,5484,621],{"class":1403},[621,5486,2906],{"class":2623},[621,5488,2909],{"class":631},[621,5490,639],{"class":631},[621,5492,5415],{"class":635},[621,5494,639],{"class":631},[621,5496,2918],{"class":631},[621,5498,5416],{"class":670},[621,5500,2923],{"class":631},[621,5502,621],{"class":1403},[621,5504,2896],{"class":631},[621,5506,5507,5509,5511,5513,5515,5517,5519,5521,5523,5525,5527,5529],{"class":623,"line":665},[621,5508,2901],{"class":631},[621,5510,621],{"class":1403},[621,5512,2906],{"class":2623},[621,5514,2909],{"class":631},[621,5516,639],{"class":631},[621,5518,5420],{"class":635},[621,5520,639],{"class":631},[621,5522,2918],{"class":631},[621,5524,5421],{"class":670},[621,5526,2923],{"class":631},[621,5528,621],{"class":1403},[621,5530,2896],{"class":631},[621,5532,5533,5535,5537,5539,5541,5543,5545,5547,5549,5551,5553,5555],{"class":623,"line":677},[621,5534,2901],{"class":631},[621,5536,621],{"class":1403},[621,5538,2906],{"class":2623},[621,5540,2909],{"class":631},[621,5542,639],{"class":631},[621,5544,5425],{"class":635},[621,5546,639],{"class":631},[621,5548,2918],{"class":631},[621,5550,5426],{"class":670},[621,5552,2923],{"class":631},[621,5554,621],{"class":1403},[621,5556,2896],{"class":631},[621,5558,5559,5561,5563,5565,5567,5569,5571,5573,5575,5577,5579,5581],{"class":623,"line":692},[621,5560,2901],{"class":631},[621,5562,621],{"class":1403},[621,5564,2906],{"class":2623},[621,5566,2909],{"class":631},[621,5568,639],{"class":631},[621,5570,5430],{"class":635},[621,5572,639],{"class":631},[621,5574,2918],{"class":631},[621,5576,5431],{"class":670},[621,5578,2923],{"class":631},[621,5580,621],{"class":1403},[621,5582,2896],{"class":631},[621,5584,5585,5587,5589,5591,5593,5595,5598,5600,5602,5604,5606,5608],{"class":623,"line":697},[621,5586,2901],{"class":631},[621,5588,621],{"class":1403},[621,5590,2906],{"class":2623},[621,5592,2909],{"class":631},[621,5594,639],{"class":631},[621,5596,5597],{"class":635},"text-inverted bg-inverted",[621,5599,639],{"class":631},[621,5601,2918],{"class":631},[621,5603,5437],{"class":670},[621,5605,2923],{"class":631},[621,5607,621],{"class":1403},[621,5609,2896],{"class":631},[621,5611,5612,5614,5616],{"class":623,"line":703},[621,5613,2923],{"class":631},[621,5615,605],{"class":1403},[621,5617,2896],{"class":631},[2845,5619,5620,5644],{},[572,5621,5622,5627,5631,5636,5641],{},[621,5623,1208],{"className":5624},[5625,2852,2853,5408,5409,5410,5626],"bg-default","mr-2",[621,5628,5416],{"className":5629},[5630,2852,2853,5408,5409,5410,5626],"bg-muted",[621,5632,5635],{"className":5633},[5634,2852,2853,5408,5409,5410,5626],"bg-elevated","Elevated",[621,5637,5640],{"className":5638},[5639,2852,2853,5408,5409,5410,5626],"bg-accented","Accented",[621,5642,5437],{"className":5643},[5436,5435,2852,2853,5408,5409,5410],[605,5645,5646],{"v-slot:code":607},[612,5647,5649],{"className":2883,"code":5648,"language":28,"meta":607,"style":607},"\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",[588,5650,5651,5659,5685,5711,5737,5763,5790],{"__ignoreMap":607},[621,5652,5653,5655,5657],{"class":623,"line":624},[621,5654,2891],{"class":631},[621,5656,605],{"class":1403},[621,5658,2896],{"class":631},[621,5660,5661,5663,5665,5667,5669,5671,5673,5675,5677,5679,5681,5683],{"class":623,"line":645},[621,5662,2901],{"class":631},[621,5664,609],{"class":1403},[621,5666,2906],{"class":2623},[621,5668,2909],{"class":631},[621,5670,639],{"class":631},[621,5672,5625],{"class":635},[621,5674,639],{"class":631},[621,5676,2918],{"class":631},[621,5678,1208],{"class":670},[621,5680,2923],{"class":631},[621,5682,609],{"class":1403},[621,5684,2896],{"class":631},[621,5686,5687,5689,5691,5693,5695,5697,5699,5701,5703,5705,5707,5709],{"class":623,"line":659},[621,5688,2901],{"class":631},[621,5690,609],{"class":1403},[621,5692,2906],{"class":2623},[621,5694,2909],{"class":631},[621,5696,639],{"class":631},[621,5698,5630],{"class":635},[621,5700,639],{"class":631},[621,5702,2918],{"class":631},[621,5704,5416],{"class":670},[621,5706,2923],{"class":631},[621,5708,609],{"class":1403},[621,5710,2896],{"class":631},[621,5712,5713,5715,5717,5719,5721,5723,5725,5727,5729,5731,5733,5735],{"class":623,"line":665},[621,5714,2901],{"class":631},[621,5716,609],{"class":1403},[621,5718,2906],{"class":2623},[621,5720,2909],{"class":631},[621,5722,639],{"class":631},[621,5724,5634],{"class":635},[621,5726,639],{"class":631},[621,5728,2918],{"class":631},[621,5730,5635],{"class":670},[621,5732,2923],{"class":631},[621,5734,609],{"class":1403},[621,5736,2896],{"class":631},[621,5738,5739,5741,5743,5745,5747,5749,5751,5753,5755,5757,5759,5761],{"class":623,"line":677},[621,5740,2901],{"class":631},[621,5742,609],{"class":1403},[621,5744,2906],{"class":2623},[621,5746,2909],{"class":631},[621,5748,639],{"class":631},[621,5750,5639],{"class":635},[621,5752,639],{"class":631},[621,5754,2918],{"class":631},[621,5756,5640],{"class":670},[621,5758,2923],{"class":631},[621,5760,609],{"class":1403},[621,5762,2896],{"class":631},[621,5764,5765,5767,5769,5771,5773,5775,5778,5780,5782,5784,5786,5788],{"class":623,"line":692},[621,5766,2901],{"class":631},[621,5768,609],{"class":1403},[621,5770,2906],{"class":2623},[621,5772,2909],{"class":631},[621,5774,639],{"class":631},[621,5776,5777],{"class":635},"bg-inverted text-inverted",[621,5779,639],{"class":631},[621,5781,2918],{"class":631},[621,5783,5437],{"class":670},[621,5785,2923],{"class":631},[621,5787,609],{"class":1403},[621,5789,2896],{"class":631},[621,5791,5792,5794,5796],{"class":623,"line":697},[621,5793,2923],{"class":631},[621,5795,605],{"class":1403},[621,5797,2896],{"class":631},[2845,5799,5800,5819],{},[572,5801,5802,5807,5811,5815],{},[621,5803,1208],{"className":5804},[5805,5806,2852,2853,5408,5409,5410,5626],"border-2","border-default",[621,5808,5416],{"className":5809},[5805,5810,2852,2853,5408,5409,5410,5626],"border-muted",[621,5812,5640],{"className":5813},[5805,5814,2852,2853,5408,5409,5410,5626],"border-accented",[621,5816,5437],{"className":5817},[5805,5818,2852,2853,5408,5409,5410],"border-inverted",[605,5820,5821],{"v-slot:code":607},[612,5822,5824],{"className":2883,"code":5823,"language":28,"meta":607,"style":607},"\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",[588,5825,5826,5834,5861,5888,5915,5942],{"__ignoreMap":607},[621,5827,5828,5830,5832],{"class":623,"line":624},[621,5829,2891],{"class":631},[621,5831,605],{"class":1403},[621,5833,2896],{"class":631},[621,5835,5836,5838,5840,5842,5844,5846,5849,5851,5853,5855,5857,5859],{"class":623,"line":645},[621,5837,2901],{"class":631},[621,5839,609],{"class":1403},[621,5841,2906],{"class":2623},[621,5843,2909],{"class":631},[621,5845,639],{"class":631},[621,5847,5848],{"class":635},"border border-default",[621,5850,639],{"class":631},[621,5852,2918],{"class":631},[621,5854,1208],{"class":670},[621,5856,2923],{"class":631},[621,5858,609],{"class":1403},[621,5860,2896],{"class":631},[621,5862,5863,5865,5867,5869,5871,5873,5876,5878,5880,5882,5884,5886],{"class":623,"line":659},[621,5864,2901],{"class":631},[621,5866,609],{"class":1403},[621,5868,2906],{"class":2623},[621,5870,2909],{"class":631},[621,5872,639],{"class":631},[621,5874,5875],{"class":635},"border border-muted",[621,5877,639],{"class":631},[621,5879,2918],{"class":631},[621,5881,5416],{"class":670},[621,5883,2923],{"class":631},[621,5885,609],{"class":1403},[621,5887,2896],{"class":631},[621,5889,5890,5892,5894,5896,5898,5900,5903,5905,5907,5909,5911,5913],{"class":623,"line":665},[621,5891,2901],{"class":631},[621,5893,609],{"class":1403},[621,5895,2906],{"class":2623},[621,5897,2909],{"class":631},[621,5899,639],{"class":631},[621,5901,5902],{"class":635},"border border-accented",[621,5904,639],{"class":631},[621,5906,2918],{"class":631},[621,5908,5640],{"class":670},[621,5910,2923],{"class":631},[621,5912,609],{"class":1403},[621,5914,2896],{"class":631},[621,5916,5917,5919,5921,5923,5925,5927,5930,5932,5934,5936,5938,5940],{"class":623,"line":677},[621,5918,2901],{"class":631},[621,5920,609],{"class":1403},[621,5922,2906],{"class":2623},[621,5924,2909],{"class":631},[621,5926,639],{"class":631},[621,5928,5929],{"class":635},"border border-inverted",[621,5931,639],{"class":631},[621,5933,2918],{"class":631},[621,5935,5437],{"class":670},[621,5937,2923],{"class":631},[621,5939,609],{"class":1403},[621,5941,2896],{"class":631},[621,5943,5944,5946,5948],{"class":623,"line":692},[621,5945,2923],{"class":631},[621,5947,605],{"class":1403},[621,5949,2896],{"class":631},[1019,5951,5952,5957],{},[572,5953,3070,5954,5956],{},[588,5955,590],{}," is generated for each design token:",[3075,5958,5960],{"className":5959},[3078],[612,5961,5963],{"className":3081,"code":5962,"language":3083,"meta":607,"style":607},"@theme default {\n  --text-color-dimmed: var(--ui-text-dimmed);\n  --text-color-muted: var(--ui-text-muted);\n  --text-color-toned: var(--ui-text-toned);\n  --text-color-default: var(--ui-text);\n  --text-color-highlighted: var(--ui-text-highlighted);\n  --text-color-inverted: var(--ui-text-inverted);\n  --background-color-default: var(--ui-bg);\n  --background-color-muted: var(--ui-bg-muted);\n  --background-color-elevated: var(--ui-bg-elevated);\n  --background-color-accented: var(--ui-bg-accented);\n  --background-color-inverted: var(--ui-bg-inverted);\n  --background-color-border: var(--ui-border);\n  --border-color-default: var(--ui-border);\n  --border-color-muted: var(--ui-border-muted);\n  --border-color-accented: var(--ui-border-accented);\n  --border-color-inverted: var(--ui-border-inverted);\n  --border-color-bg: var(--ui-bg);\n  --ring-color-default: var(--ui-border);\n  --ring-color-muted: var(--ui-border-muted);\n  --ring-color-accented: var(--ui-border-accented);\n  --ring-color-inverted: var(--ui-border-inverted);\n  --ring-color-bg: var(--ui-bg);\n  --ring-offset-color-default: var(--ui-border);\n  --ring-offset-color-muted: var(--ui-border-muted);\n  --ring-offset-color-accented: var(--ui-border-accented);\n  --ring-offset-color-inverted: var(--ui-border-inverted);\n  --ring-offset-color-bg: var(--ui-bg);\n  --divide-color-default: var(--ui-border);\n  --divide-color-muted: var(--ui-border-muted);\n  --divide-color-accented: var(--ui-border-accented);\n  --divide-color-inverted: var(--ui-border-inverted);\n  --divide-color-bg: var(--ui-bg);\n  --outline-color-default: var(--ui-border);\n  --outline-color-inverted: var(--ui-border-inverted);\n  --stroke-color-default: var(--ui-border);\n  --stroke-color-inverted: var(--ui-border-inverted);\n  --fill-color-default: var(--ui-border);\n  --fill-color-inverted: var(--ui-border-inverted);\n}\n",[588,5964,5965,5971,5987,6003,6019,6035,6051,6067,6083,6099,6115,6131,6147,6163,6178,6194,6210,6226,6241,6256,6271,6286,6301,6316,6331,6346,6361,6376,6391,6406,6421,6436,6451,6466,6481,6496,6511,6526,6541,6556],{"__ignoreMap":607},[621,5966,5967,5969],{"class":623,"line":624},[621,5968,3090],{"class":670},[621,5970,674],{"class":631},[621,5972,5973,5976,5978,5980,5982,5985],{"class":623,"line":645},[621,5974,5975],{"class":670},"  --text-color-dimmed",[621,5977,1407],{"class":631},[621,5979,2636],{"class":1392},[621,5981,1396],{"class":631},[621,5983,5984],{"class":670},"--ui-text-dimmed",[621,5986,2644],{"class":631},[621,5988,5989,5992,5994,5996,5998,6001],{"class":623,"line":659},[621,5990,5991],{"class":670},"  --text-color-muted",[621,5993,1407],{"class":631},[621,5995,2636],{"class":1392},[621,5997,1396],{"class":631},[621,5999,6000],{"class":670},"--ui-text-muted",[621,6002,2644],{"class":631},[621,6004,6005,6008,6010,6012,6014,6017],{"class":623,"line":665},[621,6006,6007],{"class":670},"  --text-color-toned",[621,6009,1407],{"class":631},[621,6011,2636],{"class":1392},[621,6013,1396],{"class":631},[621,6015,6016],{"class":670},"--ui-text-toned",[621,6018,2644],{"class":631},[621,6020,6021,6024,6026,6028,6030,6033],{"class":623,"line":677},[621,6022,6023],{"class":670},"  --text-color-default",[621,6025,1407],{"class":631},[621,6027,2636],{"class":1392},[621,6029,1396],{"class":631},[621,6031,6032],{"class":670},"--ui-text",[621,6034,2644],{"class":631},[621,6036,6037,6040,6042,6044,6046,6049],{"class":623,"line":692},[621,6038,6039],{"class":670},"  --text-color-highlighted",[621,6041,1407],{"class":631},[621,6043,2636],{"class":1392},[621,6045,1396],{"class":631},[621,6047,6048],{"class":670},"--ui-text-highlighted",[621,6050,2644],{"class":631},[621,6052,6053,6056,6058,6060,6062,6065],{"class":623,"line":697},[621,6054,6055],{"class":670},"  --text-color-inverted",[621,6057,1407],{"class":631},[621,6059,2636],{"class":1392},[621,6061,1396],{"class":631},[621,6063,6064],{"class":670},"--ui-text-inverted",[621,6066,2644],{"class":631},[621,6068,6069,6072,6074,6076,6078,6081],{"class":623,"line":703},[621,6070,6071],{"class":670},"  --background-color-default",[621,6073,1407],{"class":631},[621,6075,2636],{"class":1392},[621,6077,1396],{"class":631},[621,6079,6080],{"class":670},"--ui-bg",[621,6082,2644],{"class":631},[621,6084,6085,6088,6090,6092,6094,6097],{"class":623,"line":708},[621,6086,6087],{"class":670},"  --background-color-muted",[621,6089,1407],{"class":631},[621,6091,2636],{"class":1392},[621,6093,1396],{"class":631},[621,6095,6096],{"class":670},"--ui-bg-muted",[621,6098,2644],{"class":631},[621,6100,6101,6104,6106,6108,6110,6113],{"class":623,"line":720},[621,6102,6103],{"class":670},"  --background-color-elevated",[621,6105,1407],{"class":631},[621,6107,2636],{"class":1392},[621,6109,1396],{"class":631},[621,6111,6112],{"class":670},"--ui-bg-elevated",[621,6114,2644],{"class":631},[621,6116,6117,6120,6122,6124,6126,6129],{"class":623,"line":732},[621,6118,6119],{"class":670},"  --background-color-accented",[621,6121,1407],{"class":631},[621,6123,2636],{"class":1392},[621,6125,1396],{"class":631},[621,6127,6128],{"class":670},"--ui-bg-accented",[621,6130,2644],{"class":631},[621,6132,6133,6136,6138,6140,6142,6145],{"class":623,"line":744},[621,6134,6135],{"class":670},"  --background-color-inverted",[621,6137,1407],{"class":631},[621,6139,2636],{"class":1392},[621,6141,1396],{"class":631},[621,6143,6144],{"class":670},"--ui-bg-inverted",[621,6146,2644],{"class":631},[621,6148,6149,6152,6154,6156,6158,6161],{"class":623,"line":756},[621,6150,6151],{"class":670},"  --background-color-border",[621,6153,1407],{"class":631},[621,6155,2636],{"class":1392},[621,6157,1396],{"class":631},[621,6159,6160],{"class":670},"--ui-border",[621,6162,2644],{"class":631},[621,6164,6165,6168,6170,6172,6174,6176],{"class":623,"line":768},[621,6166,6167],{"class":670},"  --border-color-default",[621,6169,1407],{"class":631},[621,6171,2636],{"class":1392},[621,6173,1396],{"class":631},[621,6175,6160],{"class":670},[621,6177,2644],{"class":631},[621,6179,6180,6183,6185,6187,6189,6192],{"class":623,"line":780},[621,6181,6182],{"class":670},"  --border-color-muted",[621,6184,1407],{"class":631},[621,6186,2636],{"class":1392},[621,6188,1396],{"class":631},[621,6190,6191],{"class":670},"--ui-border-muted",[621,6193,2644],{"class":631},[621,6195,6196,6199,6201,6203,6205,6208],{"class":623,"line":792},[621,6197,6198],{"class":670},"  --border-color-accented",[621,6200,1407],{"class":631},[621,6202,2636],{"class":1392},[621,6204,1396],{"class":631},[621,6206,6207],{"class":670},"--ui-border-accented",[621,6209,2644],{"class":631},[621,6211,6212,6215,6217,6219,6221,6224],{"class":623,"line":804},[621,6213,6214],{"class":670},"  --border-color-inverted",[621,6216,1407],{"class":631},[621,6218,2636],{"class":1392},[621,6220,1396],{"class":631},[621,6222,6223],{"class":670},"--ui-border-inverted",[621,6225,2644],{"class":631},[621,6227,6228,6231,6233,6235,6237,6239],{"class":623,"line":816},[621,6229,6230],{"class":670},"  --border-color-bg",[621,6232,1407],{"class":631},[621,6234,2636],{"class":1392},[621,6236,1396],{"class":631},[621,6238,6080],{"class":670},[621,6240,2644],{"class":631},[621,6242,6243,6246,6248,6250,6252,6254],{"class":623,"line":828},[621,6244,6245],{"class":670},"  --ring-color-default",[621,6247,1407],{"class":631},[621,6249,2636],{"class":1392},[621,6251,1396],{"class":631},[621,6253,6160],{"class":670},[621,6255,2644],{"class":631},[621,6257,6258,6261,6263,6265,6267,6269],{"class":623,"line":840},[621,6259,6260],{"class":670},"  --ring-color-muted",[621,6262,1407],{"class":631},[621,6264,2636],{"class":1392},[621,6266,1396],{"class":631},[621,6268,6191],{"class":670},[621,6270,2644],{"class":631},[621,6272,6273,6276,6278,6280,6282,6284],{"class":623,"line":2304},[621,6274,6275],{"class":670},"  --ring-color-accented",[621,6277,1407],{"class":631},[621,6279,2636],{"class":1392},[621,6281,1396],{"class":631},[621,6283,6207],{"class":670},[621,6285,2644],{"class":631},[621,6287,6288,6291,6293,6295,6297,6299],{"class":623,"line":2315},[621,6289,6290],{"class":670},"  --ring-color-inverted",[621,6292,1407],{"class":631},[621,6294,2636],{"class":1392},[621,6296,1396],{"class":631},[621,6298,6223],{"class":670},[621,6300,2644],{"class":631},[621,6302,6303,6306,6308,6310,6312,6314],{"class":623,"line":2324},[621,6304,6305],{"class":670},"  --ring-color-bg",[621,6307,1407],{"class":631},[621,6309,2636],{"class":1392},[621,6311,1396],{"class":631},[621,6313,6080],{"class":670},[621,6315,2644],{"class":631},[621,6317,6318,6321,6323,6325,6327,6329],{"class":623,"line":2330},[621,6319,6320],{"class":670},"  --ring-offset-color-default",[621,6322,1407],{"class":631},[621,6324,2636],{"class":1392},[621,6326,1396],{"class":631},[621,6328,6160],{"class":670},[621,6330,2644],{"class":631},[621,6332,6333,6336,6338,6340,6342,6344],{"class":623,"line":2335},[621,6334,6335],{"class":670},"  --ring-offset-color-muted",[621,6337,1407],{"class":631},[621,6339,2636],{"class":1392},[621,6341,1396],{"class":631},[621,6343,6191],{"class":670},[621,6345,2644],{"class":631},[621,6347,6348,6351,6353,6355,6357,6359],{"class":623,"line":2342},[621,6349,6350],{"class":670},"  --ring-offset-color-accented",[621,6352,1407],{"class":631},[621,6354,2636],{"class":1392},[621,6356,1396],{"class":631},[621,6358,6207],{"class":670},[621,6360,2644],{"class":631},[621,6362,6363,6366,6368,6370,6372,6374],{"class":623,"line":2347},[621,6364,6365],{"class":670},"  --ring-offset-color-inverted",[621,6367,1407],{"class":631},[621,6369,2636],{"class":1392},[621,6371,1396],{"class":631},[621,6373,6223],{"class":670},[621,6375,2644],{"class":631},[621,6377,6378,6381,6383,6385,6387,6389],{"class":623,"line":3507},[621,6379,6380],{"class":670},"  --ring-offset-color-bg",[621,6382,1407],{"class":631},[621,6384,2636],{"class":1392},[621,6386,1396],{"class":631},[621,6388,6080],{"class":670},[621,6390,2644],{"class":631},[621,6392,6393,6396,6398,6400,6402,6404],{"class":623,"line":3524},[621,6394,6395],{"class":670},"  --divide-color-default",[621,6397,1407],{"class":631},[621,6399,2636],{"class":1392},[621,6401,1396],{"class":631},[621,6403,6160],{"class":670},[621,6405,2644],{"class":631},[621,6407,6408,6411,6413,6415,6417,6419],{"class":623,"line":3541},[621,6409,6410],{"class":670},"  --divide-color-muted",[621,6412,1407],{"class":631},[621,6414,2636],{"class":1392},[621,6416,1396],{"class":631},[621,6418,6191],{"class":670},[621,6420,2644],{"class":631},[621,6422,6423,6426,6428,6430,6432,6434],{"class":623,"line":3558},[621,6424,6425],{"class":670},"  --divide-color-accented",[621,6427,1407],{"class":631},[621,6429,2636],{"class":1392},[621,6431,1396],{"class":631},[621,6433,6207],{"class":670},[621,6435,2644],{"class":631},[621,6437,6438,6441,6443,6445,6447,6449],{"class":623,"line":3574},[621,6439,6440],{"class":670},"  --divide-color-inverted",[621,6442,1407],{"class":631},[621,6444,2636],{"class":1392},[621,6446,1396],{"class":631},[621,6448,6223],{"class":670},[621,6450,2644],{"class":631},[621,6452,6453,6456,6458,6460,6462,6464],{"class":623,"line":3590},[621,6454,6455],{"class":670},"  --divide-color-bg",[621,6457,1407],{"class":631},[621,6459,2636],{"class":1392},[621,6461,1396],{"class":631},[621,6463,6080],{"class":670},[621,6465,2644],{"class":631},[621,6467,6468,6471,6473,6475,6477,6479],{"class":623,"line":3607},[621,6469,6470],{"class":670},"  --outline-color-default",[621,6472,1407],{"class":631},[621,6474,2636],{"class":1392},[621,6476,1396],{"class":631},[621,6478,6160],{"class":670},[621,6480,2644],{"class":631},[621,6482,6483,6486,6488,6490,6492,6494],{"class":623,"line":3624},[621,6484,6485],{"class":670},"  --outline-color-inverted",[621,6487,1407],{"class":631},[621,6489,2636],{"class":1392},[621,6491,1396],{"class":631},[621,6493,6223],{"class":670},[621,6495,2644],{"class":631},[621,6497,6498,6501,6503,6505,6507,6509],{"class":623,"line":3641},[621,6499,6500],{"class":670},"  --stroke-color-default",[621,6502,1407],{"class":631},[621,6504,2636],{"class":1392},[621,6506,1396],{"class":631},[621,6508,6160],{"class":670},[621,6510,2644],{"class":631},[621,6512,6513,6516,6518,6520,6522,6524],{"class":623,"line":3658},[621,6514,6515],{"class":670},"  --stroke-color-inverted",[621,6517,1407],{"class":631},[621,6519,2636],{"class":1392},[621,6521,1396],{"class":631},[621,6523,6223],{"class":670},[621,6525,2644],{"class":631},[621,6527,6528,6531,6533,6535,6537,6539],{"class":623,"line":3675},[621,6529,6530],{"class":670},"  --fill-color-default",[621,6532,1407],{"class":631},[621,6534,2636],{"class":1392},[621,6536,1396],{"class":631},[621,6538,6160],{"class":670},[621,6540,2644],{"class":631},[621,6542,6543,6546,6548,6550,6552,6554],{"class":623,"line":3692},[621,6544,6545],{"class":670},"  --fill-color-inverted",[621,6547,1407],{"class":631},[621,6549,2636],{"class":1392},[621,6551,1396],{"class":631},[621,6553,6223],{"class":670},[621,6555,2644],{"class":631},[621,6557,6558],{"class":623,"line":3709},[621,6559,843],{"class":631},[572,6561,6562,6563,1877],{},"You can customize these CSS variables to tailor the appearance of your application in your ",[588,6564,4476],{},[602,6566,6567,6689],{},[605,6568,6569],{"v-slot:ui":607},[609,6570,6572],{"className":6571},[4484,4485],[612,6573,6575],{"className":614,"code":6574,"filename":616,"language":617,"meta":607,"style":607},"@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n:root {\n  --ui-bg: var(--ui-color-neutral-50);\n  --ui-text: var(--ui-color-neutral-900);\n}\n\n.dark {\n  --ui-bg: var(--ui-color-neutral-950);\n  --ui-border: var(--ui-color-neutral-900);\n}\n",[588,6576,6577,6589,6601,6605,6613,6627,6641,6645,6649,6657,6671,6685],{"__ignoreMap":607},[621,6578,6579,6581,6583,6585,6587],{"class":623,"line":624},[621,6580,628],{"class":627},[621,6582,632],{"class":631},[621,6584,636],{"class":635},[621,6586,639],{"class":631},[621,6588,642],{"class":631},[621,6590,6591,6593,6595,6597,6599],{"class":623,"line":645},[621,6592,628],{"class":627},[621,6594,632],{"class":631},[621,6596,652],{"class":635},[621,6598,639],{"class":631},[621,6600,642],{"class":631},[621,6602,6603],{"class":623,"line":659},[621,6604,662],{"emptyLinePlaceholder":15},[621,6606,6607,6609,6611],{"class":623,"line":665},[621,6608,1407],{"class":631},[621,6610,2624],{"class":2623},[621,6612,1410],{"class":631},[621,6614,6615,6617,6619,6621,6623,6625],{"class":623,"line":677},[621,6616,5022],{"class":670},[621,6618,1407],{"class":631},[621,6620,2636],{"class":1392},[621,6622,1396],{"class":631},[621,6624,4293],{"class":670},[621,6626,2644],{"class":631},[621,6628,6629,6631,6633,6635,6637,6639],{"class":623,"line":692},[621,6630,4972],{"class":670},[621,6632,1407],{"class":631},[621,6634,2636],{"class":1392},[621,6636,1396],{"class":631},[621,6638,4446],{"class":670},[621,6640,2644],{"class":631},[621,6642,6643],{"class":623,"line":697},[621,6644,843],{"class":631},[621,6646,6647],{"class":623,"line":703},[621,6648,662],{"emptyLinePlaceholder":15},[621,6650,6651,6653,6655],{"class":623,"line":708},[621,6652,1850],{"class":631},[621,6654,2741],{"class":686},[621,6656,1410],{"class":631},[621,6658,6659,6661,6663,6665,6667,6669],{"class":623,"line":720},[621,6660,5022],{"class":670},[621,6662,1407],{"class":631},[621,6664,2636],{"class":1392},[621,6666,1396],{"class":631},[621,6668,4463],{"class":670},[621,6670,2644],{"class":631},[621,6672,6673,6675,6677,6679,6681,6683],{"class":623,"line":732},[621,6674,5101],{"class":670},[621,6676,1407],{"class":631},[621,6678,2636],{"class":1392},[621,6680,1396],{"class":631},[621,6682,4446],{"class":670},[621,6684,2644],{"class":631},[621,6686,6687],{"class":623,"line":744},[621,6688,843],{"class":631},[605,6690,6691],{"v-slot:ui-pro":607},[609,6692,6694],{"className":6693},[4484,4485],[612,6695,6697],{"className":614,"code":6696,"filename":616,"language":617,"meta":607,"style":607},"@import \"tailwindcss\";\n@import \"@nuxt/ui-pro\";\n\n:root {\n  --ui-bg: var(--ui-color-neutral-50);\n  --ui-text: var(--ui-color-neutral-900);\n}\n\n.dark {\n  --ui-bg: var(--ui-color-neutral-950);\n  --ui-border: var(--ui-color-neutral-900);\n}\n",[588,6698,6699,6711,6723,6727,6735,6749,6763,6767,6771,6779,6793,6807],{"__ignoreMap":607},[621,6700,6701,6703,6705,6707,6709],{"class":623,"line":624},[621,6702,628],{"class":627},[621,6704,632],{"class":631},[621,6706,636],{"class":635},[621,6708,639],{"class":631},[621,6710,642],{"class":631},[621,6712,6713,6715,6717,6719,6721],{"class":623,"line":645},[621,6714,628],{"class":627},[621,6716,632],{"class":631},[621,6718,873],{"class":635},[621,6720,639],{"class":631},[621,6722,642],{"class":631},[621,6724,6725],{"class":623,"line":659},[621,6726,662],{"emptyLinePlaceholder":15},[621,6728,6729,6731,6733],{"class":623,"line":665},[621,6730,1407],{"class":631},[621,6732,2624],{"class":2623},[621,6734,1410],{"class":631},[621,6736,6737,6739,6741,6743,6745,6747],{"class":623,"line":677},[621,6738,5022],{"class":670},[621,6740,1407],{"class":631},[621,6742,2636],{"class":1392},[621,6744,1396],{"class":631},[621,6746,4293],{"class":670},[621,6748,2644],{"class":631},[621,6750,6751,6753,6755,6757,6759,6761],{"class":623,"line":692},[621,6752,4972],{"class":670},[621,6754,1407],{"class":631},[621,6756,2636],{"class":1392},[621,6758,1396],{"class":631},[621,6760,4446],{"class":670},[621,6762,2644],{"class":631},[621,6764,6765],{"class":623,"line":697},[621,6766,843],{"class":631},[621,6768,6769],{"class":623,"line":703},[621,6770,662],{"emptyLinePlaceholder":15},[621,6772,6773,6775,6777],{"class":623,"line":708},[621,6774,1850],{"class":631},[621,6776,2741],{"class":686},[621,6778,1410],{"class":631},[621,6780,6781,6783,6785,6787,6789,6791],{"class":623,"line":720},[621,6782,5022],{"class":670},[621,6784,1407],{"class":631},[621,6786,2636],{"class":1392},[621,6788,1396],{"class":631},[621,6790,4463],{"class":670},[621,6792,2644],{"class":631},[621,6794,6795,6797,6799,6801,6803,6805],{"class":623,"line":732},[621,6796,5101],{"class":670},[621,6798,1407],{"class":631},[621,6800,2636],{"class":1392},[621,6802,1396],{"class":631},[621,6804,4446],{"class":670},[621,6806,2644],{"class":631},[621,6808,6809],{"class":623,"line":744},[621,6810,843],{"class":631},[1019,6812,6813,6820],{},[572,6814,6815,6816,6819],{},"Nuxt UI applies a text and background color on the ",[588,6817,6818],{},"\u003Cbody>"," element of your app:",[612,6821,6823],{"className":614,"code":6822,"language":617,"meta":607,"style":607},"body {\n  @apply antialiased text-default bg-default scheme-light dark:scheme-dark;\n}\n",[588,6824,6825,6832,6844],{"__ignoreMap":607},[621,6826,6827,6830],{"class":623,"line":624},[621,6828,6829],{"class":686},"body",[621,6831,1410],{"class":631},[621,6833,6834,6837,6839,6842],{"class":623,"line":645},[621,6835,6836],{"class":670},"  @apply antialiased text-default bg-default scheme-light dark",[621,6838,1407],{"class":631},[621,6840,6841],{"class":670},"scheme-dark",[621,6843,642],{"class":631},[621,6845,6846],{"class":623,"line":659},[621,6847,843],{"class":631},[584,6849,6851],{"id":6850},"radius","Radius",[572,6853,6854,6855,6858],{},"Nuxt UI provides a centralized border radius system through the ",[588,6856,6857],{},"--ui-radius"," CSS variable.",[612,6860,6862],{"className":614,"code":6861,"language":617,"meta":607,"style":607},":root {\n  --ui-radius: 0.25rem;\n}\n",[588,6863,6864,6872,6885],{"__ignoreMap":607},[621,6865,6866,6868,6870],{"class":623,"line":624},[621,6867,1407],{"class":631},[621,6869,2624],{"class":2623},[621,6871,1410],{"class":631},[621,6873,6874,6877,6879,6883],{"class":623,"line":645},[621,6875,6876],{"class":670},"  --ui-radius",[621,6878,1407],{"class":631},[621,6880,6882],{"class":6881},"sbssI"," 0.25rem",[621,6884,642],{"class":631},[621,6886,6887],{"class":623,"line":659},[621,6888,843],{"class":631},[572,6890,6891,6892,6895],{},"This CSS variable replaces Tailwind CSS's default ",[588,6893,6894],{},"rounded-*"," utilities so you can use the same class names:",[2845,6897,6898,6934],{},[572,6899,6900,6905,6910,6914,6919,6924,6929],{},[621,6901,6904],{"className":6902},[5805,5814,2852,2853,5408,5409,6903,5626],"rounded-xs","xs",[621,6906,6909],{"className":6907},[5805,5814,2852,2853,5408,5409,6908,5626],"rounded-sm","sm",[621,6911,6913],{"className":6912},[5805,5814,2852,2853,5408,5409,5410,5626],"md",[621,6915,6918],{"className":6916},[5805,5814,2852,2853,5408,5409,6917,5626],"rounded-lg","lg",[621,6920,6923],{"className":6921},[5805,5814,2852,2853,5408,5409,6922,5626],"rounded-xl","xl",[621,6925,6928],{"className":6926},[5805,5814,2852,2853,5408,5409,6927,5626],"rounded-2xl","2xl",[621,6930,6933],{"className":6931},[5805,5814,2852,2853,5408,5409,6932,5626],"rounded-3xl","3xl",[605,6935,6936],{"v-slot:code":607},[612,6937,6939],{"className":2883,"code":6938,"language":28,"meta":607,"style":607},"\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",[588,6940,6941,6949,6975,7001,7027,7053,7079,7105,7131],{"__ignoreMap":607},[621,6942,6943,6945,6947],{"class":623,"line":624},[621,6944,2891],{"class":631},[621,6946,605],{"class":1403},[621,6948,2896],{"class":631},[621,6950,6951,6953,6955,6957,6959,6961,6963,6965,6967,6969,6971,6973],{"class":623,"line":645},[621,6952,2901],{"class":631},[621,6954,609],{"class":1403},[621,6956,2906],{"class":2623},[621,6958,2909],{"class":631},[621,6960,639],{"class":631},[621,6962,6903],{"class":635},[621,6964,639],{"class":631},[621,6966,2918],{"class":631},[621,6968,6904],{"class":670},[621,6970,2923],{"class":631},[621,6972,609],{"class":1403},[621,6974,2896],{"class":631},[621,6976,6977,6979,6981,6983,6985,6987,6989,6991,6993,6995,6997,6999],{"class":623,"line":659},[621,6978,2901],{"class":631},[621,6980,609],{"class":1403},[621,6982,2906],{"class":2623},[621,6984,2909],{"class":631},[621,6986,639],{"class":631},[621,6988,6908],{"class":635},[621,6990,639],{"class":631},[621,6992,2918],{"class":631},[621,6994,6909],{"class":670},[621,6996,2923],{"class":631},[621,6998,609],{"class":1403},[621,7000,2896],{"class":631},[621,7002,7003,7005,7007,7009,7011,7013,7015,7017,7019,7021,7023,7025],{"class":623,"line":665},[621,7004,2901],{"class":631},[621,7006,609],{"class":1403},[621,7008,2906],{"class":2623},[621,7010,2909],{"class":631},[621,7012,639],{"class":631},[621,7014,5410],{"class":635},[621,7016,639],{"class":631},[621,7018,2918],{"class":631},[621,7020,6913],{"class":670},[621,7022,2923],{"class":631},[621,7024,609],{"class":1403},[621,7026,2896],{"class":631},[621,7028,7029,7031,7033,7035,7037,7039,7041,7043,7045,7047,7049,7051],{"class":623,"line":677},[621,7030,2901],{"class":631},[621,7032,609],{"class":1403},[621,7034,2906],{"class":2623},[621,7036,2909],{"class":631},[621,7038,639],{"class":631},[621,7040,6917],{"class":635},[621,7042,639],{"class":631},[621,7044,2918],{"class":631},[621,7046,6918],{"class":670},[621,7048,2923],{"class":631},[621,7050,609],{"class":1403},[621,7052,2896],{"class":631},[621,7054,7055,7057,7059,7061,7063,7065,7067,7069,7071,7073,7075,7077],{"class":623,"line":692},[621,7056,2901],{"class":631},[621,7058,609],{"class":1403},[621,7060,2906],{"class":2623},[621,7062,2909],{"class":631},[621,7064,639],{"class":631},[621,7066,6922],{"class":635},[621,7068,639],{"class":631},[621,7070,2918],{"class":631},[621,7072,6923],{"class":670},[621,7074,2923],{"class":631},[621,7076,609],{"class":1403},[621,7078,2896],{"class":631},[621,7080,7081,7083,7085,7087,7089,7091,7093,7095,7097,7099,7101,7103],{"class":623,"line":697},[621,7082,2901],{"class":631},[621,7084,609],{"class":1403},[621,7086,2906],{"class":2623},[621,7088,2909],{"class":631},[621,7090,639],{"class":631},[621,7092,6927],{"class":635},[621,7094,639],{"class":631},[621,7096,2918],{"class":631},[621,7098,6928],{"class":670},[621,7100,2923],{"class":631},[621,7102,609],{"class":1403},[621,7104,2896],{"class":631},[621,7106,7107,7109,7111,7113,7115,7117,7119,7121,7123,7125,7127,7129],{"class":623,"line":703},[621,7108,2901],{"class":631},[621,7110,609],{"class":1403},[621,7112,2906],{"class":2623},[621,7114,2909],{"class":631},[621,7116,639],{"class":631},[621,7118,6932],{"class":635},[621,7120,639],{"class":631},[621,7122,2918],{"class":631},[621,7124,6933],{"class":670},[621,7126,2923],{"class":631},[621,7128,609],{"class":1403},[621,7130,2896],{"class":631},[621,7132,7133,7135,7137],{"class":623,"line":708},[621,7134,2923],{"class":631},[621,7136,605],{"class":1403},[621,7138,2896],{"class":631},[1019,7140,7141,7146],{},[572,7142,3070,7143,7145],{},[588,7144,590],{}," is generated for each radius value:",[3075,7147,7149],{"className":7148},[3078],[612,7150,7152],{"className":3081,"code":7151,"language":3083,"meta":607,"style":607},"@theme default {\n  --radius-xs: calc(var(--ui-radius) * 0.5);    /* 0.125rem */\n  --radius-sm: var(--ui-radius);                /* 0.25rem */\n  --radius-md: calc(var(--ui-radius) * 1.5);    /* 0.375rem */\n  --radius-lg: calc(var(--ui-radius) * 2);      /* 0.5rem */\n  --radius-xl: calc(var(--ui-radius) * 3);      /* 0.75rem */\n  --radius-2xl: calc(var(--ui-radius) * 4);     /* 1rem */\n  --radius-3xl: calc(var(--ui-radius) * 6);     /* 1.5rem */\n}\n",[588,7153,7154,7160,7194,7212,7241,7270,7299,7328,7357],{"__ignoreMap":607},[621,7155,7156,7158],{"class":623,"line":624},[621,7157,3090],{"class":670},[621,7159,674],{"class":631},[621,7161,7162,7165,7167,7170,7172,7175,7177,7179,7182,7185,7188,7191],{"class":623,"line":645},[621,7163,7164],{"class":670},"  --radius-xs",[621,7166,1407],{"class":631},[621,7168,7169],{"class":1392}," calc",[621,7171,1396],{"class":631},[621,7173,7174],{"class":1392},"var",[621,7176,1396],{"class":631},[621,7178,6857],{"class":670},[621,7180,7181],{"class":631},")",[621,7183,7184],{"class":631}," *",[621,7186,7187],{"class":6881}," 0.5",[621,7189,7190],{"class":631},");",[621,7192,7193],{"class":1106},"    /* 0.125rem */\n",[621,7195,7196,7199,7201,7203,7205,7207,7209],{"class":623,"line":659},[621,7197,7198],{"class":670},"  --radius-sm",[621,7200,1407],{"class":631},[621,7202,2636],{"class":1392},[621,7204,1396],{"class":631},[621,7206,6857],{"class":670},[621,7208,7190],{"class":631},[621,7210,7211],{"class":1106},"                /* 0.25rem */\n",[621,7213,7214,7217,7219,7221,7223,7225,7227,7229,7231,7233,7236,7238],{"class":623,"line":665},[621,7215,7216],{"class":670},"  --radius-md",[621,7218,1407],{"class":631},[621,7220,7169],{"class":1392},[621,7222,1396],{"class":631},[621,7224,7174],{"class":1392},[621,7226,1396],{"class":631},[621,7228,6857],{"class":670},[621,7230,7181],{"class":631},[621,7232,7184],{"class":631},[621,7234,7235],{"class":6881}," 1.5",[621,7237,7190],{"class":631},[621,7239,7240],{"class":1106},"    /* 0.375rem */\n",[621,7242,7243,7246,7248,7250,7252,7254,7256,7258,7260,7262,7265,7267],{"class":623,"line":677},[621,7244,7245],{"class":670},"  --radius-lg",[621,7247,1407],{"class":631},[621,7249,7169],{"class":1392},[621,7251,1396],{"class":631},[621,7253,7174],{"class":1392},[621,7255,1396],{"class":631},[621,7257,6857],{"class":670},[621,7259,7181],{"class":631},[621,7261,7184],{"class":631},[621,7263,7264],{"class":6881}," 2",[621,7266,7190],{"class":631},[621,7268,7269],{"class":1106},"      /* 0.5rem */\n",[621,7271,7272,7275,7277,7279,7281,7283,7285,7287,7289,7291,7294,7296],{"class":623,"line":692},[621,7273,7274],{"class":670},"  --radius-xl",[621,7276,1407],{"class":631},[621,7278,7169],{"class":1392},[621,7280,1396],{"class":631},[621,7282,7174],{"class":1392},[621,7284,1396],{"class":631},[621,7286,6857],{"class":670},[621,7288,7181],{"class":631},[621,7290,7184],{"class":631},[621,7292,7293],{"class":6881}," 3",[621,7295,7190],{"class":631},[621,7297,7298],{"class":1106},"      /* 0.75rem */\n",[621,7300,7301,7304,7306,7308,7310,7312,7314,7316,7318,7320,7323,7325],{"class":623,"line":697},[621,7302,7303],{"class":670},"  --radius-2xl",[621,7305,1407],{"class":631},[621,7307,7169],{"class":1392},[621,7309,1396],{"class":631},[621,7311,7174],{"class":1392},[621,7313,1396],{"class":631},[621,7315,6857],{"class":670},[621,7317,7181],{"class":631},[621,7319,7184],{"class":631},[621,7321,7322],{"class":6881}," 4",[621,7324,7190],{"class":631},[621,7326,7327],{"class":1106},"     /* 1rem */\n",[621,7329,7330,7333,7335,7337,7339,7341,7343,7345,7347,7349,7352,7354],{"class":623,"line":703},[621,7331,7332],{"class":670},"  --radius-3xl",[621,7334,1407],{"class":631},[621,7336,7169],{"class":1392},[621,7338,1396],{"class":631},[621,7340,7174],{"class":1392},[621,7342,1396],{"class":631},[621,7344,6857],{"class":670},[621,7346,7181],{"class":631},[621,7348,7184],{"class":631},[621,7350,7351],{"class":6881}," 6",[621,7353,7190],{"class":631},[621,7355,7356],{"class":1106},"     /* 1.5rem */\n",[621,7358,7359],{"class":623,"line":708},[621,7360,843],{"class":631},[572,7362,7363,7364,1877],{},"You can customize the base radius value in your ",[588,7365,4476],{},[602,7367,7368,7429],{},[605,7369,7370],{"v-slot:ui":607},[609,7371,7373],{"className":7372},[4484,4485],[612,7374,7376],{"className":614,"code":7375,"filename":616,"language":617,"meta":607,"style":607},"@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n:root {\n  --ui-radius: 0.5rem;\n}\n",[588,7377,7378,7390,7402,7406,7414,7425],{"__ignoreMap":607},[621,7379,7380,7382,7384,7386,7388],{"class":623,"line":624},[621,7381,628],{"class":627},[621,7383,632],{"class":631},[621,7385,636],{"class":635},[621,7387,639],{"class":631},[621,7389,642],{"class":631},[621,7391,7392,7394,7396,7398,7400],{"class":623,"line":645},[621,7393,628],{"class":627},[621,7395,632],{"class":631},[621,7397,652],{"class":635},[621,7399,639],{"class":631},[621,7401,642],{"class":631},[621,7403,7404],{"class":623,"line":659},[621,7405,662],{"emptyLinePlaceholder":15},[621,7407,7408,7410,7412],{"class":623,"line":665},[621,7409,1407],{"class":631},[621,7411,2624],{"class":2623},[621,7413,1410],{"class":631},[621,7415,7416,7418,7420,7423],{"class":623,"line":677},[621,7417,6876],{"class":670},[621,7419,1407],{"class":631},[621,7421,7422],{"class":6881}," 0.5rem",[621,7424,642],{"class":631},[621,7426,7427],{"class":623,"line":692},[621,7428,843],{"class":631},[605,7430,7431],{"v-slot:ui-pro":607},[609,7432,7434],{"className":7433},[4484,4485],[612,7435,7437],{"className":614,"code":7436,"filename":616,"language":617,"meta":607,"style":607},"@import \"tailwindcss\";\n@import \"@nuxt/ui-pro\";\n\n:root {\n  --ui-radius: 0.5rem;\n}\n",[588,7438,7439,7451,7463,7467,7475,7485],{"__ignoreMap":607},[621,7440,7441,7443,7445,7447,7449],{"class":623,"line":624},[621,7442,628],{"class":627},[621,7444,632],{"class":631},[621,7446,636],{"class":635},[621,7448,639],{"class":631},[621,7450,642],{"class":631},[621,7452,7453,7455,7457,7459,7461],{"class":623,"line":645},[621,7454,628],{"class":627},[621,7456,632],{"class":631},[621,7458,873],{"class":635},[621,7460,639],{"class":631},[621,7462,642],{"class":631},[621,7464,7465],{"class":623,"line":659},[621,7466,662],{"emptyLinePlaceholder":15},[621,7468,7469,7471,7473],{"class":623,"line":665},[621,7470,1407],{"class":631},[621,7472,2624],{"class":2623},[621,7474,1410],{"class":631},[621,7476,7477,7479,7481,7483],{"class":623,"line":677},[621,7478,6876],{"class":670},[621,7480,1407],{"class":631},[621,7482,7422],{"class":6881},[621,7484,642],{"class":631},[621,7486,7487],{"class":623,"line":692},[621,7488,843],{"class":631},[1019,7490,7491],{},[572,7492,1336,7493,7496],{},[1338,7494],{"className":7495,"name":55},[1341]," theme picker in the header above to change the base radius value.",[584,7498,262],{"id":7499},"container",[572,7501,7502,7503,7506,7507,7509],{},"Nuxt UI provides a ",[588,7504,7505],{},"--ui-container"," CSS variable that controls the maximum width of the ",[576,7508,262],{"href":263}," component.",[612,7511,7513],{"className":614,"code":7512,"language":617,"meta":607,"style":607},":root {\n  --ui-container: var(--container-7xl);\n}\n",[588,7514,7515,7523,7539],{"__ignoreMap":607},[621,7516,7517,7519,7521],{"class":623,"line":624},[621,7518,1407],{"class":631},[621,7520,2624],{"class":2623},[621,7522,1410],{"class":631},[621,7524,7525,7528,7530,7532,7534,7537],{"class":623,"line":645},[621,7526,7527],{"class":670},"  --ui-container",[621,7529,1407],{"class":631},[621,7531,2636],{"class":1392},[621,7533,1396],{"class":631},[621,7535,7536],{"class":670},"--container-7xl",[621,7538,2644],{"class":631},[621,7540,7541],{"class":623,"line":659},[621,7542,843],{"class":631},[572,7544,7545,7546,7548],{},"You can customize this value in your ",[588,7547,4476],{}," file to adjust container widths consistently throughout your application:",[602,7550,7551,7635],{},[605,7552,7553],{"v-slot:ui":607},[609,7554,7556],{"className":7555},[4484,4485],[612,7557,7559],{"className":614,"code":7558,"filename":616,"language":617,"meta":607,"style":607},"@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",[588,7560,7561,7573,7585,7589,7595,7600,7604,7608,7616,7631],{"__ignoreMap":607},[621,7562,7563,7565,7567,7569,7571],{"class":623,"line":624},[621,7564,628],{"class":627},[621,7566,632],{"class":631},[621,7568,636],{"class":635},[621,7570,639],{"class":631},[621,7572,642],{"class":631},[621,7574,7575,7577,7579,7581,7583],{"class":623,"line":645},[621,7576,628],{"class":627},[621,7578,632],{"class":631},[621,7580,652],{"class":635},[621,7582,639],{"class":631},[621,7584,642],{"class":631},[621,7586,7587],{"class":623,"line":659},[621,7588,662],{"emptyLinePlaceholder":15},[621,7590,7591,7593],{"class":623,"line":665},[621,7592,590],{"class":627},[621,7594,1410],{"class":631},[621,7596,7597],{"class":623,"line":677},[621,7598,7599],{"class":670},"  --container-8xl: 90rem;\n",[621,7601,7602],{"class":623,"line":692},[621,7603,843],{"class":670},[621,7605,7606],{"class":623,"line":697},[621,7607,662],{"emptyLinePlaceholder":15},[621,7609,7610,7612,7614],{"class":623,"line":703},[621,7611,1407],{"class":631},[621,7613,2624],{"class":2623},[621,7615,1410],{"class":631},[621,7617,7618,7620,7622,7624,7626,7629],{"class":623,"line":708},[621,7619,7527],{"class":670},[621,7621,1407],{"class":631},[621,7623,2636],{"class":1392},[621,7625,1396],{"class":631},[621,7627,7628],{"class":670},"--container-8xl",[621,7630,2644],{"class":631},[621,7632,7633],{"class":623,"line":720},[621,7634,843],{"class":631},[605,7636,7637],{"v-slot:ui-pro":607},[609,7638,7640],{"className":7639},[4484,4485],[612,7641,7643],{"className":614,"code":7642,"filename":616,"language":617,"meta":607,"style":607},"@import \"tailwindcss\";\n@import \"@nuxt/ui-pro\";\n\n@theme {\n  --container-8xl: 90rem;\n}\n\n:root {\n  --ui-container: var(--container-8xl);\n}\n",[588,7644,7645,7657,7669,7673,7679,7683,7687,7691,7699,7713],{"__ignoreMap":607},[621,7646,7647,7649,7651,7653,7655],{"class":623,"line":624},[621,7648,628],{"class":627},[621,7650,632],{"class":631},[621,7652,636],{"class":635},[621,7654,639],{"class":631},[621,7656,642],{"class":631},[621,7658,7659,7661,7663,7665,7667],{"class":623,"line":645},[621,7660,628],{"class":627},[621,7662,632],{"class":631},[621,7664,873],{"class":635},[621,7666,639],{"class":631},[621,7668,642],{"class":631},[621,7670,7671],{"class":623,"line":659},[621,7672,662],{"emptyLinePlaceholder":15},[621,7674,7675,7677],{"class":623,"line":665},[621,7676,590],{"class":627},[621,7678,1410],{"class":631},[621,7680,7681],{"class":623,"line":677},[621,7682,7599],{"class":670},[621,7684,7685],{"class":623,"line":692},[621,7686,843],{"class":670},[621,7688,7689],{"class":623,"line":697},[621,7690,662],{"emptyLinePlaceholder":15},[621,7692,7693,7695,7697],{"class":623,"line":703},[621,7694,1407],{"class":631},[621,7696,2624],{"class":2623},[621,7698,1410],{"class":631},[621,7700,7701,7703,7705,7707,7709,7711],{"class":623,"line":708},[621,7702,7527],{"class":670},[621,7704,1407],{"class":631},[621,7706,2636],{"class":1392},[621,7708,1396],{"class":631},[621,7710,7628],{"class":670},[621,7712,2644],{"class":631},[621,7714,7715],{"class":623,"line":720},[621,7716,843],{"class":631},[567,7718,7720],{"id":7719},"components-theme","Components theme",[572,7722,7723,7724,7729],{},"Nuxt UI components are styled using the ",[576,7725,7728],{"href":7726,"rel":7727},"https://www.tailwind-variants.org/",[580],"Tailwind Variants"," API, which provides a powerful way to create variants and manage component styles. Let's explore the key features of this API:",[584,7731,7733],{"id":7732},"slots","Slots",[572,7735,7736,7737,7739,7740,7742],{},"Components in Nuxt UI can have multiple ",[588,7738,7732],{},", each representing a distinct HTML element or section within the component. These slots allow for flexible content insertion and styling. Let's take the ",[576,7741,189],{"href":190}," component as an example:",[2609,7744,7745,7837],{},[612,7746,7749],{"className":1377,"code":7747,"filename":7748,"language":1379,"meta":607,"style":607},"export default {\n  slots: {\n    root: 'bg-default ring ring-default divide-y divide-default rounded-lg',\n    header: 'p-4 sm:px-6',\n    body: 'p-4 sm:p-6',\n    footer: 'p-4 sm:px-6'\n  }\n}\n","src/theme/card.ts",[588,7750,7751,7759,7768,7784,7800,7816,7829,7833],{"__ignoreMap":607},[621,7752,7753,7755,7757],{"class":623,"line":624},[621,7754,1386],{"class":627},[621,7756,1389],{"class":627},[621,7758,1410],{"class":631},[621,7760,7761,7764,7766],{"class":623,"line":645},[621,7762,7763],{"class":1403},"  slots",[621,7765,1407],{"class":631},[621,7767,1410],{"class":631},[621,7769,7770,7773,7775,7777,7780,7782],{"class":623,"line":659},[621,7771,7772],{"class":1403},"    root",[621,7774,1407],{"class":631},[621,7776,1429],{"class":631},[621,7778,7779],{"class":635},"bg-default ring ring-default divide-y divide-default rounded-lg",[621,7781,1434],{"class":631},[621,7783,1437],{"class":631},[621,7785,7786,7789,7791,7793,7796,7798],{"class":623,"line":665},[621,7787,7788],{"class":1403},"    header",[621,7790,1407],{"class":631},[621,7792,1429],{"class":631},[621,7794,7795],{"class":635},"p-4 sm:px-6",[621,7797,1434],{"class":631},[621,7799,1437],{"class":631},[621,7801,7802,7805,7807,7809,7812,7814],{"class":623,"line":677},[621,7803,7804],{"class":1403},"    body",[621,7806,1407],{"class":631},[621,7808,1429],{"class":631},[621,7810,7811],{"class":635},"p-4 sm:p-6",[621,7813,1434],{"class":631},[621,7815,1437],{"class":631},[621,7817,7818,7821,7823,7825,7827],{"class":623,"line":692},[621,7819,7820],{"class":1403},"    footer",[621,7822,1407],{"class":631},[621,7824,1429],{"class":631},[621,7826,7795],{"class":635},[621,7828,1452],{"class":631},[621,7830,7831],{"class":623,"line":697},[621,7832,1462],{"class":631},[621,7834,7835],{"class":623,"line":703},[621,7836,843],{"class":631},[612,7838,7841],{"className":2883,"code":7839,"filename":7840,"language":28,"meta":607,"style":607},"\u003Ctemplate>\n  \u003Cdiv :class=\"ui.root({ class: [props.ui?.root, props.class] })\">\n    \u003Cdiv :class=\"ui.header({ class: props.ui?.header })\">\n      \u003Cslot name=\"header\" />\n    \u003C/div>\n\n    \u003Cdiv :class=\"ui.body({ class: props.ui?.body })\">\n      \u003Cslot />\n    \u003C/div>\n\n    \u003Cdiv :class=\"ui.footer({ class: props.ui?.footer })\">\n      \u003Cslot name=\"footer\" />\n    \u003C/div>\n  \u003C/div>\n\u003C/template>\n","src/runtime/components/Card.vue",[588,7842,7843,7851,7871,7891,7914,7923,7927,7946,7954,7962,7966,7985,8004,8012,8021],{"__ignoreMap":607},[621,7844,7845,7847,7849],{"class":623,"line":624},[621,7846,2891],{"class":631},[621,7848,605],{"class":1403},[621,7850,2896],{"class":631},[621,7852,7853,7855,7857,7860,7862,7864,7867,7869],{"class":623,"line":645},[621,7854,2901],{"class":631},[621,7856,609],{"class":1403},[621,7858,7859],{"class":2623}," :class",[621,7861,2909],{"class":631},[621,7863,639],{"class":631},[621,7865,7866],{"class":635},"ui.root({ class: [props.ui?.root, props.class] })",[621,7868,639],{"class":631},[621,7870,2896],{"class":631},[621,7872,7873,7876,7878,7880,7882,7884,7887,7889],{"class":623,"line":659},[621,7874,7875],{"class":631},"    \u003C",[621,7877,609],{"class":1403},[621,7879,7859],{"class":2623},[621,7881,2909],{"class":631},[621,7883,639],{"class":631},[621,7885,7886],{"class":635},"ui.header({ class: props.ui?.header })",[621,7888,639],{"class":631},[621,7890,2896],{"class":631},[621,7892,7893,7896,7899,7902,7904,7906,7909,7911],{"class":623,"line":665},[621,7894,7895],{"class":631},"      \u003C",[621,7897,7898],{"class":1403},"slot",[621,7900,7901],{"class":2623}," name",[621,7903,2909],{"class":631},[621,7905,639],{"class":631},[621,7907,7908],{"class":635},"header",[621,7910,639],{"class":631},[621,7912,7913],{"class":631}," />\n",[621,7915,7916,7919,7921],{"class":623,"line":677},[621,7917,7918],{"class":631},"    \u003C/",[621,7920,609],{"class":1403},[621,7922,2896],{"class":631},[621,7924,7925],{"class":623,"line":692},[621,7926,662],{"emptyLinePlaceholder":15},[621,7928,7929,7931,7933,7935,7937,7939,7942,7944],{"class":623,"line":697},[621,7930,7875],{"class":631},[621,7932,609],{"class":1403},[621,7934,7859],{"class":2623},[621,7936,2909],{"class":631},[621,7938,639],{"class":631},[621,7940,7941],{"class":635},"ui.body({ class: props.ui?.body })",[621,7943,639],{"class":631},[621,7945,2896],{"class":631},[621,7947,7948,7950,7952],{"class":623,"line":703},[621,7949,7895],{"class":631},[621,7951,7898],{"class":1403},[621,7953,7913],{"class":631},[621,7955,7956,7958,7960],{"class":623,"line":708},[621,7957,7918],{"class":631},[621,7959,609],{"class":1403},[621,7961,2896],{"class":631},[621,7963,7964],{"class":623,"line":720},[621,7965,662],{"emptyLinePlaceholder":15},[621,7967,7968,7970,7972,7974,7976,7978,7981,7983],{"class":623,"line":732},[621,7969,7875],{"class":631},[621,7971,609],{"class":1403},[621,7973,7859],{"class":2623},[621,7975,2909],{"class":631},[621,7977,639],{"class":631},[621,7979,7980],{"class":635},"ui.footer({ class: props.ui?.footer })",[621,7982,639],{"class":631},[621,7984,2896],{"class":631},[621,7986,7987,7989,7991,7993,7995,7997,8000,8002],{"class":623,"line":744},[621,7988,7895],{"class":631},[621,7990,7898],{"class":1403},[621,7992,7901],{"class":2623},[621,7994,2909],{"class":631},[621,7996,639],{"class":631},[621,7998,7999],{"class":635},"footer",[621,8001,639],{"class":631},[621,8003,7913],{"class":631},[621,8005,8006,8008,8010],{"class":623,"line":756},[621,8007,7918],{"class":631},[621,8009,609],{"class":1403},[621,8011,2896],{"class":631},[621,8013,8014,8017,8019],{"class":623,"line":768},[621,8015,8016],{"class":631},"  \u003C/",[621,8018,609],{"class":1403},[621,8020,2896],{"class":631},[621,8022,8023,8025,8027],{"class":623,"line":780},[621,8024,2923],{"class":631},[621,8026,605],{"class":1403},[621,8028,2896],{"class":631},[572,8030,8031,8032,8035,8036,8038],{},"Some components don't have slots, they are just composed of a single root element. In this case, the theme only defines the ",[588,8033,8034],{},"base"," slot like the ",[576,8037,262],{"href":263}," component for example:",[2609,8040,8041,8073],{},[612,8042,8045],{"className":1377,"code":8043,"filename":8044,"language":1379,"meta":607,"style":607},"export default {\n  base: 'max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8'\n}\n","src/theme/container.ts",[588,8046,8047,8055,8069],{"__ignoreMap":607},[621,8048,8049,8051,8053],{"class":623,"line":624},[621,8050,1386],{"class":627},[621,8052,1389],{"class":627},[621,8054,1410],{"class":631},[621,8056,8057,8060,8062,8064,8067],{"class":623,"line":645},[621,8058,8059],{"class":1403},"  base",[621,8061,1407],{"class":631},[621,8063,1429],{"class":631},[621,8065,8066],{"class":635},"max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8",[621,8068,1452],{"class":631},[621,8070,8071],{"class":623,"line":659},[621,8072,843],{"class":631},[612,8074,8077],{"className":2883,"code":8075,"filename":8076,"language":28,"meta":607,"style":607},"\u003Ctemplate>\n  \u003Cdiv :class=\"container({ class: props.class })\">\n    \u003Cslot />\n  \u003C/div>\n\u003C/template>\n","src/runtime/components/Container.vue",[588,8078,8079,8087,8106,8114,8122],{"__ignoreMap":607},[621,8080,8081,8083,8085],{"class":623,"line":624},[621,8082,2891],{"class":631},[621,8084,605],{"class":1403},[621,8086,2896],{"class":631},[621,8088,8089,8091,8093,8095,8097,8099,8102,8104],{"class":623,"line":645},[621,8090,2901],{"class":631},[621,8092,609],{"class":1403},[621,8094,7859],{"class":2623},[621,8096,2909],{"class":631},[621,8098,639],{"class":631},[621,8100,8101],{"class":635},"container({ class: props.class })",[621,8103,639],{"class":631},[621,8105,2896],{"class":631},[621,8107,8108,8110,8112],{"class":623,"line":659},[621,8109,7875],{"class":631},[621,8111,7898],{"class":1403},[621,8113,7913],{"class":631},[621,8115,8116,8118,8120],{"class":623,"line":665},[621,8117,8016],{"class":631},[621,8119,609],{"class":1403},[621,8121,2896],{"class":631},[621,8123,8124,8126,8128],{"class":623,"line":677},[621,8125,2923],{"class":631},[621,8127,605],{"class":1403},[621,8129,2896],{"class":631},[1280,8131,8132],{},[572,8133,8134,8135,8141,8142,8148],{},"Components without slots don't have a ",[576,8136,8138,8140],{"href":8137},"#ui-prop",[588,8139,23],{}," prop",", only the ",[576,8143,8145,8140],{"href":8144},"#class-prop",[588,8146,8147],{},"class"," is available to override styles.",[584,8150,8152],{"id":8151},"variants","Variants",[572,8154,8155,8156,8158,8159,8161,8162,8164],{},"Nuxt UI components use ",[588,8157,8151],{}," to change the ",[588,8160,7732],{}," styles based on props. Here's an example of the ",[576,8163,149],{"href":150}," component:",[612,8166,8169],{"className":1377,"code":8167,"filename":8168,"language":1379,"meta":607,"style":607},"export default {\n  slots: {\n    root: 'inline-flex items-center justify-center shrink-0 select-none overflow-hidden rounded-full align-middle bg-elevated',\n    image: 'h-full w-full rounded-[inherit] object-cover'\n  },\n  variants: {\n    size: {\n      sm: {\n        root: 'size-7 text-sm'\n      },\n      md: {\n        root: 'size-8 text-base'\n      },\n      lg: {\n        root: 'size-9 text-lg'\n      }\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n}\n","src/theme/avatar.ts",[588,8170,8171,8179,8187,8202,8216,8221,8230,8239,8248,8262,8266,8275,8288,8292,8301,8314,8318,8322,8326,8335,8347,8351],{"__ignoreMap":607},[621,8172,8173,8175,8177],{"class":623,"line":624},[621,8174,1386],{"class":627},[621,8176,1389],{"class":627},[621,8178,1410],{"class":631},[621,8180,8181,8183,8185],{"class":623,"line":645},[621,8182,7763],{"class":1403},[621,8184,1407],{"class":631},[621,8186,1410],{"class":631},[621,8188,8189,8191,8193,8195,8198,8200],{"class":623,"line":659},[621,8190,7772],{"class":1403},[621,8192,1407],{"class":631},[621,8194,1429],{"class":631},[621,8196,8197],{"class":635},"inline-flex items-center justify-center shrink-0 select-none overflow-hidden rounded-full align-middle bg-elevated",[621,8199,1434],{"class":631},[621,8201,1437],{"class":631},[621,8203,8204,8207,8209,8211,8214],{"class":623,"line":665},[621,8205,8206],{"class":1403},"    image",[621,8208,1407],{"class":631},[621,8210,1429],{"class":631},[621,8212,8213],{"class":635},"h-full w-full rounded-[inherit] object-cover",[621,8215,1452],{"class":631},[621,8217,8218],{"class":623,"line":677},[621,8219,8220],{"class":631},"  },\n",[621,8222,8223,8226,8228],{"class":623,"line":692},[621,8224,8225],{"class":1403},"  variants",[621,8227,1407],{"class":631},[621,8229,1410],{"class":631},[621,8231,8232,8235,8237],{"class":623,"line":697},[621,8233,8234],{"class":1403},"    size",[621,8236,1407],{"class":631},[621,8238,1410],{"class":631},[621,8240,8241,8244,8246],{"class":623,"line":703},[621,8242,8243],{"class":1403},"      sm",[621,8245,1407],{"class":631},[621,8247,1410],{"class":631},[621,8249,8250,8253,8255,8257,8260],{"class":623,"line":708},[621,8251,8252],{"class":1403},"        root",[621,8254,1407],{"class":631},[621,8256,1429],{"class":631},[621,8258,8259],{"class":635},"size-7 text-sm",[621,8261,1452],{"class":631},[621,8263,8264],{"class":623,"line":720},[621,8265,2232],{"class":631},[621,8267,8268,8271,8273],{"class":623,"line":732},[621,8269,8270],{"class":1403},"      md",[621,8272,1407],{"class":631},[621,8274,1410],{"class":631},[621,8276,8277,8279,8281,8283,8286],{"class":623,"line":744},[621,8278,8252],{"class":1403},[621,8280,1407],{"class":631},[621,8282,1429],{"class":631},[621,8284,8285],{"class":635},"size-8 text-base",[621,8287,1452],{"class":631},[621,8289,8290],{"class":623,"line":756},[621,8291,2232],{"class":631},[621,8293,8294,8297,8299],{"class":623,"line":768},[621,8295,8296],{"class":1403},"      lg",[621,8298,1407],{"class":631},[621,8300,1410],{"class":631},[621,8302,8303,8305,8307,8309,8312],{"class":623,"line":780},[621,8304,8252],{"class":1403},[621,8306,1407],{"class":631},[621,8308,1429],{"class":631},[621,8310,8311],{"class":635},"size-9 text-lg",[621,8313,1452],{"class":631},[621,8315,8316],{"class":623,"line":792},[621,8317,1651],{"class":631},[621,8319,8320],{"class":623,"line":804},[621,8321,1457],{"class":631},[621,8323,8324],{"class":623,"line":816},[621,8325,8220],{"class":631},[621,8327,8328,8331,8333],{"class":623,"line":828},[621,8329,8330],{"class":1403},"  defaultVariants",[621,8332,1407],{"class":631},[621,8334,1410],{"class":631},[621,8336,8337,8339,8341,8343,8345],{"class":623,"line":840},[621,8338,8234],{"class":1403},[621,8340,1407],{"class":631},[621,8342,1429],{"class":631},[621,8344,6913],{"class":635},[621,8346,1452],{"class":631},[621,8348,8349],{"class":623,"line":2304},[621,8350,1462],{"class":631},[621,8352,8353],{"class":623,"line":2315},[621,8354,843],{"class":631},[572,8356,8357,8358,8361,8362,8364],{},"This way, the ",[588,8359,8360],{},"size"," prop will apply the corresponding styles to the ",[588,8363,2624],{}," slot:",[1327,8366],{":props":8367,"slug":8368,":ignore":8369},"{\"src\":\"https://github.com/nuxt.png\",\"size\":\"lg\"}","avatar","[\"src\"]",[572,8371,1006,8372,8375],{},[588,8373,8374],{},"defaultVariants"," property specifies the default values for each variant. It determines how a component looks and behaves when no prop is provided.",[1354,8377,8378,8391],{},[605,8379,8380],{"v-slot:nuxt":607},[8381,8382,8383],"tip",{},[572,8384,8385,8386,8390],{},"These default values can be customized in your ",[576,8387,8388],{"href":4694},[588,8389,1369],{}," to adjust the standard appearance of components throughout your application.",[605,8392,8393],{"v-slot:vue":607},[8381,8394,8395],{},[572,8396,8385,8397,8390],{},[576,8398,8399],{"href":4694},[588,8400,1479],{},[567,8402,8404],{"id":8403},"customize-theme","Customize theme",[572,8406,8407],{},"You have multiple ways to customize the appearance of Nuxt UI components, you can do it for all components at once or on a per-component basis.",[1019,8409,8410],{},[572,8411,8412,8413,8420],{},"Tailwind Variants uses ",[576,8414,8417],{"href":8415,"rel":8416},"https://github.com/dcastil/tailwind-merge",[580],[588,8418,8419],{},"tailwind-merge"," under the hood to merge classes so you don't have to worry about conflicting classes.",[8381,8422,8423,8426],{},[572,8424,8425],{},"You can explore the theme for each component in two ways:",[8427,8428,8429,8436],"ul",{},[8430,8431,8432,8433,8435],"li",{},"Check the ",[588,8434,52],{}," section in the documentation of each individual component.",[8430,8437,8438,8439,1850],{},"Browse the source code directly in the GitHub repository at ",[576,8440,8443],{"href":8441,"rel":8442},"https://github.com/nuxt/ui/tree/v3/src/theme",[580],[588,8444,8445],{},"v3/src/theme",[584,8447,8449],{"id":8448},"config","Config",[1354,8451,8452,8540],{},[605,8453,8454],{"v-slot:nuxt":607},[609,8455,8456,8462,8465],{},[572,8457,8458,8459,8461],{},"You can override the theme of components globally inside your ",[588,8460,1369],{}," by using the exact same structure as the theme object.",[572,8463,8464],{},"Let's say you want to change the font weight of all your buttons, you can do it like this:",[612,8466,8468],{"className":1377,"code":8467,"filename":1369,"language":1379,"meta":607,"style":607},"export default defineAppConfig({\n  ui: {\n    button: {\n      slots: {\n        base: 'font-bold'\n      }\n    }\n  }\n})\n",[588,8469,8470,8482,8490,8499,8508,8522,8526,8530,8534],{"__ignoreMap":607},[621,8471,8472,8474,8476,8478,8480],{"class":623,"line":624},[621,8473,1386],{"class":627},[621,8475,1389],{"class":627},[621,8477,1393],{"class":1392},[621,8479,1396],{"class":670},[621,8481,674],{"class":631},[621,8483,8484,8486,8488],{"class":623,"line":645},[621,8485,1404],{"class":1403},[621,8487,1407],{"class":631},[621,8489,1410],{"class":631},[621,8491,8492,8495,8497],{"class":623,"line":659},[621,8493,8494],{"class":1403},"    button",[621,8496,1407],{"class":631},[621,8498,1410],{"class":631},[621,8500,8501,8504,8506],{"class":623,"line":665},[621,8502,8503],{"class":1403},"      slots",[621,8505,1407],{"class":631},[621,8507,1410],{"class":631},[621,8509,8510,8513,8515,8517,8520],{"class":623,"line":677},[621,8511,8512],{"class":1403},"        base",[621,8514,1407],{"class":631},[621,8516,1429],{"class":631},[621,8518,8519],{"class":635},"font-bold",[621,8521,1452],{"class":631},[621,8523,8524],{"class":623,"line":692},[621,8525,1651],{"class":631},[621,8527,8528],{"class":623,"line":697},[621,8529,1457],{"class":631},[621,8531,8532],{"class":623,"line":703},[621,8533,1462],{"class":631},[621,8535,8536,8538],{"class":623,"line":708},[621,8537,1467],{"class":631},[621,8539,1470],{"class":670},[605,8541,8542],{"v-slot:vue":607},[609,8543,8544,8548,8550],{},[572,8545,8458,8546,8461],{},[588,8547,1479],{},[572,8549,8464],{},[602,8551,8552,8715],{},[605,8553,8554],{"v-slot:ui":607},[609,8555,8556],{},[612,8557,8559],{"className":1377,"code":8558,"filename":1479,"language":1379,"meta":607,"style":607},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n  plugins: [\n    vue(),\n    ui({\n      ui: {\n        button: {\n          slots: {\n            base: 'font-bold'\n          }\n        }\n      }\n    })\n  ]\n})\n",[588,8560,8561,8579,8593,8607,8611,8623,8631,8639,8647,8655,8664,8673,8686,8691,8695,8699,8705,8709],{"__ignoreMap":607},[621,8562,8563,8565,8567,8569,8571,8573,8575,8577],{"class":623,"line":624},[621,8564,1498],{"class":627},[621,8566,1501],{"class":631},[621,8568,1504],{"class":670},[621,8570,1507],{"class":631},[621,8572,1510],{"class":627},[621,8574,1429],{"class":631},[621,8576,1515],{"class":635},[621,8578,1452],{"class":631},[621,8580,8581,8583,8585,8587,8589,8591],{"class":623,"line":645},[621,8582,1498],{"class":627},[621,8584,1524],{"class":670},[621,8586,1527],{"class":627},[621,8588,1429],{"class":631},[621,8590,1532],{"class":635},[621,8592,1452],{"class":631},[621,8594,8595,8597,8599,8601,8603,8605],{"class":623,"line":659},[621,8596,1498],{"class":627},[621,8598,1541],{"class":670},[621,8600,1527],{"class":627},[621,8602,1429],{"class":631},[621,8604,1548],{"class":635},[621,8606,1452],{"class":631},[621,8608,8609],{"class":623,"line":665},[621,8610,662],{"emptyLinePlaceholder":15},[621,8612,8613,8615,8617,8619,8621],{"class":623,"line":677},[621,8614,1386],{"class":627},[621,8616,1389],{"class":627},[621,8618,1504],{"class":1392},[621,8620,1396],{"class":670},[621,8622,674],{"class":631},[621,8624,8625,8627,8629],{"class":623,"line":692},[621,8626,1571],{"class":1403},[621,8628,1407],{"class":631},[621,8630,1576],{"class":670},[621,8632,8633,8635,8637],{"class":623,"line":697},[621,8634,1581],{"class":1392},[621,8636,1584],{"class":670},[621,8638,1437],{"class":631},[621,8640,8641,8643,8645],{"class":623,"line":703},[621,8642,1591],{"class":1392},[621,8644,1396],{"class":670},[621,8646,674],{"class":631},[621,8648,8649,8651,8653],{"class":623,"line":708},[621,8650,1600],{"class":1403},[621,8652,1407],{"class":631},[621,8654,1410],{"class":631},[621,8656,8657,8660,8662],{"class":623,"line":720},[621,8658,8659],{"class":1403},"        button",[621,8661,1407],{"class":631},[621,8663,1410],{"class":631},[621,8665,8666,8669,8671],{"class":623,"line":732},[621,8667,8668],{"class":1403},"          slots",[621,8670,1407],{"class":631},[621,8672,1410],{"class":631},[621,8674,8675,8678,8680,8682,8684],{"class":623,"line":744},[621,8676,8677],{"class":1403},"            base",[621,8679,1407],{"class":631},[621,8681,1429],{"class":631},[621,8683,8519],{"class":635},[621,8685,1452],{"class":631},[621,8687,8688],{"class":623,"line":756},[621,8689,8690],{"class":631},"          }\n",[621,8692,8693],{"class":623,"line":768},[621,8694,1646],{"class":631},[621,8696,8697],{"class":623,"line":780},[621,8698,1651],{"class":631},[621,8700,8701,8703],{"class":623,"line":792},[621,8702,1656],{"class":631},[621,8704,1470],{"class":670},[621,8706,8707],{"class":623,"line":804},[621,8708,1663],{"class":670},[621,8710,8711,8713],{"class":623,"line":816},[621,8712,1467],{"class":631},[621,8714,1470],{"class":670},[605,8716,8717],{"v-slot:ui-pro":607},[609,8718,8719],{},[612,8720,8722],{"className":1377,"code":8721,"filename":1479,"language":1379,"meta":607,"style":607},"import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport uiPro from '@nuxt/ui-pro/vite'\n\nexport default defineConfig({\n  plugins: [\n    vue(),\n    uiPro({\n      ui: {\n        button: {\n          slots: {\n            base: 'font-bold'\n          }\n        }\n      }\n    })\n  ]\n})\n",[588,8723,8724,8742,8756,8770,8774,8786,8794,8802,8810,8818,8826,8834,8846,8850,8854,8858,8864,8868],{"__ignoreMap":607},[621,8725,8726,8728,8730,8732,8734,8736,8738,8740],{"class":623,"line":624},[621,8727,1498],{"class":627},[621,8729,1501],{"class":631},[621,8731,1504],{"class":670},[621,8733,1507],{"class":631},[621,8735,1510],{"class":627},[621,8737,1429],{"class":631},[621,8739,1515],{"class":635},[621,8741,1452],{"class":631},[621,8743,8744,8746,8748,8750,8752,8754],{"class":623,"line":645},[621,8745,1498],{"class":627},[621,8747,1524],{"class":670},[621,8749,1527],{"class":627},[621,8751,1429],{"class":631},[621,8753,1532],{"class":635},[621,8755,1452],{"class":631},[621,8757,8758,8760,8762,8764,8766,8768],{"class":623,"line":659},[621,8759,1498],{"class":627},[621,8761,1717],{"class":670},[621,8763,1527],{"class":627},[621,8765,1429],{"class":631},[621,8767,1724],{"class":635},[621,8769,1452],{"class":631},[621,8771,8772],{"class":623,"line":665},[621,8773,662],{"emptyLinePlaceholder":15},[621,8775,8776,8778,8780,8782,8784],{"class":623,"line":677},[621,8777,1386],{"class":627},[621,8779,1389],{"class":627},[621,8781,1504],{"class":1392},[621,8783,1396],{"class":670},[621,8785,674],{"class":631},[621,8787,8788,8790,8792],{"class":623,"line":692},[621,8789,1571],{"class":1403},[621,8791,1407],{"class":631},[621,8793,1576],{"class":670},[621,8795,8796,8798,8800],{"class":623,"line":697},[621,8797,1581],{"class":1392},[621,8799,1584],{"class":670},[621,8801,1437],{"class":631},[621,8803,8804,8806,8808],{"class":623,"line":703},[621,8805,1763],{"class":1392},[621,8807,1396],{"class":670},[621,8809,674],{"class":631},[621,8811,8812,8814,8816],{"class":623,"line":708},[621,8813,1600],{"class":1403},[621,8815,1407],{"class":631},[621,8817,1410],{"class":631},[621,8819,8820,8822,8824],{"class":623,"line":720},[621,8821,8659],{"class":1403},[621,8823,1407],{"class":631},[621,8825,1410],{"class":631},[621,8827,8828,8830,8832],{"class":623,"line":732},[621,8829,8668],{"class":1403},[621,8831,1407],{"class":631},[621,8833,1410],{"class":631},[621,8835,8836,8838,8840,8842,8844],{"class":623,"line":744},[621,8837,8677],{"class":1403},[621,8839,1407],{"class":631},[621,8841,1429],{"class":631},[621,8843,8519],{"class":635},[621,8845,1452],{"class":631},[621,8847,8848],{"class":623,"line":756},[621,8849,8690],{"class":631},[621,8851,8852],{"class":623,"line":768},[621,8853,1646],{"class":631},[621,8855,8856],{"class":623,"line":780},[621,8857,1651],{"class":631},[621,8859,8860,8862],{"class":623,"line":792},[621,8861,1656],{"class":631},[621,8863,1470],{"class":670},[621,8865,8866],{"class":623,"line":804},[621,8867,1663],{"class":670},[621,8869,8870,8872],{"class":623,"line":816},[621,8871,1467],{"class":631},[621,8873,1470],{"class":670},[1019,8875,8876],{},[572,8877,8878,8879,8881,8882,8885],{},"In this example, the ",[588,8880,8519],{}," class will override the default ",[588,8883,8884],{},"font-medium"," class on all buttons.",[584,8887,8889],{"id":8888},"props","Props",[8891,8892,8894,8140],"h4",{"id":8893},"ui-prop",[588,8895,23],{},[572,8897,8898,8899,8902,8903,8905,8906,8908],{},"You can also override a component's ",[8900,8901,7732],"strong",{}," using the ",[588,8904,23],{}," prop. This has priority over the global configuration and ",[588,8907,8151],{}," resolution.",[1327,8910],{":props":8911,"slug":1330,":slots":8912,":ignore":8913,":prettier":8914},"{\"trailingIcon\":\"i-lucide-chevron-right\",\"size\":\"md\",\"color\":\"neutral\",\"variant\":\"outline\",\"ui\":{\"trailingIcon\":\"rotate-90 size-3\"}}","{\"default\":\"\\nButton\\n\"}","[\"ui.trailingIcon\",\"color\",\"variant\",\"size\",\"icon\"]","true",[1019,8916,8917],{},[572,8918,8878,8919,8922,8923,8926,8927,8929,8930,8933],{},[588,8920,8921],{},"trailingIcon"," slot is overwritten with ",[588,8924,8925],{},"size-3"," even though the ",[588,8928,6913],{}," size variant would apply a ",[588,8931,8932],{},"size-5"," class to it.",[8891,8935,8937,8140],{"id":8936},"class-prop",[588,8938,8147],{},[572,8940,1006,8941,8943,8944,8946,8947,8949,8950,8908],{},[588,8942,8147],{}," prop allows you to override the classes of the ",[588,8945,2624],{}," or ",[588,8948,8034],{}," slot. This has priority over the global configuration and ",[588,8951,8151],{},[1327,8953],{":props":8954,"slug":1330,":slots":1331},"{\"class\":\"font-bold rounded-full\"}",[1019,8956,8957],{},[572,8958,8878,8959,8881,8961,8963],{},[588,8960,8519],{},[588,8962,8884],{}," class on this button.",[8965,8966,8967],"style",{},"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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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 pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .s7r4c, html code.shiki .s7r4c{background-color:#EFFDF5;color:#000000;display:inline-block;padding:0 0.15em;margin:0 -0.15em;border-radius:0.2em}html pre.shiki code .s_yAY, html code.shiki .s_yAY{background-color:#D9FBE8;color:#000000;display:inline-block;padding:0 0.15em;margin:0 -0.15em;border-radius:0.2em}html pre.shiki code .svDi6, html code.shiki .svDi6{background-color:#B3F5D1;color:#000000;display:inline-block;padding:0 0.15em;margin:0 -0.15em;border-radius:0.2em}html pre.shiki code .sX0M8, html code.shiki .sX0M8{background-color:#75EDAE;color:#000000;display:inline-block;padding:0 0.15em;margin:0 -0.15em;border-radius:0.2em}html pre.shiki code .sMfEM, html code.shiki .sMfEM{background-color:#00DC82;color:#ffffff;display:inline-block;padding:0 0.15em;margin:0 -0.15em;border-radius:0.2em}html pre.shiki code .sLUHb, html code.shiki .sLUHb{background-color:#00C16A;color:#ffffff;display:inline-block;padding:0 0.15em;margin:0 -0.15em;border-radius:0.2em}html pre.shiki code .sm-p6, html code.shiki .sm-p6{background-color:#00A155;color:#ffffff;display:inline-block;padding:0 0.15em;margin:0 -0.15em;border-radius:0.2em}html pre.shiki code .sNqnt, html code.shiki .sNqnt{background-color:#007F45;color:#ffffff;display:inline-block;padding:0 0.15em;margin:0 -0.15em;border-radius:0.2em}html pre.shiki code .s74mv, html code.shiki .s74mv{background-color:#016538;color:#ffffff;display:inline-block;padding:0 0.15em;margin:0 -0.15em;border-radius:0.2em}html pre.shiki code .sWbUt, html code.shiki .sWbUt{background-color:#0A5331;color:#ffffff;display:inline-block;padding:0 0.15em;margin:0 -0.15em;border-radius:0.2em}html pre.shiki code .sB4BK, html code.shiki .sB4BK{background-color:#052E16;color:#ffffff;display:inline-block;padding:0 0.15em;margin:0 -0.15em;border-radius:0.2em}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 .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}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":607,"searchDepth":645,"depth":645,"links":8969},[8970,8974,8978,8984,8988],{"id":569,"depth":645,"text":570,"children":8971},[8972,8973],{"id":586,"depth":659,"text":590},{"id":1028,"depth":659,"text":1031},{"id":1182,"depth":645,"text":1183,"children":8975},[8976,8977],{"id":1351,"depth":659,"text":1352},{"id":1853,"depth":659,"text":1854},{"id":2596,"depth":645,"text":2597,"children":8979},[8980,8981,8982,8983],{"id":2603,"depth":659,"text":2604},{"id":1310,"depth":659,"text":4901},{"id":6850,"depth":659,"text":6851},{"id":7499,"depth":659,"text":262},{"id":7719,"depth":645,"text":7720,"children":8985},[8986,8987],{"id":7732,"depth":659,"text":7733},{"id":8151,"depth":659,"text":8152},{"id":8403,"depth":645,"text":8404,"children":8989},[8990,8991],{"id":8448,"depth":659,"text":8449},{"id":8888,"depth":659,"text":8889},"Learn how to customize Nuxt UI components using Tailwind CSS v4, CSS variables and the Tailwind Variants API for powerful and flexible theming.",{},{"icon":55},{"title":52,"description":8992},"sD1XXLXUFJodpgih43YF_WbkpCTV0Z35C9CQ-GqtvsI",[8998,9000],{"title":43,"path":44,"stem":45,"description":8999,"children":-1},"A comprehensive guide to migrate your application from Nuxt UI v2 to Nuxt UI v3.",{"title":57,"path":62,"stem":63,"description":9001,"icon":64,"children":-1},"Nuxt UI integrates with Nuxt Icon to access over 200,000+ icons from Iconify.",{"data":9003,"body":9004},{},{"type":2624,"children":9005},[9006],{"type":9007,"tag":572,"props":9008,"children":9009},"element",{},[9010],{"type":9011,"value":8992},"text",{"data":9013,"body":9014,"toc":9116},{"title":607,"description":607},{"type":2624,"children":9015},[9016,9111],{"type":9007,"tag":612,"props":9017,"children":9019},{"className":2883,"code":9018,"language":28,"meta":607,"style":607},"\u003Ctemplate>\n  \u003CUButton color=\"primary\">Button\u003C/UButton>\n\u003C/template>\n",[9020],{"type":9007,"tag":588,"props":9021,"children":9022},{"__ignoreMap":607},[9023,9040,9096],{"type":9007,"tag":621,"props":9024,"children":9025},{"class":623,"line":624},[9026,9031,9036],{"type":9007,"tag":621,"props":9027,"children":9029},{"style":9028},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[9030],{"type":9011,"value":2891},{"type":9007,"tag":621,"props":9032,"children":9034},{"style":9033},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[9035],{"type":9011,"value":605},{"type":9007,"tag":621,"props":9037,"children":9038},{"style":9028},[9039],{"type":9011,"value":2896},{"type":9007,"tag":621,"props":9041,"children":9042},{"class":623,"line":645},[9043,9047,9052,9058,9062,9066,9071,9075,9079,9084,9088,9092],{"type":9007,"tag":621,"props":9044,"children":9045},{"style":9028},[9046],{"type":9011,"value":2901},{"type":9007,"tag":621,"props":9048,"children":9049},{"style":9033},[9050],{"type":9011,"value":9051},"UButton",{"type":9007,"tag":621,"props":9053,"children":9055},{"style":9054},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[9056],{"type":9011,"value":9057}," color",{"type":9007,"tag":621,"props":9059,"children":9060},{"style":9028},[9061],{"type":9011,"value":2909},{"type":9007,"tag":621,"props":9063,"children":9064},{"style":9028},[9065],{"type":9011,"value":639},{"type":9007,"tag":621,"props":9067,"children":9069},{"style":9068},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[9070],{"type":9011,"value":1222},{"type":9007,"tag":621,"props":9072,"children":9073},{"style":9028},[9074],{"type":9011,"value":639},{"type":9007,"tag":621,"props":9076,"children":9077},{"style":9028},[9078],{"type":9011,"value":2918},{"type":9007,"tag":621,"props":9080,"children":9082},{"style":9081},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[9083],{"type":9011,"value":177},{"type":9007,"tag":621,"props":9085,"children":9086},{"style":9028},[9087],{"type":9011,"value":2923},{"type":9007,"tag":621,"props":9089,"children":9090},{"style":9033},[9091],{"type":9011,"value":9051},{"type":9007,"tag":621,"props":9093,"children":9094},{"style":9028},[9095],{"type":9011,"value":2896},{"type":9007,"tag":621,"props":9097,"children":9098},{"class":623,"line":659},[9099,9103,9107],{"type":9007,"tag":621,"props":9100,"children":9101},{"style":9028},[9102],{"type":9011,"value":2923},{"type":9007,"tag":621,"props":9104,"children":9105},{"style":9033},[9106],{"type":9011,"value":605},{"type":9007,"tag":621,"props":9108,"children":9109},{"style":9028},[9110],{"type":9011,"value":2896},{"type":9007,"tag":8965,"props":9112,"children":9113},{},[9114],{"type":9011,"value":9115},"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);}",{"title":607,"searchDepth":645,"depth":645,"links":9117},[],{"data":9119,"body":9120,"toc":9215},{"title":607,"description":607},{"type":2624,"children":9121},[9122,9211],{"type":9007,"tag":612,"props":9123,"children":9125},{"className":2883,"code":9124,"language":28,"meta":607,"style":607},"\u003Ctemplate>\n  \u003CUButton class=\"font-bold rounded-full\">Button\u003C/UButton>\n\u003C/template>\n",[9126],{"type":9007,"tag":588,"props":9127,"children":9128},{"__ignoreMap":607},[9129,9144,9196],{"type":9007,"tag":621,"props":9130,"children":9131},{"class":623,"line":624},[9132,9136,9140],{"type":9007,"tag":621,"props":9133,"children":9134},{"style":9028},[9135],{"type":9011,"value":2891},{"type":9007,"tag":621,"props":9137,"children":9138},{"style":9033},[9139],{"type":9011,"value":605},{"type":9007,"tag":621,"props":9141,"children":9142},{"style":9028},[9143],{"type":9011,"value":2896},{"type":9007,"tag":621,"props":9145,"children":9146},{"class":623,"line":645},[9147,9151,9155,9159,9163,9167,9172,9176,9180,9184,9188,9192],{"type":9007,"tag":621,"props":9148,"children":9149},{"style":9028},[9150],{"type":9011,"value":2901},{"type":9007,"tag":621,"props":9152,"children":9153},{"style":9033},[9154],{"type":9011,"value":9051},{"type":9007,"tag":621,"props":9156,"children":9157},{"style":9054},[9158],{"type":9011,"value":2906},{"type":9007,"tag":621,"props":9160,"children":9161},{"style":9028},[9162],{"type":9011,"value":2909},{"type":9007,"tag":621,"props":9164,"children":9165},{"style":9028},[9166],{"type":9011,"value":639},{"type":9007,"tag":621,"props":9168,"children":9169},{"style":9068},[9170],{"type":9011,"value":9171},"font-bold rounded-full",{"type":9007,"tag":621,"props":9173,"children":9174},{"style":9028},[9175],{"type":9011,"value":639},{"type":9007,"tag":621,"props":9177,"children":9178},{"style":9028},[9179],{"type":9011,"value":2918},{"type":9007,"tag":621,"props":9181,"children":9182},{"style":9081},[9183],{"type":9011,"value":177},{"type":9007,"tag":621,"props":9185,"children":9186},{"style":9028},[9187],{"type":9011,"value":2923},{"type":9007,"tag":621,"props":9189,"children":9190},{"style":9033},[9191],{"type":9011,"value":9051},{"type":9007,"tag":621,"props":9193,"children":9194},{"style":9028},[9195],{"type":9011,"value":2896},{"type":9007,"tag":621,"props":9197,"children":9198},{"class":623,"line":659},[9199,9203,9207],{"type":9007,"tag":621,"props":9200,"children":9201},{"style":9028},[9202],{"type":9011,"value":2923},{"type":9007,"tag":621,"props":9204,"children":9205},{"style":9033},[9206],{"type":9011,"value":605},{"type":9007,"tag":621,"props":9208,"children":9209},{"style":9028},[9210],{"type":9011,"value":2896},{"type":9007,"tag":8965,"props":9212,"children":9213},{},[9214],{"type":9011,"value":9115},{"title":607,"searchDepth":645,"depth":645,"links":9216},[],{"data":9218,"body":9219,"toc":9321},{"title":607,"description":607},{"type":2624,"children":9220},[9221,9317],{"type":9007,"tag":612,"props":9222,"children":9224},{"className":2883,"code":9223,"language":28,"meta":607,"style":607},"\u003Ctemplate>\n  \u003CUAvatar src=\"https://github.com/nuxt.png\" size=\"lg\" />\n\u003C/template>\n",[9225],{"type":9007,"tag":588,"props":9226,"children":9227},{"__ignoreMap":607},[9228,9243,9302],{"type":9007,"tag":621,"props":9229,"children":9230},{"class":623,"line":624},[9231,9235,9239],{"type":9007,"tag":621,"props":9232,"children":9233},{"style":9028},[9234],{"type":9011,"value":2891},{"type":9007,"tag":621,"props":9236,"children":9237},{"style":9033},[9238],{"type":9011,"value":605},{"type":9007,"tag":621,"props":9240,"children":9241},{"style":9028},[9242],{"type":9011,"value":2896},{"type":9007,"tag":621,"props":9244,"children":9245},{"class":623,"line":645},[9246,9250,9255,9260,9264,9268,9273,9277,9282,9286,9290,9294,9298],{"type":9007,"tag":621,"props":9247,"children":9248},{"style":9028},[9249],{"type":9011,"value":2901},{"type":9007,"tag":621,"props":9251,"children":9252},{"style":9033},[9253],{"type":9011,"value":9254},"UAvatar",{"type":9007,"tag":621,"props":9256,"children":9257},{"style":9054},[9258],{"type":9011,"value":9259}," src",{"type":9007,"tag":621,"props":9261,"children":9262},{"style":9028},[9263],{"type":9011,"value":2909},{"type":9007,"tag":621,"props":9265,"children":9266},{"style":9028},[9267],{"type":9011,"value":639},{"type":9007,"tag":621,"props":9269,"children":9270},{"style":9068},[9271],{"type":9011,"value":9272},"https://github.com/nuxt.png",{"type":9007,"tag":621,"props":9274,"children":9275},{"style":9028},[9276],{"type":9011,"value":639},{"type":9007,"tag":621,"props":9278,"children":9279},{"style":9054},[9280],{"type":9011,"value":9281}," size",{"type":9007,"tag":621,"props":9283,"children":9284},{"style":9028},[9285],{"type":9011,"value":2909},{"type":9007,"tag":621,"props":9287,"children":9288},{"style":9028},[9289],{"type":9011,"value":639},{"type":9007,"tag":621,"props":9291,"children":9292},{"style":9068},[9293],{"type":9011,"value":6918},{"type":9007,"tag":621,"props":9295,"children":9296},{"style":9028},[9297],{"type":9011,"value":639},{"type":9007,"tag":621,"props":9299,"children":9300},{"style":9028},[9301],{"type":9011,"value":7913},{"type":9007,"tag":621,"props":9303,"children":9304},{"class":623,"line":659},[9305,9309,9313],{"type":9007,"tag":621,"props":9306,"children":9307},{"style":9028},[9308],{"type":9011,"value":2923},{"type":9007,"tag":621,"props":9310,"children":9311},{"style":9033},[9312],{"type":9011,"value":605},{"type":9007,"tag":621,"props":9314,"children":9315},{"style":9028},[9316],{"type":9011,"value":2896},{"type":9007,"tag":8965,"props":9318,"children":9319},{},[9320],{"type":9011,"value":9115},{"title":607,"searchDepth":645,"depth":645,"links":9322},[],{"data":9324,"body":9325,"toc":9570},{"title":607,"description":607},{"type":2624,"children":9326},[9327,9566],{"type":9007,"tag":612,"props":9328,"children":9330},{"className":2883,"code":9329,"language":28,"meta":607,"style":607},"\u003Ctemplate>\n  \u003CUButton\n    trailing-icon=\"i-lucide-chevron-right\"\n    size=\"md\"\n    color=\"neutral\"\n    variant=\"outline\"\n    :ui=\"{\n      trailingIcon: 'rotate-90 size-3'\n    }\"\n  >\n    Button\n  \u003C/UButton>\n\u003C/template>\n",[9331],{"type":9007,"tag":588,"props":9332,"children":9333},{"__ignoreMap":607},[9334,9349,9361,9387,9410,9434,9459,9483,9509,9520,9528,9536,9551],{"type":9007,"tag":621,"props":9335,"children":9336},{"class":623,"line":624},[9337,9341,9345],{"type":9007,"tag":621,"props":9338,"children":9339},{"style":9028},[9340],{"type":9011,"value":2891},{"type":9007,"tag":621,"props":9342,"children":9343},{"style":9033},[9344],{"type":9011,"value":605},{"type":9007,"tag":621,"props":9346,"children":9347},{"style":9028},[9348],{"type":9011,"value":2896},{"type":9007,"tag":621,"props":9350,"children":9351},{"class":623,"line":645},[9352,9356],{"type":9007,"tag":621,"props":9353,"children":9354},{"style":9028},[9355],{"type":9011,"value":2901},{"type":9007,"tag":621,"props":9357,"children":9358},{"style":9033},[9359],{"type":9011,"value":9360},"UButton\n",{"type":9007,"tag":621,"props":9362,"children":9363},{"class":623,"line":659},[9364,9369,9373,9377,9382],{"type":9007,"tag":621,"props":9365,"children":9366},{"style":9054},[9367],{"type":9011,"value":9368},"    trailing-icon",{"type":9007,"tag":621,"props":9370,"children":9371},{"style":9028},[9372],{"type":9011,"value":2909},{"type":9007,"tag":621,"props":9374,"children":9375},{"style":9028},[9376],{"type":9011,"value":639},{"type":9007,"tag":621,"props":9378,"children":9379},{"style":9068},[9380],{"type":9011,"value":9381},"i-lucide-chevron-right",{"type":9007,"tag":621,"props":9383,"children":9384},{"style":9028},[9385],{"type":9011,"value":9386},"\"\n",{"type":9007,"tag":621,"props":9388,"children":9389},{"class":623,"line":665},[9390,9394,9398,9402,9406],{"type":9007,"tag":621,"props":9391,"children":9392},{"style":9054},[9393],{"type":9011,"value":8234},{"type":9007,"tag":621,"props":9395,"children":9396},{"style":9028},[9397],{"type":9011,"value":2909},{"type":9007,"tag":621,"props":9399,"children":9400},{"style":9028},[9401],{"type":9011,"value":639},{"type":9007,"tag":621,"props":9403,"children":9404},{"style":9068},[9405],{"type":9011,"value":6913},{"type":9007,"tag":621,"props":9407,"children":9408},{"style":9028},[9409],{"type":9011,"value":9386},{"type":9007,"tag":621,"props":9411,"children":9412},{"class":623,"line":677},[9413,9418,9422,9426,9430],{"type":9007,"tag":621,"props":9414,"children":9415},{"style":9054},[9416],{"type":9011,"value":9417},"    color",{"type":9007,"tag":621,"props":9419,"children":9420},{"style":9028},[9421],{"type":9011,"value":2909},{"type":9007,"tag":621,"props":9423,"children":9424},{"style":9028},[9425],{"type":9011,"value":639},{"type":9007,"tag":621,"props":9427,"children":9428},{"style":9068},[9429],{"type":9011,"value":1310},{"type":9007,"tag":621,"props":9431,"children":9432},{"style":9028},[9433],{"type":9011,"value":9386},{"type":9007,"tag":621,"props":9435,"children":9436},{"class":623,"line":692},[9437,9442,9446,9450,9455],{"type":9007,"tag":621,"props":9438,"children":9439},{"style":9054},[9440],{"type":9011,"value":9441},"    variant",{"type":9007,"tag":621,"props":9443,"children":9444},{"style":9028},[9445],{"type":9011,"value":2909},{"type":9007,"tag":621,"props":9447,"children":9448},{"style":9028},[9449],{"type":9011,"value":639},{"type":9007,"tag":621,"props":9451,"children":9452},{"style":9068},[9453],{"type":9011,"value":9454},"outline",{"type":9007,"tag":621,"props":9456,"children":9457},{"style":9028},[9458],{"type":9011,"value":9386},{"type":9007,"tag":621,"props":9460,"children":9461},{"class":623,"line":697},[9462,9467,9471,9475,9479],{"type":9007,"tag":621,"props":9463,"children":9464},{"style":9028},[9465],{"type":9011,"value":9466},"    :",{"type":9007,"tag":621,"props":9468,"children":9469},{"style":9054},[9470],{"type":9011,"value":23},{"type":9007,"tag":621,"props":9472,"children":9473},{"style":9028},[9474],{"type":9011,"value":2909},{"type":9007,"tag":621,"props":9476,"children":9477},{"style":9028},[9478],{"type":9011,"value":639},{"type":9007,"tag":621,"props":9480,"children":9481},{"style":9028},[9482],{"type":9011,"value":674},{"type":9007,"tag":621,"props":9484,"children":9485},{"class":623,"line":703},[9486,9491,9496,9500,9505],{"type":9007,"tag":621,"props":9487,"children":9488},{"style":9033},[9489],{"type":9011,"value":9490},"      trailingIcon",{"type":9007,"tag":621,"props":9492,"children":9493},{"style":9028},[9494],{"type":9011,"value":9495},": ",{"type":9007,"tag":621,"props":9497,"children":9498},{"style":9028},[9499],{"type":9011,"value":1434},{"type":9007,"tag":621,"props":9501,"children":9502},{"style":9068},[9503],{"type":9011,"value":9504},"rotate-90 size-3",{"type":9007,"tag":621,"props":9506,"children":9507},{"style":9028},[9508],{"type":9011,"value":1452},{"type":9007,"tag":621,"props":9510,"children":9511},{"class":623,"line":708},[9512,9516],{"type":9007,"tag":621,"props":9513,"children":9514},{"style":9028},[9515],{"type":9011,"value":1656},{"type":9007,"tag":621,"props":9517,"children":9518},{"style":9028},[9519],{"type":9011,"value":9386},{"type":9007,"tag":621,"props":9521,"children":9522},{"class":623,"line":720},[9523],{"type":9007,"tag":621,"props":9524,"children":9525},{"style":9028},[9526],{"type":9011,"value":9527},"  >\n",{"type":9007,"tag":621,"props":9529,"children":9530},{"class":623,"line":732},[9531],{"type":9007,"tag":621,"props":9532,"children":9533},{"style":9081},[9534],{"type":9011,"value":9535},"    Button\n",{"type":9007,"tag":621,"props":9537,"children":9538},{"class":623,"line":744},[9539,9543,9547],{"type":9007,"tag":621,"props":9540,"children":9541},{"style":9028},[9542],{"type":9011,"value":8016},{"type":9007,"tag":621,"props":9544,"children":9545},{"style":9033},[9546],{"type":9011,"value":9051},{"type":9007,"tag":621,"props":9548,"children":9549},{"style":9028},[9550],{"type":9011,"value":2896},{"type":9007,"tag":621,"props":9552,"children":9553},{"class":623,"line":756},[9554,9558,9562],{"type":9007,"tag":621,"props":9555,"children":9556},{"style":9028},[9557],{"type":9011,"value":2923},{"type":9007,"tag":621,"props":9559,"children":9560},{"style":9033},[9561],{"type":9011,"value":605},{"type":9007,"tag":621,"props":9563,"children":9564},{"style":9028},[9565],{"type":9011,"value":2896},{"type":9007,"tag":8965,"props":9567,"children":9568},{},[9569],{"type":9011,"value":9115},{"title":607,"searchDepth":645,"depth":645,"links":9571},[],1747911340722]