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