[{"data":1,"prerenderedAt":9565},["ShallowReactive",2],{"navigation":3,"-getting-started-theme":576,"-getting-started-theme-surround":9012,"-getting-started-theme-description":9017,"component-code-UButton-Bu2zhCTcuIZVbl8um5Vgz9eIZdLt06CLtyBBuxr8vTI":9027,"component-code-UButton-VHoPf_BhFtTpGSdUAkmXgkZ_sisYYKvf8i8lAPqPNgU":9133,"component-code-UAvatar-tNlBIc8HFOOje6AtP5dmHM4yOtErKf1ZIy61TZOgZHM":9232,"component-code-UButton-bScg7kv5geSGil3oY274mzub_VoMNI2ldEfvhTQ0cbA":9338},[4,103,121],{"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,63,68,80,93,98],{"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":11,"icon":50},"Theme","/getting-started/theme","1.getting-started/3.theme","i-lucide-swatch-book",{"title":52,"framework":11,"module":11,"shadow":15,"path":53,"stem":54,"children":55,"page":41},"Icons","/getting-started/icons","1.getting-started/4.icons",[56,60],{"title":52,"path":57,"stem":58,"framework":22,"module":11,"icon":59},"/getting-started/icons/nuxt","1.getting-started/4.icons/1.nuxt","i-lucide-smile",{"title":52,"path":61,"stem":62,"framework":28,"module":11,"icon":59},"/getting-started/icons/vue","1.getting-started/4.icons/2.vue",{"title":64,"path":65,"stem":66,"framework":22,"module":11,"icon":67},"Fonts","/getting-started/fonts","1.getting-started/5.fonts","i-lucide-a-large-small",{"title":69,"framework":11,"module":11,"shadow":15,"path":70,"stem":71,"children":72,"page":41},"Color Mode","/getting-started/color-mode","1.getting-started/6.color-mode",[73,77],{"title":69,"path":74,"stem":75,"framework":22,"module":11,"icon":76},"/getting-started/color-mode/nuxt","1.getting-started/6.color-mode/1.nuxt","i-lucide-sun-moon",{"title":69,"path":78,"stem":79,"framework":28,"module":11,"icon":76},"/getting-started/color-mode/vue","1.getting-started/6.color-mode/2.vue",{"title":81,"framework":11,"module":11,"shadow":15,"path":82,"stem":83,"children":84,"page":41},"I18n","/getting-started/i18n","1.getting-started/7.i18n",[85,90],{"title":86,"path":87,"stem":88,"framework":22,"module":11,"icon":89},"Internationalization (i18n)","/getting-started/i18n/nuxt","1.getting-started/7.i18n/1.nuxt","i-lucide-languages",{"title":86,"path":91,"stem":92,"framework":28,"module":11,"icon":89},"/getting-started/i18n/vue","1.getting-started/7.i18n/2.vue",{"title":94,"path":95,"stem":96,"framework":22,"module":37,"icon":97},"Content","/getting-started/content","1.getting-started/8.content","i-simple-icons-markdown",{"title":99,"path":100,"stem":101,"framework":22,"module":37,"icon":102},"Typography","/getting-started/typography","1.getting-started/9.typography","i-lucide-type",{"title":104,"framework":11,"module":11,"icon":105,"path":106,"stem":107,"children":108,"page":41},"Composables","i-lucide-square-function","/composables","2.composables",[109,113,117],{"title":110,"path":111,"stem":112,"framework":11,"module":11},"defineShortcuts","/composables/define-shortcuts","2.composables/define-shortcuts",{"title":114,"path":115,"stem":116,"framework":11,"module":11},"useOverlay","/composables/use-overlay","2.composables/use-overlay",{"title":118,"path":119,"stem":120,"framework":11,"module":11},"useToast","/composables/use-toast","2.composables/use-toast",{"title":122,"framework":11,"module":11,"icon":123,"path":124,"stem":125,"children":126,"page":41},"Components","i-lucide-square-code","/components","3.components",[127,131,135,139,143,147,151,155,159,163,167,171,175,179,183,187,191,195,199,203,207,211,215,219,223,227,231,235,239,243,247,251,255,259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,348,352,356,360,364,368,372,376,380,384,388,392,396,400,404,408,412,416,420,424,428,432,436,440,444,448,452,456,460,464,468,472,476,480,484,488,492,496,500,504,508,512,516,520,524,528,532,536,540,544,548,552,556,560,564,568,572],{"title":128,"path":129,"stem":130,"framework":11,"module":11},"App","/components/app","3.components/0.app",{"title":132,"path":133,"stem":134,"framework":11,"module":11},"Accordion","/components/accordion","3.components/accordion",{"title":136,"path":137,"stem":138,"framework":11,"module":11},"Alert","/components/alert","3.components/alert",{"title":140,"path":141,"stem":142,"framework":11,"module":37},"AuthForm","/components/auth-form","3.components/auth-form",{"title":144,"path":145,"stem":146,"framework":11,"module":11},"Avatar","/components/avatar","3.components/avatar",{"title":148,"path":149,"stem":150,"framework":11,"module":11},"AvatarGroup","/components/avatar-group","3.components/avatar-group",{"title":152,"path":153,"stem":154,"framework":11,"module":11},"Badge","/components/badge","3.components/badge",{"title":156,"path":157,"stem":158,"framework":11,"module":37},"Banner","/components/banner","3.components/banner",{"title":160,"path":161,"stem":162,"framework":11,"module":37},"BlogPost","/components/blog-post","3.components/blog-post",{"title":164,"path":165,"stem":166,"framework":11,"module":37},"BlogPosts","/components/blog-posts","3.components/blog-posts",{"title":168,"path":169,"stem":170,"framework":11,"module":11},"Breadcrumb","/components/breadcrumb","3.components/breadcrumb",{"title":172,"path":173,"stem":174,"framework":11,"module":11},"Button","/components/button","3.components/button",{"title":176,"path":177,"stem":178,"framework":11,"module":11},"ButtonGroup","/components/button-group","3.components/button-group",{"title":180,"path":181,"stem":182,"framework":11,"module":11},"Calendar","/components/calendar","3.components/calendar",{"title":184,"path":185,"stem":186,"framework":11,"module":11},"Card","/components/card","3.components/card",{"title":188,"path":189,"stem":190,"framework":11,"module":11},"Carousel","/components/carousel","3.components/carousel",{"title":192,"path":193,"stem":194,"framework":11,"module":37},"ChangelogVersion","/components/changelog-version","3.components/changelog-version",{"title":196,"path":197,"stem":198,"framework":11,"module":37},"ChangelogVersions","/components/changelog-versions","3.components/changelog-versions",{"title":200,"path":201,"stem":202,"framework":11,"module":37},"ChatMessage","/components/chat-message","3.components/chat-message",{"title":204,"path":205,"stem":206,"framework":11,"module":37},"ChatMessages","/components/chat-messages","3.components/chat-messages",{"title":208,"path":209,"stem":210,"framework":11,"module":37},"ChatPalette","/components/chat-palette","3.components/chat-palette",{"title":212,"path":213,"stem":214,"framework":11,"module":37},"ChatPrompt","/components/chat-prompt","3.components/chat-prompt",{"title":216,"path":217,"stem":218,"framework":11,"module":37},"ChatPromptSubmit","/components/chat-prompt-submit","3.components/chat-prompt-submit",{"title":220,"path":221,"stem":222,"framework":11,"module":11},"Checkbox","/components/checkbox","3.components/checkbox",{"title":224,"path":225,"stem":226,"framework":11,"module":11},"CheckboxGroup","/components/checkbox-group","3.components/checkbox-group",{"title":228,"path":229,"stem":230,"framework":11,"module":11},"Chip","/components/chip","3.components/chip",{"title":232,"path":233,"stem":234,"framework":11,"module":11},"Collapsible","/components/collapsible","3.components/collapsible",{"title":236,"path":237,"stem":238,"framework":11,"module":37},"ColorModeAvatar","/components/color-mode-avatar","3.components/color-mode-avatar",{"title":240,"path":241,"stem":242,"framework":11,"module":37},"ColorModeButton","/components/color-mode-button","3.components/color-mode-button",{"title":244,"path":245,"stem":246,"framework":11,"module":37},"ColorModeImage","/components/color-mode-image","3.components/color-mode-image",{"title":248,"path":249,"stem":250,"framework":11,"module":37},"ColorModeSelect","/components/color-mode-select","3.components/color-mode-select",{"title":252,"path":253,"stem":254,"framework":11,"module":37},"ColorModeSwitch","/components/color-mode-switch","3.components/color-mode-switch",{"title":256,"path":257,"stem":258,"framework":11,"module":11},"ColorPicker","/components/color-picker","3.components/color-picker",{"title":260,"path":261,"stem":262,"framework":11,"module":11},"CommandPalette","/components/command-palette","3.components/command-palette",{"title":264,"path":265,"stem":266,"framework":11,"module":11},"Container","/components/container","3.components/container",{"title":268,"path":269,"stem":270,"framework":22,"module":37},"ContentNavigation","/components/content-navigation","3.components/content-navigation",{"title":272,"path":273,"stem":274,"framework":22,"module":37},"ContentSearch","/components/content-search","3.components/content-search",{"title":276,"path":277,"stem":278,"framework":22,"module":37},"ContentSearchButton","/components/content-search-button","3.components/content-search-button",{"title":280,"path":281,"stem":282,"framework":22,"module":37},"ContentSurround","/components/content-surround","3.components/content-surround",{"title":284,"path":285,"stem":286,"framework":22,"module":37},"ContentToc","/components/content-toc","3.components/content-toc",{"title":288,"path":289,"stem":290,"framework":11,"module":11},"ContextMenu","/components/context-menu","3.components/context-menu",{"title":292,"path":293,"stem":294,"framework":11,"module":37},"DashboardGroup","/components/dashboard-group","3.components/dashboard-group",{"title":296,"path":297,"stem":298,"framework":11,"module":37},"DashboardNavbar","/components/dashboard-navbar","3.components/dashboard-navbar",{"title":300,"path":301,"stem":302,"framework":11,"module":37},"DashboardPanel","/components/dashboard-panel","3.components/dashboard-panel",{"title":304,"path":305,"stem":306,"framework":11,"module":37},"DashboardResizeHandle","/components/dashboard-resize-handle","3.components/dashboard-resize-handle",{"title":308,"path":309,"stem":310,"framework":11,"module":37},"DashboardSearch","/components/dashboard-search","3.components/dashboard-search",{"title":312,"path":313,"stem":314,"framework":11,"module":37},"DashboardSearchButton","/components/dashboard-search-button","3.components/dashboard-search-button",{"title":316,"path":317,"stem":318,"framework":11,"module":37},"DashboardSidebar","/components/dashboard-sidebar","3.components/dashboard-sidebar",{"title":320,"path":321,"stem":322,"framework":11,"module":37},"DashboardSidebarCollapse","/components/dashboard-sidebar-collapse","3.components/dashboard-sidebar-collapse",{"title":324,"path":325,"stem":326,"framework":11,"module":37},"DashboardSidebarToggle","/components/dashboard-sidebar-toggle","3.components/dashboard-sidebar-toggle",{"title":328,"path":329,"stem":330,"framework":11,"module":37},"DashboardToolbar","/components/dashboard-toolbar","3.components/dashboard-toolbar",{"title":332,"path":333,"stem":334,"framework":11,"module":11},"Drawer","/components/drawer","3.components/drawer",{"title":336,"path":337,"stem":338,"framework":11,"module":11},"DropdownMenu","/components/dropdown-menu","3.components/dropdown-menu",{"title":340,"path":341,"stem":342,"framework":11,"module":37},"Error","/components/error","3.components/error",{"title":344,"path":345,"stem":346,"framework":11,"module":11,"badge":347},"FileUpload","/components/file-upload","3.components/file-upload","New",{"title":349,"path":350,"stem":351,"framework":11,"module":37},"Footer","/components/footer","3.components/footer",{"title":353,"path":354,"stem":355,"framework":11,"module":37},"FooterColumns","/components/footer-columns","3.components/footer-columns",{"title":357,"path":358,"stem":359,"framework":11,"module":11},"Form","/components/form","3.components/form",{"title":361,"path":362,"stem":363,"framework":11,"module":11},"FormField","/components/form-field","3.components/form-field",{"title":365,"path":366,"stem":367,"framework":11,"module":37},"Header","/components/header","3.components/header",{"title":369,"path":370,"stem":371,"framework":11,"module":11},"Icon","/components/icon","3.components/icon",{"title":373,"path":374,"stem":375,"framework":11,"module":11},"Input","/components/input","3.components/input",{"title":377,"path":378,"stem":379,"framework":11,"module":11},"InputMenu","/components/input-menu","3.components/input-menu",{"title":381,"path":382,"stem":383,"framework":11,"module":11},"InputNumber","/components/input-number","3.components/input-number",{"title":385,"path":386,"stem":387,"framework":11,"module":11},"InputTags","/components/input-tags","3.components/input-tags",{"title":389,"path":390,"stem":391,"framework":11,"module":11},"Kbd","/components/kbd","3.components/kbd",{"title":393,"path":394,"stem":395,"framework":11,"module":11},"Link","/components/link","3.components/link",{"title":397,"path":398,"stem":399,"framework":11,"module":37},"LocaleSelect","/components/locale-select","3.components/locale-select",{"title":401,"path":402,"stem":403,"framework":11,"module":37},"Main","/components/main","3.components/main",{"title":405,"path":406,"stem":407,"framework":11,"module":11},"Modal","/components/modal","3.components/modal",{"title":409,"path":410,"stem":411,"framework":11,"module":11},"NavigationMenu","/components/navigation-menu","3.components/navigation-menu",{"title":413,"path":414,"stem":415,"framework":11,"module":37},"Page","/components/page","3.components/page",{"title":417,"path":418,"stem":419,"framework":11,"module":37},"PageAccordion","/components/page-accordion","3.components/page-accordion",{"title":421,"path":422,"stem":423,"framework":11,"module":37},"PageAnchors","/components/page-anchors","3.components/page-anchors",{"title":425,"path":426,"stem":427,"framework":11,"module":37},"PageAside","/components/page-aside","3.components/page-aside",{"title":429,"path":430,"stem":431,"framework":11,"module":37},"PageBody","/components/page-body","3.components/page-body",{"title":433,"path":434,"stem":435,"framework":11,"module":37},"PageCard","/components/page-card","3.components/page-card",{"title":437,"path":438,"stem":439,"framework":11,"module":37},"PageColumns","/components/page-columns","3.components/page-columns",{"title":441,"path":442,"stem":443,"framework":11,"module":37},"PageCTA","/components/page-cta","3.components/page-cta",{"title":445,"path":446,"stem":447,"framework":11,"module":37},"PageFeature","/components/page-feature","3.components/page-feature",{"title":449,"path":450,"stem":451,"framework":11,"module":37},"PageGrid","/components/page-grid","3.components/page-grid",{"title":453,"path":454,"stem":455,"framework":11,"module":37},"PageHeader","/components/page-header","3.components/page-header",{"title":457,"path":458,"stem":459,"framework":11,"module":37},"PageHero","/components/page-hero","3.components/page-hero",{"title":461,"path":462,"stem":463,"framework":11,"module":37},"PageLinks","/components/page-links","3.components/page-links",{"title":465,"path":466,"stem":467,"framework":11,"module":37},"PageList","/components/page-list","3.components/page-list",{"title":469,"path":470,"stem":471,"framework":11,"module":37},"PageLogos","/components/page-logos","3.components/page-logos",{"title":473,"path":474,"stem":475,"framework":11,"module":37},"PageMarquee","/components/page-marquee","3.components/page-marquee",{"title":477,"path":478,"stem":479,"framework":11,"module":37},"PageSection","/components/page-section","3.components/page-section",{"title":481,"path":482,"stem":483,"framework":11,"module":11},"Pagination","/components/pagination","3.components/pagination",{"title":485,"path":486,"stem":487,"framework":11,"module":11},"PinInput","/components/pin-input","3.components/pin-input",{"title":489,"path":490,"stem":491,"framework":11,"module":11},"Popover","/components/popover","3.components/popover",{"title":493,"path":494,"stem":495,"framework":11,"module":37},"PricingPlan","/components/pricing-plan","3.components/pricing-plan",{"title":497,"path":498,"stem":499,"framework":11,"module":37},"PricingPlans","/components/pricing-plans","3.components/pricing-plans",{"title":501,"path":502,"stem":503,"framework":11,"module":37},"PricingTable","/components/pricing-table","3.components/pricing-table",{"title":505,"path":506,"stem":507,"framework":11,"module":11},"Progress","/components/progress","3.components/progress",{"title":509,"path":510,"stem":511,"framework":11,"module":11},"RadioGroup","/components/radio-group","3.components/radio-group",{"title":513,"path":514,"stem":515,"framework":11,"module":11},"Select","/components/select","3.components/select",{"title":517,"path":518,"stem":519,"framework":11,"module":11},"SelectMenu","/components/select-menu","3.components/select-menu",{"title":521,"path":522,"stem":523,"framework":11,"module":11},"Separator","/components/separator","3.components/separator",{"title":525,"path":526,"stem":527,"framework":11,"module":11},"Skeleton","/components/skeleton","3.components/skeleton",{"title":529,"path":530,"stem":531,"framework":11,"module":11},"Slideover","/components/slideover","3.components/slideover",{"title":533,"path":534,"stem":535,"framework":11,"module":11},"Slider","/components/slider","3.components/slider",{"title":537,"path":538,"stem":539,"framework":11,"module":11},"Stepper","/components/stepper","3.components/stepper",{"title":541,"path":542,"stem":543,"framework":11,"module":11},"Switch","/components/switch","3.components/switch",{"title":545,"path":546,"stem":547,"framework":11,"module":11},"Table","/components/table","3.components/table",{"title":549,"path":550,"stem":551,"framework":11,"module":11},"Tabs","/components/tabs","3.components/tabs",{"title":553,"path":554,"stem":555,"framework":11,"module":11},"Textarea","/components/textarea","3.components/textarea",{"title":557,"path":558,"stem":559,"framework":11,"module":11},"Timeline","/components/timeline","3.components/timeline",{"title":561,"path":562,"stem":563,"framework":11,"module":11},"Toast","/components/toast","3.components/toast",{"title":565,"path":566,"stem":567,"framework":11,"module":11},"Tooltip","/components/tooltip","3.components/tooltip",{"title":569,"path":570,"stem":571,"framework":11,"module":11},"Tree","/components/tree","3.components/tree",{"title":573,"path":574,"stem":575,"framework":11,"module":37},"User","/components/user","3.components/user",{"id":577,"title":47,"body":578,"category":11,"description":9007,"extension":6928,"framework":11,"links":11,"meta":9008,"module":11,"navigation":9009,"path":48,"seo":9010,"stem":49,"__hash__":9011},"content/1.getting-started/3.theme.md",{"type":579,"value":580,"toc":8983},"minimark",[581,586,598,606,616,1019,1033,1041,1047,1058,1069,1189,1195,1199,1208,1334,1341,1347,1364,1368,1849,1866,1870,2609,2613,2616,2620,2623,2853,2859,3081,4486,4492,4684,4738,4914,4917,4923,5411,5415,5633,5813,5965,6575,6580,6826,6863,6867,6874,6904,6911,7154,7376,7381,7504,7512,7515,7525,7558,7564,7732,7736,7745,7749,7758,8044,8054,8145,8164,8168,8180,8370,8380,8385,8391,8416,8420,8423,8436,8461,8465,8889,8901,8905,8911,8924,8930,8949,8954,8967,8970,8979],[582,583,585],"h2",{"id":584},"tailwind-css","Tailwind CSS",[587,588,589,590,597],"p",{},"Nuxt UI uses Tailwind CSS v4, you can read the official ",[591,592,596],"a",{"href":593,"rel":594},"https://tailwindcss.com/docs/upgrade-guide#changes-from-v3",[595],"nofollow","upgrade guide"," to learn about all the breaking changes.",[599,600,602],"h3",{"id":601},"theme",[603,604,605],"code",{},"@theme",[587,607,608,609,615],{},"Tailwind CSS v4 takes a CSS-first configuration approach, you now customize your theme with CSS variables inside a ",[591,610,613],{"href":611,"rel":612},"https://tailwindcss.com/docs/functions-and-directives#theme-directive",[595],[603,614,605],{}," directive to define your project's custom design tokens, like fonts, colors, and breakpoints:",[617,618,619,859],"module-only",{},[620,621,623],"template",{"v-slot:ui":622},"",[624,625,626],"div",{},[627,628,633],"pre",{"className":629,"code":630,"filename":631,"language":632,"meta":622,"style":622},"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",[603,634,635,658,672,678,690,705,710,716,721,733,745,757,769,781,793,805,817,829,841,853],{"__ignoreMap":622},[636,637,640,644,648,652,655],"span",{"class":638,"line":639},"line",1,[636,641,643],{"class":642},"s7zQu","@import",[636,645,647],{"class":646},"sMK4o"," \"",[636,649,651],{"class":650},"sfazB","tailwindcss",[636,653,654],{"class":646},"\"",[636,656,657],{"class":646},";\n",[636,659,661,663,665,668,670],{"class":638,"line":660},2,[636,662,643],{"class":642},[636,664,647],{"class":646},[636,666,667],{"class":650},"@nuxt/ui",[636,669,654],{"class":646},[636,671,657],{"class":646},[636,673,675],{"class":638,"line":674},3,[636,676,677],{"emptyLinePlaceholder":15},"\n",[636,679,681,683,687],{"class":638,"line":680},4,[636,682,605],{"class":642},[636,684,686],{"class":685},"sTEyZ"," static ",[636,688,689],{"class":646},"{\n",[636,691,693,696,699,703],{"class":638,"line":692},5,[636,694,695],{"class":685},"  --font-sans: 'Public Sans'",[636,697,698],{"class":646},",",[636,700,702],{"class":701},"sBMFI"," sans-serif",[636,704,657],{"class":685},[636,706,708],{"class":638,"line":707},6,[636,709,677],{"emptyLinePlaceholder":15},[636,711,713],{"class":638,"line":712},7,[636,714,715],{"class":685},"  --breakpoint-3xl: 1920px;\n",[636,717,719],{"class":638,"line":718},8,[636,720,677],{"emptyLinePlaceholder":15},[636,722,724,727,731],{"class":638,"line":723},9,[636,725,726],{"class":685},"  --color-green-50: ",[636,728,730],{"class":729},"s7r4c","#EFFDF5",[636,732,657],{"class":685},[636,734,736,739,743],{"class":638,"line":735},10,[636,737,738],{"class":685},"  --color-green-100: ",[636,740,742],{"class":741},"s_yAY","#D9FBE8",[636,744,657],{"class":685},[636,746,748,751,755],{"class":638,"line":747},11,[636,749,750],{"class":685},"  --color-green-200: ",[636,752,754],{"class":753},"svDi6","#B3F5D1",[636,756,657],{"class":685},[636,758,760,763,767],{"class":638,"line":759},12,[636,761,762],{"class":685},"  --color-green-300: ",[636,764,766],{"class":765},"sX0M8","#75EDAE",[636,768,657],{"class":685},[636,770,772,775,779],{"class":638,"line":771},13,[636,773,774],{"class":685},"  --color-green-400: ",[636,776,778],{"class":777},"sMfEM","#00DC82",[636,780,657],{"class":685},[636,782,784,787,791],{"class":638,"line":783},14,[636,785,786],{"class":685},"  --color-green-500: ",[636,788,790],{"class":789},"sLUHb","#00C16A",[636,792,657],{"class":685},[636,794,796,799,803],{"class":638,"line":795},15,[636,797,798],{"class":685},"  --color-green-600: ",[636,800,802],{"class":801},"sm-p6","#00A155",[636,804,657],{"class":685},[636,806,808,811,815],{"class":638,"line":807},16,[636,809,810],{"class":685},"  --color-green-700: ",[636,812,814],{"class":813},"sNqnt","#007F45",[636,816,657],{"class":685},[636,818,820,823,827],{"class":638,"line":819},17,[636,821,822],{"class":685},"  --color-green-800: ",[636,824,826],{"class":825},"s74mv","#016538",[636,828,657],{"class":685},[636,830,832,835,839],{"class":638,"line":831},18,[636,833,834],{"class":685},"  --color-green-900: ",[636,836,838],{"class":837},"sWbUt","#0A5331",[636,840,657],{"class":685},[636,842,844,847,851],{"class":638,"line":843},19,[636,845,846],{"class":685},"  --color-green-950: ",[636,848,850],{"class":849},"sB4BK","#052E16",[636,852,657],{"class":685},[636,854,856],{"class":638,"line":855},20,[636,857,858],{"class":685},"}\n",[620,860,861],{"v-slot:ui-pro":622},[624,862,863],{},[627,864,866],{"className":629,"code":865,"filename":631,"language":632,"meta":622,"style":622},"@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",[603,867,868,880,893,897,905,915,919,923,927,935,943,951,959,967,975,983,991,999,1007,1015],{"__ignoreMap":622},[636,869,870,872,874,876,878],{"class":638,"line":639},[636,871,643],{"class":642},[636,873,647],{"class":646},[636,875,651],{"class":650},[636,877,654],{"class":646},[636,879,657],{"class":646},[636,881,882,884,886,889,891],{"class":638,"line":660},[636,883,643],{"class":642},[636,885,647],{"class":646},[636,887,888],{"class":650},"@nuxt/ui-pro",[636,890,654],{"class":646},[636,892,657],{"class":646},[636,894,895],{"class":638,"line":674},[636,896,677],{"emptyLinePlaceholder":15},[636,898,899,901,903],{"class":638,"line":680},[636,900,605],{"class":642},[636,902,686],{"class":685},[636,904,689],{"class":646},[636,906,907,909,911,913],{"class":638,"line":692},[636,908,695],{"class":685},[636,910,698],{"class":646},[636,912,702],{"class":701},[636,914,657],{"class":685},[636,916,917],{"class":638,"line":707},[636,918,677],{"emptyLinePlaceholder":15},[636,920,921],{"class":638,"line":712},[636,922,715],{"class":685},[636,924,925],{"class":638,"line":718},[636,926,677],{"emptyLinePlaceholder":15},[636,928,929,931,933],{"class":638,"line":723},[636,930,726],{"class":685},[636,932,730],{"class":729},[636,934,657],{"class":685},[636,936,937,939,941],{"class":638,"line":735},[636,938,738],{"class":685},[636,940,742],{"class":741},[636,942,657],{"class":685},[636,944,945,947,949],{"class":638,"line":747},[636,946,750],{"class":685},[636,948,754],{"class":753},[636,950,657],{"class":685},[636,952,953,955,957],{"class":638,"line":759},[636,954,762],{"class":685},[636,956,766],{"class":765},[636,958,657],{"class":685},[636,960,961,963,965],{"class":638,"line":771},[636,962,774],{"class":685},[636,964,778],{"class":777},[636,966,657],{"class":685},[636,968,969,971,973],{"class":638,"line":783},[636,970,786],{"class":685},[636,972,790],{"class":789},[636,974,657],{"class":685},[636,976,977,979,981],{"class":638,"line":795},[636,978,798],{"class":685},[636,980,802],{"class":801},[636,982,657],{"class":685},[636,984,985,987,989],{"class":638,"line":807},[636,986,810],{"class":685},[636,988,814],{"class":813},[636,990,657],{"class":685},[636,992,993,995,997],{"class":638,"line":819},[636,994,822],{"class":685},[636,996,826],{"class":825},[636,998,657],{"class":685},[636,1000,1001,1003,1005],{"class":638,"line":831},[636,1002,834],{"class":685},[636,1004,838],{"class":837},[636,1006,657],{"class":685},[636,1008,1009,1011,1013],{"class":638,"line":843},[636,1010,846],{"class":685},[636,1012,850],{"class":849},[636,1014,657],{"class":685},[636,1016,1017],{"class":638,"line":855},[636,1018,858],{"class":685},[587,1020,1021,1022,1024,1025,1028,1029,1032],{},"The ",[603,1023,605],{}," directive tells Tailwind to make new utilities and variants available based on these variables. It's the equivalent of the ",[603,1026,1027],{},"theme.extend"," key in Tailwind CSS v3 ",[603,1030,1031],{},"tailwind.config.ts"," file.",[1034,1035,1038],"note",{"to":1036,"target":1037},"https://tailwindcss.com/docs/theme","_blank",[587,1039,1040],{},"Learn more about customizing your theme in the theme variables documentation.",[599,1042,1044],{"id":1043},"source",[603,1045,1046],{},"@source",[587,1048,1049,1050,1057],{},"You can use the ",[591,1051,1054,1056],{"href":1052,"rel":1053},"https://tailwindcss.com/docs/functions-and-directives#source-directive",[595],[603,1055,1046],{}," directive"," to explicitly specify source files that aren't picked up by Tailwind's automatic content detection:",[587,1059,1060,1061,1068],{},"This can be useful when writing Tailwind CSS classes in markdown files with ",[591,1062,1065],{"href":1063,"rel":1064},"https://github.com/nuxt/content",[595],[603,1066,1067],{},"@nuxt/content"," for example:",[617,1070,1071,1132],{},[620,1072,1073],{"v-slot:ui":622},[624,1074,1075],{},[627,1076,1078],{"className":629,"code":1077,"filename":631,"language":632,"meta":622,"style":622},"@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",[603,1079,1080,1092,1104,1108,1117,1123],{"__ignoreMap":622},[636,1081,1082,1084,1086,1088,1090],{"class":638,"line":639},[636,1083,643],{"class":642},[636,1085,647],{"class":646},[636,1087,651],{"class":650},[636,1089,654],{"class":646},[636,1091,657],{"class":646},[636,1093,1094,1096,1098,1100,1102],{"class":638,"line":660},[636,1095,643],{"class":642},[636,1097,647],{"class":646},[636,1099,667],{"class":650},[636,1101,654],{"class":646},[636,1103,657],{"class":646},[636,1105,1106],{"class":638,"line":674},[636,1107,677],{"emptyLinePlaceholder":15},[636,1109,1110,1112,1115],{"class":638,"line":680},[636,1111,1046],{"class":642},[636,1113,1114],{"class":685}," \"../../../content\"",[636,1116,657],{"class":646},[636,1118,1119],{"class":638,"line":692},[636,1120,1122],{"class":1121},"sHwdD","/* Use this if you're not using compatibilityVersion: 4: https://nuxt.com/docs/getting-started/upgrade#opting-in-to-nuxt-4 */\n",[636,1124,1125,1127,1130],{"class":638,"line":707},[636,1126,1046],{"class":642},[636,1128,1129],{"class":685}," \"../../content\"",[636,1131,657],{"class":646},[620,1133,1134],{"v-slot:ui-pro":622},[624,1135,1136],{},[627,1137,1139],{"className":629,"code":1138,"filename":631,"language":632,"meta":622,"style":622},"@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",[603,1140,1141,1153,1165,1169,1177,1181],{"__ignoreMap":622},[636,1142,1143,1145,1147,1149,1151],{"class":638,"line":639},[636,1144,643],{"class":642},[636,1146,647],{"class":646},[636,1148,651],{"class":650},[636,1150,654],{"class":646},[636,1152,657],{"class":646},[636,1154,1155,1157,1159,1161,1163],{"class":638,"line":660},[636,1156,643],{"class":642},[636,1158,647],{"class":646},[636,1160,888],{"class":650},[636,1162,654],{"class":646},[636,1164,657],{"class":646},[636,1166,1167],{"class":638,"line":674},[636,1168,677],{"emptyLinePlaceholder":15},[636,1170,1171,1173,1175],{"class":638,"line":680},[636,1172,1046],{"class":642},[636,1174,1114],{"class":685},[636,1176,657],{"class":646},[636,1178,1179],{"class":638,"line":692},[636,1180,1122],{"class":1121},[636,1182,1183,1185,1187],{"class":638,"line":707},[636,1184,1046],{"class":642},[636,1186,1129],{"class":685},[636,1188,657],{"class":646},[1034,1190,1192],{"to":1191},"https://tailwindcss.com/docs/detecting-classes-in-source-files",[587,1193,1194],{},"Learn more about automatic content detection in the detecting classes in source files documentation.",[582,1196,1198],{"id":1197},"design-system","Design system",[587,1200,1201,1202,1207],{},"Nuxt UI extends Tailwind CSS's theming capabilities, providing a flexible design system with pre-configured color aliases based on ",[591,1203,1206],{"href":1204,"rel":1205},"https://tailwindcss.com/docs/customizing-colors#color-palette-reference",[595],"Tailwind CSS colors",". This allows for easy customization and quick adaptation of the UI to your brand's aesthetic.",[1209,1210,1211,1227],"table",{},[1212,1213,1214],"thead",{},[1215,1216,1217,1221,1224],"tr",{},[1218,1219,1220],"th",{},"Color",[1218,1222,1223],{},"Default",[1218,1225,1226],{},"Description",[1228,1229,1230,1246,1261,1275,1289,1304,1319],"tbody",{},[1215,1231,1232,1238,1243],{},[1233,1234,1235],"td",{},[603,1236,1237],{"color":1237},"primary",[1233,1239,1240],{},[603,1241,1242],{},"green",[1233,1244,1245],{},"Main brand color, used as the default color for components.",[1215,1247,1248,1253,1258],{},[1233,1249,1250],{},[603,1251,1252],{"color":1252},"secondary",[1233,1254,1255],{},[603,1256,1257],{},"blue",[1233,1259,1260],{},"Secondary color to complement the primary color.",[1215,1262,1263,1268,1272],{},[1233,1264,1265],{},[603,1266,1267],{"color":1267},"success",[1233,1269,1270],{},[603,1271,1242],{},[1233,1273,1274],{},"Used for success states.",[1215,1276,1277,1282,1286],{},[1233,1278,1279],{},[603,1280,1281],{"color":1281},"info",[1233,1283,1284],{},[603,1285,1257],{},[1233,1287,1288],{},"Used for informational states.",[1215,1290,1291,1296,1301],{},[1233,1292,1293],{},[603,1294,1295],{"color":1295},"warning",[1233,1297,1298],{},[603,1299,1300],{},"yellow",[1233,1302,1303],{},"Used for warning states.",[1215,1305,1306,1311,1316],{},[1233,1307,1308],{},[603,1309,1310],{"color":1310},"error",[1233,1312,1313],{},[603,1314,1315],{},"red",[1233,1317,1318],{},"Used for form error validation states.",[1215,1320,1321,1326,1331],{},[1233,1322,1323],{},[603,1324,1325],{},"neutral",[1233,1327,1328],{},[603,1329,1330],{},"slate",[1233,1332,1333],{},"Neutral color for backgrounds, text, etc.",[587,1335,1336,1337,1340],{},"These colors are used to style the components but also to generate the ",[603,1338,1339],{},"color"," props:",[1342,1343],"component-code",{":props":1344,"slug":1345,":slots":1346},"{\"color\":\"primary\"}","button","{\"default\":\"Button\"}",[1034,1348,1349],{},[587,1350,1351,1352,1357,1358,1360,1361,1363],{},"Try the ",[1353,1354],"prose-icon",{"className":1355,"name":50},[1356],"text-primary"," theme picker in the header above to change ",[603,1359,1237],{}," and ",[603,1362,1325],{}," colors.",[599,1365,1367],{"id":1366},"configuration","Configuration",[1369,1370,1371,1486],"framework-only",{},[620,1372,1373],{"v-slot:nuxt":622},[624,1374,1375,1390],{},[587,1376,1377,1378,1385,1386,1389],{},"You can configure these color aliases at runtime in your ",[591,1379,1382],{"href":1380,"rel":1381},"https://nuxt.com/docs/guide/directory-structure/app-config#app-config-file",[595],[603,1383,1384],{},"app.config.ts"," file under the ",[603,1387,1388],{},"ui.colors"," key, allowing for dynamic theme customization without requiring an application rebuild:",[627,1391,1395],{"className":1392,"code":1393,"filename":1384,"language":1394,"meta":622,"style":622},"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",[603,1396,1397,1414,1426,1435,1453,1468,1473,1478],{"__ignoreMap":622},[636,1398,1399,1402,1405,1409,1412],{"class":638,"line":639},[636,1400,1401],{"class":642},"export",[636,1403,1404],{"class":642}," default",[636,1406,1408],{"class":1407},"s2Zo4"," defineAppConfig",[636,1410,1411],{"class":685},"(",[636,1413,689],{"class":646},[636,1415,1416,1420,1423],{"class":638,"line":660},[636,1417,1419],{"class":1418},"swJcz","  ui",[636,1421,1422],{"class":646},":",[636,1424,1425],{"class":646}," {\n",[636,1427,1428,1431,1433],{"class":638,"line":674},[636,1429,1430],{"class":1418},"    colors",[636,1432,1422],{"class":646},[636,1434,1425],{"class":646},[636,1436,1437,1440,1442,1445,1447,1450],{"class":638,"line":680},[636,1438,1439],{"class":1418},"      primary",[636,1441,1422],{"class":646},[636,1443,1444],{"class":646}," '",[636,1446,1257],{"class":650},[636,1448,1449],{"class":646},"'",[636,1451,1452],{"class":646},",\n",[636,1454,1455,1458,1460,1462,1465],{"class":638,"line":692},[636,1456,1457],{"class":1418},"      neutral",[636,1459,1422],{"class":646},[636,1461,1444],{"class":646},[636,1463,1464],{"class":650},"zinc",[636,1466,1467],{"class":646},"'\n",[636,1469,1470],{"class":638,"line":707},[636,1471,1472],{"class":646},"    }\n",[636,1474,1475],{"class":638,"line":712},[636,1476,1477],{"class":646},"  }\n",[636,1479,1480,1483],{"class":638,"line":718},[636,1481,1482],{"class":646},"}",[636,1484,1485],{"class":685},")\n",[620,1487,1488],{"v-slot:vue":622},[624,1489,1490,1498],{},[587,1491,1377,1492,1385,1495,1497],{},[603,1493,1494],{},"vite.config.ts",[603,1496,1388],{}," key:",[617,1499,1500,1685],{},[620,1501,1502],{"v-slot:ui":622},[624,1503,1504],{},[627,1505,1507],{"className":1392,"code":1506,"filename":1494,"language":1394,"meta":622,"style":622},"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",[603,1508,1509,1533,1550,1566,1570,1582,1592,1602,1611,1620,1629,1644,1657,1662,1667,1674,1679],{"__ignoreMap":622},[636,1510,1511,1514,1517,1520,1523,1526,1528,1531],{"class":638,"line":639},[636,1512,1513],{"class":642},"import",[636,1515,1516],{"class":646}," {",[636,1518,1519],{"class":685}," defineConfig",[636,1521,1522],{"class":646}," }",[636,1524,1525],{"class":642}," from",[636,1527,1444],{"class":646},[636,1529,1530],{"class":650},"vite",[636,1532,1467],{"class":646},[636,1534,1535,1537,1540,1543,1545,1548],{"class":638,"line":660},[636,1536,1513],{"class":642},[636,1538,1539],{"class":685}," vue ",[636,1541,1542],{"class":642},"from",[636,1544,1444],{"class":646},[636,1546,1547],{"class":650},"@vitejs/plugin-vue",[636,1549,1467],{"class":646},[636,1551,1552,1554,1557,1559,1561,1564],{"class":638,"line":674},[636,1553,1513],{"class":642},[636,1555,1556],{"class":685}," ui ",[636,1558,1542],{"class":642},[636,1560,1444],{"class":646},[636,1562,1563],{"class":650},"@nuxt/ui/vite",[636,1565,1467],{"class":646},[636,1567,1568],{"class":638,"line":680},[636,1569,677],{"emptyLinePlaceholder":15},[636,1571,1572,1574,1576,1578,1580],{"class":638,"line":692},[636,1573,1401],{"class":642},[636,1575,1404],{"class":642},[636,1577,1519],{"class":1407},[636,1579,1411],{"class":685},[636,1581,689],{"class":646},[636,1583,1584,1587,1589],{"class":638,"line":707},[636,1585,1586],{"class":1418},"  plugins",[636,1588,1422],{"class":646},[636,1590,1591],{"class":685}," [\n",[636,1593,1594,1597,1600],{"class":638,"line":712},[636,1595,1596],{"class":1407},"    vue",[636,1598,1599],{"class":685},"()",[636,1601,1452],{"class":646},[636,1603,1604,1607,1609],{"class":638,"line":718},[636,1605,1606],{"class":1407},"    ui",[636,1608,1411],{"class":685},[636,1610,689],{"class":646},[636,1612,1613,1616,1618],{"class":638,"line":723},[636,1614,1615],{"class":1418},"      ui",[636,1617,1422],{"class":646},[636,1619,1425],{"class":646},[636,1621,1622,1625,1627],{"class":638,"line":735},[636,1623,1624],{"class":1418},"        colors",[636,1626,1422],{"class":646},[636,1628,1425],{"class":646},[636,1630,1631,1634,1636,1638,1640,1642],{"class":638,"line":747},[636,1632,1633],{"class":1418},"          primary",[636,1635,1422],{"class":646},[636,1637,1444],{"class":646},[636,1639,1257],{"class":650},[636,1641,1449],{"class":646},[636,1643,1452],{"class":646},[636,1645,1646,1649,1651,1653,1655],{"class":638,"line":759},[636,1647,1648],{"class":1418},"          neutral",[636,1650,1422],{"class":646},[636,1652,1444],{"class":646},[636,1654,1464],{"class":650},[636,1656,1467],{"class":646},[636,1658,1659],{"class":638,"line":771},[636,1660,1661],{"class":646},"        }\n",[636,1663,1664],{"class":638,"line":783},[636,1665,1666],{"class":646},"      }\n",[636,1668,1669,1672],{"class":638,"line":795},[636,1670,1671],{"class":646},"    }",[636,1673,1485],{"class":685},[636,1675,1676],{"class":638,"line":807},[636,1677,1678],{"class":685},"  ]\n",[636,1680,1681,1683],{"class":638,"line":819},[636,1682,1482],{"class":646},[636,1684,1485],{"class":685},[620,1686,1687],{"v-slot:ui-pro":622},[624,1688,1689],{},[627,1690,1692],{"className":1392,"code":1691,"filename":1494,"language":1394,"meta":622,"style":622},"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",[603,1693,1694,1712,1726,1742,1746,1758,1766,1774,1783,1791,1799,1813,1825,1829,1833,1839,1843],{"__ignoreMap":622},[636,1695,1696,1698,1700,1702,1704,1706,1708,1710],{"class":638,"line":639},[636,1697,1513],{"class":642},[636,1699,1516],{"class":646},[636,1701,1519],{"class":685},[636,1703,1522],{"class":646},[636,1705,1525],{"class":642},[636,1707,1444],{"class":646},[636,1709,1530],{"class":650},[636,1711,1467],{"class":646},[636,1713,1714,1716,1718,1720,1722,1724],{"class":638,"line":660},[636,1715,1513],{"class":642},[636,1717,1539],{"class":685},[636,1719,1542],{"class":642},[636,1721,1444],{"class":646},[636,1723,1547],{"class":650},[636,1725,1467],{"class":646},[636,1727,1728,1730,1733,1735,1737,1740],{"class":638,"line":674},[636,1729,1513],{"class":642},[636,1731,1732],{"class":685}," uiPro ",[636,1734,1542],{"class":642},[636,1736,1444],{"class":646},[636,1738,1739],{"class":650},"@nuxt/ui-pro/vite",[636,1741,1467],{"class":646},[636,1743,1744],{"class":638,"line":680},[636,1745,677],{"emptyLinePlaceholder":15},[636,1747,1748,1750,1752,1754,1756],{"class":638,"line":692},[636,1749,1401],{"class":642},[636,1751,1404],{"class":642},[636,1753,1519],{"class":1407},[636,1755,1411],{"class":685},[636,1757,689],{"class":646},[636,1759,1760,1762,1764],{"class":638,"line":707},[636,1761,1586],{"class":1418},[636,1763,1422],{"class":646},[636,1765,1591],{"class":685},[636,1767,1768,1770,1772],{"class":638,"line":712},[636,1769,1596],{"class":1407},[636,1771,1599],{"class":685},[636,1773,1452],{"class":646},[636,1775,1776,1779,1781],{"class":638,"line":718},[636,1777,1778],{"class":1407},"    uiPro",[636,1780,1411],{"class":685},[636,1782,689],{"class":646},[636,1784,1785,1787,1789],{"class":638,"line":723},[636,1786,1615],{"class":1418},[636,1788,1422],{"class":646},[636,1790,1425],{"class":646},[636,1792,1793,1795,1797],{"class":638,"line":735},[636,1794,1624],{"class":1418},[636,1796,1422],{"class":646},[636,1798,1425],{"class":646},[636,1800,1801,1803,1805,1807,1809,1811],{"class":638,"line":747},[636,1802,1633],{"class":1418},[636,1804,1422],{"class":646},[636,1806,1444],{"class":646},[636,1808,1257],{"class":650},[636,1810,1449],{"class":646},[636,1812,1452],{"class":646},[636,1814,1815,1817,1819,1821,1823],{"class":638,"line":759},[636,1816,1648],{"class":1418},[636,1818,1422],{"class":646},[636,1820,1444],{"class":646},[636,1822,1464],{"class":650},[636,1824,1467],{"class":646},[636,1826,1827],{"class":638,"line":771},[636,1828,1661],{"class":646},[636,1830,1831],{"class":638,"line":783},[636,1832,1666],{"class":646},[636,1834,1835,1837],{"class":638,"line":795},[636,1836,1671],{"class":646},[636,1838,1485],{"class":685},[636,1840,1841],{"class":638,"line":807},[636,1842,1678],{"class":685},[636,1844,1845,1847],{"class":638,"line":819},[636,1846,1482],{"class":646},[636,1848,1485],{"class":685},[1850,1851,1852],"caution",{},[587,1853,1854,1855,1860,1861,1865],{},"When configuring your theme colors, you must use either color names from the ",[591,1856,1859],{"href":1857,"rel":1858},"https://tailwindcss.com/docs/colors",[595],"default Tailwind palette"," (like 'blue', 'green', etc.) or reference custom colors that you've previously defined in your ",[591,1862,1864],{"href":1863},"#theme","CSS file",".",[599,1867,1869],{"id":1868},"extend-colors","Extend colors",[1369,1871,1872,2092],{},[620,1873,1874],{"v-slot:nuxt":622},[624,1875,1876,1893,1957],{},[587,1877,1878,1879,1881,1882,1888,1889,1892],{},"You can add you own dynamic color aliases in your ",[603,1880,1384],{},", you just have to make sure to define them in the ",[591,1883,1885],{"href":1884},"/getting-started/installation/nuxt#themecolors",[603,1886,1887],{},"ui.theme.colors"," option in your ",[603,1890,1891],{},"nuxt.config.ts"," file:",[627,1894,1897],{"className":1392,"code":1895,"filename":1384,"highlights":1896,"language":1394,"meta":622,"style":622},"export default defineAppConfig({\n  ui: {\n    colors: {\n      tertiary: 'indigo'\n    }\n  }\n})\n",[680],[603,1898,1899,1911,1919,1927,1943,1947,1951],{"__ignoreMap":622},[636,1900,1901,1903,1905,1907,1909],{"class":638,"line":639},[636,1902,1401],{"class":642},[636,1904,1404],{"class":642},[636,1906,1408],{"class":1407},[636,1908,1411],{"class":685},[636,1910,689],{"class":646},[636,1912,1913,1915,1917],{"class":638,"line":660},[636,1914,1419],{"class":1418},[636,1916,1422],{"class":646},[636,1918,1425],{"class":646},[636,1920,1921,1923,1925],{"class":638,"line":674},[636,1922,1430],{"class":1418},[636,1924,1422],{"class":646},[636,1926,1425],{"class":646},[636,1928,1931,1934,1936,1938,1941],{"class":1929,"line":680},[638,1930],"highlight",[636,1932,1933],{"class":1418},"      tertiary",[636,1935,1422],{"class":646},[636,1937,1444],{"class":646},[636,1939,1940],{"class":650},"indigo",[636,1942,1467],{"class":646},[636,1944,1945],{"class":638,"line":692},[636,1946,1472],{"class":646},[636,1948,1949],{"class":638,"line":707},[636,1950,1477],{"class":646},[636,1952,1953,1955],{"class":638,"line":712},[636,1954,1482],{"class":646},[636,1956,1485],{"class":685},[627,1958,1961],{"className":1392,"code":1959,"filename":1891,"highlights":1960,"language":1394,"meta":622,"style":622},"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",[712],[603,1962,1963,1976,1984,1993,2002,2013,2023,2035,2045,2055,2065,2073,2078,2082,2086],{"__ignoreMap":622},[636,1964,1965,1967,1969,1972,1974],{"class":638,"line":639},[636,1966,1401],{"class":642},[636,1968,1404],{"class":642},[636,1970,1971],{"class":1407}," defineNuxtConfig",[636,1973,1411],{"class":685},[636,1975,689],{"class":646},[636,1977,1978,1980,1982],{"class":638,"line":660},[636,1979,1419],{"class":1418},[636,1981,1422],{"class":646},[636,1983,1425],{"class":646},[636,1985,1986,1989,1991],{"class":638,"line":674},[636,1987,1988],{"class":1418},"    theme",[636,1990,1422],{"class":646},[636,1992,1425],{"class":646},[636,1994,1995,1998,2000],{"class":638,"line":680},[636,1996,1997],{"class":1418},"      colors",[636,1999,1422],{"class":646},[636,2001,1591],{"class":685},[636,2003,2004,2007,2009,2011],{"class":638,"line":692},[636,2005,2006],{"class":646},"        '",[636,2008,1237],{"class":650},[636,2010,1449],{"class":646},[636,2012,1452],{"class":646},[636,2014,2015,2017,2019,2021],{"class":638,"line":707},[636,2016,2006],{"class":646},[636,2018,1252],{"class":650},[636,2020,1449],{"class":646},[636,2022,1452],{"class":646},[636,2024,2026,2028,2031,2033],{"class":2025,"line":712},[638,1930],[636,2027,2006],{"class":646},[636,2029,2030],{"class":650},"tertiary",[636,2032,1449],{"class":646},[636,2034,1452],{"class":646},[636,2036,2037,2039,2041,2043],{"class":638,"line":718},[636,2038,2006],{"class":646},[636,2040,1281],{"class":650},[636,2042,1449],{"class":646},[636,2044,1452],{"class":646},[636,2046,2047,2049,2051,2053],{"class":638,"line":723},[636,2048,2006],{"class":646},[636,2050,1267],{"class":650},[636,2052,1449],{"class":646},[636,2054,1452],{"class":646},[636,2056,2057,2059,2061,2063],{"class":638,"line":735},[636,2058,2006],{"class":646},[636,2060,1295],{"class":650},[636,2062,1449],{"class":646},[636,2064,1452],{"class":646},[636,2066,2067,2069,2071],{"class":638,"line":747},[636,2068,2006],{"class":646},[636,2070,1310],{"class":650},[636,2072,1467],{"class":646},[636,2074,2075],{"class":638,"line":759},[636,2076,2077],{"class":685},"      ]\n",[636,2079,2080],{"class":638,"line":771},[636,2081,1472],{"class":646},[636,2083,2084],{"class":638,"line":783},[636,2085,1477],{"class":646},[636,2087,2088,2090],{"class":638,"line":795},[636,2089,1482],{"class":646},[636,2091,1485],{"class":685},[620,2093,2094],{"v-slot:vue":622},[624,2095,2096,2111],{},[587,2097,1878,2098,2100,2101,2107,2108,2110],{},[603,2099,1494],{},", you just have to make sure to also define them in the ",[591,2102,2104],{"href":2103},"/getting-started/installation/vue#themecolors",[603,2105,2106],{},"theme.colors"," option of the ",[603,2109,23],{}," plugin:",[617,2112,2113,2367],{},[620,2114,2115],{"v-slot:ui":622},[624,2116,2117],{},[627,2118,2121],{"className":1392,"code":2119,"filename":1494,"highlights":2120,"language":1394,"meta":622,"style":622},"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",[747,831],[603,2122,2123,2141,2155,2169,2173,2185,2193,2201,2209,2217,2225,2239,2243,2248,2257,2265,2276,2286,2297,2307,2317,2328,2337,2343,2348,2355,2360],{"__ignoreMap":622},[636,2124,2125,2127,2129,2131,2133,2135,2137,2139],{"class":638,"line":639},[636,2126,1513],{"class":642},[636,2128,1516],{"class":646},[636,2130,1519],{"class":685},[636,2132,1522],{"class":646},[636,2134,1525],{"class":642},[636,2136,1444],{"class":646},[636,2138,1530],{"class":650},[636,2140,1467],{"class":646},[636,2142,2143,2145,2147,2149,2151,2153],{"class":638,"line":660},[636,2144,1513],{"class":642},[636,2146,1539],{"class":685},[636,2148,1542],{"class":642},[636,2150,1444],{"class":646},[636,2152,1547],{"class":650},[636,2154,1467],{"class":646},[636,2156,2157,2159,2161,2163,2165,2167],{"class":638,"line":674},[636,2158,1513],{"class":642},[636,2160,1556],{"class":685},[636,2162,1542],{"class":642},[636,2164,1444],{"class":646},[636,2166,1563],{"class":650},[636,2168,1467],{"class":646},[636,2170,2171],{"class":638,"line":680},[636,2172,677],{"emptyLinePlaceholder":15},[636,2174,2175,2177,2179,2181,2183],{"class":638,"line":692},[636,2176,1401],{"class":642},[636,2178,1404],{"class":642},[636,2180,1519],{"class":1407},[636,2182,1411],{"class":685},[636,2184,689],{"class":646},[636,2186,2187,2189,2191],{"class":638,"line":707},[636,2188,1586],{"class":1418},[636,2190,1422],{"class":646},[636,2192,1591],{"class":685},[636,2194,2195,2197,2199],{"class":638,"line":712},[636,2196,1596],{"class":1407},[636,2198,1599],{"class":685},[636,2200,1452],{"class":646},[636,2202,2203,2205,2207],{"class":638,"line":718},[636,2204,1606],{"class":1407},[636,2206,1411],{"class":685},[636,2208,689],{"class":646},[636,2210,2211,2213,2215],{"class":638,"line":723},[636,2212,1615],{"class":1418},[636,2214,1422],{"class":646},[636,2216,1425],{"class":646},[636,2218,2219,2221,2223],{"class":638,"line":735},[636,2220,1624],{"class":1418},[636,2222,1422],{"class":646},[636,2224,1425],{"class":646},[636,2226,2228,2231,2233,2235,2237],{"class":2227,"line":747},[638,1930],[636,2229,2230],{"class":1418},"          tertiary",[636,2232,1422],{"class":646},[636,2234,1444],{"class":646},[636,2236,1940],{"class":650},[636,2238,1467],{"class":646},[636,2240,2241],{"class":638,"line":759},[636,2242,1661],{"class":646},[636,2244,2245],{"class":638,"line":771},[636,2246,2247],{"class":646},"      },\n",[636,2249,2250,2253,2255],{"class":638,"line":783},[636,2251,2252],{"class":1418},"      theme",[636,2254,1422],{"class":646},[636,2256,1425],{"class":646},[636,2258,2259,2261,2263],{"class":638,"line":795},[636,2260,1624],{"class":1418},[636,2262,1422],{"class":646},[636,2264,1591],{"class":685},[636,2266,2267,2270,2272,2274],{"class":638,"line":807},[636,2268,2269],{"class":646},"          '",[636,2271,1237],{"class":650},[636,2273,1449],{"class":646},[636,2275,1452],{"class":646},[636,2277,2278,2280,2282,2284],{"class":638,"line":819},[636,2279,2269],{"class":646},[636,2281,1252],{"class":650},[636,2283,1449],{"class":646},[636,2285,1452],{"class":646},[636,2287,2289,2291,2293,2295],{"class":2288,"line":831},[638,1930],[636,2290,2269],{"class":646},[636,2292,2030],{"class":650},[636,2294,1449],{"class":646},[636,2296,1452],{"class":646},[636,2298,2299,2301,2303,2305],{"class":638,"line":843},[636,2300,2269],{"class":646},[636,2302,1281],{"class":650},[636,2304,1449],{"class":646},[636,2306,1452],{"class":646},[636,2308,2309,2311,2313,2315],{"class":638,"line":855},[636,2310,2269],{"class":646},[636,2312,1267],{"class":650},[636,2314,1449],{"class":646},[636,2316,1452],{"class":646},[636,2318,2320,2322,2324,2326],{"class":638,"line":2319},21,[636,2321,2269],{"class":646},[636,2323,1295],{"class":650},[636,2325,1449],{"class":646},[636,2327,1452],{"class":646},[636,2329,2331,2333,2335],{"class":638,"line":2330},22,[636,2332,2269],{"class":646},[636,2334,1310],{"class":650},[636,2336,1467],{"class":646},[636,2338,2340],{"class":638,"line":2339},23,[636,2341,2342],{"class":685},"        ]\n",[636,2344,2346],{"class":638,"line":2345},24,[636,2347,1666],{"class":646},[636,2349,2351,2353],{"class":638,"line":2350},25,[636,2352,1671],{"class":646},[636,2354,1485],{"class":685},[636,2356,2358],{"class":638,"line":2357},26,[636,2359,1678],{"class":685},[636,2361,2363,2365],{"class":638,"line":2362},27,[636,2364,1482],{"class":646},[636,2366,1485],{"class":685},[620,2368,2369],{"v-slot:ui-pro":622},[624,2370,2371],{},[627,2372,2375],{"className":1392,"code":2373,"filename":1494,"highlights":2374,"language":1394,"meta":622,"style":622},"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",[747,831],[603,2376,2377,2395,2409,2423,2427,2439,2447,2455,2463,2471,2479,2492,2496,2500,2508,2516,2526,2536,2547,2557,2567,2577,2585,2589,2593,2599,2603],{"__ignoreMap":622},[636,2378,2379,2381,2383,2385,2387,2389,2391,2393],{"class":638,"line":639},[636,2380,1513],{"class":642},[636,2382,1516],{"class":646},[636,2384,1519],{"class":685},[636,2386,1522],{"class":646},[636,2388,1525],{"class":642},[636,2390,1444],{"class":646},[636,2392,1530],{"class":650},[636,2394,1467],{"class":646},[636,2396,2397,2399,2401,2403,2405,2407],{"class":638,"line":660},[636,2398,1513],{"class":642},[636,2400,1539],{"class":685},[636,2402,1542],{"class":642},[636,2404,1444],{"class":646},[636,2406,1547],{"class":650},[636,2408,1467],{"class":646},[636,2410,2411,2413,2415,2417,2419,2421],{"class":638,"line":674},[636,2412,1513],{"class":642},[636,2414,1732],{"class":685},[636,2416,1542],{"class":642},[636,2418,1444],{"class":646},[636,2420,1739],{"class":650},[636,2422,1467],{"class":646},[636,2424,2425],{"class":638,"line":680},[636,2426,677],{"emptyLinePlaceholder":15},[636,2428,2429,2431,2433,2435,2437],{"class":638,"line":692},[636,2430,1401],{"class":642},[636,2432,1404],{"class":642},[636,2434,1519],{"class":1407},[636,2436,1411],{"class":685},[636,2438,689],{"class":646},[636,2440,2441,2443,2445],{"class":638,"line":707},[636,2442,1586],{"class":1418},[636,2444,1422],{"class":646},[636,2446,1591],{"class":685},[636,2448,2449,2451,2453],{"class":638,"line":712},[636,2450,1596],{"class":1407},[636,2452,1599],{"class":685},[636,2454,1452],{"class":646},[636,2456,2457,2459,2461],{"class":638,"line":718},[636,2458,1778],{"class":1407},[636,2460,1411],{"class":685},[636,2462,689],{"class":646},[636,2464,2465,2467,2469],{"class":638,"line":723},[636,2466,1615],{"class":1418},[636,2468,1422],{"class":646},[636,2470,1425],{"class":646},[636,2472,2473,2475,2477],{"class":638,"line":735},[636,2474,1624],{"class":1418},[636,2476,1422],{"class":646},[636,2478,1425],{"class":646},[636,2480,2482,2484,2486,2488,2490],{"class":2481,"line":747},[638,1930],[636,2483,2230],{"class":1418},[636,2485,1422],{"class":646},[636,2487,1444],{"class":646},[636,2489,1940],{"class":650},[636,2491,1467],{"class":646},[636,2493,2494],{"class":638,"line":759},[636,2495,1661],{"class":646},[636,2497,2498],{"class":638,"line":771},[636,2499,2247],{"class":646},[636,2501,2502,2504,2506],{"class":638,"line":783},[636,2503,2252],{"class":1418},[636,2505,1422],{"class":646},[636,2507,1425],{"class":646},[636,2509,2510,2512,2514],{"class":638,"line":795},[636,2511,1624],{"class":1418},[636,2513,1422],{"class":646},[636,2515,1591],{"class":685},[636,2517,2518,2520,2522,2524],{"class":638,"line":807},[636,2519,2269],{"class":646},[636,2521,1237],{"class":650},[636,2523,1449],{"class":646},[636,2525,1452],{"class":646},[636,2527,2528,2530,2532,2534],{"class":638,"line":819},[636,2529,2269],{"class":646},[636,2531,1252],{"class":650},[636,2533,1449],{"class":646},[636,2535,1452],{"class":646},[636,2537,2539,2541,2543,2545],{"class":2538,"line":831},[638,1930],[636,2540,2269],{"class":646},[636,2542,2030],{"class":650},[636,2544,1449],{"class":646},[636,2546,1452],{"class":646},[636,2548,2549,2551,2553,2555],{"class":638,"line":843},[636,2550,2269],{"class":646},[636,2552,1281],{"class":650},[636,2554,1449],{"class":646},[636,2556,1452],{"class":646},[636,2558,2559,2561,2563,2565],{"class":638,"line":855},[636,2560,2269],{"class":646},[636,2562,1267],{"class":650},[636,2564,1449],{"class":646},[636,2566,1452],{"class":646},[636,2568,2569,2571,2573,2575],{"class":638,"line":2319},[636,2570,2269],{"class":646},[636,2572,1295],{"class":650},[636,2574,1449],{"class":646},[636,2576,1452],{"class":646},[636,2578,2579,2581,2583],{"class":638,"line":2330},[636,2580,2269],{"class":646},[636,2582,1310],{"class":650},[636,2584,1467],{"class":646},[636,2586,2587],{"class":638,"line":2339},[636,2588,2342],{"class":685},[636,2590,2591],{"class":638,"line":2345},[636,2592,1666],{"class":646},[636,2594,2595,2597],{"class":638,"line":2350},[636,2596,1671],{"class":646},[636,2598,1485],{"class":685},[636,2600,2601],{"class":638,"line":2357},[636,2602,1678],{"class":685},[636,2604,2605,2607],{"class":638,"line":2362},[636,2606,1482],{"class":646},[636,2608,1485],{"class":685},[582,2610,2612],{"id":2611},"css-variables","CSS Variables",[587,2614,2615],{},"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.",[599,2617,2619],{"id":2618},"colors","Colors",[587,2621,2622],{},"Nuxt UI provides a CSS variable for each color alias you define which represent the default shade used in both light and dark modes:",[2624,2625,2626,2744],"code-group",{},[627,2627,2630],{"className":629,"code":2628,"filename":2629,"language":632,"meta":622,"style":622},":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",[603,2631,2632,2642,2660,2676,2692,2708,2724,2740],{"__ignoreMap":622},[636,2633,2634,2636,2640],{"class":638,"line":639},[636,2635,1422],{"class":646},[636,2637,2639],{"class":2638},"spNyl","root",[636,2641,1425],{"class":646},[636,2643,2644,2647,2649,2652,2654,2657],{"class":638,"line":660},[636,2645,2646],{"class":685},"  --ui-primary",[636,2648,1422],{"class":646},[636,2650,2651],{"class":1407}," var",[636,2653,1411],{"class":646},[636,2655,2656],{"class":685},"--ui-color-primary-500",[636,2658,2659],{"class":646},");\n",[636,2661,2662,2665,2667,2669,2671,2674],{"class":638,"line":674},[636,2663,2664],{"class":685},"  --ui-secondary",[636,2666,1422],{"class":646},[636,2668,2651],{"class":1407},[636,2670,1411],{"class":646},[636,2672,2673],{"class":685},"--ui-color-secondary-500",[636,2675,2659],{"class":646},[636,2677,2678,2681,2683,2685,2687,2690],{"class":638,"line":680},[636,2679,2680],{"class":685},"  --ui-success",[636,2682,1422],{"class":646},[636,2684,2651],{"class":1407},[636,2686,1411],{"class":646},[636,2688,2689],{"class":685},"--ui-color-success-500",[636,2691,2659],{"class":646},[636,2693,2694,2697,2699,2701,2703,2706],{"class":638,"line":692},[636,2695,2696],{"class":685},"  --ui-info",[636,2698,1422],{"class":646},[636,2700,2651],{"class":1407},[636,2702,1411],{"class":646},[636,2704,2705],{"class":685},"--ui-color-info-500",[636,2707,2659],{"class":646},[636,2709,2710,2713,2715,2717,2719,2722],{"class":638,"line":707},[636,2711,2712],{"class":685},"  --ui-warning",[636,2714,1422],{"class":646},[636,2716,2651],{"class":1407},[636,2718,1411],{"class":646},[636,2720,2721],{"class":685},"--ui-color-warning-500",[636,2723,2659],{"class":646},[636,2725,2726,2729,2731,2733,2735,2738],{"class":638,"line":712},[636,2727,2728],{"class":685},"  --ui-error",[636,2730,1422],{"class":646},[636,2732,2651],{"class":1407},[636,2734,1411],{"class":646},[636,2736,2737],{"class":685},"--ui-color-error-500",[636,2739,2659],{"class":646},[636,2741,2742],{"class":638,"line":718},[636,2743,858],{"class":646},[627,2745,2748],{"className":629,"code":2746,"filename":2747,"language":632,"meta":622,"style":622},".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",[603,2749,2750,2759,2774,2789,2804,2819,2834,2849],{"__ignoreMap":622},[636,2751,2752,2754,2757],{"class":638,"line":639},[636,2753,1865],{"class":646},[636,2755,2756],{"class":701},"dark",[636,2758,1425],{"class":646},[636,2760,2761,2763,2765,2767,2769,2772],{"class":638,"line":660},[636,2762,2646],{"class":685},[636,2764,1422],{"class":646},[636,2766,2651],{"class":1407},[636,2768,1411],{"class":646},[636,2770,2771],{"class":685},"--ui-color-primary-400",[636,2773,2659],{"class":646},[636,2775,2776,2778,2780,2782,2784,2787],{"class":638,"line":674},[636,2777,2664],{"class":685},[636,2779,1422],{"class":646},[636,2781,2651],{"class":1407},[636,2783,1411],{"class":646},[636,2785,2786],{"class":685},"--ui-color-secondary-400",[636,2788,2659],{"class":646},[636,2790,2791,2793,2795,2797,2799,2802],{"class":638,"line":680},[636,2792,2680],{"class":685},[636,2794,1422],{"class":646},[636,2796,2651],{"class":1407},[636,2798,1411],{"class":646},[636,2800,2801],{"class":685},"--ui-color-success-400",[636,2803,2659],{"class":646},[636,2805,2806,2808,2810,2812,2814,2817],{"class":638,"line":692},[636,2807,2696],{"class":685},[636,2809,1422],{"class":646},[636,2811,2651],{"class":1407},[636,2813,1411],{"class":646},[636,2815,2816],{"class":685},"--ui-color-info-400",[636,2818,2659],{"class":646},[636,2820,2821,2823,2825,2827,2829,2832],{"class":638,"line":707},[636,2822,2712],{"class":685},[636,2824,1422],{"class":646},[636,2826,2651],{"class":1407},[636,2828,1411],{"class":646},[636,2830,2831],{"class":685},"--ui-color-warning-400",[636,2833,2659],{"class":646},[636,2835,2836,2838,2840,2842,2844,2847],{"class":638,"line":712},[636,2837,2728],{"class":685},[636,2839,1422],{"class":646},[636,2841,2651],{"class":1407},[636,2843,1411],{"class":646},[636,2845,2846],{"class":685},"--ui-color-error-400",[636,2848,2659],{"class":646},[636,2850,2851],{"class":638,"line":718},[636,2852,858],{"class":646},[587,2854,2855,2856,2858],{},"These CSS variables are defined in Tailwind CSS's ",[603,2857,605],{}," so you can use them as classes:",[2860,2861,2862,2894],"code-preview",{},[587,2863,2864,2870,2875,2880,2885,2890],{},[636,2865,2869],{"className":2866},[1356,2867,2868],"text-sm","px-4","Primary",[636,2871,2874],{"className":2872},[2873,2867,2868],"text-secondary","Secondary",[636,2876,2879],{"className":2877},[2878,2867,2868],"text-success","Success",[636,2881,2884],{"className":2882},[2883,2867,2868],"text-info","Info",[636,2886,2889],{"className":2887},[2888,2867,2868],"text-warning","Warning",[636,2891,340],{"className":2892},[2893,2867,2868],"text-error",[620,2895,2896],{"v-slot:code":622},[627,2897,2900],{"className":2898,"code":2899,"language":28,"meta":622,"style":622},"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",[603,2901,2902,2912,2943,2969,2995,3021,3047,3073],{"__ignoreMap":622},[636,2903,2904,2907,2909],{"class":638,"line":639},[636,2905,2906],{"class":646},"\u003C",[636,2908,620],{"class":1418},[636,2910,2911],{"class":646},">\n",[636,2913,2914,2917,2919,2922,2925,2927,2929,2931,2934,2936,2939,2941],{"class":638,"line":660},[636,2915,2916],{"class":646},"  \u003C",[636,2918,636],{"class":1418},[636,2920,2921],{"class":2638}," class",[636,2923,2924],{"class":646},"=",[636,2926,654],{"class":646},[636,2928,1356],{"class":650},[636,2930,654],{"class":646},[636,2932,2933],{"class":646},">",[636,2935,2869],{"class":685},[636,2937,2938],{"class":646},"\u003C/",[636,2940,636],{"class":1418},[636,2942,2911],{"class":646},[636,2944,2945,2947,2949,2951,2953,2955,2957,2959,2961,2963,2965,2967],{"class":638,"line":674},[636,2946,2916],{"class":646},[636,2948,636],{"class":1418},[636,2950,2921],{"class":2638},[636,2952,2924],{"class":646},[636,2954,654],{"class":646},[636,2956,2873],{"class":650},[636,2958,654],{"class":646},[636,2960,2933],{"class":646},[636,2962,2874],{"class":685},[636,2964,2938],{"class":646},[636,2966,636],{"class":1418},[636,2968,2911],{"class":646},[636,2970,2971,2973,2975,2977,2979,2981,2983,2985,2987,2989,2991,2993],{"class":638,"line":680},[636,2972,2916],{"class":646},[636,2974,636],{"class":1418},[636,2976,2921],{"class":2638},[636,2978,2924],{"class":646},[636,2980,654],{"class":646},[636,2982,2878],{"class":650},[636,2984,654],{"class":646},[636,2986,2933],{"class":646},[636,2988,2879],{"class":685},[636,2990,2938],{"class":646},[636,2992,636],{"class":1418},[636,2994,2911],{"class":646},[636,2996,2997,2999,3001,3003,3005,3007,3009,3011,3013,3015,3017,3019],{"class":638,"line":692},[636,2998,2916],{"class":646},[636,3000,636],{"class":1418},[636,3002,2921],{"class":2638},[636,3004,2924],{"class":646},[636,3006,654],{"class":646},[636,3008,2883],{"class":650},[636,3010,654],{"class":646},[636,3012,2933],{"class":646},[636,3014,2884],{"class":685},[636,3016,2938],{"class":646},[636,3018,636],{"class":1418},[636,3020,2911],{"class":646},[636,3022,3023,3025,3027,3029,3031,3033,3035,3037,3039,3041,3043,3045],{"class":638,"line":707},[636,3024,2916],{"class":646},[636,3026,636],{"class":1418},[636,3028,2921],{"class":2638},[636,3030,2924],{"class":646},[636,3032,654],{"class":646},[636,3034,2888],{"class":650},[636,3036,654],{"class":646},[636,3038,2933],{"class":646},[636,3040,2889],{"class":685},[636,3042,2938],{"class":646},[636,3044,636],{"class":1418},[636,3046,2911],{"class":646},[636,3048,3049,3051,3053,3055,3057,3059,3061,3063,3065,3067,3069,3071],{"class":638,"line":712},[636,3050,2916],{"class":646},[636,3052,636],{"class":1418},[636,3054,2921],{"class":2638},[636,3056,2924],{"class":646},[636,3058,654],{"class":646},[636,3060,2893],{"class":650},[636,3062,654],{"class":646},[636,3064,2933],{"class":646},[636,3066,340],{"class":685},[636,3068,2938],{"class":646},[636,3070,636],{"class":1418},[636,3072,2911],{"class":646},[636,3074,3075,3077,3079],{"class":638,"line":718},[636,3076,2938],{"class":646},[636,3078,620],{"class":1418},[636,3080,2911],{"class":646},[1034,3082,3083,3089],{},[587,3084,3085,3086,3088],{},"This is how the ",[603,3087,605],{}," is generated for each color alias:",[3090,3091,3094],"code-collapse",{"className":3092},[3093],"[&>div]:!my-0",[627,3095,3099],{"className":3096,"code":3097,"language":3098,"meta":622,"style":622},"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",[603,3100,3101,3108,3124,3140,3156,3172,3188,3203,3218,3234,3250,3266,3282,3298,3314,3330,3346,3362,3378,3393,3408,3424,3440,3456,3472,3488,3504,3520,3537,3554,3571,3587,3603,3620,3637,3654,3671,3688,3705,3722,3739,3756,3773,3789,3805,3822,3839,3856,3873,3890,3907,3924,3941,3958,3975,3991,4007,4024,4041,4058,4075,4092,4109,4126,4143,4160,4177,4193,4209,4226,4243,4260,4277,4294,4311,4328,4345,4362,4379,4396,4413,4430,4447,4464,4481],{"__ignoreMap":622},[636,3102,3103,3106],{"class":638,"line":639},[636,3104,3105],{"class":685},"@theme default ",[636,3107,689],{"class":646},[636,3109,3110,3113,3115,3117,3119,3122],{"class":638,"line":660},[636,3111,3112],{"class":685},"  --color-primary",[636,3114,1422],{"class":646},[636,3116,2651],{"class":1407},[636,3118,1411],{"class":646},[636,3120,3121],{"class":685},"--ui-primary",[636,3123,2659],{"class":646},[636,3125,3126,3129,3131,3133,3135,3138],{"class":638,"line":674},[636,3127,3128],{"class":685},"  --color-primary-50",[636,3130,1422],{"class":646},[636,3132,2651],{"class":1407},[636,3134,1411],{"class":646},[636,3136,3137],{"class":685},"--ui-color-primary-50",[636,3139,2659],{"class":646},[636,3141,3142,3145,3147,3149,3151,3154],{"class":638,"line":680},[636,3143,3144],{"class":685},"  --color-primary-100",[636,3146,1422],{"class":646},[636,3148,2651],{"class":1407},[636,3150,1411],{"class":646},[636,3152,3153],{"class":685},"--ui-color-primary-100",[636,3155,2659],{"class":646},[636,3157,3158,3161,3163,3165,3167,3170],{"class":638,"line":692},[636,3159,3160],{"class":685},"  --color-primary-200",[636,3162,1422],{"class":646},[636,3164,2651],{"class":1407},[636,3166,1411],{"class":646},[636,3168,3169],{"class":685},"--ui-color-primary-200",[636,3171,2659],{"class":646},[636,3173,3174,3177,3179,3181,3183,3186],{"class":638,"line":707},[636,3175,3176],{"class":685},"  --color-primary-300",[636,3178,1422],{"class":646},[636,3180,2651],{"class":1407},[636,3182,1411],{"class":646},[636,3184,3185],{"class":685},"--ui-color-primary-300",[636,3187,2659],{"class":646},[636,3189,3190,3193,3195,3197,3199,3201],{"class":638,"line":712},[636,3191,3192],{"class":685},"  --color-primary-400",[636,3194,1422],{"class":646},[636,3196,2651],{"class":1407},[636,3198,1411],{"class":646},[636,3200,2771],{"class":685},[636,3202,2659],{"class":646},[636,3204,3205,3208,3210,3212,3214,3216],{"class":638,"line":718},[636,3206,3207],{"class":685},"  --color-primary-500",[636,3209,1422],{"class":646},[636,3211,2651],{"class":1407},[636,3213,1411],{"class":646},[636,3215,2656],{"class":685},[636,3217,2659],{"class":646},[636,3219,3220,3223,3225,3227,3229,3232],{"class":638,"line":723},[636,3221,3222],{"class":685},"  --color-primary-600",[636,3224,1422],{"class":646},[636,3226,2651],{"class":1407},[636,3228,1411],{"class":646},[636,3230,3231],{"class":685},"--ui-color-primary-600",[636,3233,2659],{"class":646},[636,3235,3236,3239,3241,3243,3245,3248],{"class":638,"line":735},[636,3237,3238],{"class":685},"  --color-primary-700",[636,3240,1422],{"class":646},[636,3242,2651],{"class":1407},[636,3244,1411],{"class":646},[636,3246,3247],{"class":685},"--ui-color-primary-700",[636,3249,2659],{"class":646},[636,3251,3252,3255,3257,3259,3261,3264],{"class":638,"line":747},[636,3253,3254],{"class":685},"  --color-primary-800",[636,3256,1422],{"class":646},[636,3258,2651],{"class":1407},[636,3260,1411],{"class":646},[636,3262,3263],{"class":685},"--ui-color-primary-800",[636,3265,2659],{"class":646},[636,3267,3268,3271,3273,3275,3277,3280],{"class":638,"line":759},[636,3269,3270],{"class":685},"  --color-primary-900",[636,3272,1422],{"class":646},[636,3274,2651],{"class":1407},[636,3276,1411],{"class":646},[636,3278,3279],{"class":685},"--ui-color-primary-900",[636,3281,2659],{"class":646},[636,3283,3284,3287,3289,3291,3293,3296],{"class":638,"line":771},[636,3285,3286],{"class":685},"  --color-primary-950",[636,3288,1422],{"class":646},[636,3290,2651],{"class":1407},[636,3292,1411],{"class":646},[636,3294,3295],{"class":685},"--ui-color-primary-950",[636,3297,2659],{"class":646},[636,3299,3300,3303,3305,3307,3309,3312],{"class":638,"line":783},[636,3301,3302],{"class":685},"  --color-secondary",[636,3304,1422],{"class":646},[636,3306,2651],{"class":1407},[636,3308,1411],{"class":646},[636,3310,3311],{"class":685},"--ui-secondary",[636,3313,2659],{"class":646},[636,3315,3316,3319,3321,3323,3325,3328],{"class":638,"line":795},[636,3317,3318],{"class":685},"  --color-secondary-50",[636,3320,1422],{"class":646},[636,3322,2651],{"class":1407},[636,3324,1411],{"class":646},[636,3326,3327],{"class":685},"--ui-color-secondary-50",[636,3329,2659],{"class":646},[636,3331,3332,3335,3337,3339,3341,3344],{"class":638,"line":807},[636,3333,3334],{"class":685},"  --color-secondary-100",[636,3336,1422],{"class":646},[636,3338,2651],{"class":1407},[636,3340,1411],{"class":646},[636,3342,3343],{"class":685},"--ui-color-secondary-100",[636,3345,2659],{"class":646},[636,3347,3348,3351,3353,3355,3357,3360],{"class":638,"line":819},[636,3349,3350],{"class":685},"  --color-secondary-200",[636,3352,1422],{"class":646},[636,3354,2651],{"class":1407},[636,3356,1411],{"class":646},[636,3358,3359],{"class":685},"--ui-color-secondary-200",[636,3361,2659],{"class":646},[636,3363,3364,3367,3369,3371,3373,3376],{"class":638,"line":831},[636,3365,3366],{"class":685},"  --color-secondary-300",[636,3368,1422],{"class":646},[636,3370,2651],{"class":1407},[636,3372,1411],{"class":646},[636,3374,3375],{"class":685},"--ui-color-secondary-300",[636,3377,2659],{"class":646},[636,3379,3380,3383,3385,3387,3389,3391],{"class":638,"line":843},[636,3381,3382],{"class":685},"  --color-secondary-400",[636,3384,1422],{"class":646},[636,3386,2651],{"class":1407},[636,3388,1411],{"class":646},[636,3390,2786],{"class":685},[636,3392,2659],{"class":646},[636,3394,3395,3398,3400,3402,3404,3406],{"class":638,"line":855},[636,3396,3397],{"class":685},"  --color-secondary-500",[636,3399,1422],{"class":646},[636,3401,2651],{"class":1407},[636,3403,1411],{"class":646},[636,3405,2673],{"class":685},[636,3407,2659],{"class":646},[636,3409,3410,3413,3415,3417,3419,3422],{"class":638,"line":2319},[636,3411,3412],{"class":685},"  --color-secondary-600",[636,3414,1422],{"class":646},[636,3416,2651],{"class":1407},[636,3418,1411],{"class":646},[636,3420,3421],{"class":685},"--ui-color-secondary-600",[636,3423,2659],{"class":646},[636,3425,3426,3429,3431,3433,3435,3438],{"class":638,"line":2330},[636,3427,3428],{"class":685},"  --color-secondary-700",[636,3430,1422],{"class":646},[636,3432,2651],{"class":1407},[636,3434,1411],{"class":646},[636,3436,3437],{"class":685},"--ui-color-secondary-700",[636,3439,2659],{"class":646},[636,3441,3442,3445,3447,3449,3451,3454],{"class":638,"line":2339},[636,3443,3444],{"class":685},"  --color-secondary-800",[636,3446,1422],{"class":646},[636,3448,2651],{"class":1407},[636,3450,1411],{"class":646},[636,3452,3453],{"class":685},"--ui-color-secondary-800",[636,3455,2659],{"class":646},[636,3457,3458,3461,3463,3465,3467,3470],{"class":638,"line":2345},[636,3459,3460],{"class":685},"  --color-secondary-900",[636,3462,1422],{"class":646},[636,3464,2651],{"class":1407},[636,3466,1411],{"class":646},[636,3468,3469],{"class":685},"--ui-color-secondary-900",[636,3471,2659],{"class":646},[636,3473,3474,3477,3479,3481,3483,3486],{"class":638,"line":2350},[636,3475,3476],{"class":685},"  --color-secondary-950",[636,3478,1422],{"class":646},[636,3480,2651],{"class":1407},[636,3482,1411],{"class":646},[636,3484,3485],{"class":685},"--ui-color-secondary-950",[636,3487,2659],{"class":646},[636,3489,3490,3493,3495,3497,3499,3502],{"class":638,"line":2357},[636,3491,3492],{"class":685},"  --color-success",[636,3494,1422],{"class":646},[636,3496,2651],{"class":1407},[636,3498,1411],{"class":646},[636,3500,3501],{"class":685},"--ui-success",[636,3503,2659],{"class":646},[636,3505,3506,3509,3511,3513,3515,3518],{"class":638,"line":2362},[636,3507,3508],{"class":685},"  --color-success-50",[636,3510,1422],{"class":646},[636,3512,2651],{"class":1407},[636,3514,1411],{"class":646},[636,3516,3517],{"class":685},"--ui-color-success-50",[636,3519,2659],{"class":646},[636,3521,3523,3526,3528,3530,3532,3535],{"class":638,"line":3522},28,[636,3524,3525],{"class":685},"  --color-success-100",[636,3527,1422],{"class":646},[636,3529,2651],{"class":1407},[636,3531,1411],{"class":646},[636,3533,3534],{"class":685},"--ui-color-success-100",[636,3536,2659],{"class":646},[636,3538,3540,3543,3545,3547,3549,3552],{"class":638,"line":3539},29,[636,3541,3542],{"class":685},"  --color-success-200",[636,3544,1422],{"class":646},[636,3546,2651],{"class":1407},[636,3548,1411],{"class":646},[636,3550,3551],{"class":685},"--ui-color-success-200",[636,3553,2659],{"class":646},[636,3555,3557,3560,3562,3564,3566,3569],{"class":638,"line":3556},30,[636,3558,3559],{"class":685},"  --color-success-300",[636,3561,1422],{"class":646},[636,3563,2651],{"class":1407},[636,3565,1411],{"class":646},[636,3567,3568],{"class":685},"--ui-color-success-300",[636,3570,2659],{"class":646},[636,3572,3574,3577,3579,3581,3583,3585],{"class":638,"line":3573},31,[636,3575,3576],{"class":685},"  --color-success-400",[636,3578,1422],{"class":646},[636,3580,2651],{"class":1407},[636,3582,1411],{"class":646},[636,3584,2801],{"class":685},[636,3586,2659],{"class":646},[636,3588,3590,3593,3595,3597,3599,3601],{"class":638,"line":3589},32,[636,3591,3592],{"class":685},"  --color-success-500",[636,3594,1422],{"class":646},[636,3596,2651],{"class":1407},[636,3598,1411],{"class":646},[636,3600,2689],{"class":685},[636,3602,2659],{"class":646},[636,3604,3606,3609,3611,3613,3615,3618],{"class":638,"line":3605},33,[636,3607,3608],{"class":685},"  --color-success-600",[636,3610,1422],{"class":646},[636,3612,2651],{"class":1407},[636,3614,1411],{"class":646},[636,3616,3617],{"class":685},"--ui-color-success-600",[636,3619,2659],{"class":646},[636,3621,3623,3626,3628,3630,3632,3635],{"class":638,"line":3622},34,[636,3624,3625],{"class":685},"  --color-success-700",[636,3627,1422],{"class":646},[636,3629,2651],{"class":1407},[636,3631,1411],{"class":646},[636,3633,3634],{"class":685},"--ui-color-success-700",[636,3636,2659],{"class":646},[636,3638,3640,3643,3645,3647,3649,3652],{"class":638,"line":3639},35,[636,3641,3642],{"class":685},"  --color-success-800",[636,3644,1422],{"class":646},[636,3646,2651],{"class":1407},[636,3648,1411],{"class":646},[636,3650,3651],{"class":685},"--ui-color-success-800",[636,3653,2659],{"class":646},[636,3655,3657,3660,3662,3664,3666,3669],{"class":638,"line":3656},36,[636,3658,3659],{"class":685},"  --color-success-900",[636,3661,1422],{"class":646},[636,3663,2651],{"class":1407},[636,3665,1411],{"class":646},[636,3667,3668],{"class":685},"--ui-color-success-900",[636,3670,2659],{"class":646},[636,3672,3674,3677,3679,3681,3683,3686],{"class":638,"line":3673},37,[636,3675,3676],{"class":685},"  --color-success-950",[636,3678,1422],{"class":646},[636,3680,2651],{"class":1407},[636,3682,1411],{"class":646},[636,3684,3685],{"class":685},"--ui-color-success-950",[636,3687,2659],{"class":646},[636,3689,3691,3694,3696,3698,3700,3703],{"class":638,"line":3690},38,[636,3692,3693],{"class":685},"  --color-info",[636,3695,1422],{"class":646},[636,3697,2651],{"class":1407},[636,3699,1411],{"class":646},[636,3701,3702],{"class":685},"--ui-info",[636,3704,2659],{"class":646},[636,3706,3708,3711,3713,3715,3717,3720],{"class":638,"line":3707},39,[636,3709,3710],{"class":685},"  --color-info-50",[636,3712,1422],{"class":646},[636,3714,2651],{"class":1407},[636,3716,1411],{"class":646},[636,3718,3719],{"class":685},"--ui-color-info-50",[636,3721,2659],{"class":646},[636,3723,3725,3728,3730,3732,3734,3737],{"class":638,"line":3724},40,[636,3726,3727],{"class":685},"  --color-info-100",[636,3729,1422],{"class":646},[636,3731,2651],{"class":1407},[636,3733,1411],{"class":646},[636,3735,3736],{"class":685},"--ui-color-info-100",[636,3738,2659],{"class":646},[636,3740,3742,3745,3747,3749,3751,3754],{"class":638,"line":3741},41,[636,3743,3744],{"class":685},"  --color-info-200",[636,3746,1422],{"class":646},[636,3748,2651],{"class":1407},[636,3750,1411],{"class":646},[636,3752,3753],{"class":685},"--ui-color-info-200",[636,3755,2659],{"class":646},[636,3757,3759,3762,3764,3766,3768,3771],{"class":638,"line":3758},42,[636,3760,3761],{"class":685},"  --color-info-300",[636,3763,1422],{"class":646},[636,3765,2651],{"class":1407},[636,3767,1411],{"class":646},[636,3769,3770],{"class":685},"--ui-color-info-300",[636,3772,2659],{"class":646},[636,3774,3776,3779,3781,3783,3785,3787],{"class":638,"line":3775},43,[636,3777,3778],{"class":685},"  --color-info-400",[636,3780,1422],{"class":646},[636,3782,2651],{"class":1407},[636,3784,1411],{"class":646},[636,3786,2816],{"class":685},[636,3788,2659],{"class":646},[636,3790,3792,3795,3797,3799,3801,3803],{"class":638,"line":3791},44,[636,3793,3794],{"class":685},"  --color-info-500",[636,3796,1422],{"class":646},[636,3798,2651],{"class":1407},[636,3800,1411],{"class":646},[636,3802,2705],{"class":685},[636,3804,2659],{"class":646},[636,3806,3808,3811,3813,3815,3817,3820],{"class":638,"line":3807},45,[636,3809,3810],{"class":685},"  --color-info-600",[636,3812,1422],{"class":646},[636,3814,2651],{"class":1407},[636,3816,1411],{"class":646},[636,3818,3819],{"class":685},"--ui-color-info-600",[636,3821,2659],{"class":646},[636,3823,3825,3828,3830,3832,3834,3837],{"class":638,"line":3824},46,[636,3826,3827],{"class":685},"  --color-info-700",[636,3829,1422],{"class":646},[636,3831,2651],{"class":1407},[636,3833,1411],{"class":646},[636,3835,3836],{"class":685},"--ui-color-info-700",[636,3838,2659],{"class":646},[636,3840,3842,3845,3847,3849,3851,3854],{"class":638,"line":3841},47,[636,3843,3844],{"class":685},"  --color-info-800",[636,3846,1422],{"class":646},[636,3848,2651],{"class":1407},[636,3850,1411],{"class":646},[636,3852,3853],{"class":685},"--ui-color-info-800",[636,3855,2659],{"class":646},[636,3857,3859,3862,3864,3866,3868,3871],{"class":638,"line":3858},48,[636,3860,3861],{"class":685},"  --color-info-900",[636,3863,1422],{"class":646},[636,3865,2651],{"class":1407},[636,3867,1411],{"class":646},[636,3869,3870],{"class":685},"--ui-color-info-900",[636,3872,2659],{"class":646},[636,3874,3876,3879,3881,3883,3885,3888],{"class":638,"line":3875},49,[636,3877,3878],{"class":685},"  --color-info-950",[636,3880,1422],{"class":646},[636,3882,2651],{"class":1407},[636,3884,1411],{"class":646},[636,3886,3887],{"class":685},"--ui-color-info-950",[636,3889,2659],{"class":646},[636,3891,3893,3896,3898,3900,3902,3905],{"class":638,"line":3892},50,[636,3894,3895],{"class":685},"  --color-warning",[636,3897,1422],{"class":646},[636,3899,2651],{"class":1407},[636,3901,1411],{"class":646},[636,3903,3904],{"class":685},"--ui-warning",[636,3906,2659],{"class":646},[636,3908,3910,3913,3915,3917,3919,3922],{"class":638,"line":3909},51,[636,3911,3912],{"class":685},"  --color-warning-50",[636,3914,1422],{"class":646},[636,3916,2651],{"class":1407},[636,3918,1411],{"class":646},[636,3920,3921],{"class":685},"--ui-color-warning-50",[636,3923,2659],{"class":646},[636,3925,3927,3930,3932,3934,3936,3939],{"class":638,"line":3926},52,[636,3928,3929],{"class":685},"  --color-warning-100",[636,3931,1422],{"class":646},[636,3933,2651],{"class":1407},[636,3935,1411],{"class":646},[636,3937,3938],{"class":685},"--ui-color-warning-100",[636,3940,2659],{"class":646},[636,3942,3944,3947,3949,3951,3953,3956],{"class":638,"line":3943},53,[636,3945,3946],{"class":685},"  --color-warning-200",[636,3948,1422],{"class":646},[636,3950,2651],{"class":1407},[636,3952,1411],{"class":646},[636,3954,3955],{"class":685},"--ui-color-warning-200",[636,3957,2659],{"class":646},[636,3959,3961,3964,3966,3968,3970,3973],{"class":638,"line":3960},54,[636,3962,3963],{"class":685},"  --color-warning-300",[636,3965,1422],{"class":646},[636,3967,2651],{"class":1407},[636,3969,1411],{"class":646},[636,3971,3972],{"class":685},"--ui-color-warning-300",[636,3974,2659],{"class":646},[636,3976,3978,3981,3983,3985,3987,3989],{"class":638,"line":3977},55,[636,3979,3980],{"class":685},"  --color-warning-400",[636,3982,1422],{"class":646},[636,3984,2651],{"class":1407},[636,3986,1411],{"class":646},[636,3988,2831],{"class":685},[636,3990,2659],{"class":646},[636,3992,3994,3997,3999,4001,4003,4005],{"class":638,"line":3993},56,[636,3995,3996],{"class":685},"  --color-warning-500",[636,3998,1422],{"class":646},[636,4000,2651],{"class":1407},[636,4002,1411],{"class":646},[636,4004,2721],{"class":685},[636,4006,2659],{"class":646},[636,4008,4010,4013,4015,4017,4019,4022],{"class":638,"line":4009},57,[636,4011,4012],{"class":685},"  --color-warning-600",[636,4014,1422],{"class":646},[636,4016,2651],{"class":1407},[636,4018,1411],{"class":646},[636,4020,4021],{"class":685},"--ui-color-warning-600",[636,4023,2659],{"class":646},[636,4025,4027,4030,4032,4034,4036,4039],{"class":638,"line":4026},58,[636,4028,4029],{"class":685},"  --color-warning-700",[636,4031,1422],{"class":646},[636,4033,2651],{"class":1407},[636,4035,1411],{"class":646},[636,4037,4038],{"class":685},"--ui-color-warning-700",[636,4040,2659],{"class":646},[636,4042,4044,4047,4049,4051,4053,4056],{"class":638,"line":4043},59,[636,4045,4046],{"class":685},"  --color-warning-800",[636,4048,1422],{"class":646},[636,4050,2651],{"class":1407},[636,4052,1411],{"class":646},[636,4054,4055],{"class":685},"--ui-color-warning-800",[636,4057,2659],{"class":646},[636,4059,4061,4064,4066,4068,4070,4073],{"class":638,"line":4060},60,[636,4062,4063],{"class":685},"  --color-warning-900",[636,4065,1422],{"class":646},[636,4067,2651],{"class":1407},[636,4069,1411],{"class":646},[636,4071,4072],{"class":685},"--ui-color-warning-900",[636,4074,2659],{"class":646},[636,4076,4078,4081,4083,4085,4087,4090],{"class":638,"line":4077},61,[636,4079,4080],{"class":685},"  --color-warning-950",[636,4082,1422],{"class":646},[636,4084,2651],{"class":1407},[636,4086,1411],{"class":646},[636,4088,4089],{"class":685},"--ui-color-warning-950",[636,4091,2659],{"class":646},[636,4093,4095,4098,4100,4102,4104,4107],{"class":638,"line":4094},62,[636,4096,4097],{"class":685},"  --color-error",[636,4099,1422],{"class":646},[636,4101,2651],{"class":1407},[636,4103,1411],{"class":646},[636,4105,4106],{"class":685},"--ui-error",[636,4108,2659],{"class":646},[636,4110,4112,4115,4117,4119,4121,4124],{"class":638,"line":4111},63,[636,4113,4114],{"class":685},"  --color-error-50",[636,4116,1422],{"class":646},[636,4118,2651],{"class":1407},[636,4120,1411],{"class":646},[636,4122,4123],{"class":685},"--ui-color-error-50",[636,4125,2659],{"class":646},[636,4127,4129,4132,4134,4136,4138,4141],{"class":638,"line":4128},64,[636,4130,4131],{"class":685},"  --color-error-100",[636,4133,1422],{"class":646},[636,4135,2651],{"class":1407},[636,4137,1411],{"class":646},[636,4139,4140],{"class":685},"--ui-color-error-100",[636,4142,2659],{"class":646},[636,4144,4146,4149,4151,4153,4155,4158],{"class":638,"line":4145},65,[636,4147,4148],{"class":685},"  --color-error-200",[636,4150,1422],{"class":646},[636,4152,2651],{"class":1407},[636,4154,1411],{"class":646},[636,4156,4157],{"class":685},"--ui-color-error-200",[636,4159,2659],{"class":646},[636,4161,4163,4166,4168,4170,4172,4175],{"class":638,"line":4162},66,[636,4164,4165],{"class":685},"  --color-error-300",[636,4167,1422],{"class":646},[636,4169,2651],{"class":1407},[636,4171,1411],{"class":646},[636,4173,4174],{"class":685},"--ui-color-error-300",[636,4176,2659],{"class":646},[636,4178,4180,4183,4185,4187,4189,4191],{"class":638,"line":4179},67,[636,4181,4182],{"class":685},"  --color-error-400",[636,4184,1422],{"class":646},[636,4186,2651],{"class":1407},[636,4188,1411],{"class":646},[636,4190,2846],{"class":685},[636,4192,2659],{"class":646},[636,4194,4196,4199,4201,4203,4205,4207],{"class":638,"line":4195},68,[636,4197,4198],{"class":685},"  --color-error-500",[636,4200,1422],{"class":646},[636,4202,2651],{"class":1407},[636,4204,1411],{"class":646},[636,4206,2737],{"class":685},[636,4208,2659],{"class":646},[636,4210,4212,4215,4217,4219,4221,4224],{"class":638,"line":4211},69,[636,4213,4214],{"class":685},"  --color-error-600",[636,4216,1422],{"class":646},[636,4218,2651],{"class":1407},[636,4220,1411],{"class":646},[636,4222,4223],{"class":685},"--ui-color-error-600",[636,4225,2659],{"class":646},[636,4227,4229,4232,4234,4236,4238,4241],{"class":638,"line":4228},70,[636,4230,4231],{"class":685},"  --color-error-700",[636,4233,1422],{"class":646},[636,4235,2651],{"class":1407},[636,4237,1411],{"class":646},[636,4239,4240],{"class":685},"--ui-color-error-700",[636,4242,2659],{"class":646},[636,4244,4246,4249,4251,4253,4255,4258],{"class":638,"line":4245},71,[636,4247,4248],{"class":685},"  --color-error-800",[636,4250,1422],{"class":646},[636,4252,2651],{"class":1407},[636,4254,1411],{"class":646},[636,4256,4257],{"class":685},"--ui-color-error-800",[636,4259,2659],{"class":646},[636,4261,4263,4266,4268,4270,4272,4275],{"class":638,"line":4262},72,[636,4264,4265],{"class":685},"  --color-error-900",[636,4267,1422],{"class":646},[636,4269,2651],{"class":1407},[636,4271,1411],{"class":646},[636,4273,4274],{"class":685},"--ui-color-error-900",[636,4276,2659],{"class":646},[636,4278,4280,4283,4285,4287,4289,4292],{"class":638,"line":4279},73,[636,4281,4282],{"class":685},"  --color-error-950",[636,4284,1422],{"class":646},[636,4286,2651],{"class":1407},[636,4288,1411],{"class":646},[636,4290,4291],{"class":685},"--ui-color-error-950",[636,4293,2659],{"class":646},[636,4295,4297,4300,4302,4304,4306,4309],{"class":638,"line":4296},74,[636,4298,4299],{"class":685},"  --color-neutral-50",[636,4301,1422],{"class":646},[636,4303,2651],{"class":1407},[636,4305,1411],{"class":646},[636,4307,4308],{"class":685},"--ui-color-neutral-50",[636,4310,2659],{"class":646},[636,4312,4314,4317,4319,4321,4323,4326],{"class":638,"line":4313},75,[636,4315,4316],{"class":685},"  --color-neutral-100",[636,4318,1422],{"class":646},[636,4320,2651],{"class":1407},[636,4322,1411],{"class":646},[636,4324,4325],{"class":685},"--ui-color-neutral-100",[636,4327,2659],{"class":646},[636,4329,4331,4334,4336,4338,4340,4343],{"class":638,"line":4330},76,[636,4332,4333],{"class":685},"  --color-neutral-200",[636,4335,1422],{"class":646},[636,4337,2651],{"class":1407},[636,4339,1411],{"class":646},[636,4341,4342],{"class":685},"--ui-color-neutral-200",[636,4344,2659],{"class":646},[636,4346,4348,4351,4353,4355,4357,4360],{"class":638,"line":4347},77,[636,4349,4350],{"class":685},"  --color-neutral-300",[636,4352,1422],{"class":646},[636,4354,2651],{"class":1407},[636,4356,1411],{"class":646},[636,4358,4359],{"class":685},"--ui-color-neutral-300",[636,4361,2659],{"class":646},[636,4363,4365,4368,4370,4372,4374,4377],{"class":638,"line":4364},78,[636,4366,4367],{"class":685},"  --color-neutral-400",[636,4369,1422],{"class":646},[636,4371,2651],{"class":1407},[636,4373,1411],{"class":646},[636,4375,4376],{"class":685},"--ui-color-neutral-400",[636,4378,2659],{"class":646},[636,4380,4382,4385,4387,4389,4391,4394],{"class":638,"line":4381},79,[636,4383,4384],{"class":685},"  --color-neutral-500",[636,4386,1422],{"class":646},[636,4388,2651],{"class":1407},[636,4390,1411],{"class":646},[636,4392,4393],{"class":685},"--ui-color-neutral-500",[636,4395,2659],{"class":646},[636,4397,4399,4402,4404,4406,4408,4411],{"class":638,"line":4398},80,[636,4400,4401],{"class":685},"  --color-neutral-600",[636,4403,1422],{"class":646},[636,4405,2651],{"class":1407},[636,4407,1411],{"class":646},[636,4409,4410],{"class":685},"--ui-color-neutral-600",[636,4412,2659],{"class":646},[636,4414,4416,4419,4421,4423,4425,4428],{"class":638,"line":4415},81,[636,4417,4418],{"class":685},"  --color-neutral-700",[636,4420,1422],{"class":646},[636,4422,2651],{"class":1407},[636,4424,1411],{"class":646},[636,4426,4427],{"class":685},"--ui-color-neutral-700",[636,4429,2659],{"class":646},[636,4431,4433,4436,4438,4440,4442,4445],{"class":638,"line":4432},82,[636,4434,4435],{"class":685},"  --color-neutral-800",[636,4437,1422],{"class":646},[636,4439,2651],{"class":1407},[636,4441,1411],{"class":646},[636,4443,4444],{"class":685},"--ui-color-neutral-800",[636,4446,2659],{"class":646},[636,4448,4450,4453,4455,4457,4459,4462],{"class":638,"line":4449},83,[636,4451,4452],{"class":685},"  --color-neutral-900",[636,4454,1422],{"class":646},[636,4456,2651],{"class":1407},[636,4458,1411],{"class":646},[636,4460,4461],{"class":685},"--ui-color-neutral-900",[636,4463,2659],{"class":646},[636,4465,4467,4470,4472,4474,4476,4479],{"class":638,"line":4466},84,[636,4468,4469],{"class":685},"  --color-neutral-950",[636,4471,1422],{"class":646},[636,4473,2651],{"class":1407},[636,4475,1411],{"class":646},[636,4477,4478],{"class":685},"--ui-color-neutral-950",[636,4480,2659],{"class":646},[636,4482,4484],{"class":638,"line":4483},85,[636,4485,858],{"class":646},[587,4487,4488,4489,1892],{},"You can change which shade is used for each color on light and dark mode in your ",[603,4490,4491],{},"main.css",[617,4493,4494,4590],{},[620,4495,4496],{"v-slot:ui":622},[624,4497,4501],{"className":4498},[4499,4500],"*:!mb-0","*:!mt-2.5",[627,4502,4504],{"className":629,"code":4503,"filename":631,"language":632,"meta":622,"style":622},"@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",[603,4505,4506,4518,4530,4534,4542,4556,4560,4564,4572,4586],{"__ignoreMap":622},[636,4507,4508,4510,4512,4514,4516],{"class":638,"line":639},[636,4509,643],{"class":642},[636,4511,647],{"class":646},[636,4513,651],{"class":650},[636,4515,654],{"class":646},[636,4517,657],{"class":646},[636,4519,4520,4522,4524,4526,4528],{"class":638,"line":660},[636,4521,643],{"class":642},[636,4523,647],{"class":646},[636,4525,667],{"class":650},[636,4527,654],{"class":646},[636,4529,657],{"class":646},[636,4531,4532],{"class":638,"line":674},[636,4533,677],{"emptyLinePlaceholder":15},[636,4535,4536,4538,4540],{"class":638,"line":680},[636,4537,1422],{"class":646},[636,4539,2639],{"class":2638},[636,4541,1425],{"class":646},[636,4543,4544,4546,4548,4550,4552,4554],{"class":638,"line":692},[636,4545,2646],{"class":685},[636,4547,1422],{"class":646},[636,4549,2651],{"class":1407},[636,4551,1411],{"class":646},[636,4553,3247],{"class":685},[636,4555,2659],{"class":646},[636,4557,4558],{"class":638,"line":707},[636,4559,858],{"class":646},[636,4561,4562],{"class":638,"line":712},[636,4563,677],{"emptyLinePlaceholder":15},[636,4565,4566,4568,4570],{"class":638,"line":718},[636,4567,1865],{"class":646},[636,4569,2756],{"class":701},[636,4571,1425],{"class":646},[636,4573,4574,4576,4578,4580,4582,4584],{"class":638,"line":723},[636,4575,2646],{"class":685},[636,4577,1422],{"class":646},[636,4579,2651],{"class":1407},[636,4581,1411],{"class":646},[636,4583,3169],{"class":685},[636,4585,2659],{"class":646},[636,4587,4588],{"class":638,"line":735},[636,4589,858],{"class":646},[620,4591,4592],{"v-slot:ui-pro":622},[624,4593,4595],{"className":4594},[4499,4500],[627,4596,4598],{"className":629,"code":4597,"filename":631,"language":632,"meta":622,"style":622},"@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",[603,4599,4600,4612,4624,4628,4636,4650,4654,4658,4666,4680],{"__ignoreMap":622},[636,4601,4602,4604,4606,4608,4610],{"class":638,"line":639},[636,4603,643],{"class":642},[636,4605,647],{"class":646},[636,4607,651],{"class":650},[636,4609,654],{"class":646},[636,4611,657],{"class":646},[636,4613,4614,4616,4618,4620,4622],{"class":638,"line":660},[636,4615,643],{"class":642},[636,4617,647],{"class":646},[636,4619,888],{"class":650},[636,4621,654],{"class":646},[636,4623,657],{"class":646},[636,4625,4626],{"class":638,"line":674},[636,4627,677],{"emptyLinePlaceholder":15},[636,4629,4630,4632,4634],{"class":638,"line":680},[636,4631,1422],{"class":646},[636,4633,2639],{"class":2638},[636,4635,1425],{"class":646},[636,4637,4638,4640,4642,4644,4646,4648],{"class":638,"line":692},[636,4639,2646],{"class":685},[636,4641,1422],{"class":646},[636,4643,2651],{"class":1407},[636,4645,1411],{"class":646},[636,4647,3247],{"class":685},[636,4649,2659],{"class":646},[636,4651,4652],{"class":638,"line":707},[636,4653,858],{"class":646},[636,4655,4656],{"class":638,"line":712},[636,4657,677],{"emptyLinePlaceholder":15},[636,4659,4660,4662,4664],{"class":638,"line":718},[636,4661,1865],{"class":646},[636,4663,2756],{"class":701},[636,4665,1425],{"class":646},[636,4667,4668,4670,4672,4674,4676,4678],{"class":638,"line":723},[636,4669,2646],{"class":685},[636,4671,1422],{"class":646},[636,4673,2651],{"class":1407},[636,4675,1411],{"class":646},[636,4677,3169],{"class":685},[636,4679,2659],{"class":646},[636,4681,4682],{"class":638,"line":735},[636,4683,858],{"class":646},[1369,4685,4686,4716],{},[620,4687,4688],{"v-slot:nuxt":622},[587,4689,4690,4691,4706,4707,4712,4713,4715],{},"You cannot set ",[603,4692,4695,4697,4699,4701,4704],{"className":4693,"language":4694,"style":622},"language-ts-type shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","ts-type",[636,4696,1237],{"class":701},[636,4698,1422],{"class":646},[636,4700,1444],{"class":646},[636,4702,4703],{"class":650},"black",[636,4705,1449],{"class":646}," in your ",[591,4708,4710],{"href":4709},"#config",[603,4711,1384],{}," because this color has no shade, instead you can override the primary color in your ",[603,4714,4491],{}," file to create a black & white theme:",[620,4717,4718],{"v-slot:vue":622},[587,4719,4690,4720,4706,4732,4712,4736,4715],{},[603,4721,4722,4724,4726,4728,4730],{"className":4693,"language":4694,"style":622},[636,4723,1237],{"class":701},[636,4725,1422],{"class":646},[636,4727,1444],{"class":646},[636,4729,4703],{"class":650},[636,4731,1449],{"class":646},[591,4733,4734],{"href":4709},[603,4735,1494],{},[603,4737,4491],{},[617,4739,4740,4828],{},[620,4741,4742],{"v-slot:ui":622},[624,4743,4745],{"className":4744},[4499,4500],[627,4746,4748],{"className":629,"code":4747,"filename":631,"language":632,"meta":622,"style":622},"@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n:root {\n  --ui-primary: black;\n}\n\n.dark {\n  --ui-primary: white;\n}\n",[603,4749,4750,4762,4774,4778,4786,4797,4801,4805,4813,4824],{"__ignoreMap":622},[636,4751,4752,4754,4756,4758,4760],{"class":638,"line":639},[636,4753,643],{"class":642},[636,4755,647],{"class":646},[636,4757,651],{"class":650},[636,4759,654],{"class":646},[636,4761,657],{"class":646},[636,4763,4764,4766,4768,4770,4772],{"class":638,"line":660},[636,4765,643],{"class":642},[636,4767,647],{"class":646},[636,4769,667],{"class":650},[636,4771,654],{"class":646},[636,4773,657],{"class":646},[636,4775,4776],{"class":638,"line":674},[636,4777,677],{"emptyLinePlaceholder":15},[636,4779,4780,4782,4784],{"class":638,"line":680},[636,4781,1422],{"class":646},[636,4783,2639],{"class":2638},[636,4785,1425],{"class":646},[636,4787,4788,4790,4792,4795],{"class":638,"line":692},[636,4789,2646],{"class":685},[636,4791,1422],{"class":646},[636,4793,4794],{"class":685}," black",[636,4796,657],{"class":646},[636,4798,4799],{"class":638,"line":707},[636,4800,858],{"class":646},[636,4802,4803],{"class":638,"line":712},[636,4804,677],{"emptyLinePlaceholder":15},[636,4806,4807,4809,4811],{"class":638,"line":718},[636,4808,1865],{"class":646},[636,4810,2756],{"class":701},[636,4812,1425],{"class":646},[636,4814,4815,4817,4819,4822],{"class":638,"line":723},[636,4816,2646],{"class":685},[636,4818,1422],{"class":646},[636,4820,4821],{"class":685}," white",[636,4823,657],{"class":646},[636,4825,4826],{"class":638,"line":735},[636,4827,858],{"class":646},[620,4829,4830],{"v-slot:ui-pro":622},[624,4831,4833],{"className":4832},[4499,4500],[627,4834,4836],{"className":629,"code":4835,"filename":631,"language":632,"meta":622,"style":622},"@import \"tailwindcss\";\n@import \"@nuxt/ui-pro\";\n\n:root {\n  --ui-primary: black;\n}\n\n.dark {\n  --ui-primary: white;\n}\n",[603,4837,4838,4850,4862,4866,4874,4884,4888,4892,4900,4910],{"__ignoreMap":622},[636,4839,4840,4842,4844,4846,4848],{"class":638,"line":639},[636,4841,643],{"class":642},[636,4843,647],{"class":646},[636,4845,651],{"class":650},[636,4847,654],{"class":646},[636,4849,657],{"class":646},[636,4851,4852,4854,4856,4858,4860],{"class":638,"line":660},[636,4853,643],{"class":642},[636,4855,647],{"class":646},[636,4857,888],{"class":650},[636,4859,654],{"class":646},[636,4861,657],{"class":646},[636,4863,4864],{"class":638,"line":674},[636,4865,677],{"emptyLinePlaceholder":15},[636,4867,4868,4870,4872],{"class":638,"line":680},[636,4869,1422],{"class":646},[636,4871,2639],{"class":2638},[636,4873,1425],{"class":646},[636,4875,4876,4878,4880,4882],{"class":638,"line":692},[636,4877,2646],{"class":685},[636,4879,1422],{"class":646},[636,4881,4794],{"class":685},[636,4883,657],{"class":646},[636,4885,4886],{"class":638,"line":707},[636,4887,858],{"class":646},[636,4889,4890],{"class":638,"line":712},[636,4891,677],{"emptyLinePlaceholder":15},[636,4893,4894,4896,4898],{"class":638,"line":718},[636,4895,1865],{"class":646},[636,4897,2756],{"class":701},[636,4899,1425],{"class":646},[636,4901,4902,4904,4906,4908],{"class":638,"line":723},[636,4903,2646],{"class":685},[636,4905,1422],{"class":646},[636,4907,4821],{"class":685},[636,4909,657],{"class":646},[636,4911,4912],{"class":638,"line":735},[636,4913,858],{"class":646},[599,4915,4916],{"id":1325},"Neutral",[587,4918,4919,4920,4922],{},"Nuxt UI provides a comprehensive set of design tokens for the ",[603,4921,1325],{}," 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:",[2624,4924,4925,5176],{},[627,4926,4928],{"className":629,"code":4927,"filename":2629,"language":632,"meta":622,"style":622},":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",[603,4929,4930,4938,4953,4968,4983,4998,5013,5029,5033,5048,5063,5078,5093,5108,5112,5127,5142,5157,5172],{"__ignoreMap":622},[636,4931,4932,4934,4936],{"class":638,"line":639},[636,4933,1422],{"class":646},[636,4935,2639],{"class":2638},[636,4937,1425],{"class":646},[636,4939,4940,4943,4945,4947,4949,4951],{"class":638,"line":660},[636,4941,4942],{"class":685},"  --ui-text-dimmed",[636,4944,1422],{"class":646},[636,4946,2651],{"class":1407},[636,4948,1411],{"class":646},[636,4950,4376],{"class":685},[636,4952,2659],{"class":646},[636,4954,4955,4958,4960,4962,4964,4966],{"class":638,"line":674},[636,4956,4957],{"class":685},"  --ui-text-muted",[636,4959,1422],{"class":646},[636,4961,2651],{"class":1407},[636,4963,1411],{"class":646},[636,4965,4393],{"class":685},[636,4967,2659],{"class":646},[636,4969,4970,4973,4975,4977,4979,4981],{"class":638,"line":680},[636,4971,4972],{"class":685},"  --ui-text-toned",[636,4974,1422],{"class":646},[636,4976,2651],{"class":1407},[636,4978,1411],{"class":646},[636,4980,4410],{"class":685},[636,4982,2659],{"class":646},[636,4984,4985,4988,4990,4992,4994,4996],{"class":638,"line":692},[636,4986,4987],{"class":685},"  --ui-text",[636,4989,1422],{"class":646},[636,4991,2651],{"class":1407},[636,4993,1411],{"class":646},[636,4995,4427],{"class":685},[636,4997,2659],{"class":646},[636,4999,5000,5003,5005,5007,5009,5011],{"class":638,"line":707},[636,5001,5002],{"class":685},"  --ui-text-highlighted",[636,5004,1422],{"class":646},[636,5006,2651],{"class":1407},[636,5008,1411],{"class":646},[636,5010,4461],{"class":685},[636,5012,2659],{"class":646},[636,5014,5015,5018,5020,5022,5024,5027],{"class":638,"line":712},[636,5016,5017],{"class":685},"  --ui-text-inverted",[636,5019,1422],{"class":646},[636,5021,2651],{"class":1407},[636,5023,1411],{"class":646},[636,5025,5026],{"class":685},"--color-white",[636,5028,2659],{"class":646},[636,5030,5031],{"class":638,"line":718},[636,5032,677],{"emptyLinePlaceholder":15},[636,5034,5035,5038,5040,5042,5044,5046],{"class":638,"line":723},[636,5036,5037],{"class":685},"  --ui-bg",[636,5039,1422],{"class":646},[636,5041,2651],{"class":1407},[636,5043,1411],{"class":646},[636,5045,5026],{"class":685},[636,5047,2659],{"class":646},[636,5049,5050,5053,5055,5057,5059,5061],{"class":638,"line":735},[636,5051,5052],{"class":685},"  --ui-bg-muted",[636,5054,1422],{"class":646},[636,5056,2651],{"class":1407},[636,5058,1411],{"class":646},[636,5060,4308],{"class":685},[636,5062,2659],{"class":646},[636,5064,5065,5068,5070,5072,5074,5076],{"class":638,"line":747},[636,5066,5067],{"class":685},"  --ui-bg-elevated",[636,5069,1422],{"class":646},[636,5071,2651],{"class":1407},[636,5073,1411],{"class":646},[636,5075,4325],{"class":685},[636,5077,2659],{"class":646},[636,5079,5080,5083,5085,5087,5089,5091],{"class":638,"line":759},[636,5081,5082],{"class":685},"  --ui-bg-accented",[636,5084,1422],{"class":646},[636,5086,2651],{"class":1407},[636,5088,1411],{"class":646},[636,5090,4342],{"class":685},[636,5092,2659],{"class":646},[636,5094,5095,5098,5100,5102,5104,5106],{"class":638,"line":771},[636,5096,5097],{"class":685},"  --ui-bg-inverted",[636,5099,1422],{"class":646},[636,5101,2651],{"class":1407},[636,5103,1411],{"class":646},[636,5105,4461],{"class":685},[636,5107,2659],{"class":646},[636,5109,5110],{"class":638,"line":783},[636,5111,677],{"emptyLinePlaceholder":15},[636,5113,5114,5117,5119,5121,5123,5125],{"class":638,"line":795},[636,5115,5116],{"class":685},"  --ui-border",[636,5118,1422],{"class":646},[636,5120,2651],{"class":1407},[636,5122,1411],{"class":646},[636,5124,4342],{"class":685},[636,5126,2659],{"class":646},[636,5128,5129,5132,5134,5136,5138,5140],{"class":638,"line":807},[636,5130,5131],{"class":685},"  --ui-border-muted",[636,5133,1422],{"class":646},[636,5135,2651],{"class":1407},[636,5137,1411],{"class":646},[636,5139,4342],{"class":685},[636,5141,2659],{"class":646},[636,5143,5144,5147,5149,5151,5153,5155],{"class":638,"line":819},[636,5145,5146],{"class":685},"  --ui-border-accented",[636,5148,1422],{"class":646},[636,5150,2651],{"class":1407},[636,5152,1411],{"class":646},[636,5154,4359],{"class":685},[636,5156,2659],{"class":646},[636,5158,5159,5162,5164,5166,5168,5170],{"class":638,"line":831},[636,5160,5161],{"class":685},"  --ui-border-inverted",[636,5163,1422],{"class":646},[636,5165,2651],{"class":1407},[636,5167,1411],{"class":646},[636,5169,4461],{"class":685},[636,5171,2659],{"class":646},[636,5173,5174],{"class":638,"line":843},[636,5175,858],{"class":646},[627,5177,5179],{"className":629,"code":5178,"filename":2747,"language":632,"meta":622,"style":622},".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",[603,5180,5181,5189,5203,5217,5231,5245,5259,5273,5277,5291,5305,5319,5333,5347,5351,5365,5379,5393,5407],{"__ignoreMap":622},[636,5182,5183,5185,5187],{"class":638,"line":639},[636,5184,1865],{"class":646},[636,5186,2756],{"class":701},[636,5188,1425],{"class":646},[636,5190,5191,5193,5195,5197,5199,5201],{"class":638,"line":660},[636,5192,4942],{"class":685},[636,5194,1422],{"class":646},[636,5196,2651],{"class":1407},[636,5198,1411],{"class":646},[636,5200,4393],{"class":685},[636,5202,2659],{"class":646},[636,5204,5205,5207,5209,5211,5213,5215],{"class":638,"line":674},[636,5206,4957],{"class":685},[636,5208,1422],{"class":646},[636,5210,2651],{"class":1407},[636,5212,1411],{"class":646},[636,5214,4376],{"class":685},[636,5216,2659],{"class":646},[636,5218,5219,5221,5223,5225,5227,5229],{"class":638,"line":680},[636,5220,4972],{"class":685},[636,5222,1422],{"class":646},[636,5224,2651],{"class":1407},[636,5226,1411],{"class":646},[636,5228,4359],{"class":685},[636,5230,2659],{"class":646},[636,5232,5233,5235,5237,5239,5241,5243],{"class":638,"line":692},[636,5234,4987],{"class":685},[636,5236,1422],{"class":646},[636,5238,2651],{"class":1407},[636,5240,1411],{"class":646},[636,5242,4342],{"class":685},[636,5244,2659],{"class":646},[636,5246,5247,5249,5251,5253,5255,5257],{"class":638,"line":707},[636,5248,5002],{"class":685},[636,5250,1422],{"class":646},[636,5252,2651],{"class":1407},[636,5254,1411],{"class":646},[636,5256,5026],{"class":685},[636,5258,2659],{"class":646},[636,5260,5261,5263,5265,5267,5269,5271],{"class":638,"line":712},[636,5262,5017],{"class":685},[636,5264,1422],{"class":646},[636,5266,2651],{"class":1407},[636,5268,1411],{"class":646},[636,5270,4461],{"class":685},[636,5272,2659],{"class":646},[636,5274,5275],{"class":638,"line":718},[636,5276,677],{"emptyLinePlaceholder":15},[636,5278,5279,5281,5283,5285,5287,5289],{"class":638,"line":723},[636,5280,5037],{"class":685},[636,5282,1422],{"class":646},[636,5284,2651],{"class":1407},[636,5286,1411],{"class":646},[636,5288,4461],{"class":685},[636,5290,2659],{"class":646},[636,5292,5293,5295,5297,5299,5301,5303],{"class":638,"line":735},[636,5294,5052],{"class":685},[636,5296,1422],{"class":646},[636,5298,2651],{"class":1407},[636,5300,1411],{"class":646},[636,5302,4444],{"class":685},[636,5304,2659],{"class":646},[636,5306,5307,5309,5311,5313,5315,5317],{"class":638,"line":747},[636,5308,5067],{"class":685},[636,5310,1422],{"class":646},[636,5312,2651],{"class":1407},[636,5314,1411],{"class":646},[636,5316,4444],{"class":685},[636,5318,2659],{"class":646},[636,5320,5321,5323,5325,5327,5329,5331],{"class":638,"line":759},[636,5322,5082],{"class":685},[636,5324,1422],{"class":646},[636,5326,2651],{"class":1407},[636,5328,1411],{"class":646},[636,5330,4427],{"class":685},[636,5332,2659],{"class":646},[636,5334,5335,5337,5339,5341,5343,5345],{"class":638,"line":771},[636,5336,5097],{"class":685},[636,5338,1422],{"class":646},[636,5340,2651],{"class":1407},[636,5342,1411],{"class":646},[636,5344,5026],{"class":685},[636,5346,2659],{"class":646},[636,5348,5349],{"class":638,"line":783},[636,5350,677],{"emptyLinePlaceholder":15},[636,5352,5353,5355,5357,5359,5361,5363],{"class":638,"line":795},[636,5354,5116],{"class":685},[636,5356,1422],{"class":646},[636,5358,2651],{"class":1407},[636,5360,1411],{"class":646},[636,5362,4444],{"class":685},[636,5364,2659],{"class":646},[636,5366,5367,5369,5371,5373,5375,5377],{"class":638,"line":807},[636,5368,5131],{"class":685},[636,5370,1422],{"class":646},[636,5372,2651],{"class":1407},[636,5374,1411],{"class":646},[636,5376,4427],{"class":685},[636,5378,2659],{"class":646},[636,5380,5381,5383,5385,5387,5389,5391],{"class":638,"line":819},[636,5382,5146],{"class":685},[636,5384,1422],{"class":646},[636,5386,2651],{"class":1407},[636,5388,1411],{"class":646},[636,5390,4427],{"class":685},[636,5392,2659],{"class":646},[636,5394,5395,5397,5399,5401,5403,5405],{"class":638,"line":831},[636,5396,5161],{"class":685},[636,5398,1422],{"class":646},[636,5400,2651],{"class":1407},[636,5402,1411],{"class":646},[636,5404,5026],{"class":685},[636,5406,2659],{"class":646},[636,5408,5409],{"class":638,"line":843},[636,5410,858],{"class":646},[587,5412,2855,5413,2858],{},[603,5414,605],{},[2860,5416,5417,5453],{},[587,5418,5419,5427,5432,5437,5442,5447],{},[636,5420,5426],{"className":5421},[5422,2867,2868,5423,5424,5425],"text-dimmed","py-1.5","inline-block","rounded-md","Dimmed",[636,5428,5431],{"className":5429},[5430,2867,2868,5423,5424,5425],"text-muted","Muted",[636,5433,5436],{"className":5434},[5435,2867,2868,5423,5424,5425],"text-toned","Toned",[636,5438,5441],{"className":5439},[5440,2867,2868,5423,5424,5425],"text-default","Text",[636,5443,5446],{"className":5444},[5445,2867,2868,5423,5424,5425],"text-highlighted","Highlighted",[636,5448,5452],{"className":5449},[5450,5451,2867,2868,5423,5424,5425],"text-inverted","bg-inverted","Inverted",[620,5454,5455],{"v-slot:code":622},[627,5456,5458],{"className":2898,"code":5457,"language":28,"meta":622,"style":622},"\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",[603,5459,5460,5468,5494,5520,5546,5572,5598,5625],{"__ignoreMap":622},[636,5461,5462,5464,5466],{"class":638,"line":639},[636,5463,2906],{"class":646},[636,5465,620],{"class":1418},[636,5467,2911],{"class":646},[636,5469,5470,5472,5474,5476,5478,5480,5482,5484,5486,5488,5490,5492],{"class":638,"line":660},[636,5471,2916],{"class":646},[636,5473,636],{"class":1418},[636,5475,2921],{"class":2638},[636,5477,2924],{"class":646},[636,5479,654],{"class":646},[636,5481,5422],{"class":650},[636,5483,654],{"class":646},[636,5485,2933],{"class":646},[636,5487,5426],{"class":685},[636,5489,2938],{"class":646},[636,5491,636],{"class":1418},[636,5493,2911],{"class":646},[636,5495,5496,5498,5500,5502,5504,5506,5508,5510,5512,5514,5516,5518],{"class":638,"line":674},[636,5497,2916],{"class":646},[636,5499,636],{"class":1418},[636,5501,2921],{"class":2638},[636,5503,2924],{"class":646},[636,5505,654],{"class":646},[636,5507,5430],{"class":650},[636,5509,654],{"class":646},[636,5511,2933],{"class":646},[636,5513,5431],{"class":685},[636,5515,2938],{"class":646},[636,5517,636],{"class":1418},[636,5519,2911],{"class":646},[636,5521,5522,5524,5526,5528,5530,5532,5534,5536,5538,5540,5542,5544],{"class":638,"line":680},[636,5523,2916],{"class":646},[636,5525,636],{"class":1418},[636,5527,2921],{"class":2638},[636,5529,2924],{"class":646},[636,5531,654],{"class":646},[636,5533,5435],{"class":650},[636,5535,654],{"class":646},[636,5537,2933],{"class":646},[636,5539,5436],{"class":685},[636,5541,2938],{"class":646},[636,5543,636],{"class":1418},[636,5545,2911],{"class":646},[636,5547,5548,5550,5552,5554,5556,5558,5560,5562,5564,5566,5568,5570],{"class":638,"line":692},[636,5549,2916],{"class":646},[636,5551,636],{"class":1418},[636,5553,2921],{"class":2638},[636,5555,2924],{"class":646},[636,5557,654],{"class":646},[636,5559,5440],{"class":650},[636,5561,654],{"class":646},[636,5563,2933],{"class":646},[636,5565,5441],{"class":685},[636,5567,2938],{"class":646},[636,5569,636],{"class":1418},[636,5571,2911],{"class":646},[636,5573,5574,5576,5578,5580,5582,5584,5586,5588,5590,5592,5594,5596],{"class":638,"line":707},[636,5575,2916],{"class":646},[636,5577,636],{"class":1418},[636,5579,2921],{"class":2638},[636,5581,2924],{"class":646},[636,5583,654],{"class":646},[636,5585,5445],{"class":650},[636,5587,654],{"class":646},[636,5589,2933],{"class":646},[636,5591,5446],{"class":685},[636,5593,2938],{"class":646},[636,5595,636],{"class":1418},[636,5597,2911],{"class":646},[636,5599,5600,5602,5604,5606,5608,5610,5613,5615,5617,5619,5621,5623],{"class":638,"line":712},[636,5601,2916],{"class":646},[636,5603,636],{"class":1418},[636,5605,2921],{"class":2638},[636,5607,2924],{"class":646},[636,5609,654],{"class":646},[636,5611,5612],{"class":650},"text-inverted bg-inverted",[636,5614,654],{"class":646},[636,5616,2933],{"class":646},[636,5618,5452],{"class":685},[636,5620,2938],{"class":646},[636,5622,636],{"class":1418},[636,5624,2911],{"class":646},[636,5626,5627,5629,5631],{"class":638,"line":718},[636,5628,2938],{"class":646},[636,5630,620],{"class":1418},[636,5632,2911],{"class":646},[2860,5634,5635,5659],{},[587,5636,5637,5642,5646,5651,5656],{},[636,5638,1223],{"className":5639},[5640,2867,2868,5423,5424,5425,5641],"bg-default","mr-2",[636,5643,5431],{"className":5644},[5645,2867,2868,5423,5424,5425,5641],"bg-muted",[636,5647,5650],{"className":5648},[5649,2867,2868,5423,5424,5425,5641],"bg-elevated","Elevated",[636,5652,5655],{"className":5653},[5654,2867,2868,5423,5424,5425,5641],"bg-accented","Accented",[636,5657,5452],{"className":5658},[5451,5450,2867,2868,5423,5424,5425],[620,5660,5661],{"v-slot:code":622},[627,5662,5664],{"className":2898,"code":5663,"language":28,"meta":622,"style":622},"\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",[603,5665,5666,5674,5700,5726,5752,5778,5805],{"__ignoreMap":622},[636,5667,5668,5670,5672],{"class":638,"line":639},[636,5669,2906],{"class":646},[636,5671,620],{"class":1418},[636,5673,2911],{"class":646},[636,5675,5676,5678,5680,5682,5684,5686,5688,5690,5692,5694,5696,5698],{"class":638,"line":660},[636,5677,2916],{"class":646},[636,5679,624],{"class":1418},[636,5681,2921],{"class":2638},[636,5683,2924],{"class":646},[636,5685,654],{"class":646},[636,5687,5640],{"class":650},[636,5689,654],{"class":646},[636,5691,2933],{"class":646},[636,5693,1223],{"class":685},[636,5695,2938],{"class":646},[636,5697,624],{"class":1418},[636,5699,2911],{"class":646},[636,5701,5702,5704,5706,5708,5710,5712,5714,5716,5718,5720,5722,5724],{"class":638,"line":674},[636,5703,2916],{"class":646},[636,5705,624],{"class":1418},[636,5707,2921],{"class":2638},[636,5709,2924],{"class":646},[636,5711,654],{"class":646},[636,5713,5645],{"class":650},[636,5715,654],{"class":646},[636,5717,2933],{"class":646},[636,5719,5431],{"class":685},[636,5721,2938],{"class":646},[636,5723,624],{"class":1418},[636,5725,2911],{"class":646},[636,5727,5728,5730,5732,5734,5736,5738,5740,5742,5744,5746,5748,5750],{"class":638,"line":680},[636,5729,2916],{"class":646},[636,5731,624],{"class":1418},[636,5733,2921],{"class":2638},[636,5735,2924],{"class":646},[636,5737,654],{"class":646},[636,5739,5649],{"class":650},[636,5741,654],{"class":646},[636,5743,2933],{"class":646},[636,5745,5650],{"class":685},[636,5747,2938],{"class":646},[636,5749,624],{"class":1418},[636,5751,2911],{"class":646},[636,5753,5754,5756,5758,5760,5762,5764,5766,5768,5770,5772,5774,5776],{"class":638,"line":692},[636,5755,2916],{"class":646},[636,5757,624],{"class":1418},[636,5759,2921],{"class":2638},[636,5761,2924],{"class":646},[636,5763,654],{"class":646},[636,5765,5654],{"class":650},[636,5767,654],{"class":646},[636,5769,2933],{"class":646},[636,5771,5655],{"class":685},[636,5773,2938],{"class":646},[636,5775,624],{"class":1418},[636,5777,2911],{"class":646},[636,5779,5780,5782,5784,5786,5788,5790,5793,5795,5797,5799,5801,5803],{"class":638,"line":707},[636,5781,2916],{"class":646},[636,5783,624],{"class":1418},[636,5785,2921],{"class":2638},[636,5787,2924],{"class":646},[636,5789,654],{"class":646},[636,5791,5792],{"class":650},"bg-inverted text-inverted",[636,5794,654],{"class":646},[636,5796,2933],{"class":646},[636,5798,5452],{"class":685},[636,5800,2938],{"class":646},[636,5802,624],{"class":1418},[636,5804,2911],{"class":646},[636,5806,5807,5809,5811],{"class":638,"line":712},[636,5808,2938],{"class":646},[636,5810,620],{"class":1418},[636,5812,2911],{"class":646},[2860,5814,5815,5834],{},[587,5816,5817,5822,5826,5830],{},[636,5818,1223],{"className":5819},[5820,5821,2867,2868,5423,5424,5425,5641],"border-2","border-default",[636,5823,5431],{"className":5824},[5820,5825,2867,2868,5423,5424,5425,5641],"border-muted",[636,5827,5655],{"className":5828},[5820,5829,2867,2868,5423,5424,5425,5641],"border-accented",[636,5831,5452],{"className":5832},[5820,5833,2867,2868,5423,5424,5425],"border-inverted",[620,5835,5836],{"v-slot:code":622},[627,5837,5839],{"className":2898,"code":5838,"language":28,"meta":622,"style":622},"\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",[603,5840,5841,5849,5876,5903,5930,5957],{"__ignoreMap":622},[636,5842,5843,5845,5847],{"class":638,"line":639},[636,5844,2906],{"class":646},[636,5846,620],{"class":1418},[636,5848,2911],{"class":646},[636,5850,5851,5853,5855,5857,5859,5861,5864,5866,5868,5870,5872,5874],{"class":638,"line":660},[636,5852,2916],{"class":646},[636,5854,624],{"class":1418},[636,5856,2921],{"class":2638},[636,5858,2924],{"class":646},[636,5860,654],{"class":646},[636,5862,5863],{"class":650},"border border-default",[636,5865,654],{"class":646},[636,5867,2933],{"class":646},[636,5869,1223],{"class":685},[636,5871,2938],{"class":646},[636,5873,624],{"class":1418},[636,5875,2911],{"class":646},[636,5877,5878,5880,5882,5884,5886,5888,5891,5893,5895,5897,5899,5901],{"class":638,"line":674},[636,5879,2916],{"class":646},[636,5881,624],{"class":1418},[636,5883,2921],{"class":2638},[636,5885,2924],{"class":646},[636,5887,654],{"class":646},[636,5889,5890],{"class":650},"border border-muted",[636,5892,654],{"class":646},[636,5894,2933],{"class":646},[636,5896,5431],{"class":685},[636,5898,2938],{"class":646},[636,5900,624],{"class":1418},[636,5902,2911],{"class":646},[636,5904,5905,5907,5909,5911,5913,5915,5918,5920,5922,5924,5926,5928],{"class":638,"line":680},[636,5906,2916],{"class":646},[636,5908,624],{"class":1418},[636,5910,2921],{"class":2638},[636,5912,2924],{"class":646},[636,5914,654],{"class":646},[636,5916,5917],{"class":650},"border border-accented",[636,5919,654],{"class":646},[636,5921,2933],{"class":646},[636,5923,5655],{"class":685},[636,5925,2938],{"class":646},[636,5927,624],{"class":1418},[636,5929,2911],{"class":646},[636,5931,5932,5934,5936,5938,5940,5942,5945,5947,5949,5951,5953,5955],{"class":638,"line":692},[636,5933,2916],{"class":646},[636,5935,624],{"class":1418},[636,5937,2921],{"class":2638},[636,5939,2924],{"class":646},[636,5941,654],{"class":646},[636,5943,5944],{"class":650},"border border-inverted",[636,5946,654],{"class":646},[636,5948,2933],{"class":646},[636,5950,5452],{"class":685},[636,5952,2938],{"class":646},[636,5954,624],{"class":1418},[636,5956,2911],{"class":646},[636,5958,5959,5961,5963],{"class":638,"line":707},[636,5960,2938],{"class":646},[636,5962,620],{"class":1418},[636,5964,2911],{"class":646},[1034,5966,5967,5972],{},[587,5968,3085,5969,5971],{},[603,5970,605],{}," is generated for each design token:",[3090,5973,5975],{"className":5974},[3093],[627,5976,5978],{"className":3096,"code":5977,"language":3098,"meta":622,"style":622},"@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",[603,5979,5980,5986,6002,6018,6034,6050,6066,6082,6098,6114,6130,6146,6162,6178,6193,6209,6225,6241,6256,6271,6286,6301,6316,6331,6346,6361,6376,6391,6406,6421,6436,6451,6466,6481,6496,6511,6526,6541,6556,6571],{"__ignoreMap":622},[636,5981,5982,5984],{"class":638,"line":639},[636,5983,3105],{"class":685},[636,5985,689],{"class":646},[636,5987,5988,5991,5993,5995,5997,6000],{"class":638,"line":660},[636,5989,5990],{"class":685},"  --text-color-dimmed",[636,5992,1422],{"class":646},[636,5994,2651],{"class":1407},[636,5996,1411],{"class":646},[636,5998,5999],{"class":685},"--ui-text-dimmed",[636,6001,2659],{"class":646},[636,6003,6004,6007,6009,6011,6013,6016],{"class":638,"line":674},[636,6005,6006],{"class":685},"  --text-color-muted",[636,6008,1422],{"class":646},[636,6010,2651],{"class":1407},[636,6012,1411],{"class":646},[636,6014,6015],{"class":685},"--ui-text-muted",[636,6017,2659],{"class":646},[636,6019,6020,6023,6025,6027,6029,6032],{"class":638,"line":680},[636,6021,6022],{"class":685},"  --text-color-toned",[636,6024,1422],{"class":646},[636,6026,2651],{"class":1407},[636,6028,1411],{"class":646},[636,6030,6031],{"class":685},"--ui-text-toned",[636,6033,2659],{"class":646},[636,6035,6036,6039,6041,6043,6045,6048],{"class":638,"line":692},[636,6037,6038],{"class":685},"  --text-color-default",[636,6040,1422],{"class":646},[636,6042,2651],{"class":1407},[636,6044,1411],{"class":646},[636,6046,6047],{"class":685},"--ui-text",[636,6049,2659],{"class":646},[636,6051,6052,6055,6057,6059,6061,6064],{"class":638,"line":707},[636,6053,6054],{"class":685},"  --text-color-highlighted",[636,6056,1422],{"class":646},[636,6058,2651],{"class":1407},[636,6060,1411],{"class":646},[636,6062,6063],{"class":685},"--ui-text-highlighted",[636,6065,2659],{"class":646},[636,6067,6068,6071,6073,6075,6077,6080],{"class":638,"line":712},[636,6069,6070],{"class":685},"  --text-color-inverted",[636,6072,1422],{"class":646},[636,6074,2651],{"class":1407},[636,6076,1411],{"class":646},[636,6078,6079],{"class":685},"--ui-text-inverted",[636,6081,2659],{"class":646},[636,6083,6084,6087,6089,6091,6093,6096],{"class":638,"line":718},[636,6085,6086],{"class":685},"  --background-color-default",[636,6088,1422],{"class":646},[636,6090,2651],{"class":1407},[636,6092,1411],{"class":646},[636,6094,6095],{"class":685},"--ui-bg",[636,6097,2659],{"class":646},[636,6099,6100,6103,6105,6107,6109,6112],{"class":638,"line":723},[636,6101,6102],{"class":685},"  --background-color-muted",[636,6104,1422],{"class":646},[636,6106,2651],{"class":1407},[636,6108,1411],{"class":646},[636,6110,6111],{"class":685},"--ui-bg-muted",[636,6113,2659],{"class":646},[636,6115,6116,6119,6121,6123,6125,6128],{"class":638,"line":735},[636,6117,6118],{"class":685},"  --background-color-elevated",[636,6120,1422],{"class":646},[636,6122,2651],{"class":1407},[636,6124,1411],{"class":646},[636,6126,6127],{"class":685},"--ui-bg-elevated",[636,6129,2659],{"class":646},[636,6131,6132,6135,6137,6139,6141,6144],{"class":638,"line":747},[636,6133,6134],{"class":685},"  --background-color-accented",[636,6136,1422],{"class":646},[636,6138,2651],{"class":1407},[636,6140,1411],{"class":646},[636,6142,6143],{"class":685},"--ui-bg-accented",[636,6145,2659],{"class":646},[636,6147,6148,6151,6153,6155,6157,6160],{"class":638,"line":759},[636,6149,6150],{"class":685},"  --background-color-inverted",[636,6152,1422],{"class":646},[636,6154,2651],{"class":1407},[636,6156,1411],{"class":646},[636,6158,6159],{"class":685},"--ui-bg-inverted",[636,6161,2659],{"class":646},[636,6163,6164,6167,6169,6171,6173,6176],{"class":638,"line":771},[636,6165,6166],{"class":685},"  --background-color-border",[636,6168,1422],{"class":646},[636,6170,2651],{"class":1407},[636,6172,1411],{"class":646},[636,6174,6175],{"class":685},"--ui-border",[636,6177,2659],{"class":646},[636,6179,6180,6183,6185,6187,6189,6191],{"class":638,"line":783},[636,6181,6182],{"class":685},"  --border-color-default",[636,6184,1422],{"class":646},[636,6186,2651],{"class":1407},[636,6188,1411],{"class":646},[636,6190,6175],{"class":685},[636,6192,2659],{"class":646},[636,6194,6195,6198,6200,6202,6204,6207],{"class":638,"line":795},[636,6196,6197],{"class":685},"  --border-color-muted",[636,6199,1422],{"class":646},[636,6201,2651],{"class":1407},[636,6203,1411],{"class":646},[636,6205,6206],{"class":685},"--ui-border-muted",[636,6208,2659],{"class":646},[636,6210,6211,6214,6216,6218,6220,6223],{"class":638,"line":807},[636,6212,6213],{"class":685},"  --border-color-accented",[636,6215,1422],{"class":646},[636,6217,2651],{"class":1407},[636,6219,1411],{"class":646},[636,6221,6222],{"class":685},"--ui-border-accented",[636,6224,2659],{"class":646},[636,6226,6227,6230,6232,6234,6236,6239],{"class":638,"line":819},[636,6228,6229],{"class":685},"  --border-color-inverted",[636,6231,1422],{"class":646},[636,6233,2651],{"class":1407},[636,6235,1411],{"class":646},[636,6237,6238],{"class":685},"--ui-border-inverted",[636,6240,2659],{"class":646},[636,6242,6243,6246,6248,6250,6252,6254],{"class":638,"line":831},[636,6244,6245],{"class":685},"  --border-color-bg",[636,6247,1422],{"class":646},[636,6249,2651],{"class":1407},[636,6251,1411],{"class":646},[636,6253,6095],{"class":685},[636,6255,2659],{"class":646},[636,6257,6258,6261,6263,6265,6267,6269],{"class":638,"line":843},[636,6259,6260],{"class":685},"  --ring-color-default",[636,6262,1422],{"class":646},[636,6264,2651],{"class":1407},[636,6266,1411],{"class":646},[636,6268,6175],{"class":685},[636,6270,2659],{"class":646},[636,6272,6273,6276,6278,6280,6282,6284],{"class":638,"line":855},[636,6274,6275],{"class":685},"  --ring-color-muted",[636,6277,1422],{"class":646},[636,6279,2651],{"class":1407},[636,6281,1411],{"class":646},[636,6283,6206],{"class":685},[636,6285,2659],{"class":646},[636,6287,6288,6291,6293,6295,6297,6299],{"class":638,"line":2319},[636,6289,6290],{"class":685},"  --ring-color-accented",[636,6292,1422],{"class":646},[636,6294,2651],{"class":1407},[636,6296,1411],{"class":646},[636,6298,6222],{"class":685},[636,6300,2659],{"class":646},[636,6302,6303,6306,6308,6310,6312,6314],{"class":638,"line":2330},[636,6304,6305],{"class":685},"  --ring-color-inverted",[636,6307,1422],{"class":646},[636,6309,2651],{"class":1407},[636,6311,1411],{"class":646},[636,6313,6238],{"class":685},[636,6315,2659],{"class":646},[636,6317,6318,6321,6323,6325,6327,6329],{"class":638,"line":2339},[636,6319,6320],{"class":685},"  --ring-color-bg",[636,6322,1422],{"class":646},[636,6324,2651],{"class":1407},[636,6326,1411],{"class":646},[636,6328,6095],{"class":685},[636,6330,2659],{"class":646},[636,6332,6333,6336,6338,6340,6342,6344],{"class":638,"line":2345},[636,6334,6335],{"class":685},"  --ring-offset-color-default",[636,6337,1422],{"class":646},[636,6339,2651],{"class":1407},[636,6341,1411],{"class":646},[636,6343,6175],{"class":685},[636,6345,2659],{"class":646},[636,6347,6348,6351,6353,6355,6357,6359],{"class":638,"line":2350},[636,6349,6350],{"class":685},"  --ring-offset-color-muted",[636,6352,1422],{"class":646},[636,6354,2651],{"class":1407},[636,6356,1411],{"class":646},[636,6358,6206],{"class":685},[636,6360,2659],{"class":646},[636,6362,6363,6366,6368,6370,6372,6374],{"class":638,"line":2357},[636,6364,6365],{"class":685},"  --ring-offset-color-accented",[636,6367,1422],{"class":646},[636,6369,2651],{"class":1407},[636,6371,1411],{"class":646},[636,6373,6222],{"class":685},[636,6375,2659],{"class":646},[636,6377,6378,6381,6383,6385,6387,6389],{"class":638,"line":2362},[636,6379,6380],{"class":685},"  --ring-offset-color-inverted",[636,6382,1422],{"class":646},[636,6384,2651],{"class":1407},[636,6386,1411],{"class":646},[636,6388,6238],{"class":685},[636,6390,2659],{"class":646},[636,6392,6393,6396,6398,6400,6402,6404],{"class":638,"line":3522},[636,6394,6395],{"class":685},"  --ring-offset-color-bg",[636,6397,1422],{"class":646},[636,6399,2651],{"class":1407},[636,6401,1411],{"class":646},[636,6403,6095],{"class":685},[636,6405,2659],{"class":646},[636,6407,6408,6411,6413,6415,6417,6419],{"class":638,"line":3539},[636,6409,6410],{"class":685},"  --divide-color-default",[636,6412,1422],{"class":646},[636,6414,2651],{"class":1407},[636,6416,1411],{"class":646},[636,6418,6175],{"class":685},[636,6420,2659],{"class":646},[636,6422,6423,6426,6428,6430,6432,6434],{"class":638,"line":3556},[636,6424,6425],{"class":685},"  --divide-color-muted",[636,6427,1422],{"class":646},[636,6429,2651],{"class":1407},[636,6431,1411],{"class":646},[636,6433,6206],{"class":685},[636,6435,2659],{"class":646},[636,6437,6438,6441,6443,6445,6447,6449],{"class":638,"line":3573},[636,6439,6440],{"class":685},"  --divide-color-accented",[636,6442,1422],{"class":646},[636,6444,2651],{"class":1407},[636,6446,1411],{"class":646},[636,6448,6222],{"class":685},[636,6450,2659],{"class":646},[636,6452,6453,6456,6458,6460,6462,6464],{"class":638,"line":3589},[636,6454,6455],{"class":685},"  --divide-color-inverted",[636,6457,1422],{"class":646},[636,6459,2651],{"class":1407},[636,6461,1411],{"class":646},[636,6463,6238],{"class":685},[636,6465,2659],{"class":646},[636,6467,6468,6471,6473,6475,6477,6479],{"class":638,"line":3605},[636,6469,6470],{"class":685},"  --divide-color-bg",[636,6472,1422],{"class":646},[636,6474,2651],{"class":1407},[636,6476,1411],{"class":646},[636,6478,6095],{"class":685},[636,6480,2659],{"class":646},[636,6482,6483,6486,6488,6490,6492,6494],{"class":638,"line":3622},[636,6484,6485],{"class":685},"  --outline-color-default",[636,6487,1422],{"class":646},[636,6489,2651],{"class":1407},[636,6491,1411],{"class":646},[636,6493,6175],{"class":685},[636,6495,2659],{"class":646},[636,6497,6498,6501,6503,6505,6507,6509],{"class":638,"line":3639},[636,6499,6500],{"class":685},"  --outline-color-inverted",[636,6502,1422],{"class":646},[636,6504,2651],{"class":1407},[636,6506,1411],{"class":646},[636,6508,6238],{"class":685},[636,6510,2659],{"class":646},[636,6512,6513,6516,6518,6520,6522,6524],{"class":638,"line":3656},[636,6514,6515],{"class":685},"  --stroke-color-default",[636,6517,1422],{"class":646},[636,6519,2651],{"class":1407},[636,6521,1411],{"class":646},[636,6523,6175],{"class":685},[636,6525,2659],{"class":646},[636,6527,6528,6531,6533,6535,6537,6539],{"class":638,"line":3673},[636,6529,6530],{"class":685},"  --stroke-color-inverted",[636,6532,1422],{"class":646},[636,6534,2651],{"class":1407},[636,6536,1411],{"class":646},[636,6538,6238],{"class":685},[636,6540,2659],{"class":646},[636,6542,6543,6546,6548,6550,6552,6554],{"class":638,"line":3690},[636,6544,6545],{"class":685},"  --fill-color-default",[636,6547,1422],{"class":646},[636,6549,2651],{"class":1407},[636,6551,1411],{"class":646},[636,6553,6175],{"class":685},[636,6555,2659],{"class":646},[636,6557,6558,6561,6563,6565,6567,6569],{"class":638,"line":3707},[636,6559,6560],{"class":685},"  --fill-color-inverted",[636,6562,1422],{"class":646},[636,6564,2651],{"class":1407},[636,6566,1411],{"class":646},[636,6568,6238],{"class":685},[636,6570,2659],{"class":646},[636,6572,6573],{"class":638,"line":3724},[636,6574,858],{"class":646},[587,6576,6577,6578,1892],{},"You can customize these CSS variables to tailor the appearance of your application in your ",[603,6579,4491],{},[617,6581,6582,6704],{},[620,6583,6584],{"v-slot:ui":622},[624,6585,6587],{"className":6586},[4499,4500],[627,6588,6590],{"className":629,"code":6589,"filename":631,"language":632,"meta":622,"style":622},"@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",[603,6591,6592,6604,6616,6620,6628,6642,6656,6660,6664,6672,6686,6700],{"__ignoreMap":622},[636,6593,6594,6596,6598,6600,6602],{"class":638,"line":639},[636,6595,643],{"class":642},[636,6597,647],{"class":646},[636,6599,651],{"class":650},[636,6601,654],{"class":646},[636,6603,657],{"class":646},[636,6605,6606,6608,6610,6612,6614],{"class":638,"line":660},[636,6607,643],{"class":642},[636,6609,647],{"class":646},[636,6611,667],{"class":650},[636,6613,654],{"class":646},[636,6615,657],{"class":646},[636,6617,6618],{"class":638,"line":674},[636,6619,677],{"emptyLinePlaceholder":15},[636,6621,6622,6624,6626],{"class":638,"line":680},[636,6623,1422],{"class":646},[636,6625,2639],{"class":2638},[636,6627,1425],{"class":646},[636,6629,6630,6632,6634,6636,6638,6640],{"class":638,"line":692},[636,6631,5037],{"class":685},[636,6633,1422],{"class":646},[636,6635,2651],{"class":1407},[636,6637,1411],{"class":646},[636,6639,4308],{"class":685},[636,6641,2659],{"class":646},[636,6643,6644,6646,6648,6650,6652,6654],{"class":638,"line":707},[636,6645,4987],{"class":685},[636,6647,1422],{"class":646},[636,6649,2651],{"class":1407},[636,6651,1411],{"class":646},[636,6653,4461],{"class":685},[636,6655,2659],{"class":646},[636,6657,6658],{"class":638,"line":712},[636,6659,858],{"class":646},[636,6661,6662],{"class":638,"line":718},[636,6663,677],{"emptyLinePlaceholder":15},[636,6665,6666,6668,6670],{"class":638,"line":723},[636,6667,1865],{"class":646},[636,6669,2756],{"class":701},[636,6671,1425],{"class":646},[636,6673,6674,6676,6678,6680,6682,6684],{"class":638,"line":735},[636,6675,5037],{"class":685},[636,6677,1422],{"class":646},[636,6679,2651],{"class":1407},[636,6681,1411],{"class":646},[636,6683,4478],{"class":685},[636,6685,2659],{"class":646},[636,6687,6688,6690,6692,6694,6696,6698],{"class":638,"line":747},[636,6689,5116],{"class":685},[636,6691,1422],{"class":646},[636,6693,2651],{"class":1407},[636,6695,1411],{"class":646},[636,6697,4461],{"class":685},[636,6699,2659],{"class":646},[636,6701,6702],{"class":638,"line":759},[636,6703,858],{"class":646},[620,6705,6706],{"v-slot:ui-pro":622},[624,6707,6709],{"className":6708},[4499,4500],[627,6710,6712],{"className":629,"code":6711,"filename":631,"language":632,"meta":622,"style":622},"@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",[603,6713,6714,6726,6738,6742,6750,6764,6778,6782,6786,6794,6808,6822],{"__ignoreMap":622},[636,6715,6716,6718,6720,6722,6724],{"class":638,"line":639},[636,6717,643],{"class":642},[636,6719,647],{"class":646},[636,6721,651],{"class":650},[636,6723,654],{"class":646},[636,6725,657],{"class":646},[636,6727,6728,6730,6732,6734,6736],{"class":638,"line":660},[636,6729,643],{"class":642},[636,6731,647],{"class":646},[636,6733,888],{"class":650},[636,6735,654],{"class":646},[636,6737,657],{"class":646},[636,6739,6740],{"class":638,"line":674},[636,6741,677],{"emptyLinePlaceholder":15},[636,6743,6744,6746,6748],{"class":638,"line":680},[636,6745,1422],{"class":646},[636,6747,2639],{"class":2638},[636,6749,1425],{"class":646},[636,6751,6752,6754,6756,6758,6760,6762],{"class":638,"line":692},[636,6753,5037],{"class":685},[636,6755,1422],{"class":646},[636,6757,2651],{"class":1407},[636,6759,1411],{"class":646},[636,6761,4308],{"class":685},[636,6763,2659],{"class":646},[636,6765,6766,6768,6770,6772,6774,6776],{"class":638,"line":707},[636,6767,4987],{"class":685},[636,6769,1422],{"class":646},[636,6771,2651],{"class":1407},[636,6773,1411],{"class":646},[636,6775,4461],{"class":685},[636,6777,2659],{"class":646},[636,6779,6780],{"class":638,"line":712},[636,6781,858],{"class":646},[636,6783,6784],{"class":638,"line":718},[636,6785,677],{"emptyLinePlaceholder":15},[636,6787,6788,6790,6792],{"class":638,"line":723},[636,6789,1865],{"class":646},[636,6791,2756],{"class":701},[636,6793,1425],{"class":646},[636,6795,6796,6798,6800,6802,6804,6806],{"class":638,"line":735},[636,6797,5037],{"class":685},[636,6799,1422],{"class":646},[636,6801,2651],{"class":1407},[636,6803,1411],{"class":646},[636,6805,4478],{"class":685},[636,6807,2659],{"class":646},[636,6809,6810,6812,6814,6816,6818,6820],{"class":638,"line":747},[636,6811,5116],{"class":685},[636,6813,1422],{"class":646},[636,6815,2651],{"class":1407},[636,6817,1411],{"class":646},[636,6819,4461],{"class":685},[636,6821,2659],{"class":646},[636,6823,6824],{"class":638,"line":759},[636,6825,858],{"class":646},[1034,6827,6828,6835],{},[587,6829,6830,6831,6834],{},"Nuxt UI applies a text and background color on the ",[603,6832,6833],{},"\u003Cbody>"," element of your app:",[627,6836,6838],{"className":629,"code":6837,"language":632,"meta":622,"style":622},"body {\n  @apply antialiased text-default bg-default scheme-light dark:scheme-dark;\n}\n",[603,6839,6840,6847,6859],{"__ignoreMap":622},[636,6841,6842,6845],{"class":638,"line":639},[636,6843,6844],{"class":701},"body",[636,6846,1425],{"class":646},[636,6848,6849,6852,6854,6857],{"class":638,"line":660},[636,6850,6851],{"class":685},"  @apply antialiased text-default bg-default scheme-light dark",[636,6853,1422],{"class":646},[636,6855,6856],{"class":685},"scheme-dark",[636,6858,657],{"class":646},[636,6860,6861],{"class":638,"line":674},[636,6862,858],{"class":646},[599,6864,6866],{"id":6865},"radius","Radius",[587,6868,6869,6870,6873],{},"Nuxt UI provides a centralized border radius system through the ",[603,6871,6872],{},"--ui-radius"," CSS variable.",[627,6875,6877],{"className":629,"code":6876,"language":632,"meta":622,"style":622},":root {\n  --ui-radius: 0.25rem;\n}\n",[603,6878,6879,6887,6900],{"__ignoreMap":622},[636,6880,6881,6883,6885],{"class":638,"line":639},[636,6882,1422],{"class":646},[636,6884,2639],{"class":2638},[636,6886,1425],{"class":646},[636,6888,6889,6892,6894,6898],{"class":638,"line":660},[636,6890,6891],{"class":685},"  --ui-radius",[636,6893,1422],{"class":646},[636,6895,6897],{"class":6896},"sbssI"," 0.25rem",[636,6899,657],{"class":646},[636,6901,6902],{"class":638,"line":674},[636,6903,858],{"class":646},[587,6905,6906,6907,6910],{},"This CSS variable replaces Tailwind CSS's default ",[603,6908,6909],{},"rounded-*"," utilities so you can use the same class names:",[2860,6912,6913,6949],{},[587,6914,6915,6920,6925,6929,6934,6939,6944],{},[636,6916,6919],{"className":6917},[5820,5829,2867,2868,5423,5424,6918,5641],"rounded-xs","xs",[636,6921,6924],{"className":6922},[5820,5829,2867,2868,5423,5424,6923,5641],"rounded-sm","sm",[636,6926,6928],{"className":6927},[5820,5829,2867,2868,5423,5424,5425,5641],"md",[636,6930,6933],{"className":6931},[5820,5829,2867,2868,5423,5424,6932,5641],"rounded-lg","lg",[636,6935,6938],{"className":6936},[5820,5829,2867,2868,5423,5424,6937,5641],"rounded-xl","xl",[636,6940,6943],{"className":6941},[5820,5829,2867,2868,5423,5424,6942,5641],"rounded-2xl","2xl",[636,6945,6948],{"className":6946},[5820,5829,2867,2868,5423,5424,6947,5641],"rounded-3xl","3xl",[620,6950,6951],{"v-slot:code":622},[627,6952,6954],{"className":2898,"code":6953,"language":28,"meta":622,"style":622},"\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",[603,6955,6956,6964,6990,7016,7042,7068,7094,7120,7146],{"__ignoreMap":622},[636,6957,6958,6960,6962],{"class":638,"line":639},[636,6959,2906],{"class":646},[636,6961,620],{"class":1418},[636,6963,2911],{"class":646},[636,6965,6966,6968,6970,6972,6974,6976,6978,6980,6982,6984,6986,6988],{"class":638,"line":660},[636,6967,2916],{"class":646},[636,6969,624],{"class":1418},[636,6971,2921],{"class":2638},[636,6973,2924],{"class":646},[636,6975,654],{"class":646},[636,6977,6918],{"class":650},[636,6979,654],{"class":646},[636,6981,2933],{"class":646},[636,6983,6919],{"class":685},[636,6985,2938],{"class":646},[636,6987,624],{"class":1418},[636,6989,2911],{"class":646},[636,6991,6992,6994,6996,6998,7000,7002,7004,7006,7008,7010,7012,7014],{"class":638,"line":674},[636,6993,2916],{"class":646},[636,6995,624],{"class":1418},[636,6997,2921],{"class":2638},[636,6999,2924],{"class":646},[636,7001,654],{"class":646},[636,7003,6923],{"class":650},[636,7005,654],{"class":646},[636,7007,2933],{"class":646},[636,7009,6924],{"class":685},[636,7011,2938],{"class":646},[636,7013,624],{"class":1418},[636,7015,2911],{"class":646},[636,7017,7018,7020,7022,7024,7026,7028,7030,7032,7034,7036,7038,7040],{"class":638,"line":680},[636,7019,2916],{"class":646},[636,7021,624],{"class":1418},[636,7023,2921],{"class":2638},[636,7025,2924],{"class":646},[636,7027,654],{"class":646},[636,7029,5425],{"class":650},[636,7031,654],{"class":646},[636,7033,2933],{"class":646},[636,7035,6928],{"class":685},[636,7037,2938],{"class":646},[636,7039,624],{"class":1418},[636,7041,2911],{"class":646},[636,7043,7044,7046,7048,7050,7052,7054,7056,7058,7060,7062,7064,7066],{"class":638,"line":692},[636,7045,2916],{"class":646},[636,7047,624],{"class":1418},[636,7049,2921],{"class":2638},[636,7051,2924],{"class":646},[636,7053,654],{"class":646},[636,7055,6932],{"class":650},[636,7057,654],{"class":646},[636,7059,2933],{"class":646},[636,7061,6933],{"class":685},[636,7063,2938],{"class":646},[636,7065,624],{"class":1418},[636,7067,2911],{"class":646},[636,7069,7070,7072,7074,7076,7078,7080,7082,7084,7086,7088,7090,7092],{"class":638,"line":707},[636,7071,2916],{"class":646},[636,7073,624],{"class":1418},[636,7075,2921],{"class":2638},[636,7077,2924],{"class":646},[636,7079,654],{"class":646},[636,7081,6937],{"class":650},[636,7083,654],{"class":646},[636,7085,2933],{"class":646},[636,7087,6938],{"class":685},[636,7089,2938],{"class":646},[636,7091,624],{"class":1418},[636,7093,2911],{"class":646},[636,7095,7096,7098,7100,7102,7104,7106,7108,7110,7112,7114,7116,7118],{"class":638,"line":712},[636,7097,2916],{"class":646},[636,7099,624],{"class":1418},[636,7101,2921],{"class":2638},[636,7103,2924],{"class":646},[636,7105,654],{"class":646},[636,7107,6942],{"class":650},[636,7109,654],{"class":646},[636,7111,2933],{"class":646},[636,7113,6943],{"class":685},[636,7115,2938],{"class":646},[636,7117,624],{"class":1418},[636,7119,2911],{"class":646},[636,7121,7122,7124,7126,7128,7130,7132,7134,7136,7138,7140,7142,7144],{"class":638,"line":718},[636,7123,2916],{"class":646},[636,7125,624],{"class":1418},[636,7127,2921],{"class":2638},[636,7129,2924],{"class":646},[636,7131,654],{"class":646},[636,7133,6947],{"class":650},[636,7135,654],{"class":646},[636,7137,2933],{"class":646},[636,7139,6948],{"class":685},[636,7141,2938],{"class":646},[636,7143,624],{"class":1418},[636,7145,2911],{"class":646},[636,7147,7148,7150,7152],{"class":638,"line":723},[636,7149,2938],{"class":646},[636,7151,620],{"class":1418},[636,7153,2911],{"class":646},[1034,7155,7156,7161],{},[587,7157,3085,7158,7160],{},[603,7159,605],{}," is generated for each radius value:",[3090,7162,7164],{"className":7163},[3093],[627,7165,7167],{"className":3096,"code":7166,"language":3098,"meta":622,"style":622},"@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",[603,7168,7169,7175,7209,7227,7256,7285,7314,7343,7372],{"__ignoreMap":622},[636,7170,7171,7173],{"class":638,"line":639},[636,7172,3105],{"class":685},[636,7174,689],{"class":646},[636,7176,7177,7180,7182,7185,7187,7190,7192,7194,7197,7200,7203,7206],{"class":638,"line":660},[636,7178,7179],{"class":685},"  --radius-xs",[636,7181,1422],{"class":646},[636,7183,7184],{"class":1407}," calc",[636,7186,1411],{"class":646},[636,7188,7189],{"class":1407},"var",[636,7191,1411],{"class":646},[636,7193,6872],{"class":685},[636,7195,7196],{"class":646},")",[636,7198,7199],{"class":646}," *",[636,7201,7202],{"class":6896}," 0.5",[636,7204,7205],{"class":646},");",[636,7207,7208],{"class":1121},"    /* 0.125rem */\n",[636,7210,7211,7214,7216,7218,7220,7222,7224],{"class":638,"line":674},[636,7212,7213],{"class":685},"  --radius-sm",[636,7215,1422],{"class":646},[636,7217,2651],{"class":1407},[636,7219,1411],{"class":646},[636,7221,6872],{"class":685},[636,7223,7205],{"class":646},[636,7225,7226],{"class":1121},"                /* 0.25rem */\n",[636,7228,7229,7232,7234,7236,7238,7240,7242,7244,7246,7248,7251,7253],{"class":638,"line":680},[636,7230,7231],{"class":685},"  --radius-md",[636,7233,1422],{"class":646},[636,7235,7184],{"class":1407},[636,7237,1411],{"class":646},[636,7239,7189],{"class":1407},[636,7241,1411],{"class":646},[636,7243,6872],{"class":685},[636,7245,7196],{"class":646},[636,7247,7199],{"class":646},[636,7249,7250],{"class":6896}," 1.5",[636,7252,7205],{"class":646},[636,7254,7255],{"class":1121},"    /* 0.375rem */\n",[636,7257,7258,7261,7263,7265,7267,7269,7271,7273,7275,7277,7280,7282],{"class":638,"line":692},[636,7259,7260],{"class":685},"  --radius-lg",[636,7262,1422],{"class":646},[636,7264,7184],{"class":1407},[636,7266,1411],{"class":646},[636,7268,7189],{"class":1407},[636,7270,1411],{"class":646},[636,7272,6872],{"class":685},[636,7274,7196],{"class":646},[636,7276,7199],{"class":646},[636,7278,7279],{"class":6896}," 2",[636,7281,7205],{"class":646},[636,7283,7284],{"class":1121},"      /* 0.5rem */\n",[636,7286,7287,7290,7292,7294,7296,7298,7300,7302,7304,7306,7309,7311],{"class":638,"line":707},[636,7288,7289],{"class":685},"  --radius-xl",[636,7291,1422],{"class":646},[636,7293,7184],{"class":1407},[636,7295,1411],{"class":646},[636,7297,7189],{"class":1407},[636,7299,1411],{"class":646},[636,7301,6872],{"class":685},[636,7303,7196],{"class":646},[636,7305,7199],{"class":646},[636,7307,7308],{"class":6896}," 3",[636,7310,7205],{"class":646},[636,7312,7313],{"class":1121},"      /* 0.75rem */\n",[636,7315,7316,7319,7321,7323,7325,7327,7329,7331,7333,7335,7338,7340],{"class":638,"line":712},[636,7317,7318],{"class":685},"  --radius-2xl",[636,7320,1422],{"class":646},[636,7322,7184],{"class":1407},[636,7324,1411],{"class":646},[636,7326,7189],{"class":1407},[636,7328,1411],{"class":646},[636,7330,6872],{"class":685},[636,7332,7196],{"class":646},[636,7334,7199],{"class":646},[636,7336,7337],{"class":6896}," 4",[636,7339,7205],{"class":646},[636,7341,7342],{"class":1121},"     /* 1rem */\n",[636,7344,7345,7348,7350,7352,7354,7356,7358,7360,7362,7364,7367,7369],{"class":638,"line":718},[636,7346,7347],{"class":685},"  --radius-3xl",[636,7349,1422],{"class":646},[636,7351,7184],{"class":1407},[636,7353,1411],{"class":646},[636,7355,7189],{"class":1407},[636,7357,1411],{"class":646},[636,7359,6872],{"class":685},[636,7361,7196],{"class":646},[636,7363,7199],{"class":646},[636,7365,7366],{"class":6896}," 6",[636,7368,7205],{"class":646},[636,7370,7371],{"class":1121},"     /* 1.5rem */\n",[636,7373,7374],{"class":638,"line":723},[636,7375,858],{"class":646},[587,7377,7378,7379,1892],{},"You can customize the base radius value in your ",[603,7380,4491],{},[617,7382,7383,7444],{},[620,7384,7385],{"v-slot:ui":622},[624,7386,7388],{"className":7387},[4499,4500],[627,7389,7391],{"className":629,"code":7390,"filename":631,"language":632,"meta":622,"style":622},"@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n\n:root {\n  --ui-radius: 0.5rem;\n}\n",[603,7392,7393,7405,7417,7421,7429,7440],{"__ignoreMap":622},[636,7394,7395,7397,7399,7401,7403],{"class":638,"line":639},[636,7396,643],{"class":642},[636,7398,647],{"class":646},[636,7400,651],{"class":650},[636,7402,654],{"class":646},[636,7404,657],{"class":646},[636,7406,7407,7409,7411,7413,7415],{"class":638,"line":660},[636,7408,643],{"class":642},[636,7410,647],{"class":646},[636,7412,667],{"class":650},[636,7414,654],{"class":646},[636,7416,657],{"class":646},[636,7418,7419],{"class":638,"line":674},[636,7420,677],{"emptyLinePlaceholder":15},[636,7422,7423,7425,7427],{"class":638,"line":680},[636,7424,1422],{"class":646},[636,7426,2639],{"class":2638},[636,7428,1425],{"class":646},[636,7430,7431,7433,7435,7438],{"class":638,"line":692},[636,7432,6891],{"class":685},[636,7434,1422],{"class":646},[636,7436,7437],{"class":6896}," 0.5rem",[636,7439,657],{"class":646},[636,7441,7442],{"class":638,"line":707},[636,7443,858],{"class":646},[620,7445,7446],{"v-slot:ui-pro":622},[624,7447,7449],{"className":7448},[4499,4500],[627,7450,7452],{"className":629,"code":7451,"filename":631,"language":632,"meta":622,"style":622},"@import \"tailwindcss\";\n@import \"@nuxt/ui-pro\";\n\n:root {\n  --ui-radius: 0.5rem;\n}\n",[603,7453,7454,7466,7478,7482,7490,7500],{"__ignoreMap":622},[636,7455,7456,7458,7460,7462,7464],{"class":638,"line":639},[636,7457,643],{"class":642},[636,7459,647],{"class":646},[636,7461,651],{"class":650},[636,7463,654],{"class":646},[636,7465,657],{"class":646},[636,7467,7468,7470,7472,7474,7476],{"class":638,"line":660},[636,7469,643],{"class":642},[636,7471,647],{"class":646},[636,7473,888],{"class":650},[636,7475,654],{"class":646},[636,7477,657],{"class":646},[636,7479,7480],{"class":638,"line":674},[636,7481,677],{"emptyLinePlaceholder":15},[636,7483,7484,7486,7488],{"class":638,"line":680},[636,7485,1422],{"class":646},[636,7487,2639],{"class":2638},[636,7489,1425],{"class":646},[636,7491,7492,7494,7496,7498],{"class":638,"line":692},[636,7493,6891],{"class":685},[636,7495,1422],{"class":646},[636,7497,7437],{"class":6896},[636,7499,657],{"class":646},[636,7501,7502],{"class":638,"line":707},[636,7503,858],{"class":646},[1034,7505,7506],{},[587,7507,1351,7508,7511],{},[1353,7509],{"className":7510,"name":50},[1356]," theme picker in the header above to change the base radius value.",[599,7513,264],{"id":7514},"container",[587,7516,7517,7518,7521,7522,7524],{},"Nuxt UI provides a ",[603,7519,7520],{},"--ui-container"," CSS variable that controls the maximum width of the ",[591,7523,264],{"href":265}," component.",[627,7526,7528],{"className":629,"code":7527,"language":632,"meta":622,"style":622},":root {\n  --ui-container: var(--container-7xl);\n}\n",[603,7529,7530,7538,7554],{"__ignoreMap":622},[636,7531,7532,7534,7536],{"class":638,"line":639},[636,7533,1422],{"class":646},[636,7535,2639],{"class":2638},[636,7537,1425],{"class":646},[636,7539,7540,7543,7545,7547,7549,7552],{"class":638,"line":660},[636,7541,7542],{"class":685},"  --ui-container",[636,7544,1422],{"class":646},[636,7546,2651],{"class":1407},[636,7548,1411],{"class":646},[636,7550,7551],{"class":685},"--container-7xl",[636,7553,2659],{"class":646},[636,7555,7556],{"class":638,"line":674},[636,7557,858],{"class":646},[587,7559,7560,7561,7563],{},"You can customize this value in your ",[603,7562,4491],{}," file to adjust container widths consistently throughout your application:",[617,7565,7566,7650],{},[620,7567,7568],{"v-slot:ui":622},[624,7569,7571],{"className":7570},[4499,4500],[627,7572,7574],{"className":629,"code":7573,"filename":631,"language":632,"meta":622,"style":622},"@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",[603,7575,7576,7588,7600,7604,7610,7615,7619,7623,7631,7646],{"__ignoreMap":622},[636,7577,7578,7580,7582,7584,7586],{"class":638,"line":639},[636,7579,643],{"class":642},[636,7581,647],{"class":646},[636,7583,651],{"class":650},[636,7585,654],{"class":646},[636,7587,657],{"class":646},[636,7589,7590,7592,7594,7596,7598],{"class":638,"line":660},[636,7591,643],{"class":642},[636,7593,647],{"class":646},[636,7595,667],{"class":650},[636,7597,654],{"class":646},[636,7599,657],{"class":646},[636,7601,7602],{"class":638,"line":674},[636,7603,677],{"emptyLinePlaceholder":15},[636,7605,7606,7608],{"class":638,"line":680},[636,7607,605],{"class":642},[636,7609,1425],{"class":646},[636,7611,7612],{"class":638,"line":692},[636,7613,7614],{"class":685},"  --container-8xl: 90rem;\n",[636,7616,7617],{"class":638,"line":707},[636,7618,858],{"class":685},[636,7620,7621],{"class":638,"line":712},[636,7622,677],{"emptyLinePlaceholder":15},[636,7624,7625,7627,7629],{"class":638,"line":718},[636,7626,1422],{"class":646},[636,7628,2639],{"class":2638},[636,7630,1425],{"class":646},[636,7632,7633,7635,7637,7639,7641,7644],{"class":638,"line":723},[636,7634,7542],{"class":685},[636,7636,1422],{"class":646},[636,7638,2651],{"class":1407},[636,7640,1411],{"class":646},[636,7642,7643],{"class":685},"--container-8xl",[636,7645,2659],{"class":646},[636,7647,7648],{"class":638,"line":735},[636,7649,858],{"class":646},[620,7651,7652],{"v-slot:ui-pro":622},[624,7653,7655],{"className":7654},[4499,4500],[627,7656,7658],{"className":629,"code":7657,"filename":631,"language":632,"meta":622,"style":622},"@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",[603,7659,7660,7672,7684,7688,7694,7698,7702,7706,7714,7728],{"__ignoreMap":622},[636,7661,7662,7664,7666,7668,7670],{"class":638,"line":639},[636,7663,643],{"class":642},[636,7665,647],{"class":646},[636,7667,651],{"class":650},[636,7669,654],{"class":646},[636,7671,657],{"class":646},[636,7673,7674,7676,7678,7680,7682],{"class":638,"line":660},[636,7675,643],{"class":642},[636,7677,647],{"class":646},[636,7679,888],{"class":650},[636,7681,654],{"class":646},[636,7683,657],{"class":646},[636,7685,7686],{"class":638,"line":674},[636,7687,677],{"emptyLinePlaceholder":15},[636,7689,7690,7692],{"class":638,"line":680},[636,7691,605],{"class":642},[636,7693,1425],{"class":646},[636,7695,7696],{"class":638,"line":692},[636,7697,7614],{"class":685},[636,7699,7700],{"class":638,"line":707},[636,7701,858],{"class":685},[636,7703,7704],{"class":638,"line":712},[636,7705,677],{"emptyLinePlaceholder":15},[636,7707,7708,7710,7712],{"class":638,"line":718},[636,7709,1422],{"class":646},[636,7711,2639],{"class":2638},[636,7713,1425],{"class":646},[636,7715,7716,7718,7720,7722,7724,7726],{"class":638,"line":723},[636,7717,7542],{"class":685},[636,7719,1422],{"class":646},[636,7721,2651],{"class":1407},[636,7723,1411],{"class":646},[636,7725,7643],{"class":685},[636,7727,2659],{"class":646},[636,7729,7730],{"class":638,"line":735},[636,7731,858],{"class":646},[582,7733,7735],{"id":7734},"components-theme","Components theme",[587,7737,7738,7739,7744],{},"Nuxt UI components are styled using the ",[591,7740,7743],{"href":7741,"rel":7742},"https://www.tailwind-variants.org/",[595],"Tailwind Variants"," API, which provides a powerful way to create variants and manage component styles. Let's explore the key features of this API:",[599,7746,7748],{"id":7747},"slots","Slots",[587,7750,7751,7752,7754,7755,7757],{},"Components in Nuxt UI can have multiple ",[603,7753,7747],{},", each representing a distinct HTML element or section within the component. These slots allow for flexible content insertion and styling. Let's take the ",[591,7756,184],{"href":185}," component as an example:",[2624,7759,7760,7852],{},[627,7761,7764],{"className":1392,"code":7762,"filename":7763,"language":1394,"meta":622,"style":622},"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",[603,7765,7766,7774,7783,7799,7815,7831,7844,7848],{"__ignoreMap":622},[636,7767,7768,7770,7772],{"class":638,"line":639},[636,7769,1401],{"class":642},[636,7771,1404],{"class":642},[636,7773,1425],{"class":646},[636,7775,7776,7779,7781],{"class":638,"line":660},[636,7777,7778],{"class":1418},"  slots",[636,7780,1422],{"class":646},[636,7782,1425],{"class":646},[636,7784,7785,7788,7790,7792,7795,7797],{"class":638,"line":674},[636,7786,7787],{"class":1418},"    root",[636,7789,1422],{"class":646},[636,7791,1444],{"class":646},[636,7793,7794],{"class":650},"bg-default ring ring-default divide-y divide-default rounded-lg",[636,7796,1449],{"class":646},[636,7798,1452],{"class":646},[636,7800,7801,7804,7806,7808,7811,7813],{"class":638,"line":680},[636,7802,7803],{"class":1418},"    header",[636,7805,1422],{"class":646},[636,7807,1444],{"class":646},[636,7809,7810],{"class":650},"p-4 sm:px-6",[636,7812,1449],{"class":646},[636,7814,1452],{"class":646},[636,7816,7817,7820,7822,7824,7827,7829],{"class":638,"line":692},[636,7818,7819],{"class":1418},"    body",[636,7821,1422],{"class":646},[636,7823,1444],{"class":646},[636,7825,7826],{"class":650},"p-4 sm:p-6",[636,7828,1449],{"class":646},[636,7830,1452],{"class":646},[636,7832,7833,7836,7838,7840,7842],{"class":638,"line":707},[636,7834,7835],{"class":1418},"    footer",[636,7837,1422],{"class":646},[636,7839,1444],{"class":646},[636,7841,7810],{"class":650},[636,7843,1467],{"class":646},[636,7845,7846],{"class":638,"line":712},[636,7847,1477],{"class":646},[636,7849,7850],{"class":638,"line":718},[636,7851,858],{"class":646},[627,7853,7856],{"className":2898,"code":7854,"filename":7855,"language":28,"meta":622,"style":622},"\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",[603,7857,7858,7866,7886,7906,7929,7938,7942,7961,7969,7977,7981,8000,8019,8027,8036],{"__ignoreMap":622},[636,7859,7860,7862,7864],{"class":638,"line":639},[636,7861,2906],{"class":646},[636,7863,620],{"class":1418},[636,7865,2911],{"class":646},[636,7867,7868,7870,7872,7875,7877,7879,7882,7884],{"class":638,"line":660},[636,7869,2916],{"class":646},[636,7871,624],{"class":1418},[636,7873,7874],{"class":2638}," :class",[636,7876,2924],{"class":646},[636,7878,654],{"class":646},[636,7880,7881],{"class":650},"ui.root({ class: [props.ui?.root, props.class] })",[636,7883,654],{"class":646},[636,7885,2911],{"class":646},[636,7887,7888,7891,7893,7895,7897,7899,7902,7904],{"class":638,"line":674},[636,7889,7890],{"class":646},"    \u003C",[636,7892,624],{"class":1418},[636,7894,7874],{"class":2638},[636,7896,2924],{"class":646},[636,7898,654],{"class":646},[636,7900,7901],{"class":650},"ui.header({ class: props.ui?.header })",[636,7903,654],{"class":646},[636,7905,2911],{"class":646},[636,7907,7908,7911,7914,7917,7919,7921,7924,7926],{"class":638,"line":680},[636,7909,7910],{"class":646},"      \u003C",[636,7912,7913],{"class":1418},"slot",[636,7915,7916],{"class":2638}," name",[636,7918,2924],{"class":646},[636,7920,654],{"class":646},[636,7922,7923],{"class":650},"header",[636,7925,654],{"class":646},[636,7927,7928],{"class":646}," />\n",[636,7930,7931,7934,7936],{"class":638,"line":692},[636,7932,7933],{"class":646},"    \u003C/",[636,7935,624],{"class":1418},[636,7937,2911],{"class":646},[636,7939,7940],{"class":638,"line":707},[636,7941,677],{"emptyLinePlaceholder":15},[636,7943,7944,7946,7948,7950,7952,7954,7957,7959],{"class":638,"line":712},[636,7945,7890],{"class":646},[636,7947,624],{"class":1418},[636,7949,7874],{"class":2638},[636,7951,2924],{"class":646},[636,7953,654],{"class":646},[636,7955,7956],{"class":650},"ui.body({ class: props.ui?.body })",[636,7958,654],{"class":646},[636,7960,2911],{"class":646},[636,7962,7963,7965,7967],{"class":638,"line":718},[636,7964,7910],{"class":646},[636,7966,7913],{"class":1418},[636,7968,7928],{"class":646},[636,7970,7971,7973,7975],{"class":638,"line":723},[636,7972,7933],{"class":646},[636,7974,624],{"class":1418},[636,7976,2911],{"class":646},[636,7978,7979],{"class":638,"line":735},[636,7980,677],{"emptyLinePlaceholder":15},[636,7982,7983,7985,7987,7989,7991,7993,7996,7998],{"class":638,"line":747},[636,7984,7890],{"class":646},[636,7986,624],{"class":1418},[636,7988,7874],{"class":2638},[636,7990,2924],{"class":646},[636,7992,654],{"class":646},[636,7994,7995],{"class":650},"ui.footer({ class: props.ui?.footer })",[636,7997,654],{"class":646},[636,7999,2911],{"class":646},[636,8001,8002,8004,8006,8008,8010,8012,8015,8017],{"class":638,"line":759},[636,8003,7910],{"class":646},[636,8005,7913],{"class":1418},[636,8007,7916],{"class":2638},[636,8009,2924],{"class":646},[636,8011,654],{"class":646},[636,8013,8014],{"class":650},"footer",[636,8016,654],{"class":646},[636,8018,7928],{"class":646},[636,8020,8021,8023,8025],{"class":638,"line":771},[636,8022,7933],{"class":646},[636,8024,624],{"class":1418},[636,8026,2911],{"class":646},[636,8028,8029,8032,8034],{"class":638,"line":783},[636,8030,8031],{"class":646},"  \u003C/",[636,8033,624],{"class":1418},[636,8035,2911],{"class":646},[636,8037,8038,8040,8042],{"class":638,"line":795},[636,8039,2938],{"class":646},[636,8041,620],{"class":1418},[636,8043,2911],{"class":646},[587,8045,8046,8047,8050,8051,8053],{},"Some components don't have slots, they are just composed of a single root element. In this case, the theme only defines the ",[603,8048,8049],{},"base"," slot like the ",[591,8052,264],{"href":265}," component for example:",[2624,8055,8056,8088],{},[627,8057,8060],{"className":1392,"code":8058,"filename":8059,"language":1394,"meta":622,"style":622},"export default {\n  base: 'max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8'\n}\n","src/theme/container.ts",[603,8061,8062,8070,8084],{"__ignoreMap":622},[636,8063,8064,8066,8068],{"class":638,"line":639},[636,8065,1401],{"class":642},[636,8067,1404],{"class":642},[636,8069,1425],{"class":646},[636,8071,8072,8075,8077,8079,8082],{"class":638,"line":660},[636,8073,8074],{"class":1418},"  base",[636,8076,1422],{"class":646},[636,8078,1444],{"class":646},[636,8080,8081],{"class":650},"max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8",[636,8083,1467],{"class":646},[636,8085,8086],{"class":638,"line":674},[636,8087,858],{"class":646},[627,8089,8092],{"className":2898,"code":8090,"filename":8091,"language":28,"meta":622,"style":622},"\u003Ctemplate>\n  \u003Cdiv :class=\"container({ class: props.class })\">\n    \u003Cslot />\n  \u003C/div>\n\u003C/template>\n","src/runtime/components/Container.vue",[603,8093,8094,8102,8121,8129,8137],{"__ignoreMap":622},[636,8095,8096,8098,8100],{"class":638,"line":639},[636,8097,2906],{"class":646},[636,8099,620],{"class":1418},[636,8101,2911],{"class":646},[636,8103,8104,8106,8108,8110,8112,8114,8117,8119],{"class":638,"line":660},[636,8105,2916],{"class":646},[636,8107,624],{"class":1418},[636,8109,7874],{"class":2638},[636,8111,2924],{"class":646},[636,8113,654],{"class":646},[636,8115,8116],{"class":650},"container({ class: props.class })",[636,8118,654],{"class":646},[636,8120,2911],{"class":646},[636,8122,8123,8125,8127],{"class":638,"line":674},[636,8124,7890],{"class":646},[636,8126,7913],{"class":1418},[636,8128,7928],{"class":646},[636,8130,8131,8133,8135],{"class":638,"line":680},[636,8132,8031],{"class":646},[636,8134,624],{"class":1418},[636,8136,2911],{"class":646},[636,8138,8139,8141,8143],{"class":638,"line":692},[636,8140,2938],{"class":646},[636,8142,620],{"class":1418},[636,8144,2911],{"class":646},[1295,8146,8147],{},[587,8148,8149,8150,8156,8157,8163],{},"Components without slots don't have a ",[591,8151,8153,8155],{"href":8152},"#ui-prop",[603,8154,23],{}," prop",", only the ",[591,8158,8160,8155],{"href":8159},"#class-prop",[603,8161,8162],{},"class"," is available to override styles.",[599,8165,8167],{"id":8166},"variants","Variants",[587,8169,8170,8171,8173,8174,8176,8177,8179],{},"Nuxt UI components use ",[603,8172,8166],{}," to change the ",[603,8175,7747],{}," styles based on props. Here's an example of the ",[591,8178,144],{"href":145}," component:",[627,8181,8184],{"className":1392,"code":8182,"filename":8183,"language":1394,"meta":622,"style":622},"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",[603,8185,8186,8194,8202,8217,8231,8236,8245,8254,8263,8277,8281,8290,8303,8307,8316,8329,8333,8337,8341,8350,8362,8366],{"__ignoreMap":622},[636,8187,8188,8190,8192],{"class":638,"line":639},[636,8189,1401],{"class":642},[636,8191,1404],{"class":642},[636,8193,1425],{"class":646},[636,8195,8196,8198,8200],{"class":638,"line":660},[636,8197,7778],{"class":1418},[636,8199,1422],{"class":646},[636,8201,1425],{"class":646},[636,8203,8204,8206,8208,8210,8213,8215],{"class":638,"line":674},[636,8205,7787],{"class":1418},[636,8207,1422],{"class":646},[636,8209,1444],{"class":646},[636,8211,8212],{"class":650},"inline-flex items-center justify-center shrink-0 select-none overflow-hidden rounded-full align-middle bg-elevated",[636,8214,1449],{"class":646},[636,8216,1452],{"class":646},[636,8218,8219,8222,8224,8226,8229],{"class":638,"line":680},[636,8220,8221],{"class":1418},"    image",[636,8223,1422],{"class":646},[636,8225,1444],{"class":646},[636,8227,8228],{"class":650},"h-full w-full rounded-[inherit] object-cover",[636,8230,1467],{"class":646},[636,8232,8233],{"class":638,"line":692},[636,8234,8235],{"class":646},"  },\n",[636,8237,8238,8241,8243],{"class":638,"line":707},[636,8239,8240],{"class":1418},"  variants",[636,8242,1422],{"class":646},[636,8244,1425],{"class":646},[636,8246,8247,8250,8252],{"class":638,"line":712},[636,8248,8249],{"class":1418},"    size",[636,8251,1422],{"class":646},[636,8253,1425],{"class":646},[636,8255,8256,8259,8261],{"class":638,"line":718},[636,8257,8258],{"class":1418},"      sm",[636,8260,1422],{"class":646},[636,8262,1425],{"class":646},[636,8264,8265,8268,8270,8272,8275],{"class":638,"line":723},[636,8266,8267],{"class":1418},"        root",[636,8269,1422],{"class":646},[636,8271,1444],{"class":646},[636,8273,8274],{"class":650},"size-7 text-sm",[636,8276,1467],{"class":646},[636,8278,8279],{"class":638,"line":735},[636,8280,2247],{"class":646},[636,8282,8283,8286,8288],{"class":638,"line":747},[636,8284,8285],{"class":1418},"      md",[636,8287,1422],{"class":646},[636,8289,1425],{"class":646},[636,8291,8292,8294,8296,8298,8301],{"class":638,"line":759},[636,8293,8267],{"class":1418},[636,8295,1422],{"class":646},[636,8297,1444],{"class":646},[636,8299,8300],{"class":650},"size-8 text-base",[636,8302,1467],{"class":646},[636,8304,8305],{"class":638,"line":771},[636,8306,2247],{"class":646},[636,8308,8309,8312,8314],{"class":638,"line":783},[636,8310,8311],{"class":1418},"      lg",[636,8313,1422],{"class":646},[636,8315,1425],{"class":646},[636,8317,8318,8320,8322,8324,8327],{"class":638,"line":795},[636,8319,8267],{"class":1418},[636,8321,1422],{"class":646},[636,8323,1444],{"class":646},[636,8325,8326],{"class":650},"size-9 text-lg",[636,8328,1467],{"class":646},[636,8330,8331],{"class":638,"line":807},[636,8332,1666],{"class":646},[636,8334,8335],{"class":638,"line":819},[636,8336,1472],{"class":646},[636,8338,8339],{"class":638,"line":831},[636,8340,8235],{"class":646},[636,8342,8343,8346,8348],{"class":638,"line":843},[636,8344,8345],{"class":1418},"  defaultVariants",[636,8347,1422],{"class":646},[636,8349,1425],{"class":646},[636,8351,8352,8354,8356,8358,8360],{"class":638,"line":855},[636,8353,8249],{"class":1418},[636,8355,1422],{"class":646},[636,8357,1444],{"class":646},[636,8359,6928],{"class":650},[636,8361,1467],{"class":646},[636,8363,8364],{"class":638,"line":2319},[636,8365,1477],{"class":646},[636,8367,8368],{"class":638,"line":2330},[636,8369,858],{"class":646},[587,8371,8372,8373,8376,8377,8379],{},"This way, the ",[603,8374,8375],{},"size"," prop will apply the corresponding styles to the ",[603,8378,2639],{}," slot:",[1342,8381],{":props":8382,"slug":8383,":ignore":8384},"{\"src\":\"https://github.com/nuxt.png\",\"size\":\"lg\"}","avatar","[\"src\"]",[587,8386,1021,8387,8390],{},[603,8388,8389],{},"defaultVariants"," property specifies the default values for each variant. It determines how a component looks and behaves when no prop is provided.",[1369,8392,8393,8406],{},[620,8394,8395],{"v-slot:nuxt":622},[8396,8397,8398],"tip",{},[587,8399,8400,8401,8405],{},"These default values can be customized in your ",[591,8402,8403],{"href":4709},[603,8404,1384],{}," to adjust the standard appearance of components throughout your application.",[620,8407,8408],{"v-slot:vue":622},[8396,8409,8410],{},[587,8411,8400,8412,8405],{},[591,8413,8414],{"href":4709},[603,8415,1494],{},[582,8417,8419],{"id":8418},"customize-theme","Customize theme",[587,8421,8422],{},"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.",[1034,8424,8425],{},[587,8426,8427,8428,8435],{},"Tailwind Variants uses ",[591,8429,8432],{"href":8430,"rel":8431},"https://github.com/dcastil/tailwind-merge",[595],[603,8433,8434],{},"tailwind-merge"," under the hood to merge classes so you don't have to worry about conflicting classes.",[8396,8437,8438,8441],{},[587,8439,8440],{},"You can explore the theme for each component in two ways:",[8442,8443,8444,8451],"ul",{},[8445,8446,8447,8448,8450],"li",{},"Check the ",[603,8449,47],{}," section in the documentation of each individual component.",[8445,8452,8453,8454,1865],{},"Browse the source code directly in the GitHub repository at ",[591,8455,8458],{"href":8456,"rel":8457},"https://github.com/nuxt/ui/tree/v3/src/theme",[595],[603,8459,8460],{},"v3/src/theme",[599,8462,8464],{"id":8463},"config","Config",[1369,8466,8467,8555],{},[620,8468,8469],{"v-slot:nuxt":622},[624,8470,8471,8477,8480],{},[587,8472,8473,8474,8476],{},"You can override the theme of components globally inside your ",[603,8475,1384],{}," by using the exact same structure as the theme object.",[587,8478,8479],{},"Let's say you want to change the font weight of all your buttons, you can do it like this:",[627,8481,8483],{"className":1392,"code":8482,"filename":1384,"language":1394,"meta":622,"style":622},"export default defineAppConfig({\n  ui: {\n    button: {\n      slots: {\n        base: 'font-bold'\n      }\n    }\n  }\n})\n",[603,8484,8485,8497,8505,8514,8523,8537,8541,8545,8549],{"__ignoreMap":622},[636,8486,8487,8489,8491,8493,8495],{"class":638,"line":639},[636,8488,1401],{"class":642},[636,8490,1404],{"class":642},[636,8492,1408],{"class":1407},[636,8494,1411],{"class":685},[636,8496,689],{"class":646},[636,8498,8499,8501,8503],{"class":638,"line":660},[636,8500,1419],{"class":1418},[636,8502,1422],{"class":646},[636,8504,1425],{"class":646},[636,8506,8507,8510,8512],{"class":638,"line":674},[636,8508,8509],{"class":1418},"    button",[636,8511,1422],{"class":646},[636,8513,1425],{"class":646},[636,8515,8516,8519,8521],{"class":638,"line":680},[636,8517,8518],{"class":1418},"      slots",[636,8520,1422],{"class":646},[636,8522,1425],{"class":646},[636,8524,8525,8528,8530,8532,8535],{"class":638,"line":692},[636,8526,8527],{"class":1418},"        base",[636,8529,1422],{"class":646},[636,8531,1444],{"class":646},[636,8533,8534],{"class":650},"font-bold",[636,8536,1467],{"class":646},[636,8538,8539],{"class":638,"line":707},[636,8540,1666],{"class":646},[636,8542,8543],{"class":638,"line":712},[636,8544,1472],{"class":646},[636,8546,8547],{"class":638,"line":718},[636,8548,1477],{"class":646},[636,8550,8551,8553],{"class":638,"line":723},[636,8552,1482],{"class":646},[636,8554,1485],{"class":685},[620,8556,8557],{"v-slot:vue":622},[624,8558,8559,8563,8565],{},[587,8560,8473,8561,8476],{},[603,8562,1494],{},[587,8564,8479],{},[617,8566,8567,8730],{},[620,8568,8569],{"v-slot:ui":622},[624,8570,8571],{},[627,8572,8574],{"className":1392,"code":8573,"filename":1494,"language":1394,"meta":622,"style":622},"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",[603,8575,8576,8594,8608,8622,8626,8638,8646,8654,8662,8670,8679,8688,8701,8706,8710,8714,8720,8724],{"__ignoreMap":622},[636,8577,8578,8580,8582,8584,8586,8588,8590,8592],{"class":638,"line":639},[636,8579,1513],{"class":642},[636,8581,1516],{"class":646},[636,8583,1519],{"class":685},[636,8585,1522],{"class":646},[636,8587,1525],{"class":642},[636,8589,1444],{"class":646},[636,8591,1530],{"class":650},[636,8593,1467],{"class":646},[636,8595,8596,8598,8600,8602,8604,8606],{"class":638,"line":660},[636,8597,1513],{"class":642},[636,8599,1539],{"class":685},[636,8601,1542],{"class":642},[636,8603,1444],{"class":646},[636,8605,1547],{"class":650},[636,8607,1467],{"class":646},[636,8609,8610,8612,8614,8616,8618,8620],{"class":638,"line":674},[636,8611,1513],{"class":642},[636,8613,1556],{"class":685},[636,8615,1542],{"class":642},[636,8617,1444],{"class":646},[636,8619,1563],{"class":650},[636,8621,1467],{"class":646},[636,8623,8624],{"class":638,"line":680},[636,8625,677],{"emptyLinePlaceholder":15},[636,8627,8628,8630,8632,8634,8636],{"class":638,"line":692},[636,8629,1401],{"class":642},[636,8631,1404],{"class":642},[636,8633,1519],{"class":1407},[636,8635,1411],{"class":685},[636,8637,689],{"class":646},[636,8639,8640,8642,8644],{"class":638,"line":707},[636,8641,1586],{"class":1418},[636,8643,1422],{"class":646},[636,8645,1591],{"class":685},[636,8647,8648,8650,8652],{"class":638,"line":712},[636,8649,1596],{"class":1407},[636,8651,1599],{"class":685},[636,8653,1452],{"class":646},[636,8655,8656,8658,8660],{"class":638,"line":718},[636,8657,1606],{"class":1407},[636,8659,1411],{"class":685},[636,8661,689],{"class":646},[636,8663,8664,8666,8668],{"class":638,"line":723},[636,8665,1615],{"class":1418},[636,8667,1422],{"class":646},[636,8669,1425],{"class":646},[636,8671,8672,8675,8677],{"class":638,"line":735},[636,8673,8674],{"class":1418},"        button",[636,8676,1422],{"class":646},[636,8678,1425],{"class":646},[636,8680,8681,8684,8686],{"class":638,"line":747},[636,8682,8683],{"class":1418},"          slots",[636,8685,1422],{"class":646},[636,8687,1425],{"class":646},[636,8689,8690,8693,8695,8697,8699],{"class":638,"line":759},[636,8691,8692],{"class":1418},"            base",[636,8694,1422],{"class":646},[636,8696,1444],{"class":646},[636,8698,8534],{"class":650},[636,8700,1467],{"class":646},[636,8702,8703],{"class":638,"line":771},[636,8704,8705],{"class":646},"          }\n",[636,8707,8708],{"class":638,"line":783},[636,8709,1661],{"class":646},[636,8711,8712],{"class":638,"line":795},[636,8713,1666],{"class":646},[636,8715,8716,8718],{"class":638,"line":807},[636,8717,1671],{"class":646},[636,8719,1485],{"class":685},[636,8721,8722],{"class":638,"line":819},[636,8723,1678],{"class":685},[636,8725,8726,8728],{"class":638,"line":831},[636,8727,1482],{"class":646},[636,8729,1485],{"class":685},[620,8731,8732],{"v-slot:ui-pro":622},[624,8733,8734],{},[627,8735,8737],{"className":1392,"code":8736,"filename":1494,"language":1394,"meta":622,"style":622},"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",[603,8738,8739,8757,8771,8785,8789,8801,8809,8817,8825,8833,8841,8849,8861,8865,8869,8873,8879,8883],{"__ignoreMap":622},[636,8740,8741,8743,8745,8747,8749,8751,8753,8755],{"class":638,"line":639},[636,8742,1513],{"class":642},[636,8744,1516],{"class":646},[636,8746,1519],{"class":685},[636,8748,1522],{"class":646},[636,8750,1525],{"class":642},[636,8752,1444],{"class":646},[636,8754,1530],{"class":650},[636,8756,1467],{"class":646},[636,8758,8759,8761,8763,8765,8767,8769],{"class":638,"line":660},[636,8760,1513],{"class":642},[636,8762,1539],{"class":685},[636,8764,1542],{"class":642},[636,8766,1444],{"class":646},[636,8768,1547],{"class":650},[636,8770,1467],{"class":646},[636,8772,8773,8775,8777,8779,8781,8783],{"class":638,"line":674},[636,8774,1513],{"class":642},[636,8776,1732],{"class":685},[636,8778,1542],{"class":642},[636,8780,1444],{"class":646},[636,8782,1739],{"class":650},[636,8784,1467],{"class":646},[636,8786,8787],{"class":638,"line":680},[636,8788,677],{"emptyLinePlaceholder":15},[636,8790,8791,8793,8795,8797,8799],{"class":638,"line":692},[636,8792,1401],{"class":642},[636,8794,1404],{"class":642},[636,8796,1519],{"class":1407},[636,8798,1411],{"class":685},[636,8800,689],{"class":646},[636,8802,8803,8805,8807],{"class":638,"line":707},[636,8804,1586],{"class":1418},[636,8806,1422],{"class":646},[636,8808,1591],{"class":685},[636,8810,8811,8813,8815],{"class":638,"line":712},[636,8812,1596],{"class":1407},[636,8814,1599],{"class":685},[636,8816,1452],{"class":646},[636,8818,8819,8821,8823],{"class":638,"line":718},[636,8820,1778],{"class":1407},[636,8822,1411],{"class":685},[636,8824,689],{"class":646},[636,8826,8827,8829,8831],{"class":638,"line":723},[636,8828,1615],{"class":1418},[636,8830,1422],{"class":646},[636,8832,1425],{"class":646},[636,8834,8835,8837,8839],{"class":638,"line":735},[636,8836,8674],{"class":1418},[636,8838,1422],{"class":646},[636,8840,1425],{"class":646},[636,8842,8843,8845,8847],{"class":638,"line":747},[636,8844,8683],{"class":1418},[636,8846,1422],{"class":646},[636,8848,1425],{"class":646},[636,8850,8851,8853,8855,8857,8859],{"class":638,"line":759},[636,8852,8692],{"class":1418},[636,8854,1422],{"class":646},[636,8856,1444],{"class":646},[636,8858,8534],{"class":650},[636,8860,1467],{"class":646},[636,8862,8863],{"class":638,"line":771},[636,8864,8705],{"class":646},[636,8866,8867],{"class":638,"line":783},[636,8868,1661],{"class":646},[636,8870,8871],{"class":638,"line":795},[636,8872,1666],{"class":646},[636,8874,8875,8877],{"class":638,"line":807},[636,8876,1671],{"class":646},[636,8878,1485],{"class":685},[636,8880,8881],{"class":638,"line":819},[636,8882,1678],{"class":685},[636,8884,8885,8887],{"class":638,"line":831},[636,8886,1482],{"class":646},[636,8888,1485],{"class":685},[1034,8890,8891],{},[587,8892,8893,8894,8896,8897,8900],{},"In this example, the ",[603,8895,8534],{}," class will override the default ",[603,8898,8899],{},"font-medium"," class on all buttons.",[599,8902,8904],{"id":8903},"props","Props",[8906,8907,8909,8155],"h4",{"id":8908},"ui-prop",[603,8910,23],{},[587,8912,8913,8914,8917,8918,8920,8921,8923],{},"You can also override a component's ",[8915,8916,7747],"strong",{}," using the ",[603,8919,23],{}," prop. This has priority over the global configuration and ",[603,8922,8166],{}," resolution.",[1342,8925],{":props":8926,"slug":1345,":slots":8927,":ignore":8928,":prettier":8929},"{\"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",[1034,8931,8932],{},[587,8933,8893,8934,8937,8938,8941,8942,8944,8945,8948],{},[603,8935,8936],{},"trailingIcon"," slot is overwritten with ",[603,8939,8940],{},"size-3"," even though the ",[603,8943,6928],{}," size variant would apply a ",[603,8946,8947],{},"size-5"," class to it.",[8906,8950,8952,8155],{"id":8951},"class-prop",[603,8953,8162],{},[587,8955,1021,8956,8958,8959,8961,8962,8964,8965,8923],{},[603,8957,8162],{}," prop allows you to override the classes of the ",[603,8960,2639],{}," or ",[603,8963,8049],{}," slot. This has priority over the global configuration and ",[603,8966,8166],{},[1342,8968],{":props":8969,"slug":1345,":slots":1346},"{\"class\":\"font-bold rounded-full\"}",[1034,8971,8972],{},[587,8973,8893,8974,8896,8976,8978],{},[603,8975,8534],{},[603,8977,8899],{}," class on this button.",[8980,8981,8982],"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":622,"searchDepth":660,"depth":660,"links":8984},[8985,8989,8993,8999,9003],{"id":584,"depth":660,"text":585,"children":8986},[8987,8988],{"id":601,"depth":674,"text":605},{"id":1043,"depth":674,"text":1046},{"id":1197,"depth":660,"text":1198,"children":8990},[8991,8992],{"id":1366,"depth":674,"text":1367},{"id":1868,"depth":674,"text":1869},{"id":2611,"depth":660,"text":2612,"children":8994},[8995,8996,8997,8998],{"id":2618,"depth":674,"text":2619},{"id":1325,"depth":674,"text":4916},{"id":6865,"depth":674,"text":6866},{"id":7514,"depth":674,"text":264},{"id":7734,"depth":660,"text":7735,"children":9000},[9001,9002],{"id":7747,"depth":674,"text":7748},{"id":8166,"depth":674,"text":8167},{"id":8418,"depth":660,"text":8419,"children":9004},[9005,9006],{"id":8463,"depth":674,"text":8464},{"id":8903,"depth":674,"text":8904},"Learn how to customize Nuxt UI components using Tailwind CSS v4, CSS variables and the Tailwind Variants API for powerful and flexible theming.",{},{"icon":50},{"title":47,"description":9007},"WrQGKnyrEfcJDsFIA8RD9XIW1X7psgt_0gkkiMR__OQ",[9013,9015],{"title":43,"path":44,"stem":45,"description":9014,"children":-1},"A comprehensive guide to migrate your application from Nuxt UI v2 to Nuxt UI v3.",{"title":52,"path":57,"stem":58,"description":9016,"icon":59,"children":-1},"Nuxt UI integrates with Nuxt Icon to access over 200,000+ icons from Iconify.",{"data":9018,"body":9019},{},{"type":2639,"children":9020},[9021],{"type":9022,"tag":587,"props":9023,"children":9024},"element",{},[9025],{"type":9026,"value":9007},"text",{"data":9028,"body":9029,"toc":9131},{"title":622,"description":622},{"type":2639,"children":9030},[9031,9126],{"type":9022,"tag":627,"props":9032,"children":9034},{"className":2898,"code":9033,"language":28,"meta":622,"style":622},"\u003Ctemplate>\n  \u003CUButton color=\"primary\">Button\u003C/UButton>\n\u003C/template>\n",[9035],{"type":9022,"tag":603,"props":9036,"children":9037},{"__ignoreMap":622},[9038,9055,9111],{"type":9022,"tag":636,"props":9039,"children":9040},{"class":638,"line":639},[9041,9046,9051],{"type":9022,"tag":636,"props":9042,"children":9044},{"style":9043},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[9045],{"type":9026,"value":2906},{"type":9022,"tag":636,"props":9047,"children":9049},{"style":9048},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[9050],{"type":9026,"value":620},{"type":9022,"tag":636,"props":9052,"children":9053},{"style":9043},[9054],{"type":9026,"value":2911},{"type":9022,"tag":636,"props":9056,"children":9057},{"class":638,"line":660},[9058,9062,9067,9073,9077,9081,9086,9090,9094,9099,9103,9107],{"type":9022,"tag":636,"props":9059,"children":9060},{"style":9043},[9061],{"type":9026,"value":2916},{"type":9022,"tag":636,"props":9063,"children":9064},{"style":9048},[9065],{"type":9026,"value":9066},"UButton",{"type":9022,"tag":636,"props":9068,"children":9070},{"style":9069},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[9071],{"type":9026,"value":9072}," color",{"type":9022,"tag":636,"props":9074,"children":9075},{"style":9043},[9076],{"type":9026,"value":2924},{"type":9022,"tag":636,"props":9078,"children":9079},{"style":9043},[9080],{"type":9026,"value":654},{"type":9022,"tag":636,"props":9082,"children":9084},{"style":9083},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[9085],{"type":9026,"value":1237},{"type":9022,"tag":636,"props":9087,"children":9088},{"style":9043},[9089],{"type":9026,"value":654},{"type":9022,"tag":636,"props":9091,"children":9092},{"style":9043},[9093],{"type":9026,"value":2933},{"type":9022,"tag":636,"props":9095,"children":9097},{"style":9096},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[9098],{"type":9026,"value":172},{"type":9022,"tag":636,"props":9100,"children":9101},{"style":9043},[9102],{"type":9026,"value":2938},{"type":9022,"tag":636,"props":9104,"children":9105},{"style":9048},[9106],{"type":9026,"value":9066},{"type":9022,"tag":636,"props":9108,"children":9109},{"style":9043},[9110],{"type":9026,"value":2911},{"type":9022,"tag":636,"props":9112,"children":9113},{"class":638,"line":674},[9114,9118,9122],{"type":9022,"tag":636,"props":9115,"children":9116},{"style":9043},[9117],{"type":9026,"value":2938},{"type":9022,"tag":636,"props":9119,"children":9120},{"style":9048},[9121],{"type":9026,"value":620},{"type":9022,"tag":636,"props":9123,"children":9124},{"style":9043},[9125],{"type":9026,"value":2911},{"type":9022,"tag":8980,"props":9127,"children":9128},{},[9129],{"type":9026,"value":9130},"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":622,"searchDepth":660,"depth":660,"links":9132},[],{"data":9134,"body":9135,"toc":9230},{"title":622,"description":622},{"type":2639,"children":9136},[9137,9226],{"type":9022,"tag":627,"props":9138,"children":9140},{"className":2898,"code":9139,"language":28,"meta":622,"style":622},"\u003Ctemplate>\n  \u003CUButton class=\"font-bold rounded-full\">Button\u003C/UButton>\n\u003C/template>\n",[9141],{"type":9022,"tag":603,"props":9142,"children":9143},{"__ignoreMap":622},[9144,9159,9211],{"type":9022,"tag":636,"props":9145,"children":9146},{"class":638,"line":639},[9147,9151,9155],{"type":9022,"tag":636,"props":9148,"children":9149},{"style":9043},[9150],{"type":9026,"value":2906},{"type":9022,"tag":636,"props":9152,"children":9153},{"style":9048},[9154],{"type":9026,"value":620},{"type":9022,"tag":636,"props":9156,"children":9157},{"style":9043},[9158],{"type":9026,"value":2911},{"type":9022,"tag":636,"props":9160,"children":9161},{"class":638,"line":660},[9162,9166,9170,9174,9178,9182,9187,9191,9195,9199,9203,9207],{"type":9022,"tag":636,"props":9163,"children":9164},{"style":9043},[9165],{"type":9026,"value":2916},{"type":9022,"tag":636,"props":9167,"children":9168},{"style":9048},[9169],{"type":9026,"value":9066},{"type":9022,"tag":636,"props":9171,"children":9172},{"style":9069},[9173],{"type":9026,"value":2921},{"type":9022,"tag":636,"props":9175,"children":9176},{"style":9043},[9177],{"type":9026,"value":2924},{"type":9022,"tag":636,"props":9179,"children":9180},{"style":9043},[9181],{"type":9026,"value":654},{"type":9022,"tag":636,"props":9183,"children":9184},{"style":9083},[9185],{"type":9026,"value":9186},"font-bold rounded-full",{"type":9022,"tag":636,"props":9188,"children":9189},{"style":9043},[9190],{"type":9026,"value":654},{"type":9022,"tag":636,"props":9192,"children":9193},{"style":9043},[9194],{"type":9026,"value":2933},{"type":9022,"tag":636,"props":9196,"children":9197},{"style":9096},[9198],{"type":9026,"value":172},{"type":9022,"tag":636,"props":9200,"children":9201},{"style":9043},[9202],{"type":9026,"value":2938},{"type":9022,"tag":636,"props":9204,"children":9205},{"style":9048},[9206],{"type":9026,"value":9066},{"type":9022,"tag":636,"props":9208,"children":9209},{"style":9043},[9210],{"type":9026,"value":2911},{"type":9022,"tag":636,"props":9212,"children":9213},{"class":638,"line":674},[9214,9218,9222],{"type":9022,"tag":636,"props":9215,"children":9216},{"style":9043},[9217],{"type":9026,"value":2938},{"type":9022,"tag":636,"props":9219,"children":9220},{"style":9048},[9221],{"type":9026,"value":620},{"type":9022,"tag":636,"props":9223,"children":9224},{"style":9043},[9225],{"type":9026,"value":2911},{"type":9022,"tag":8980,"props":9227,"children":9228},{},[9229],{"type":9026,"value":9130},{"title":622,"searchDepth":660,"depth":660,"links":9231},[],{"data":9233,"body":9234,"toc":9336},{"title":622,"description":622},{"type":2639,"children":9235},[9236,9332],{"type":9022,"tag":627,"props":9237,"children":9239},{"className":2898,"code":9238,"language":28,"meta":622,"style":622},"\u003Ctemplate>\n  \u003CUAvatar src=\"https://github.com/nuxt.png\" size=\"lg\" />\n\u003C/template>\n",[9240],{"type":9022,"tag":603,"props":9241,"children":9242},{"__ignoreMap":622},[9243,9258,9317],{"type":9022,"tag":636,"props":9244,"children":9245},{"class":638,"line":639},[9246,9250,9254],{"type":9022,"tag":636,"props":9247,"children":9248},{"style":9043},[9249],{"type":9026,"value":2906},{"type":9022,"tag":636,"props":9251,"children":9252},{"style":9048},[9253],{"type":9026,"value":620},{"type":9022,"tag":636,"props":9255,"children":9256},{"style":9043},[9257],{"type":9026,"value":2911},{"type":9022,"tag":636,"props":9259,"children":9260},{"class":638,"line":660},[9261,9265,9270,9275,9279,9283,9288,9292,9297,9301,9305,9309,9313],{"type":9022,"tag":636,"props":9262,"children":9263},{"style":9043},[9264],{"type":9026,"value":2916},{"type":9022,"tag":636,"props":9266,"children":9267},{"style":9048},[9268],{"type":9026,"value":9269},"UAvatar",{"type":9022,"tag":636,"props":9271,"children":9272},{"style":9069},[9273],{"type":9026,"value":9274}," src",{"type":9022,"tag":636,"props":9276,"children":9277},{"style":9043},[9278],{"type":9026,"value":2924},{"type":9022,"tag":636,"props":9280,"children":9281},{"style":9043},[9282],{"type":9026,"value":654},{"type":9022,"tag":636,"props":9284,"children":9285},{"style":9083},[9286],{"type":9026,"value":9287},"https://github.com/nuxt.png",{"type":9022,"tag":636,"props":9289,"children":9290},{"style":9043},[9291],{"type":9026,"value":654},{"type":9022,"tag":636,"props":9293,"children":9294},{"style":9069},[9295],{"type":9026,"value":9296}," size",{"type":9022,"tag":636,"props":9298,"children":9299},{"style":9043},[9300],{"type":9026,"value":2924},{"type":9022,"tag":636,"props":9302,"children":9303},{"style":9043},[9304],{"type":9026,"value":654},{"type":9022,"tag":636,"props":9306,"children":9307},{"style":9083},[9308],{"type":9026,"value":6933},{"type":9022,"tag":636,"props":9310,"children":9311},{"style":9043},[9312],{"type":9026,"value":654},{"type":9022,"tag":636,"props":9314,"children":9315},{"style":9043},[9316],{"type":9026,"value":7928},{"type":9022,"tag":636,"props":9318,"children":9319},{"class":638,"line":674},[9320,9324,9328],{"type":9022,"tag":636,"props":9321,"children":9322},{"style":9043},[9323],{"type":9026,"value":2938},{"type":9022,"tag":636,"props":9325,"children":9326},{"style":9048},[9327],{"type":9026,"value":620},{"type":9022,"tag":636,"props":9329,"children":9330},{"style":9043},[9331],{"type":9026,"value":2911},{"type":9022,"tag":8980,"props":9333,"children":9334},{},[9335],{"type":9026,"value":9130},{"title":622,"searchDepth":660,"depth":660,"links":9337},[],{"data":9339,"body":9340,"toc":9563},{"title":622,"description":622},{"type":2639,"children":9341},[9342,9559],{"type":9022,"tag":627,"props":9343,"children":9345},{"className":2898,"code":9344,"language":28,"meta":622,"style":622},"\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",[9346],{"type":9022,"tag":603,"props":9347,"children":9348},{"__ignoreMap":622},[9349,9364,9376,9402,9425,9449,9474,9494,9502,9513,9521,9529,9544],{"type":9022,"tag":636,"props":9350,"children":9351},{"class":638,"line":639},[9352,9356,9360],{"type":9022,"tag":636,"props":9353,"children":9354},{"style":9043},[9355],{"type":9026,"value":2906},{"type":9022,"tag":636,"props":9357,"children":9358},{"style":9048},[9359],{"type":9026,"value":620},{"type":9022,"tag":636,"props":9361,"children":9362},{"style":9043},[9363],{"type":9026,"value":2911},{"type":9022,"tag":636,"props":9365,"children":9366},{"class":638,"line":660},[9367,9371],{"type":9022,"tag":636,"props":9368,"children":9369},{"style":9043},[9370],{"type":9026,"value":2916},{"type":9022,"tag":636,"props":9372,"children":9373},{"style":9048},[9374],{"type":9026,"value":9375},"UButton\n",{"type":9022,"tag":636,"props":9377,"children":9378},{"class":638,"line":674},[9379,9384,9388,9392,9397],{"type":9022,"tag":636,"props":9380,"children":9381},{"style":9069},[9382],{"type":9026,"value":9383},"    trailing-icon",{"type":9022,"tag":636,"props":9385,"children":9386},{"style":9043},[9387],{"type":9026,"value":2924},{"type":9022,"tag":636,"props":9389,"children":9390},{"style":9043},[9391],{"type":9026,"value":654},{"type":9022,"tag":636,"props":9393,"children":9394},{"style":9083},[9395],{"type":9026,"value":9396},"i-lucide-chevron-right",{"type":9022,"tag":636,"props":9398,"children":9399},{"style":9043},[9400],{"type":9026,"value":9401},"\"\n",{"type":9022,"tag":636,"props":9403,"children":9404},{"class":638,"line":680},[9405,9409,9413,9417,9421],{"type":9022,"tag":636,"props":9406,"children":9407},{"style":9069},[9408],{"type":9026,"value":8249},{"type":9022,"tag":636,"props":9410,"children":9411},{"style":9043},[9412],{"type":9026,"value":2924},{"type":9022,"tag":636,"props":9414,"children":9415},{"style":9043},[9416],{"type":9026,"value":654},{"type":9022,"tag":636,"props":9418,"children":9419},{"style":9083},[9420],{"type":9026,"value":6928},{"type":9022,"tag":636,"props":9422,"children":9423},{"style":9043},[9424],{"type":9026,"value":9401},{"type":9022,"tag":636,"props":9426,"children":9427},{"class":638,"line":692},[9428,9433,9437,9441,9445],{"type":9022,"tag":636,"props":9429,"children":9430},{"style":9069},[9431],{"type":9026,"value":9432},"    color",{"type":9022,"tag":636,"props":9434,"children":9435},{"style":9043},[9436],{"type":9026,"value":2924},{"type":9022,"tag":636,"props":9438,"children":9439},{"style":9043},[9440],{"type":9026,"value":654},{"type":9022,"tag":636,"props":9442,"children":9443},{"style":9083},[9444],{"type":9026,"value":1325},{"type":9022,"tag":636,"props":9446,"children":9447},{"style":9043},[9448],{"type":9026,"value":9401},{"type":9022,"tag":636,"props":9450,"children":9451},{"class":638,"line":707},[9452,9457,9461,9465,9470],{"type":9022,"tag":636,"props":9453,"children":9454},{"style":9069},[9455],{"type":9026,"value":9456},"    variant",{"type":9022,"tag":636,"props":9458,"children":9459},{"style":9043},[9460],{"type":9026,"value":2924},{"type":9022,"tag":636,"props":9462,"children":9463},{"style":9043},[9464],{"type":9026,"value":654},{"type":9022,"tag":636,"props":9466,"children":9467},{"style":9083},[9468],{"type":9026,"value":9469},"outline",{"type":9022,"tag":636,"props":9471,"children":9472},{"style":9043},[9473],{"type":9026,"value":9401},{"type":9022,"tag":636,"props":9475,"children":9476},{"class":638,"line":712},[9477,9482,9486,9490],{"type":9022,"tag":636,"props":9478,"children":9479},{"style":9069},[9480],{"type":9026,"value":9481},"    :ui",{"type":9022,"tag":636,"props":9483,"children":9484},{"style":9043},[9485],{"type":9026,"value":2924},{"type":9022,"tag":636,"props":9487,"children":9488},{"style":9043},[9489],{"type":9026,"value":654},{"type":9022,"tag":636,"props":9491,"children":9492},{"style":9083},[9493],{"type":9026,"value":689},{"type":9022,"tag":636,"props":9495,"children":9496},{"class":638,"line":718},[9497],{"type":9022,"tag":636,"props":9498,"children":9499},{"style":9083},[9500],{"type":9026,"value":9501},"      trailingIcon: 'rotate-90 size-3'\n",{"type":9022,"tag":636,"props":9503,"children":9504},{"class":638,"line":723},[9505,9509],{"type":9022,"tag":636,"props":9506,"children":9507},{"style":9083},[9508],{"type":9026,"value":1671},{"type":9022,"tag":636,"props":9510,"children":9511},{"style":9043},[9512],{"type":9026,"value":9401},{"type":9022,"tag":636,"props":9514,"children":9515},{"class":638,"line":735},[9516],{"type":9022,"tag":636,"props":9517,"children":9518},{"style":9043},[9519],{"type":9026,"value":9520},"  >\n",{"type":9022,"tag":636,"props":9522,"children":9523},{"class":638,"line":747},[9524],{"type":9022,"tag":636,"props":9525,"children":9526},{"style":9096},[9527],{"type":9026,"value":9528},"    Button\n",{"type":9022,"tag":636,"props":9530,"children":9531},{"class":638,"line":759},[9532,9536,9540],{"type":9022,"tag":636,"props":9533,"children":9534},{"style":9043},[9535],{"type":9026,"value":8031},{"type":9022,"tag":636,"props":9537,"children":9538},{"style":9048},[9539],{"type":9026,"value":9066},{"type":9022,"tag":636,"props":9541,"children":9542},{"style":9043},[9543],{"type":9026,"value":2911},{"type":9022,"tag":636,"props":9545,"children":9546},{"class":638,"line":771},[9547,9551,9555],{"type":9022,"tag":636,"props":9548,"children":9549},{"style":9043},[9550],{"type":9026,"value":2938},{"type":9022,"tag":636,"props":9552,"children":9553},{"style":9048},[9554],{"type":9026,"value":620},{"type":9022,"tag":636,"props":9556,"children":9557},{"style":9043},[9558],{"type":9026,"value":2911},{"type":9022,"tag":8980,"props":9560,"children":9561},{},[9562],{"type":9026,"value":9130},{"title":622,"searchDepth":660,"depth":660,"links":9564},[],1767003433561]