[{"data":1,"prerenderedAt":210},["ShallowReactive",2],{"navigation":3,"\u002Fgetting-started":60,"\u002Fgetting-started-surround":207},[4,23,40,45,50,55],{"title":5,"path":6,"stem":7,"children":8,"icon":22},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles","i-lucide-rocket",{"title":24,"icon":25,"path":26,"stem":27,"children":28,"page":39},"Packages","i-lucide-package","\u002Fpackages","2.packages",[29,34],{"title":30,"path":31,"stem":32,"icon":33},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":35,"path":36,"stem":37,"icon":38},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":41,"path":42,"stem":43,"icon":44},"Theming","\u002Ftheming","3.theming","i-lucide-palette",{"title":46,"path":47,"stem":48,"icon":49},"Accessibility","\u002Faccessibility","4.accessibility","i-lucide-accessibility",{"title":51,"path":52,"stem":53,"icon":54},"i18n","\u002Fi18n","5.i18n","i-lucide-languages",{"title":56,"path":57,"stem":58,"icon":59},"Roadmap","\u002Froadmap","6.roadmap","i-lucide-map",{"id":61,"title":10,"body":62,"description":200,"extension":201,"links":202,"meta":203,"navigation":204,"path":6,"seo":205,"stem":7,"__hash__":206},"docs\u002F1.getting-started\u002F1.index.md",{"type":63,"value":64,"toc":193},"minimark",[65,83,102,133,138,145,149],[66,67,68,69,76,77,82],"p",{},"Vy UI is a two-layer component system for ",[70,71,75],"a",{"href":72,"rel":73},"https:\u002F\u002Fvue.lynxjs.org\u002F",[74],"nofollow","Vue-Lynx"," — the Vue bindings for ",[70,78,81],{"href":79,"rel":80},"https:\u002F\u002Flynxjs.org\u002F",[74],"Lynx",", ByteDance's open-source native cross-platform framework. It brings Radix-style headless primitives — and an optional opinionated styled kit — to a runtime that doesn't render HTML.",[84,85,86],"note",{},[66,87,88,89,93,94,98,99,101],{},"The name ",[90,91,92],"strong",{},"Vy"," is Swedish for ",[95,96,97],"em",{},"view"," — a nod to Vue, whose name is French for ",[95,100,97],{},".",[103,104,105,111,116,125],"card-group",{},[106,107,108],"card",{"icon":33,"title":30,"to":31},[66,109,110],{},"47 headless primitives — state, focus, keyboard, gestures. You bring the styles.",[106,112,113],{"icon":38,"title":35,"to":36},[66,114,115],{},"48 styled components on top of core. Tailwind Variants theme, drop-in Vy* components.",[106,117,122],{"icon":118,"title":119,"to":120,"target":121},"i-simple-icons-github","GitHub","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui","_blank",[66,123,124],{},"Source, issues, and discussions live on GitHub.",[106,126,130],{"icon":127,"title":128,"to":129},"i-lucide-history","Changelog","\u002Fchangelog",[66,131,132],{},"Release notes pulled directly from GitHub releases.",[134,135,137],"h2",{"id":136},"status","Status",[66,139,140,141,144],{},"Vy UI is ",[90,142,143],{},"pre-alpha",". Vue-Lynx itself is pre-alpha. Expect breaking changes to component names, props, and slots. Things will break. Don't ship this to production yet.",[134,146,148],{"id":147},"whats-inside","What's inside",[150,151,152,168,180],"ul",{},[153,154,155,158,159,163,164,167],"li",{},[90,156,157],{},"Native-first"," — primitives target Lynx's ",[160,161,162],"code",{},"\u003Cview>"," \u002F ",[160,165,166],{},"\u003Ctext>"," rendering model, not the DOM.",[153,169,170,173,174,176,177,179],{},[90,171,172],{},"Zero styling opinions"," — ",[160,175,30],{}," ships behavior, you bring tokens. ",[160,178,35],{}," adds a themeable layer when you want it.",[153,181,182,173,185,188,189,192],{},[90,183,184],{},"Tailwind Variants",[160,186,187],{},"createTv()"," and ",[160,190,191],{},"tv()"," are re-exported from kit so you can extend the theme like you would with Nuxt UI or shadcn.",{"title":194,"searchDepth":195,"depth":196,"links":197},"",1,2,[198,199],{"id":136,"depth":196,"text":137},{"id":147,"depth":196,"text":148},"What Vy UI is, how the two-layer architecture works, and why Vue-Lynx needs its own component library.","md",null,{},{"icon":11},{"title":10,"description":200},"VLsvJRzNy9WAJrK6aNTYgkOU6LNSKuM-JIiQ8gw9DLI",[202,208],{"title":13,"path":14,"stem":15,"description":209,"icon":16,"children":-1},"Install @vyui\u002Fcore and @vyui\u002Fkit into a Vue-Lynx app.",1780388088076]