[{"data":1,"prerenderedAt":891},["ShallowReactive",2],{"navigation":3,"\u002Fpackages\u002Fkit":313,"\u002Fpackages\u002Fkit-surround":886},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":36,"body":315,"description":874,"extension":875,"links":876,"meta":882,"navigation":883,"package":11,"path":37,"seo":884,"stem":38,"__hash__":885},"docs\u002F2.packages\u002F2.kit.md",{"type":316,"value":317,"toc":868},"minimark",[318,332,337,383,387,396,400,411,523,545,549,667,864],[319,320,321,324,325,328,329,331],"p",{},[322,323,36],"code",{}," is the styled layer. 45 drop-in ",[322,326,327],{},"Vy*"," components built on top of ",[322,330,31],{},", with a Tailwind Variants theme you can override at any point.",[333,334,336],"h2",{"id":335},"what-you-get","What you get",[338,339,340,348,358,373],"ul",{},[341,342,343,347],"li",{},[344,345,346],"strong",{},"48 styled components"," — VyButton, VyDrawer, VyModal, VyToast, VyIsland, VyTabs, VySlider, and more.",[341,349,350,353,354,357],{},[344,351,352],{},"Tailwind Variants theme"," — per-component theme files under ",[322,355,356],{},"packages\u002Fkit\u002Fsrc\u002Ftheme",". Override slots, variants, and defaults without forking.",[341,359,360,369,370,372],{},[344,361,362,365,366],{},[322,363,364],{},"createTv"," + ",[322,367,368],{},"tv()"," — re-exported from ",[322,371,36],{}," so you can compose your own variants with the same DX as Nuxt UI or shadcn.",[341,374,375,378,379,382],{},[344,376,377],{},"Runtime app config"," — pass overrides to the ",[322,380,381],{},"VyUI"," plugin at mount time. No build step. Theme keys deep-merge into defaults.",[333,384,386],{"id":385},"when-to-use-it","When to use it",[319,388,389,390,392,393,395],{},"Use ",[322,391,36],{}," if you want to ship fast with sensible defaults. Kit gives you styled ",[322,394,327],{}," components on top of core, ready to drop into a Lynx app.",[333,397,399],{"id":398},"you-still-get-the-full-core-layer","You still get the full core layer",[319,401,402,404,405,407,408,410],{},[322,403,31],{}," is a dependency of ",[322,406,36],{},", so installing kit brings core with it — you don't choose one or the other. Use the styled ",[322,409,327],{}," components for the common case, and drop down to the headless primitives whenever you need full control over markup:",[412,413,418],"pre",{"className":414,"code":415,"language":416,"meta":417,"style":417},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\n\u002F\u002F Styled, opinionated:\nimport { VyModal } from '@vyui\u002Fkit'\n\u002F\u002F Headless, from the same install:\nimport { DialogContent, DialogRoot, DialogTrigger } from '@vyui\u002Fcore'\n\u003C\u002Fscript>\n","vue","",[322,419,420,440,447,476,482,513],{"__ignoreMap":417},[421,422,425,429,433,437],"span",{"class":423,"line":424},"line",1,[421,426,428],{"class":427},"sMK4o","\u003C",[421,430,432],{"class":431},"swJcz","script",[421,434,436],{"class":435},"spNyl"," setup",[421,438,439],{"class":427},">\n",[421,441,443],{"class":423,"line":442},2,[421,444,446],{"class":445},"sHwdD","\u002F\u002F Styled, opinionated:\n",[421,448,450,454,457,461,464,467,470,473],{"class":423,"line":449},3,[421,451,453],{"class":452},"s7zQu","import",[421,455,456],{"class":427}," {",[421,458,460],{"class":459},"sTEyZ"," VyModal",[421,462,463],{"class":427}," }",[421,465,466],{"class":452}," from",[421,468,469],{"class":427}," '",[421,471,36],{"class":472},"sfazB",[421,474,475],{"class":427},"'\n",[421,477,479],{"class":423,"line":478},4,[421,480,481],{"class":445},"\u002F\u002F Headless, from the same install:\n",[421,483,485,487,489,492,495,498,500,503,505,507,509,511],{"class":423,"line":484},5,[421,486,453],{"class":452},[421,488,456],{"class":427},[421,490,491],{"class":459}," DialogContent",[421,493,494],{"class":427},",",[421,496,497],{"class":459}," DialogRoot",[421,499,494],{"class":427},[421,501,502],{"class":459}," DialogTrigger",[421,504,463],{"class":427},[421,506,466],{"class":452},[421,508,469],{"class":427},[421,510,31],{"class":472},[421,512,475],{"class":427},[421,514,516,519,521],{"class":423,"line":515},6,[421,517,518],{"class":427},"\u003C\u002F",[421,520,432],{"class":431},[421,522,439],{"class":427},[319,524,525,526,529,530,532,533,535,536,541,542,544],{},"A few unstyled primitives that have nothing to theme — ",[322,527,528],{},"AspectRatio",", ",[322,531,133],{},", and the keyboard-aware helpers — are re-exported from kit under ",[322,534,327],{}," aliases for convenience. Everything else lives in ",[537,538,539],"a",{"href":32},[322,540,31],{},", and the ",[537,543,49],{"href":51}," reference marks which layer each component belongs to.",[333,546,548],{"id":547},"example","Example",[412,550,555],{"className":551,"code":552,"filename":553,"language":554,"meta":417,"style":417},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { createApp } from '@lynx-js\u002Fvue'\nimport { VyUI } from '@vyui\u002Fkit'\nimport '@vyui\u002Fkit\u002Fstyle.css'\nimport App from '.\u002FApp.vue'\n\ncreateApp(App).use(VyUI).mount('#app')\n","src\u002Findex.ts","ts",[322,556,557,577,596,607,624,630],{"__ignoreMap":417},[421,558,559,561,563,566,568,570,572,575],{"class":423,"line":424},[421,560,453],{"class":452},[421,562,456],{"class":427},[421,564,565],{"class":459}," createApp",[421,567,463],{"class":427},[421,569,466],{"class":452},[421,571,469],{"class":427},[421,573,574],{"class":472},"@lynx-js\u002Fvue",[421,576,475],{"class":427},[421,578,579,581,583,586,588,590,592,594],{"class":423,"line":442},[421,580,453],{"class":452},[421,582,456],{"class":427},[421,584,585],{"class":459}," VyUI",[421,587,463],{"class":427},[421,589,466],{"class":452},[421,591,469],{"class":427},[421,593,36],{"class":472},[421,595,475],{"class":427},[421,597,598,600,602,605],{"class":423,"line":449},[421,599,453],{"class":452},[421,601,469],{"class":427},[421,603,604],{"class":472},"@vyui\u002Fkit\u002Fstyle.css",[421,606,475],{"class":427},[421,608,609,611,614,617,619,622],{"class":423,"line":478},[421,610,453],{"class":452},[421,612,613],{"class":459}," App ",[421,615,616],{"class":452},"from",[421,618,469],{"class":427},[421,620,621],{"class":472},".\u002FApp.vue",[421,623,475],{"class":427},[421,625,626],{"class":423,"line":484},[421,627,629],{"emptyLinePlaceholder":628},true,"\n",[421,631,632,636,639,642,645,648,650,653,656,659,662,664],{"class":423,"line":515},[421,633,635],{"class":634},"s2Zo4","createApp",[421,637,638],{"class":459},"(App)",[421,640,641],{"class":427},".",[421,643,644],{"class":634},"use",[421,646,647],{"class":459},"(VyUI)",[421,649,641],{"class":427},[421,651,652],{"class":634},"mount",[421,654,655],{"class":459},"(",[421,657,658],{"class":427},"'",[421,660,661],{"class":472},"#app",[421,663,658],{"class":427},[421,665,666],{"class":459},")\n",[412,668,671],{"className":414,"code":669,"filename":670,"language":416,"meta":417,"style":417},"\u003Cscript setup>\nimport { VyButton, VySlider } from '@vyui\u002Fkit'\nimport { ref } from 'vue'\n\nconst value = ref(50)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVySlider v-model=\"value\" :max=\"100\" \u002F>\n  \u003CVyButton variant=\"solid\" color=\"primary\">Save\u003C\u002FVyButton>\n\u003C\u002Ftemplate>\n","App.vue",[322,672,673,683,707,726,730,751,759,764,774,811,855],{"__ignoreMap":417},[421,674,675,677,679,681],{"class":423,"line":424},[421,676,428],{"class":427},[421,678,432],{"class":431},[421,680,436],{"class":435},[421,682,439],{"class":427},[421,684,685,687,689,692,694,697,699,701,703,705],{"class":423,"line":442},[421,686,453],{"class":452},[421,688,456],{"class":427},[421,690,691],{"class":459}," VyButton",[421,693,494],{"class":427},[421,695,696],{"class":459}," VySlider",[421,698,463],{"class":427},[421,700,466],{"class":452},[421,702,469],{"class":427},[421,704,36],{"class":472},[421,706,475],{"class":427},[421,708,709,711,713,716,718,720,722,724],{"class":423,"line":449},[421,710,453],{"class":452},[421,712,456],{"class":427},[421,714,715],{"class":459}," ref",[421,717,463],{"class":427},[421,719,466],{"class":452},[421,721,469],{"class":427},[421,723,416],{"class":472},[421,725,475],{"class":427},[421,727,728],{"class":423,"line":478},[421,729,629],{"emptyLinePlaceholder":628},[421,731,732,735,738,741,743,745,749],{"class":423,"line":484},[421,733,734],{"class":435},"const",[421,736,737],{"class":459}," value ",[421,739,740],{"class":427},"=",[421,742,715],{"class":634},[421,744,655],{"class":459},[421,746,748],{"class":747},"sbssI","50",[421,750,666],{"class":459},[421,752,753,755,757],{"class":423,"line":515},[421,754,518],{"class":427},[421,756,432],{"class":431},[421,758,439],{"class":427},[421,760,762],{"class":423,"line":761},7,[421,763,629],{"emptyLinePlaceholder":628},[421,765,767,769,772],{"class":423,"line":766},8,[421,768,428],{"class":427},[421,770,771],{"class":431},"template",[421,773,439],{"class":427},[421,775,777,780,783,786,788,791,794,796,799,801,803,806,808],{"class":423,"line":776},9,[421,778,779],{"class":427},"  \u003C",[421,781,782],{"class":431},"VySlider",[421,784,785],{"class":435}," v-model",[421,787,740],{"class":427},[421,789,790],{"class":427},"\"",[421,792,793],{"class":472},"value",[421,795,790],{"class":427},[421,797,798],{"class":435}," :max",[421,800,740],{"class":427},[421,802,790],{"class":427},[421,804,805],{"class":472},"100",[421,807,790],{"class":427},[421,809,810],{"class":427}," \u002F>\n",[421,812,814,816,819,822,824,826,829,831,834,836,838,841,843,846,849,851,853],{"class":423,"line":813},10,[421,815,779],{"class":427},[421,817,818],{"class":431},"VyButton",[421,820,821],{"class":435}," variant",[421,823,740],{"class":427},[421,825,790],{"class":427},[421,827,828],{"class":472},"solid",[421,830,790],{"class":427},[421,832,833],{"class":435}," color",[421,835,740],{"class":427},[421,837,790],{"class":427},[421,839,840],{"class":472},"primary",[421,842,790],{"class":427},[421,844,845],{"class":427},">",[421,847,848],{"class":459},"Save",[421,850,518],{"class":427},[421,852,818],{"class":431},[421,854,439],{"class":427},[421,856,858,860,862],{"class":423,"line":857},11,[421,859,518],{"class":427},[421,861,771],{"class":431},[421,863,439],{"class":427},[865,866,867],"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 .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 .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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":417,"searchDepth":424,"depth":442,"links":869},[870,871,872,873],{"id":335,"depth":442,"text":336},{"id":385,"depth":442,"text":386},{"id":398,"depth":442,"text":399},{"id":547,"depth":442,"text":548},"Opinionated styled components on top of @vyui\u002Fcore.","md",[877],{"label":878,"icon":879,"to":880,"target":881},"View on npm","i-simple-icons-npm","https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@vyui\u002Fkit","_blank",{},{"icon":39},{"title":36,"description":874},"yY7Vz39G5aMKTi8sqmvsMCIj46ehtk3ZJd703oLD3PU",[887,889],{"title":31,"path":32,"stem":33,"description":888,"icon":-1,"children":-1,"navigation":-1},"Headless primitives for Vue-Lynx — behavior, no opinions.",{"title":42,"path":43,"stem":44,"description":890,"icon":-1,"children":-1,"navigation":-1},"Add Vy UI styled components to your Vue-Lynx project from the registry.",1783464066604]