[{"data":1,"prerenderedAt":928},["ShallowReactive",2],{"navigation_docs":3,"-colorffy-ui-components-tabs":273,"-colorffy-ui-components-tabs-surround":923},[4,21,115],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Colorffy CSS","i-lucide-palette","\u002Fcolorffy-css","2.colorffy-css",[27,32,37,42,78,99],{"title":28,"path":29,"stem":30,"icon":31},"Overview","\u002Fcolorffy-css\u002Foverview","2.colorffy-css\u002F1.overview","i-lucide-book-open",{"title":33,"path":34,"stem":35,"icon":36},"Color System","\u002Fcolorffy-css\u002Fcolor-system","2.colorffy-css\u002F2.color-system","i-lucide-droplet",{"title":38,"path":39,"stem":40,"icon":41},"Customization","\u002Fcolorffy-css\u002Fcustomization","2.colorffy-css\u002F3.customization","i-lucide-settings",{"title":43,"icon":44,"path":45,"stem":46,"children":47,"page":20},"Utilities","i-lucide-wrench","\u002Fcolorffy-css\u002Futilities","2.colorffy-css\u002F4.utilities",[48,53,58,63,68,73],{"title":49,"path":50,"stem":51,"icon":52},"Borders & Shadows","\u002Fcolorffy-css\u002Futilities\u002Fborders-shadows","2.colorffy-css\u002F4.utilities\u002F01.borders-shadows","i-lucide-frame",{"title":54,"path":55,"stem":56,"icon":57},"Colors & Gradients","\u002Fcolorffy-css\u002Futilities\u002Fcolors-gradients","2.colorffy-css\u002F4.utilities\u002F02.colors-gradients","i-lucide-paint-bucket",{"title":59,"path":60,"stem":61,"icon":62},"Display & Flexbox","\u002Fcolorffy-css\u002Futilities\u002Fdisplay-flexbox","2.colorffy-css\u002F4.utilities\u002F03.display-flexbox","i-lucide-stretch-horizontal",{"title":64,"path":65,"stem":66,"icon":67},"Effects","\u002Fcolorffy-css\u002Futilities\u002Feffects","2.colorffy-css\u002F4.utilities\u002F04.effects","i-lucide-wand-sparkles",{"title":69,"path":70,"stem":71,"icon":72},"Spacing","\u002Fcolorffy-css\u002Futilities\u002Fspacing","2.colorffy-css\u002F4.utilities\u002F05.spacing","i-lucide-ruler",{"title":74,"path":75,"stem":76,"icon":77},"Typography","\u002Fcolorffy-css\u002Futilities\u002Ftypography","2.colorffy-css\u002F4.utilities\u002F06.typography","i-lucide-type",{"title":79,"icon":80,"path":81,"stem":82,"children":83,"page":20},"Layout","i-lucide-layout-template","\u002Fcolorffy-css\u002Flayout","2.colorffy-css\u002F5.layout",[84,89,94],{"title":85,"path":86,"stem":87,"icon":88},"App Layout","\u002Fcolorffy-css\u002Flayout\u002Fapp-layout","2.colorffy-css\u002F5.layout\u002F01.app-layout","i-lucide-app-window",{"title":90,"path":91,"stem":92,"icon":93},"Flex Grid","\u002Fcolorffy-css\u002Flayout\u002Fflex-grid","2.colorffy-css\u002F5.layout\u002F02.flex-grid","i-lucide-columns-3",{"title":95,"path":96,"stem":97,"icon":98},"Grid","\u002Fcolorffy-css\u002Flayout\u002Fgrid","2.colorffy-css\u002F5.layout\u002F03.grid","i-lucide-grid-3x3",{"title":100,"icon":101,"path":102,"stem":103,"children":104,"page":20},"SCSS API","i-lucide-braces","\u002Fcolorffy-css\u002Fscss-api","2.colorffy-css\u002F6.scss-api",[105,110],{"title":106,"path":107,"stem":108,"icon":109},"Mixins","\u002Fcolorffy-css\u002Fscss-api\u002Fmixins","2.colorffy-css\u002F6.scss-api\u002F01.mixins","i-lucide-code",{"title":111,"path":112,"stem":113,"icon":114},"Tonal Tokens","\u002Fcolorffy-css\u002Fscss-api\u002Ftonal-tokens","2.colorffy-css\u002F6.scss-api\u002F02.tonal-tokens","i-lucide-swatch-book",{"title":116,"icon":117,"path":118,"stem":119,"children":120,"page":20},"Colorffy UI","i-lucide-blocks","\u002Fcolorffy-ui","3.colorffy-ui",[121,125,268],{"title":122,"path":123,"stem":124,"icon":31},"Usage","\u002Fcolorffy-ui\u002Fusage","3.colorffy-ui\u002F1.usage",{"title":126,"icon":127,"path":128,"stem":129,"children":130,"page":20},"Components","i-lucide-component","\u002Fcolorffy-ui\u002Fcomponents","3.colorffy-ui\u002F2.components",[131,135,140,145,150,155,160,165,170,175,180,185,190,195,200,204,209,214,218,223,228,233,238,243,248,253,258,263],{"title":28,"path":132,"stem":133,"icon":134},"\u002Fcolorffy-ui\u002Fcomponents\u002Foverview","3.colorffy-ui\u002F2.components\u002F00.overview","i-lucide-layout-grid",{"title":136,"path":137,"stem":138,"icon":139},"Accordion","\u002Fcolorffy-ui\u002Fcomponents\u002Faccordion","3.colorffy-ui\u002F2.components\u002F01.accordion","i-lucide-chevrons-down-up",{"title":141,"path":142,"stem":143,"icon":144},"Alert","\u002Fcolorffy-ui\u002Fcomponents\u002Falert","3.colorffy-ui\u002F2.components\u002F02.alert","i-lucide-triangle-alert",{"title":146,"path":147,"stem":148,"icon":149},"Avatar","\u002Fcolorffy-ui\u002Fcomponents\u002Favatar","3.colorffy-ui\u002F2.components\u002F03.avatar","i-lucide-circle-user",{"title":151,"path":152,"stem":153,"icon":154},"Badge","\u002Fcolorffy-ui\u002Fcomponents\u002Fbadge","3.colorffy-ui\u002F2.components\u002F04.badge","i-lucide-tag",{"title":156,"path":157,"stem":158,"icon":159},"Breadcrumb","\u002Fcolorffy-ui\u002Fcomponents\u002Fbreadcrumb","3.colorffy-ui\u002F2.components\u002F05.breadcrumb","i-lucide-chevron-right",{"title":161,"path":162,"stem":163,"icon":164},"Button","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton","3.colorffy-ui\u002F2.components\u002F06.button","i-lucide-square-mouse-pointer",{"title":166,"path":167,"stem":168,"icon":169},"Button Group","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-group","3.colorffy-ui\u002F2.components\u002F07.button-group","i-lucide-square-stack",{"title":171,"path":172,"stem":173,"icon":174},"Button Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-menu","3.colorffy-ui\u002F2.components\u002F08.button-menu","i-lucide-menu",{"title":176,"path":177,"stem":178,"icon":179},"Card","\u002Fcolorffy-ui\u002Fcomponents\u002Fcard","3.colorffy-ui\u002F2.components\u002F09.card","i-lucide-square",{"title":181,"path":182,"stem":183,"icon":184},"Datatable","\u002Fcolorffy-ui\u002Fcomponents\u002Fdatatable","3.colorffy-ui\u002F2.components\u002F10.datatable","i-lucide-table",{"title":186,"path":187,"stem":188,"icon":189},"Empty","\u002Fcolorffy-ui\u002Fcomponents\u002Fempty","3.colorffy-ui\u002F2.components\u002F11.empty","i-lucide-inbox",{"title":191,"path":192,"stem":193,"icon":194},"Icons","\u002Fcolorffy-ui\u002Fcomponents\u002Ficons","3.colorffy-ui\u002F2.components\u002F12.icons","i-lucide-shapes",{"title":196,"path":197,"stem":198,"icon":199},"Inputs","\u002Fcolorffy-ui\u002Fcomponents\u002Finputs","3.colorffy-ui\u002F2.components\u002F13.inputs","i-lucide-text-cursor-input",{"title":79,"path":201,"stem":202,"icon":203},"\u002Fcolorffy-ui\u002Fcomponents\u002Flayout","3.colorffy-ui\u002F2.components\u002F14.layout","i-lucide-layout",{"title":205,"path":206,"stem":207,"icon":208},"List","\u002Fcolorffy-ui\u002Fcomponents\u002Flist","3.colorffy-ui\u002F2.components\u002F15.list","i-lucide-list",{"title":210,"path":211,"stem":212,"icon":213},"Loading","\u002Fcolorffy-ui\u002Fcomponents\u002Floading","3.colorffy-ui\u002F2.components\u002F16.loading","i-lucide-loader-circle",{"title":215,"path":216,"stem":217,"icon":88},"Modal","\u002Fcolorffy-ui\u002Fcomponents\u002Fmodal","3.colorffy-ui\u002F2.components\u002F17.modal",{"title":219,"path":220,"stem":221,"icon":222},"Navbar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavbar","3.colorffy-ui\u002F2.components\u002F18.navbar","i-lucide-panel-top",{"title":224,"path":225,"stem":226,"icon":227},"Navigation Bar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavigation-bar","3.colorffy-ui\u002F2.components\u002F19.navigation-bar","i-lucide-navigation",{"title":229,"path":230,"stem":231,"icon":232},"Popover","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover","3.colorffy-ui\u002F2.components\u002F20.popover","i-lucide-message-square",{"title":234,"path":235,"stem":236,"icon":237},"Popover Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover-menu","3.colorffy-ui\u002F2.components\u002F21.popover-menu","i-lucide-ellipsis",{"title":239,"path":240,"stem":241,"icon":242},"Progress","\u002Fcolorffy-ui\u002Fcomponents\u002Fprogress","3.colorffy-ui\u002F2.components\u002F22.progress","i-lucide-loader",{"title":244,"path":245,"stem":246,"icon":247},"Segmented Controls","\u002Fcolorffy-ui\u002Fcomponents\u002Fsegmented-controls","3.colorffy-ui\u002F2.components\u002F23.segmented-controls","i-lucide-toggle-left",{"title":249,"path":250,"stem":251,"icon":252},"Sidebar","\u002Fcolorffy-ui\u002Fcomponents\u002Fsidebar","3.colorffy-ui\u002F2.components\u002F24.sidebar","i-lucide-panel-left",{"title":254,"path":255,"stem":256,"icon":257},"Skeleton","\u002Fcolorffy-ui\u002Fcomponents\u002Fskeleton","3.colorffy-ui\u002F2.components\u002F25.skeleton","i-lucide-square-dashed",{"title":259,"path":260,"stem":261,"icon":262},"Tabs","\u002Fcolorffy-ui\u002Fcomponents\u002Ftabs","3.colorffy-ui\u002F2.components\u002F26.tabs","i-lucide-panels-top-left",{"title":264,"path":265,"stem":266,"icon":267},"Tooltip","\u002Fcolorffy-ui\u002Fcomponents\u002Ftooltip","3.colorffy-ui\u002F2.components\u002F27.tooltip","i-lucide-message-circle",{"title":269,"path":270,"stem":271,"icon":272},"Styling","\u002Fcolorffy-ui\u002Fstyling","3.colorffy-ui\u002F3.styling","i-lucide-paintbrush",{"id":274,"title":259,"body":275,"description":916,"extension":917,"links":918,"meta":919,"navigation":920,"path":260,"seo":921,"stem":261,"__hash__":922},"docs\u002F3.colorffy-ui\u002F2.components\u002F26.tabs.md",{"type":276,"value":277,"toc":911},"minimark",[278,290,295,708,712,775,779,881,891,907],[279,280,281,285,286,289],"p",{},[282,283,284],"code",{},"UiTabs"," renders a keyboard-accessible tab list (arrow keys, Home\u002FEnd). Pass an array of tab items and react to selection with ",[282,287,288],{},"updateActiveTab",".",[291,292,294],"h2",{"id":293},"add-tabs","Add tabs",[296,297,302],"pre",{"className":298,"code":299,"language":300,"meta":301,"style":301},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport type { ITabItem } from '@colorffy\u002Fui'\nimport { ref } from 'vue'\n\nconst tabs: ITabItem[] = [\n  { id: 'overview', label: 'Overview' },\n  { id: 'pricing', label: 'Pricing' },\n  { id: 'faq', label: 'FAQ', disabled: true },\n]\nconst active = ref('overview')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CUiTabs :tabs=\"tabs\" :active-tab=\"active\" @update-active-tab=\"active = $event\" \u002F>\n\n  \u003Csection v-show=\"active === 'overview'\">Overview panel\u003C\u002Fsection>\n  \u003Csection v-show=\"active === 'pricing'\">Pricing panel\u003C\u002Fsection>\n\u003C\u002Ftemplate>\n","vue","",[282,303,304,339,371,391,398,421,457,488,530,536,561,571,576,586,633,638,670,699],{"__ignoreMap":301},[305,306,309,313,317,321,324,327,330,334,336],"span",{"class":307,"line":308},"line",1,[305,310,312],{"class":311},"sMK4o","\u003C",[305,314,316],{"class":315},"swJcz","script",[305,318,320],{"class":319},"spNyl"," setup",[305,322,323],{"class":319}," lang",[305,325,326],{"class":311},"=",[305,328,329],{"class":311},"\"",[305,331,333],{"class":332},"sfazB","ts",[305,335,329],{"class":311},[305,337,338],{"class":311},">\n",[305,340,342,346,349,352,356,359,362,365,368],{"class":307,"line":341},2,[305,343,345],{"class":344},"s7zQu","import",[305,347,348],{"class":344}," type",[305,350,351],{"class":311}," {",[305,353,355],{"class":354},"sTEyZ"," ITabItem",[305,357,358],{"class":311}," }",[305,360,361],{"class":344}," from",[305,363,364],{"class":311}," '",[305,366,367],{"class":332},"@colorffy\u002Fui",[305,369,370],{"class":311},"'\n",[305,372,374,376,378,381,383,385,387,389],{"class":307,"line":373},3,[305,375,345],{"class":344},[305,377,351],{"class":311},[305,379,380],{"class":354}," ref",[305,382,358],{"class":311},[305,384,361],{"class":344},[305,386,364],{"class":311},[305,388,300],{"class":332},[305,390,370],{"class":311},[305,392,394],{"class":307,"line":393},4,[305,395,397],{"emptyLinePlaceholder":396},true,"\n",[305,399,401,404,407,410,413,416,418],{"class":307,"line":400},5,[305,402,403],{"class":319},"const",[305,405,406],{"class":354}," tabs",[305,408,409],{"class":311},":",[305,411,355],{"class":412},"sBMFI",[305,414,415],{"class":354},"[] ",[305,417,326],{"class":311},[305,419,420],{"class":354}," [\n",[305,422,424,427,430,432,434,437,440,443,446,448,450,452,454],{"class":307,"line":423},6,[305,425,426],{"class":311},"  {",[305,428,429],{"class":315}," id",[305,431,409],{"class":311},[305,433,364],{"class":311},[305,435,436],{"class":332},"overview",[305,438,439],{"class":311},"'",[305,441,442],{"class":311},",",[305,444,445],{"class":315}," label",[305,447,409],{"class":311},[305,449,364],{"class":311},[305,451,28],{"class":332},[305,453,439],{"class":311},[305,455,456],{"class":311}," },\n",[305,458,460,462,464,466,468,471,473,475,477,479,481,484,486],{"class":307,"line":459},7,[305,461,426],{"class":311},[305,463,429],{"class":315},[305,465,409],{"class":311},[305,467,364],{"class":311},[305,469,470],{"class":332},"pricing",[305,472,439],{"class":311},[305,474,442],{"class":311},[305,476,445],{"class":315},[305,478,409],{"class":311},[305,480,364],{"class":311},[305,482,483],{"class":332},"Pricing",[305,485,439],{"class":311},[305,487,456],{"class":311},[305,489,491,493,495,497,499,502,504,506,508,510,512,515,517,519,522,524,528],{"class":307,"line":490},8,[305,492,426],{"class":311},[305,494,429],{"class":315},[305,496,409],{"class":311},[305,498,364],{"class":311},[305,500,501],{"class":332},"faq",[305,503,439],{"class":311},[305,505,442],{"class":311},[305,507,445],{"class":315},[305,509,409],{"class":311},[305,511,364],{"class":311},[305,513,514],{"class":332},"FAQ",[305,516,439],{"class":311},[305,518,442],{"class":311},[305,520,521],{"class":315}," disabled",[305,523,409],{"class":311},[305,525,527],{"class":526},"sfNiH"," true",[305,529,456],{"class":311},[305,531,533],{"class":307,"line":532},9,[305,534,535],{"class":354},"]\n",[305,537,539,541,544,546,549,552,554,556,558],{"class":307,"line":538},10,[305,540,403],{"class":319},[305,542,543],{"class":354}," active ",[305,545,326],{"class":311},[305,547,380],{"class":548},"s2Zo4",[305,550,551],{"class":354},"(",[305,553,439],{"class":311},[305,555,436],{"class":332},[305,557,439],{"class":311},[305,559,560],{"class":354},")\n",[305,562,564,567,569],{"class":307,"line":563},11,[305,565,566],{"class":311},"\u003C\u002F",[305,568,316],{"class":315},[305,570,338],{"class":311},[305,572,574],{"class":307,"line":573},12,[305,575,397],{"emptyLinePlaceholder":396},[305,577,579,581,584],{"class":307,"line":578},13,[305,580,312],{"class":311},[305,582,583],{"class":315},"template",[305,585,338],{"class":311},[305,587,589,592,594,597,599,601,604,606,609,611,613,616,618,621,623,625,628,630],{"class":307,"line":588},14,[305,590,591],{"class":311},"  \u003C",[305,593,284],{"class":315},[305,595,596],{"class":319}," :tabs",[305,598,326],{"class":311},[305,600,329],{"class":311},[305,602,603],{"class":332},"tabs",[305,605,329],{"class":311},[305,607,608],{"class":319}," :active-tab",[305,610,326],{"class":311},[305,612,329],{"class":311},[305,614,615],{"class":332},"active",[305,617,329],{"class":311},[305,619,620],{"class":319}," @update-active-tab",[305,622,326],{"class":311},[305,624,329],{"class":311},[305,626,627],{"class":332},"active = $event",[305,629,329],{"class":311},[305,631,632],{"class":311}," \u002F>\n",[305,634,636],{"class":307,"line":635},15,[305,637,397],{"emptyLinePlaceholder":396},[305,639,641,643,646,649,651,653,656,658,661,664,666,668],{"class":307,"line":640},16,[305,642,591],{"class":311},[305,644,645],{"class":315},"section",[305,647,648],{"class":319}," v-show",[305,650,326],{"class":311},[305,652,329],{"class":311},[305,654,655],{"class":332},"active === 'overview'",[305,657,329],{"class":311},[305,659,660],{"class":311},">",[305,662,663],{"class":354},"Overview panel",[305,665,566],{"class":311},[305,667,645],{"class":315},[305,669,338],{"class":311},[305,671,673,675,677,679,681,683,686,688,690,693,695,697],{"class":307,"line":672},17,[305,674,591],{"class":311},[305,676,645],{"class":315},[305,678,648],{"class":319},[305,680,326],{"class":311},[305,682,329],{"class":311},[305,684,685],{"class":332},"active === 'pricing'",[305,687,329],{"class":311},[305,689,660],{"class":311},[305,691,692],{"class":354},"Pricing panel",[305,694,566],{"class":311},[305,696,645],{"class":315},[305,698,338],{"class":311},[305,700,702,704,706],{"class":307,"line":701},18,[305,703,566],{"class":311},[305,705,583],{"class":315},[305,707,338],{"class":311},[291,709,711],{"id":710},"style-as-pills-or-contrast","Style as pills or contrast",[296,713,715],{"className":298,"code":714,"language":300,"meta":301,"style":301},"\u003Ctemplate>\n  \u003CUiTabs :tabs=\"tabs\" pill-tabs \u002F>\n  \u003CUiTabs :tabs=\"tabs\" contrast-tabs \u002F>\n\u003C\u002Ftemplate>\n",[282,716,717,725,746,767],{"__ignoreMap":301},[305,718,719,721,723],{"class":307,"line":308},[305,720,312],{"class":311},[305,722,583],{"class":315},[305,724,338],{"class":311},[305,726,727,729,731,733,735,737,739,741,744],{"class":307,"line":341},[305,728,591],{"class":311},[305,730,284],{"class":315},[305,732,596],{"class":319},[305,734,326],{"class":311},[305,736,329],{"class":311},[305,738,603],{"class":332},[305,740,329],{"class":311},[305,742,743],{"class":319}," pill-tabs",[305,745,632],{"class":311},[305,747,748,750,752,754,756,758,760,762,765],{"class":307,"line":373},[305,749,591],{"class":311},[305,751,284],{"class":315},[305,753,596],{"class":319},[305,755,326],{"class":311},[305,757,329],{"class":311},[305,759,603],{"class":332},[305,761,329],{"class":311},[305,763,764],{"class":319}," contrast-tabs",[305,766,632],{"class":311},[305,768,769,771,773],{"class":307,"line":393},[305,770,566],{"class":311},[305,772,583],{"class":315},[305,774,338],{"class":311},[291,776,778],{"id":777},"props","Props",[780,781,782,801],"table",{},[783,784,785],"thead",{},[786,787,788,792,795,798],"tr",{},[789,790,791],"th",{},"Prop",[789,793,794],{},"Type",[789,796,797],{},"Default",[789,799,800],{},"Description",[802,803,804,825,843,863],"tbody",{},[786,805,806,811,816,819],{},[807,808,809],"td",{},[282,810,603],{},[807,812,813],{},[282,814,815],{},"ITabItem[]",[807,817,818],{},"—",[807,820,821,822,289],{},"Tab items: ",[282,823,824],{},"{ id, label, disabled?, panelId? }",[786,826,827,832,837,840],{},[807,828,829],{},[282,830,831],{},"activeTab",[807,833,834],{},[282,835,836],{},"string",[807,838,839],{},"first tab",[807,841,842],{},"Id of the active tab.",[786,844,845,850,855,860],{},[807,846,847],{},[282,848,849],{},"pillTabs",[807,851,852],{},[282,853,854],{},"boolean",[807,856,857],{},[282,858,859],{},"false",[807,861,862],{},"Pill styling.",[786,864,865,870,874,878],{},[807,866,867],{},[282,868,869],{},"contrastTabs",[807,871,872],{},[282,873,854],{},[807,875,876],{},[282,877,859],{},[807,879,880],{},"Contrast styling.",[279,882,883,887,888,289],{},[884,885,886],"strong",{},"Emits:"," ",[282,889,890],{},"updateActiveTab(tabId: string)",[892,893,894,895,898,899,902,903,906],"tip",{},"For a compact segmented switch, use ",[282,896,897],{},"UiSegmentedControls"," with ",[282,900,901],{},"ISegmentedTab"," items (",[282,904,905],{},"{ id, label, position }",").",[908,909,910],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .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 .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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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":301,"searchDepth":341,"depth":341,"links":912},[913,914,915],{"id":293,"depth":341,"text":294},{"id":710,"depth":341,"text":711},{"id":777,"depth":341,"text":778},"Switch between views with the keyboard-accessible UiTabs component.","md",null,{},{"icon":262},{"title":259,"description":916},"1vQPwcVEeIHn3SyRncF3B-DU5FzoczabS7hn0xWz0pI",[924,926],{"title":254,"path":255,"stem":256,"description":925,"icon":257,"children":-1},"Placeholder loaders for content, grids, and tables.",{"title":264,"path":265,"stem":266,"description":927,"icon":267,"children":-1},"Add tooltips to buttons and links.",1782196219260]