[{"data":1,"prerenderedAt":964},["ShallowReactive",2],{"navigation_docs":3,"-colorffy-ui-components-navigation-bar":273,"-colorffy-ui-components-navigation-bar-surround":959},[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":224,"body":275,"description":952,"extension":953,"links":954,"meta":955,"navigation":956,"path":225,"seo":957,"stem":226,"__hash__":958},"docs\u002F3.colorffy-ui\u002F2.components\u002F19.navigation-bar.md",{"type":276,"value":277,"toc":947},"minimark",[278,286,291,720,724,772,776,943],[279,280,281,285],"p",{},[282,283,284],"code",{},"UiNavigationBar"," renders a navigation bar from an array of items — ideal for mobile bottom navigation or an island-style bar.",[287,288,290],"h2",{"id":289},"add-a-navigation-bar","Add a navigation bar",[292,293,298],"pre",{"className":294,"code":295,"language":296,"meta":297,"style":297},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport type { INavItem } from '@colorffy\u002Fui'\nimport { NuxtLink } from '#components'\n\nconst items: INavItem[] = [\n  { id: 'home', to: '\u002F', icon: '', text: 'Home', ariaLabel: 'Home' },\n  { id: 'search', to: '\u002Fsearch', icon: '', text: 'Search', ariaLabel: 'Search' },\n  { id: 'profile', to: '\u002Fprofile', icon: '', text: 'Profile', ariaLabel: 'Profile' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CUiNavigationBar :as=\"NuxtLink\" :items=\"items\" active-item=\"home\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[282,299,300,335,367,388,395,418,496,565,634,640,650,655,665,711],{"__ignoreMap":297},[301,302,305,309,313,317,320,323,326,330,332],"span",{"class":303,"line":304},"line",1,[301,306,308],{"class":307},"sMK4o","\u003C",[301,310,312],{"class":311},"swJcz","script",[301,314,316],{"class":315},"spNyl"," setup",[301,318,319],{"class":315}," lang",[301,321,322],{"class":307},"=",[301,324,325],{"class":307},"\"",[301,327,329],{"class":328},"sfazB","ts",[301,331,325],{"class":307},[301,333,334],{"class":307},">\n",[301,336,338,342,345,348,352,355,358,361,364],{"class":303,"line":337},2,[301,339,341],{"class":340},"s7zQu","import",[301,343,344],{"class":340}," type",[301,346,347],{"class":307}," {",[301,349,351],{"class":350},"sTEyZ"," INavItem",[301,353,354],{"class":307}," }",[301,356,357],{"class":340}," from",[301,359,360],{"class":307}," '",[301,362,363],{"class":328},"@colorffy\u002Fui",[301,365,366],{"class":307},"'\n",[301,368,370,372,374,377,379,381,383,386],{"class":303,"line":369},3,[301,371,341],{"class":340},[301,373,347],{"class":307},[301,375,376],{"class":350}," NuxtLink",[301,378,354],{"class":307},[301,380,357],{"class":340},[301,382,360],{"class":307},[301,384,385],{"class":328},"#components",[301,387,366],{"class":307},[301,389,391],{"class":303,"line":390},4,[301,392,394],{"emptyLinePlaceholder":393},true,"\n",[301,396,398,401,404,407,410,413,415],{"class":303,"line":397},5,[301,399,400],{"class":315},"const",[301,402,403],{"class":350}," items",[301,405,406],{"class":307},":",[301,408,351],{"class":409},"sBMFI",[301,411,412],{"class":350},"[] ",[301,414,322],{"class":307},[301,416,417],{"class":350}," [\n",[301,419,421,424,427,429,431,434,437,440,443,445,447,450,452,454,457,459,461,464,466,468,471,473,475,478,480,482,485,487,489,491,493],{"class":303,"line":420},6,[301,422,423],{"class":307},"  {",[301,425,426],{"class":311}," id",[301,428,406],{"class":307},[301,430,360],{"class":307},[301,432,433],{"class":328},"home",[301,435,436],{"class":307},"'",[301,438,439],{"class":307},",",[301,441,442],{"class":311}," to",[301,444,406],{"class":307},[301,446,360],{"class":307},[301,448,449],{"class":328},"\u002F",[301,451,436],{"class":307},[301,453,439],{"class":307},[301,455,456],{"class":311}," icon",[301,458,406],{"class":307},[301,460,360],{"class":307},[301,462,463],{"class":328},"",[301,465,436],{"class":307},[301,467,439],{"class":307},[301,469,470],{"class":311}," text",[301,472,406],{"class":307},[301,474,360],{"class":307},[301,476,477],{"class":328},"Home",[301,479,436],{"class":307},[301,481,439],{"class":307},[301,483,484],{"class":311}," ariaLabel",[301,486,406],{"class":307},[301,488,360],{"class":307},[301,490,477],{"class":328},[301,492,436],{"class":307},[301,494,495],{"class":307}," },\n",[301,497,499,501,503,505,507,510,512,514,516,518,520,523,525,527,529,531,533,536,538,540,542,544,546,549,551,553,555,557,559,561,563],{"class":303,"line":498},7,[301,500,423],{"class":307},[301,502,426],{"class":311},[301,504,406],{"class":307},[301,506,360],{"class":307},[301,508,509],{"class":328},"search",[301,511,436],{"class":307},[301,513,439],{"class":307},[301,515,442],{"class":311},[301,517,406],{"class":307},[301,519,360],{"class":307},[301,521,522],{"class":328},"\u002Fsearch",[301,524,436],{"class":307},[301,526,439],{"class":307},[301,528,456],{"class":311},[301,530,406],{"class":307},[301,532,360],{"class":307},[301,534,535],{"class":328},"",[301,537,436],{"class":307},[301,539,439],{"class":307},[301,541,470],{"class":311},[301,543,406],{"class":307},[301,545,360],{"class":307},[301,547,548],{"class":328},"Search",[301,550,436],{"class":307},[301,552,439],{"class":307},[301,554,484],{"class":311},[301,556,406],{"class":307},[301,558,360],{"class":307},[301,560,548],{"class":328},[301,562,436],{"class":307},[301,564,495],{"class":307},[301,566,568,570,572,574,576,579,581,583,585,587,589,592,594,596,598,600,602,605,607,609,611,613,615,618,620,622,624,626,628,630,632],{"class":303,"line":567},8,[301,569,423],{"class":307},[301,571,426],{"class":311},[301,573,406],{"class":307},[301,575,360],{"class":307},[301,577,578],{"class":328},"profile",[301,580,436],{"class":307},[301,582,439],{"class":307},[301,584,442],{"class":311},[301,586,406],{"class":307},[301,588,360],{"class":307},[301,590,591],{"class":328},"\u002Fprofile",[301,593,436],{"class":307},[301,595,439],{"class":307},[301,597,456],{"class":311},[301,599,406],{"class":307},[301,601,360],{"class":307},[301,603,604],{"class":328},"",[301,606,436],{"class":307},[301,608,439],{"class":307},[301,610,470],{"class":311},[301,612,406],{"class":307},[301,614,360],{"class":307},[301,616,617],{"class":328},"Profile",[301,619,436],{"class":307},[301,621,439],{"class":307},[301,623,484],{"class":311},[301,625,406],{"class":307},[301,627,360],{"class":307},[301,629,617],{"class":328},[301,631,436],{"class":307},[301,633,495],{"class":307},[301,635,637],{"class":303,"line":636},9,[301,638,639],{"class":350},"]\n",[301,641,643,646,648],{"class":303,"line":642},10,[301,644,645],{"class":307},"\u003C\u002F",[301,647,312],{"class":311},[301,649,334],{"class":307},[301,651,653],{"class":303,"line":652},11,[301,654,394],{"emptyLinePlaceholder":393},[301,656,658,660,663],{"class":303,"line":657},12,[301,659,308],{"class":307},[301,661,662],{"class":311},"template",[301,664,334],{"class":307},[301,666,668,671,673,676,678,680,683,685,688,690,692,695,697,700,702,704,706,708],{"class":303,"line":667},13,[301,669,670],{"class":307},"  \u003C",[301,672,284],{"class":311},[301,674,675],{"class":315}," :as",[301,677,322],{"class":307},[301,679,325],{"class":307},[301,681,682],{"class":328},"NuxtLink",[301,684,325],{"class":307},[301,686,687],{"class":315}," :items",[301,689,322],{"class":307},[301,691,325],{"class":307},[301,693,694],{"class":328},"items",[301,696,325],{"class":307},[301,698,699],{"class":315}," active-item",[301,701,322],{"class":307},[301,703,325],{"class":307},[301,705,433],{"class":328},[301,707,325],{"class":307},[301,709,710],{"class":307}," \u002F>\n",[301,712,714,716,718],{"class":303,"line":713},14,[301,715,645],{"class":307},[301,717,662],{"class":311},[301,719,334],{"class":307},[287,721,723],{"id":722},"style-as-a-frosted-island","Style as a frosted island",[292,725,727],{"className":294,"code":726,"language":296,"meta":297,"style":297},"\u003Ctemplate>\n  \u003CUiNavigationBar :items=\"items\" island frosted indicator-tab \u002F>\n\u003C\u002Ftemplate>\n",[282,728,729,737,764],{"__ignoreMap":297},[301,730,731,733,735],{"class":303,"line":304},[301,732,308],{"class":307},[301,734,662],{"class":311},[301,736,334],{"class":307},[301,738,739,741,743,745,747,749,751,753,756,759,762],{"class":303,"line":337},[301,740,670],{"class":307},[301,742,284],{"class":311},[301,744,687],{"class":315},[301,746,322],{"class":307},[301,748,325],{"class":307},[301,750,694],{"class":328},[301,752,325],{"class":307},[301,754,755],{"class":315}," island",[301,757,758],{"class":315}," frosted",[301,760,761],{"class":315}," indicator-tab",[301,763,710],{"class":307},[301,765,766,768,770],{"class":303,"line":369},[301,767,645],{"class":307},[301,769,662],{"class":311},[301,771,334],{"class":307},[287,773,775],{"id":774},"props","Props",[777,778,779,798],"table",{},[780,781,782],"thead",{},[783,784,785,789,792,795],"tr",{},[786,787,788],"th",{},"Prop",[786,790,791],{},"Type",[786,793,794],{},"Default",[786,796,797],{},"Description",[799,800,801,823,840,869,889,907,925],"tbody",{},[783,802,803,808,813,816],{},[804,805,806],"td",{},[282,807,694],{},[804,809,810],{},[282,811,812],{},"INavItem[]",[804,814,815],{},"—",[804,817,818,819,822],{},"Items: ",[282,820,821],{},"{ id, to, icon, text?, ariaLabel }",".",[783,824,825,830,835,837],{},[804,826,827],{},[282,828,829],{},"activeItem",[804,831,832],{},[282,833,834],{},"string | null",[804,836,815],{},[804,838,839],{},"Active item id or path.",[783,841,842,847,852,857],{},[804,843,844],{},[282,845,846],{},"as",[804,848,849],{},[282,850,851],{},"string | object",[804,853,854],{},[282,855,856],{},"'a'",[804,858,859,860,862,863,862,866,868],{},"Link component (",[282,861,856],{},", ",[282,864,865],{},"'router-link'",[282,867,682],{},").",[783,870,871,876,881,886],{},[804,872,873],{},[282,874,875],{},"island",[804,877,878],{},[282,879,880],{},"boolean",[804,882,883],{},[282,884,885],{},"false",[804,887,888],{},"Island variant.",[783,890,891,896,900,904],{},[804,892,893],{},[282,894,895],{},"frosted",[804,897,898],{},[282,899,880],{},[804,901,902],{},[282,903,885],{},[804,905,906],{},"Frosted-glass effect.",[783,908,909,914,918,922],{},[804,910,911],{},[282,912,913],{},"indicatorTab",[804,915,916],{},[282,917,880],{},[804,919,920],{},[282,921,885],{},[804,923,924],{},"Tab-style active indicator.",[783,926,927,932,936,940],{},[804,928,929],{},[282,930,931],{},"indicatorFrosted",[804,933,934],{},[282,935,880],{},[804,937,938],{},[282,939,885],{},[804,941,942],{},"Frosted active indicator.",[944,945,946],"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 .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":297,"searchDepth":337,"depth":337,"links":948},[949,950,951],{"id":289,"depth":337,"text":290},{"id":722,"depth":337,"text":723},{"id":774,"depth":337,"text":775},"A data-driven bottom \u002F island navigation bar.","md",null,{},{"icon":227},{"title":224,"description":952},"uiE6GXY1Ww4qTjCDU2RPvuVHH1Zllea24m6mopRyEoo",[960,962],{"title":219,"path":220,"stem":221,"description":961,"icon":222,"children":-1},"Build a top navigation bar with brand, links, avatar, and a sidebar toggle.",{"title":229,"path":230,"stem":231,"description":963,"icon":232,"children":-1},"An anchored popover panel built on the native Popover API and CSS anchor positioning.",1782196219260]