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