[{"data":1,"prerenderedAt":518},["ShallowReactive",2],{"navigation":3,"\u002Fpackages\u002Fkit":60,"\u002Fpackages\u002Fkit-surround":513},[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":35,"body":62,"description":501,"extension":502,"links":503,"meta":509,"navigation":510,"path":36,"seo":511,"stem":37,"__hash__":512},"docs\u002F2.packages\u002F2.kit.md",{"type":63,"value":64,"toc":496},"minimark",[65,79,84,130,134,143,147,285,492],[66,67,68,71,72,75,76,78],"p",{},[69,70,35],"code",{}," is the styled layer. 48 drop-in ",[69,73,74],{},"Vy*"," components built on top of ",[69,77,30],{},", with a Tailwind Variants theme you can override at any point.",[80,81,83],"h2",{"id":82},"what-you-get","What you get",[85,86,87,95,105,120],"ul",{},[88,89,90,94],"li",{},[91,92,93],"strong",{},"48 styled components"," — VyButton, VyDrawer, VyModal, VyToast, VyIsland, VyTabs, VySlider, and more.",[88,96,97,100,101,104],{},[91,98,99],{},"Tailwind Variants theme"," — per-component theme files under ",[69,102,103],{},"packages\u002Fkit\u002Fsrc\u002Ftheme",". Override slots, variants, and defaults without forking.",[88,106,107,116,117,119],{},[91,108,109,112,113],{},[69,110,111],{},"createTv"," + ",[69,114,115],{},"tv()"," — re-exported from ",[69,118,35],{}," so you can compose your own variants with the same DX as Nuxt UI or shadcn.",[88,121,122,125,126,129],{},[91,123,124],{},"Runtime app config"," — pass overrides to the ",[69,127,128],{},"VyUI"," plugin at mount time. No build step. Theme keys deep-merge into defaults.",[80,131,133],{"id":132},"when-to-use-it","When to use it",[66,135,136,137,139,140,142],{},"Use ",[69,138,35],{}," if you want to ship fast with sensible defaults. Kit gives you styled ",[69,141,74],{}," components on top of core, ready to drop into a Lynx app.",[80,144,146],{"id":145},"example","Example",[148,149,155],"pre",{"className":150,"code":151,"filename":152,"language":153,"meta":154,"style":154},"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","",[69,156,157,190,210,222,240,247],{"__ignoreMap":154},[158,159,162,166,170,174,177,180,183,187],"span",{"class":160,"line":161},"line",1,[158,163,165],{"class":164},"s7zQu","import",[158,167,169],{"class":168},"sMK4o"," {",[158,171,173],{"class":172},"sTEyZ"," createApp",[158,175,176],{"class":168}," }",[158,178,179],{"class":164}," from",[158,181,182],{"class":168}," '",[158,184,186],{"class":185},"sfazB","@lynx-js\u002Fvue",[158,188,189],{"class":168},"'\n",[158,191,193,195,197,200,202,204,206,208],{"class":160,"line":192},2,[158,194,165],{"class":164},[158,196,169],{"class":168},[158,198,199],{"class":172}," VyUI",[158,201,176],{"class":168},[158,203,179],{"class":164},[158,205,182],{"class":168},[158,207,35],{"class":185},[158,209,189],{"class":168},[158,211,213,215,217,220],{"class":160,"line":212},3,[158,214,165],{"class":164},[158,216,182],{"class":168},[158,218,219],{"class":185},"@vyui\u002Fkit\u002Fstyle.css",[158,221,189],{"class":168},[158,223,225,227,230,233,235,238],{"class":160,"line":224},4,[158,226,165],{"class":164},[158,228,229],{"class":172}," App ",[158,231,232],{"class":164},"from",[158,234,182],{"class":168},[158,236,237],{"class":185},".\u002FApp.vue",[158,239,189],{"class":168},[158,241,243],{"class":160,"line":242},5,[158,244,246],{"emptyLinePlaceholder":245},true,"\n",[158,248,250,254,257,260,263,266,268,271,274,277,280,282],{"class":160,"line":249},6,[158,251,253],{"class":252},"s2Zo4","createApp",[158,255,256],{"class":172},"(App)",[158,258,259],{"class":168},".",[158,261,262],{"class":252},"use",[158,264,265],{"class":172},"(VyUI)",[158,267,259],{"class":168},[158,269,270],{"class":252},"mount",[158,272,273],{"class":172},"(",[158,275,276],{"class":168},"'",[158,278,279],{"class":185},"#app",[158,281,276],{"class":168},[158,283,284],{"class":172},")\n",[148,286,291],{"className":287,"code":288,"filename":289,"language":290,"meta":154,"style":154},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\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","vue",[69,292,293,309,334,353,357,378,387,392,402,439,483],{"__ignoreMap":154},[158,294,295,298,302,306],{"class":160,"line":161},[158,296,297],{"class":168},"\u003C",[158,299,301],{"class":300},"swJcz","script",[158,303,305],{"class":304},"spNyl"," setup",[158,307,308],{"class":168},">\n",[158,310,311,313,315,318,321,324,326,328,330,332],{"class":160,"line":192},[158,312,165],{"class":164},[158,314,169],{"class":168},[158,316,317],{"class":172}," VyButton",[158,319,320],{"class":168},",",[158,322,323],{"class":172}," VySlider",[158,325,176],{"class":168},[158,327,179],{"class":164},[158,329,182],{"class":168},[158,331,35],{"class":185},[158,333,189],{"class":168},[158,335,336,338,340,343,345,347,349,351],{"class":160,"line":212},[158,337,165],{"class":164},[158,339,169],{"class":168},[158,341,342],{"class":172}," ref",[158,344,176],{"class":168},[158,346,179],{"class":164},[158,348,182],{"class":168},[158,350,290],{"class":185},[158,352,189],{"class":168},[158,354,355],{"class":160,"line":224},[158,356,246],{"emptyLinePlaceholder":245},[158,358,359,362,365,368,370,372,376],{"class":160,"line":242},[158,360,361],{"class":304},"const",[158,363,364],{"class":172}," value ",[158,366,367],{"class":168},"=",[158,369,342],{"class":252},[158,371,273],{"class":172},[158,373,375],{"class":374},"sbssI","50",[158,377,284],{"class":172},[158,379,380,383,385],{"class":160,"line":249},[158,381,382],{"class":168},"\u003C\u002F",[158,384,301],{"class":300},[158,386,308],{"class":168},[158,388,390],{"class":160,"line":389},7,[158,391,246],{"emptyLinePlaceholder":245},[158,393,395,397,400],{"class":160,"line":394},8,[158,396,297],{"class":168},[158,398,399],{"class":300},"template",[158,401,308],{"class":168},[158,403,405,408,411,414,416,419,422,424,427,429,431,434,436],{"class":160,"line":404},9,[158,406,407],{"class":168},"  \u003C",[158,409,410],{"class":300},"VySlider",[158,412,413],{"class":304}," v-model",[158,415,367],{"class":168},[158,417,418],{"class":168},"\"",[158,420,421],{"class":185},"value",[158,423,418],{"class":168},[158,425,426],{"class":304}," :max",[158,428,367],{"class":168},[158,430,418],{"class":168},[158,432,433],{"class":185},"100",[158,435,418],{"class":168},[158,437,438],{"class":168}," \u002F>\n",[158,440,442,444,447,450,452,454,457,459,462,464,466,469,471,474,477,479,481],{"class":160,"line":441},10,[158,443,407],{"class":168},[158,445,446],{"class":300},"VyButton",[158,448,449],{"class":304}," variant",[158,451,367],{"class":168},[158,453,418],{"class":168},[158,455,456],{"class":185},"solid",[158,458,418],{"class":168},[158,460,461],{"class":304}," color",[158,463,367],{"class":168},[158,465,418],{"class":168},[158,467,468],{"class":185},"primary",[158,470,418],{"class":168},[158,472,473],{"class":168},">",[158,475,476],{"class":172},"Save",[158,478,382],{"class":168},[158,480,446],{"class":300},[158,482,308],{"class":168},[158,484,486,488,490],{"class":160,"line":485},11,[158,487,382],{"class":168},[158,489,399],{"class":300},[158,491,308],{"class":168},[493,494,495],"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 .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 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);}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":154,"searchDepth":161,"depth":192,"links":497},[498,499,500],{"id":82,"depth":192,"text":83},{"id":132,"depth":192,"text":133},{"id":145,"depth":192,"text":146},"Opinionated styled components on top of @vyui\u002Fcore.","md",[504],{"label":505,"icon":506,"to":507,"target":508},"View on npm","i-simple-icons-npm","https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@vyui\u002Fkit","_blank",{},{"icon":38},{"title":35,"description":501},"5gttJeTYX_KMuRs23nRORKQsR3wYEY3QJepgmq6aAaY",[514,516],{"title":30,"path":31,"stem":32,"description":515,"icon":33,"children":-1},"Headless primitives for Vue-Lynx — behavior, no opinions.",{"title":41,"path":42,"stem":43,"description":517,"icon":44,"children":-1},"Override any Vy UI component slot, variant, or default via Tailwind Variants — full theme control without fighting the library.",1780388088857]