[{"data":1,"prerenderedAt":2373},["ShallowReactive",2],{"navigation":3,"\u002Fgetting-started\u002Fcli":460,"\u002Fgetting-started\u002Fcli-surround":2368},[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":24,"body":462,"description":2362,"extension":2363,"links":11,"meta":2364,"navigation":2365,"package":11,"path":25,"seo":2366,"stem":26,"__hash__":2367},"docs\u002F1.getting-started\u002F4.cli.md",{"type":463,"value":464,"toc":2342},"minimark",[465,473,478,520,523,527,538,600,604,610,687,690,758,761,768,773,781,787,827,838,842,847,853,907,910,938,941,946,963,1022,1026,1031,1116,1119,1122,1189,1199,1202,1308,1313,1316,1383,1387,1390,1495,1500,1503,1562,1566,1750,1754,1762,2168,2176,2180,2191,2329,2339],[466,467,468,469,472],"p",{},"The Vy UI CLI copies styled component source into your app, installs the shared dependencies it needs, and wires the local Vy UI plugin into your Vue-Lynx entry. Use it when you want shadcn-style ownership of component files instead of importing everything from ",[470,471,46],"code",{},".",[474,475,477],"h2",{"id":476},"two-ways-to-use-vy-ui","Two ways to use Vy UI",[479,480,481,506],"ul",{},[482,483,484,490,491,494,495,498,499,502,503,472],"li",{},[485,486,487,488],"strong",{},"Install ",[470,489,46],{}," — import ",[470,492,493],{},"Vy*"," components from the package. Upgrades arrive with ",[470,496,497],{},"npm update",", and the source stays in ",[470,500,501],{},"node_modules",". See ",[504,505,14],"a",{"href":15},[482,507,508,511,512,516,517,519],{},[485,509,510],{},"Copy source with the CLI"," — the components live in ",[513,514,515],"em",{},"your"," repo. You own and edit the files directly; there is no ",[470,518,46],{}," runtime dependency for the components you add. This page covers this path.",[466,521,522],{},"Both render identically. Reach for the CLI when you expect to restyle or fork components, want to read the source inline, or prefer to vendor UI code rather than track a dependency.",[474,524,526],{"id":525},"how-it-works","How it works",[466,528,529,530,533,534,537],{},"The CLI is a thin client over a ",[485,531,532],{},"registry"," — a set of JSON files (hosted at ",[470,535,536],{},"https:\u002F\u002Fvyui.dev\u002Fr"," by default) that describe each component: its source files, the npm packages it needs, and the other registry components it depends on.",[539,540,541,561,573,586],"ol",{},[482,542,543,548,549,552,553,556,557,560],{},[485,544,545],{},[470,546,547],{},"init"," detects your project (package manager, app entry, Tailwind config, path aliases), writes ",[470,550,551],{},"vyui.config.json",", and copies the shared library (",[470,554,555],{},"utils",", ",[470,558,559],{},"theme",", composables) plus the plugin wiring into the paths you choose.",[482,562,563,568,569,572],{},[485,564,565],{},[470,566,567],{},"add \u003Cname>"," fetches a component from the registry, resolves its registry dependencies (e.g. ",[470,570,571],{},"select"," pulls in the primitives it builds on), installs any npm packages, and writes the source into your project.",[482,574,575,578,579,582,583,585],{},[485,576,577],{},"Imports are rewritten"," as files are written: registry-internal specifiers like ",[470,580,581],{},"@@vyui:components\u002F*"," become the aliases in your ",[470,584,551],{},", so the copied code resolves against your own directory layout.",[482,587,588,591,592,595,596,599],{},[485,589,590],{},"You own the result"," — added components are plain source files. Re-running ",[470,593,594],{},"add"," preserves them by default (pass ",[470,597,598],{},"--overwrite"," to refresh), and the shared library and transitive dependencies are never silently overwritten.",[474,601,603],{"id":602},"quick-start","Quick start",[466,605,606,607,609],{},"Run ",[470,608,547],{}," from the root of a Vue-Lynx project.",[611,612,613,641,657,672],"code-group",{},[614,615,621],"pre",{"className":616,"code":617,"filename":618,"language":619,"meta":620,"style":620},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm dlx @vyui\u002Fcli init\n","pnpm","bash","",[470,622,623],{"__ignoreMap":620},[624,625,628,631,635,638],"span",{"class":626,"line":627},"line",1,[624,629,618],{"class":630},"sBMFI",[624,632,634],{"class":633},"sfazB"," dlx",[624,636,637],{"class":633}," @vyui\u002Fcli",[624,639,640],{"class":633}," init\n",[614,642,645],{"className":616,"code":643,"filename":644,"language":619,"meta":620,"style":620},"yarn dlx @vyui\u002Fcli init\n","yarn",[470,646,647],{"__ignoreMap":620},[624,648,649,651,653,655],{"class":626,"line":627},[624,650,644],{"class":630},[624,652,634],{"class":633},[624,654,637],{"class":633},[624,656,640],{"class":633},[614,658,661],{"className":616,"code":659,"filename":660,"language":619,"meta":620,"style":620},"bunx @vyui\u002Fcli init\n","bun",[470,662,663],{"__ignoreMap":620},[624,664,665,668,670],{"class":626,"line":627},[624,666,667],{"class":630},"bunx",[624,669,637],{"class":633},[624,671,640],{"class":633},[614,673,676],{"className":616,"code":674,"filename":675,"language":619,"meta":620,"style":620},"npx @vyui\u002Fcli init\n","npm",[470,677,678],{"__ignoreMap":620},[624,679,680,683,685],{"class":626,"line":627},[624,681,682],{"class":630},"npx",[624,684,637],{"class":633},[624,686,640],{"class":633},[466,688,689],{},"Then add components by registry name.",[611,691,692,711,728,743],{},[614,693,695],{"className":616,"code":694,"filename":618,"language":619,"meta":620,"style":620},"pnpm dlx @vyui\u002Fcli add accordion\n",[470,696,697],{"__ignoreMap":620},[624,698,699,701,703,705,708],{"class":626,"line":627},[624,700,618],{"class":630},[624,702,634],{"class":633},[624,704,637],{"class":633},[624,706,707],{"class":633}," add",[624,709,710],{"class":633}," accordion\n",[614,712,714],{"className":616,"code":713,"filename":644,"language":619,"meta":620,"style":620},"yarn dlx @vyui\u002Fcli add accordion\n",[470,715,716],{"__ignoreMap":620},[624,717,718,720,722,724,726],{"class":626,"line":627},[624,719,644],{"class":630},[624,721,634],{"class":633},[624,723,637],{"class":633},[624,725,707],{"class":633},[624,727,710],{"class":633},[614,729,731],{"className":616,"code":730,"filename":660,"language":619,"meta":620,"style":620},"bunx @vyui\u002Fcli add accordion\n",[470,732,733],{"__ignoreMap":620},[624,734,735,737,739,741],{"class":626,"line":627},[624,736,667],{"class":630},[624,738,637],{"class":633},[624,740,707],{"class":633},[624,742,710],{"class":633},[614,744,746],{"className":616,"code":745,"filename":675,"language":619,"meta":620,"style":620},"npx @vyui\u002Fcli add accordion\n",[470,747,748],{"__ignoreMap":620},[624,749,750,752,754,756],{"class":626,"line":627},[624,751,682],{"class":630},[624,753,637],{"class":633},[624,755,707],{"class":633},[624,757,710],{"class":633},[466,759,760],{},"Each installable component page also shows its CLI command near the top of the page.",[474,762,764,765,767],{"id":763},"what-init-sets-up","What ",[470,766,547],{}," sets up",[466,769,770,772],{},[470,771,547],{}," copies the shared library into the paths from your config and wires Vy UI into the app. A typical layout:",[614,774,779],{"className":775,"code":777,"language":778},[776],"language-text","src\u002F\n├─ components\u002Fvyui\u002F     # components you add land here\n└─ lib\u002Fvyui\u002F\n   ├─ theme\u002F            # Tailwind Variants theme, colors + icons\n   ├─ composables\u002F      # app config, icons, styled-component helpers\n   ├─ utils\u002F            # resolveColor + tv() helpers\n   ├─ plugin.ts         # the local Vy UI plugin\n   └─ types.ts\n","text",[470,780,777],{"__ignoreMap":620},[466,782,783,784,786],{},"Alongside the files, ",[470,785,547],{}," also:",[479,788,789,800,807,821,824],{},[482,790,791,792,795,796,799],{},"registers the local Vy UI plugin in your app entry (",[470,793,794],{},"src\u002Findex.ts"," \u002F ",[470,797,798],{},"src\u002Fmain.ts","),",[482,801,802,803,806],{},"adds the Vy UI Tailwind preset and ",[470,804,805],{},"ui-*"," state wiring to your Tailwind config,",[482,808,809,810,812,813,816,817,820],{},"allowlists ",[470,811,41],{},"'s main-thread worklets in ",[470,814,815],{},"lynx.config.*"," (",[470,818,819],{},"includeWorkletPackages",") so gestures work at runtime,",[482,822,823],{},"pulls the theme tokens into your global CSS,",[482,825,826],{},"installs the shared runtime dependencies.",[466,828,829,830,833,834,837],{},"Anything it can't confirm — a non-standard entry, a missing Tailwind config — is printed as a manual step instead of being guessed. Use ",[470,831,832],{},"--dry-run"," to preview every file and edit first, and ",[470,835,836],{},"info"," afterwards to confirm what was detected.",[474,839,841],{"id":840},"commands","Commands",[843,844,845],"h3",{"id":547},[470,846,547],{},[466,848,849,850,852],{},"Set up ",[470,851,551],{},", copy the shared library files, update your app entry, and configure the Vy UI Tailwind preset.",[611,854,855,869,883,895],{},[614,856,857],{"className":616,"code":617,"filename":618,"language":619,"meta":620,"style":620},[470,858,859],{"__ignoreMap":620},[624,860,861,863,865,867],{"class":626,"line":627},[624,862,618],{"class":630},[624,864,634],{"class":633},[624,866,637],{"class":633},[624,868,640],{"class":633},[614,870,871],{"className":616,"code":643,"filename":644,"language":619,"meta":620,"style":620},[470,872,873],{"__ignoreMap":620},[624,874,875,877,879,881],{"class":626,"line":627},[624,876,644],{"class":630},[624,878,634],{"class":633},[624,880,637],{"class":633},[624,882,640],{"class":633},[614,884,885],{"className":616,"code":659,"filename":660,"language":619,"meta":620,"style":620},[470,886,887],{"__ignoreMap":620},[624,888,889,891,893],{"class":626,"line":627},[624,890,667],{"class":630},[624,892,637],{"class":633},[624,894,640],{"class":633},[614,896,897],{"className":616,"code":674,"filename":675,"language":619,"meta":620,"style":620},[470,898,899],{"__ignoreMap":620},[624,900,901,903,905],{"class":626,"line":627},[624,902,682],{"class":630},[624,904,637],{"class":633},[624,906,640],{"class":633},[466,908,909],{},"The command detects:",[479,911,912,915,923,926,929],{},[482,913,914],{},"your package manager",[482,916,917,918,920,921],{},"Vue-Lynx app entry, such as ",[470,919,794],{}," or ",[470,922,798],{},[482,924,925],{},"Tailwind config",[482,927,928],{},"global CSS entry",[482,930,931,920,934,937],{},[470,932,933],{},"tsconfig.json",[470,935,936],{},"jsconfig.json"," path aliases",[466,939,940],{},"If the project cannot be confirmed as Vue-Lynx, the CLI continues with generic Vue wiring and prints the manual steps it could not complete.",[843,942,944],{"id":943},"check",[470,945,943],{},[466,947,948,949,951,952,954,955,958,959,962],{},"Audit an initialised project for the common wiring gaps that only bite at runtime — most often a ",[470,950,815],{}," missing ",[470,953,819],{},", which crashes the first gesture with ",[470,956,957],{},"TypeError: cannot read property 'bind' of undefined",". It's read-only and offline: it reports each gap with its fix and exits non-zero, so you can gate CI on it. Run ",[470,960,961],{},"init --overwrite"," (or fix manually) to resolve what it finds.",[611,964,965,981,996,1009],{},[614,966,968],{"className":616,"code":967,"filename":618,"language":619,"meta":620,"style":620},"pnpm dlx @vyui\u002Fcli check\n",[470,969,970],{"__ignoreMap":620},[624,971,972,974,976,978],{"class":626,"line":627},[624,973,618],{"class":630},[624,975,634],{"class":633},[624,977,637],{"class":633},[624,979,980],{"class":633}," check\n",[614,982,984],{"className":616,"code":983,"filename":644,"language":619,"meta":620,"style":620},"yarn dlx @vyui\u002Fcli check\n",[470,985,986],{"__ignoreMap":620},[624,987,988,990,992,994],{"class":626,"line":627},[624,989,644],{"class":630},[624,991,634],{"class":633},[624,993,637],{"class":633},[624,995,980],{"class":633},[614,997,999],{"className":616,"code":998,"filename":660,"language":619,"meta":620,"style":620},"bunx @vyui\u002Fcli check\n",[470,1000,1001],{"__ignoreMap":620},[624,1002,1003,1005,1007],{"class":626,"line":627},[624,1004,667],{"class":630},[624,1006,637],{"class":633},[624,1008,980],{"class":633},[614,1010,1012],{"className":616,"code":1011,"filename":675,"language":619,"meta":620,"style":620},"npx @vyui\u002Fcli check\n",[470,1013,1014],{"__ignoreMap":620},[624,1015,1016,1018,1020],{"class":626,"line":627},[624,1017,682],{"class":630},[624,1019,637],{"class":633},[624,1021,980],{"class":633},[843,1023,1024],{"id":594},[470,1025,594],{},[466,1027,1028,1029,472],{},"Copy one or more components into the paths configured by ",[470,1030,551],{},[611,1032,1033,1057,1078,1097],{},[614,1034,1036],{"className":616,"code":1035,"filename":618,"language":619,"meta":620,"style":620},"pnpm dlx @vyui\u002Fcli add accordion tabs toast\n",[470,1037,1038],{"__ignoreMap":620},[624,1039,1040,1042,1044,1046,1048,1051,1054],{"class":626,"line":627},[624,1041,618],{"class":630},[624,1043,634],{"class":633},[624,1045,637],{"class":633},[624,1047,707],{"class":633},[624,1049,1050],{"class":633}," accordion",[624,1052,1053],{"class":633}," tabs",[624,1055,1056],{"class":633}," toast\n",[614,1058,1060],{"className":616,"code":1059,"filename":644,"language":619,"meta":620,"style":620},"yarn dlx @vyui\u002Fcli add accordion tabs toast\n",[470,1061,1062],{"__ignoreMap":620},[624,1063,1064,1066,1068,1070,1072,1074,1076],{"class":626,"line":627},[624,1065,644],{"class":630},[624,1067,634],{"class":633},[624,1069,637],{"class":633},[624,1071,707],{"class":633},[624,1073,1050],{"class":633},[624,1075,1053],{"class":633},[624,1077,1056],{"class":633},[614,1079,1081],{"className":616,"code":1080,"filename":660,"language":619,"meta":620,"style":620},"bunx @vyui\u002Fcli add accordion tabs toast\n",[470,1082,1083],{"__ignoreMap":620},[624,1084,1085,1087,1089,1091,1093,1095],{"class":626,"line":627},[624,1086,667],{"class":630},[624,1088,637],{"class":633},[624,1090,707],{"class":633},[624,1092,1050],{"class":633},[624,1094,1053],{"class":633},[624,1096,1056],{"class":633},[614,1098,1100],{"className":616,"code":1099,"filename":675,"language":619,"meta":620,"style":620},"npx @vyui\u002Fcli add accordion tabs toast\n",[470,1101,1102],{"__ignoreMap":620},[624,1103,1104,1106,1108,1110,1112,1114],{"class":626,"line":627},[624,1105,682],{"class":630},[624,1107,637],{"class":633},[624,1109,707],{"class":633},[624,1111,1050],{"class":633},[624,1113,1053],{"class":633},[624,1115,1056],{"class":633},[466,1117,1118],{},"The CLI resolves registry dependencies, preserves existing files by default, and prompts before installing npm dependencies.",[466,1120,1121],{},"Add every component in the current registry style:",[611,1123,1124,1142,1159,1174],{},[614,1125,1127],{"className":616,"code":1126,"filename":618,"language":619,"meta":620,"style":620},"pnpm dlx @vyui\u002Fcli add --all\n",[470,1128,1129],{"__ignoreMap":620},[624,1130,1131,1133,1135,1137,1139],{"class":626,"line":627},[624,1132,618],{"class":630},[624,1134,634],{"class":633},[624,1136,637],{"class":633},[624,1138,707],{"class":633},[624,1140,1141],{"class":633}," --all\n",[614,1143,1145],{"className":616,"code":1144,"filename":644,"language":619,"meta":620,"style":620},"yarn dlx @vyui\u002Fcli add --all\n",[470,1146,1147],{"__ignoreMap":620},[624,1148,1149,1151,1153,1155,1157],{"class":626,"line":627},[624,1150,644],{"class":630},[624,1152,634],{"class":633},[624,1154,637],{"class":633},[624,1156,707],{"class":633},[624,1158,1141],{"class":633},[614,1160,1162],{"className":616,"code":1161,"filename":660,"language":619,"meta":620,"style":620},"bunx @vyui\u002Fcli add --all\n",[470,1163,1164],{"__ignoreMap":620},[624,1165,1166,1168,1170,1172],{"class":626,"line":627},[624,1167,667],{"class":630},[624,1169,637],{"class":633},[624,1171,707],{"class":633},[624,1173,1141],{"class":633},[614,1175,1177],{"className":616,"code":1176,"filename":675,"language":619,"meta":620,"style":620},"npx @vyui\u002Fcli add --all\n",[470,1178,1179],{"__ignoreMap":620},[624,1180,1181,1183,1185,1187],{"class":626,"line":627},[624,1182,682],{"class":630},[624,1184,637],{"class":633},[624,1186,707],{"class":633},[624,1188,1141],{"class":633},[843,1190,1192,1195,1196],{"id":1191},"list-and-search",[470,1193,1194],{},"list"," and ",[470,1197,1198],{},"search",[466,1200,1201],{},"List all available registry components, or filter by name.",[611,1203,1204,1235,1262,1285],{},[614,1205,1207],{"className":616,"code":1206,"filename":618,"language":619,"meta":620,"style":620},"pnpm dlx @vyui\u002Fcli list\npnpm dlx @vyui\u002Fcli search input\n",[470,1208,1209,1220],{"__ignoreMap":620},[624,1210,1211,1213,1215,1217],{"class":626,"line":627},[624,1212,618],{"class":630},[624,1214,634],{"class":633},[624,1216,637],{"class":633},[624,1218,1219],{"class":633}," list\n",[624,1221,1223,1225,1227,1229,1232],{"class":626,"line":1222},2,[624,1224,618],{"class":630},[624,1226,634],{"class":633},[624,1228,637],{"class":633},[624,1230,1231],{"class":633}," search",[624,1233,1234],{"class":633}," input\n",[614,1236,1238],{"className":616,"code":1237,"filename":644,"language":619,"meta":620,"style":620},"yarn dlx @vyui\u002Fcli list\nyarn dlx @vyui\u002Fcli search input\n",[470,1239,1240,1250],{"__ignoreMap":620},[624,1241,1242,1244,1246,1248],{"class":626,"line":627},[624,1243,644],{"class":630},[624,1245,634],{"class":633},[624,1247,637],{"class":633},[624,1249,1219],{"class":633},[624,1251,1252,1254,1256,1258,1260],{"class":626,"line":1222},[624,1253,644],{"class":630},[624,1255,634],{"class":633},[624,1257,637],{"class":633},[624,1259,1231],{"class":633},[624,1261,1234],{"class":633},[614,1263,1265],{"className":616,"code":1264,"filename":660,"language":619,"meta":620,"style":620},"bunx @vyui\u002Fcli list\nbunx @vyui\u002Fcli search input\n",[470,1266,1267,1275],{"__ignoreMap":620},[624,1268,1269,1271,1273],{"class":626,"line":627},[624,1270,667],{"class":630},[624,1272,637],{"class":633},[624,1274,1219],{"class":633},[624,1276,1277,1279,1281,1283],{"class":626,"line":1222},[624,1278,667],{"class":630},[624,1280,637],{"class":633},[624,1282,1231],{"class":633},[624,1284,1234],{"class":633},[614,1286,1288],{"className":616,"code":1287,"filename":675,"language":619,"meta":620,"style":620},"npx @vyui\u002Fcli list\nnpx @vyui\u002Fcli search input\n",[470,1289,1290,1298],{"__ignoreMap":620},[624,1291,1292,1294,1296],{"class":626,"line":627},[624,1293,682],{"class":630},[624,1295,637],{"class":633},[624,1297,1219],{"class":633},[624,1299,1300,1302,1304,1306],{"class":626,"line":1222},[624,1301,682],{"class":630},[624,1303,637],{"class":633},[624,1305,1231],{"class":633},[624,1307,1234],{"class":633},[843,1309,1311],{"id":1310},"view",[470,1312,1310],{},[466,1314,1315],{},"Print registry source before installing it.",[611,1317,1318,1336,1353,1368],{},[614,1319,1321],{"className":616,"code":1320,"filename":618,"language":619,"meta":620,"style":620},"pnpm dlx @vyui\u002Fcli view accordion\n",[470,1322,1323],{"__ignoreMap":620},[624,1324,1325,1327,1329,1331,1334],{"class":626,"line":627},[624,1326,618],{"class":630},[624,1328,634],{"class":633},[624,1330,637],{"class":633},[624,1332,1333],{"class":633}," view",[624,1335,710],{"class":633},[614,1337,1339],{"className":616,"code":1338,"filename":644,"language":619,"meta":620,"style":620},"yarn dlx @vyui\u002Fcli view accordion\n",[470,1340,1341],{"__ignoreMap":620},[624,1342,1343,1345,1347,1349,1351],{"class":626,"line":627},[624,1344,644],{"class":630},[624,1346,634],{"class":633},[624,1348,637],{"class":633},[624,1350,1333],{"class":633},[624,1352,710],{"class":633},[614,1354,1356],{"className":616,"code":1355,"filename":660,"language":619,"meta":620,"style":620},"bunx @vyui\u002Fcli view accordion\n",[470,1357,1358],{"__ignoreMap":620},[624,1359,1360,1362,1364,1366],{"class":626,"line":627},[624,1361,667],{"class":630},[624,1363,637],{"class":633},[624,1365,1333],{"class":633},[624,1367,710],{"class":633},[614,1369,1371],{"className":616,"code":1370,"filename":675,"language":619,"meta":620,"style":620},"npx @vyui\u002Fcli view accordion\n",[470,1372,1373],{"__ignoreMap":620},[624,1374,1375,1377,1379,1381],{"class":626,"line":627},[624,1376,682],{"class":630},[624,1378,637],{"class":633},[624,1380,1333],{"class":633},[624,1382,710],{"class":633},[843,1384,1385],{"id":836},[470,1386,836],{},[466,1388,1389],{},"Inspect the detected project and current Vy UI configuration.",[611,1391,1392,1422,1449,1472],{},[614,1393,1395],{"className":616,"code":1394,"filename":618,"language":619,"meta":620,"style":620},"pnpm dlx @vyui\u002Fcli info\npnpm dlx @vyui\u002Fcli info --json\n",[470,1396,1397,1408],{"__ignoreMap":620},[624,1398,1399,1401,1403,1405],{"class":626,"line":627},[624,1400,618],{"class":630},[624,1402,634],{"class":633},[624,1404,637],{"class":633},[624,1406,1407],{"class":633}," info\n",[624,1409,1410,1412,1414,1416,1419],{"class":626,"line":1222},[624,1411,618],{"class":630},[624,1413,634],{"class":633},[624,1415,637],{"class":633},[624,1417,1418],{"class":633}," info",[624,1420,1421],{"class":633}," --json\n",[614,1423,1425],{"className":616,"code":1424,"filename":644,"language":619,"meta":620,"style":620},"yarn dlx @vyui\u002Fcli info\nyarn dlx @vyui\u002Fcli info --json\n",[470,1426,1427,1437],{"__ignoreMap":620},[624,1428,1429,1431,1433,1435],{"class":626,"line":627},[624,1430,644],{"class":630},[624,1432,634],{"class":633},[624,1434,637],{"class":633},[624,1436,1407],{"class":633},[624,1438,1439,1441,1443,1445,1447],{"class":626,"line":1222},[624,1440,644],{"class":630},[624,1442,634],{"class":633},[624,1444,637],{"class":633},[624,1446,1418],{"class":633},[624,1448,1421],{"class":633},[614,1450,1452],{"className":616,"code":1451,"filename":660,"language":619,"meta":620,"style":620},"bunx @vyui\u002Fcli info\nbunx @vyui\u002Fcli info --json\n",[470,1453,1454,1462],{"__ignoreMap":620},[624,1455,1456,1458,1460],{"class":626,"line":627},[624,1457,667],{"class":630},[624,1459,637],{"class":633},[624,1461,1407],{"class":633},[624,1463,1464,1466,1468,1470],{"class":626,"line":1222},[624,1465,667],{"class":630},[624,1467,637],{"class":633},[624,1469,1418],{"class":633},[624,1471,1421],{"class":633},[614,1473,1475],{"className":616,"code":1474,"filename":675,"language":619,"meta":620,"style":620},"npx @vyui\u002Fcli info\nnpx @vyui\u002Fcli info --json\n",[470,1476,1477,1485],{"__ignoreMap":620},[624,1478,1479,1481,1483],{"class":626,"line":627},[624,1480,682],{"class":630},[624,1482,637],{"class":633},[624,1484,1407],{"class":633},[624,1486,1487,1489,1491,1493],{"class":626,"line":1222},[624,1488,682],{"class":630},[624,1490,637],{"class":633},[624,1492,1418],{"class":633},[624,1494,1421],{"class":633},[843,1496,1498],{"id":1497},"styles",[470,1499,1497],{},[466,1501,1502],{},"List styles available from the configured registry.",[611,1504,1505,1521,1536,1549],{},[614,1506,1508],{"className":616,"code":1507,"filename":618,"language":619,"meta":620,"style":620},"pnpm dlx @vyui\u002Fcli styles\n",[470,1509,1510],{"__ignoreMap":620},[624,1511,1512,1514,1516,1518],{"class":626,"line":627},[624,1513,618],{"class":630},[624,1515,634],{"class":633},[624,1517,637],{"class":633},[624,1519,1520],{"class":633}," styles\n",[614,1522,1524],{"className":616,"code":1523,"filename":644,"language":619,"meta":620,"style":620},"yarn dlx @vyui\u002Fcli styles\n",[470,1525,1526],{"__ignoreMap":620},[624,1527,1528,1530,1532,1534],{"class":626,"line":627},[624,1529,644],{"class":630},[624,1531,634],{"class":633},[624,1533,637],{"class":633},[624,1535,1520],{"class":633},[614,1537,1539],{"className":616,"code":1538,"filename":660,"language":619,"meta":620,"style":620},"bunx @vyui\u002Fcli styles\n",[470,1540,1541],{"__ignoreMap":620},[624,1542,1543,1545,1547],{"class":626,"line":627},[624,1544,667],{"class":630},[624,1546,637],{"class":633},[624,1548,1520],{"class":633},[614,1550,1552],{"className":616,"code":1551,"filename":675,"language":619,"meta":620,"style":620},"npx @vyui\u002Fcli styles\n",[470,1553,1554],{"__ignoreMap":620},[624,1555,1556,1558,1560],{"class":626,"line":627},[624,1557,682],{"class":630},[624,1559,637],{"class":633},[624,1561,1520],{"class":633},[474,1563,1565],{"id":1564},"options","Options",[1567,1568,1569,1585],"table",{},[1570,1571,1572],"thead",{},[1573,1574,1575,1579,1582],"tr",{},[1576,1577,1578],"th",{},"Option",[1576,1580,1581],{},"Command",[1576,1583,1584],{},"Description",[1586,1587,1588,1604,1619,1649,1663,1678,1694,1709,1723,1738],"tbody",{},[1573,1589,1590,1596,1599],{},[1591,1592,1593],"td",{},[470,1594,1595],{},"--registry \u003Curl>",[1591,1597,1598],{},"all",[1591,1600,1601,1602,472],{},"Registry base URL. Defaults to ",[470,1603,536],{},[1573,1605,1606,1611,1616],{},[1591,1607,1608],{},[470,1609,1610],{},"--style \u003Cname>",[1591,1612,1613,1615],{},[470,1614,547],{},", registry reads",[1591,1617,1618],{},"Style name to use.",[1573,1620,1621,1626,1630],{},[1591,1622,1623],{},[470,1624,1625],{},"--base-color \u003Cname>",[1591,1627,1628],{},[470,1629,547],{},[1591,1631,1632,1633,556,1636,556,1639,556,1642,1645,1646,472],{},"Neutral palette. Supported values are ",[470,1634,1635],{},"slate",[470,1637,1638],{},"gray",[470,1640,1641],{},"zinc",[470,1643,1644],{},"neutral",", and ",[470,1647,1648],{},"stone",[1573,1650,1651,1656,1660],{},[1591,1652,1653],{},[470,1654,1655],{},"--all",[1591,1657,1658],{},[470,1659,594],{},[1591,1661,1662],{},"Add every component in the registry.",[1573,1664,1665,1669,1675],{},[1591,1666,1667],{},[470,1668,598],{},[1591,1670,1671,556,1673],{},[470,1672,547],{},[470,1674,594],{},[1591,1676,1677],{},"Replace files that already exist.",[1573,1679,1680,1685,1691],{},[1591,1681,1682],{},[470,1683,1684],{},"--skip-install",[1591,1686,1687,556,1689],{},[470,1688,547],{},[470,1690,594],{},[1591,1692,1693],{},"Write files without installing npm dependencies.",[1573,1695,1696,1700,1706],{},[1591,1697,1698],{},[470,1699,832],{},[1591,1701,1702,556,1704],{},[470,1703,547],{},[470,1705,594],{},[1591,1707,1708],{},"Preview files and project updates without writing.",[1573,1710,1711,1716,1720],{},[1591,1712,1713],{},[470,1714,1715],{},"--json",[1591,1717,1718],{},[470,1719,836],{},[1591,1721,1722],{},"Emit machine-readable project information.",[1573,1724,1725,1733,1735],{},[1591,1726,1727,556,1730],{},[470,1728,1729],{},"-y",[470,1731,1732],{},"--yes",[1591,1734,1598],{},[1591,1736,1737],{},"Accept defaults and skip prompts.",[1573,1739,1740,1745,1747],{},[1591,1741,1742],{},[470,1743,1744],{},"--cwd \u003Cdir>",[1591,1746,1598],{},[1591,1748,1749],{},"Run against another directory.",[474,1751,1753],{"id":1752},"configuration","Configuration",[466,1755,1756,1758,1759,1761],{},[470,1757,547],{}," writes ",[470,1760,551],{}," at your project root.",[614,1763,1767],{"className":1764,"code":1765,"language":1766,"meta":620,"style":620},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"$schema\": \"https:\u002F\u002Fvyui.dev\u002Fschema.json\",\n  \"registry\": \"https:\u002F\u002Fvyui.dev\u002Fr\",\n  \"style\": \"default\",\n  \"baseColor\": \"slate\",\n  \"aliases\": {\n    \"components\": \"@\u002Fcomponents\u002Fvyui\",\n    \"lib\": \"@\u002Flib\u002Fvyui\",\n    \"theme\": \"@\u002Flib\u002Fvyui\u002Ftheme\",\n    \"composables\": \"@\u002Flib\u002Fvyui\u002Fcomposables\",\n    \"utils\": \"@\u002Flib\u002Fvyui\u002Futils\"\n  },\n  \"paths\": {\n    \"components\": \"src\u002Fcomponents\u002Fvyui\",\n    \"lib\": \"src\u002Flib\u002Fvyui\",\n    \"theme\": \"src\u002Flib\u002Fvyui\u002Ftheme\",\n    \"composables\": \"src\u002Flib\u002Fvyui\u002Fcomposables\",\n    \"utils\": \"src\u002Flib\u002Fvyui\u002Futils\"\n  },\n  \"tailwind\": {\n    \"config\": \"tailwind.config.ts\",\n    \"css\": \"src\u002Findex.css\"\n  }\n}\n","json",[470,1768,1769,1775,1801,1820,1841,1861,1876,1898,1919,1939,1960,1979,1985,1999,2019,2039,2059,2079,2097,2102,2116,2137,2156,2162],{"__ignoreMap":620},[624,1770,1771],{"class":626,"line":627},[624,1772,1774],{"class":1773},"sMK4o","{\n",[624,1776,1777,1780,1784,1787,1790,1793,1796,1798],{"class":626,"line":1222},[624,1778,1779],{"class":1773},"  \"",[624,1781,1783],{"class":1782},"spNyl","$schema",[624,1785,1786],{"class":1773},"\"",[624,1788,1789],{"class":1773},":",[624,1791,1792],{"class":1773}," \"",[624,1794,1795],{"class":633},"https:\u002F\u002Fvyui.dev\u002Fschema.json",[624,1797,1786],{"class":1773},[624,1799,1800],{"class":1773},",\n",[624,1802,1804,1806,1808,1810,1812,1814,1816,1818],{"class":626,"line":1803},3,[624,1805,1779],{"class":1773},[624,1807,532],{"class":1782},[624,1809,1786],{"class":1773},[624,1811,1789],{"class":1773},[624,1813,1792],{"class":1773},[624,1815,536],{"class":633},[624,1817,1786],{"class":1773},[624,1819,1800],{"class":1773},[624,1821,1823,1825,1828,1830,1832,1834,1837,1839],{"class":626,"line":1822},4,[624,1824,1779],{"class":1773},[624,1826,1827],{"class":1782},"style",[624,1829,1786],{"class":1773},[624,1831,1789],{"class":1773},[624,1833,1792],{"class":1773},[624,1835,1836],{"class":633},"default",[624,1838,1786],{"class":1773},[624,1840,1800],{"class":1773},[624,1842,1844,1846,1849,1851,1853,1855,1857,1859],{"class":626,"line":1843},5,[624,1845,1779],{"class":1773},[624,1847,1848],{"class":1782},"baseColor",[624,1850,1786],{"class":1773},[624,1852,1789],{"class":1773},[624,1854,1792],{"class":1773},[624,1856,1635],{"class":633},[624,1858,1786],{"class":1773},[624,1860,1800],{"class":1773},[624,1862,1864,1866,1869,1871,1873],{"class":626,"line":1863},6,[624,1865,1779],{"class":1773},[624,1867,1868],{"class":1782},"aliases",[624,1870,1786],{"class":1773},[624,1872,1789],{"class":1773},[624,1874,1875],{"class":1773}," {\n",[624,1877,1879,1882,1885,1887,1889,1891,1894,1896],{"class":626,"line":1878},7,[624,1880,1881],{"class":1773},"    \"",[624,1883,1884],{"class":630},"components",[624,1886,1786],{"class":1773},[624,1888,1789],{"class":1773},[624,1890,1792],{"class":1773},[624,1892,1893],{"class":633},"@\u002Fcomponents\u002Fvyui",[624,1895,1786],{"class":1773},[624,1897,1800],{"class":1773},[624,1899,1901,1903,1906,1908,1910,1912,1915,1917],{"class":626,"line":1900},8,[624,1902,1881],{"class":1773},[624,1904,1905],{"class":630},"lib",[624,1907,1786],{"class":1773},[624,1909,1789],{"class":1773},[624,1911,1792],{"class":1773},[624,1913,1914],{"class":633},"@\u002Flib\u002Fvyui",[624,1916,1786],{"class":1773},[624,1918,1800],{"class":1773},[624,1920,1922,1924,1926,1928,1930,1932,1935,1937],{"class":626,"line":1921},9,[624,1923,1881],{"class":1773},[624,1925,559],{"class":630},[624,1927,1786],{"class":1773},[624,1929,1789],{"class":1773},[624,1931,1792],{"class":1773},[624,1933,1934],{"class":633},"@\u002Flib\u002Fvyui\u002Ftheme",[624,1936,1786],{"class":1773},[624,1938,1800],{"class":1773},[624,1940,1942,1944,1947,1949,1951,1953,1956,1958],{"class":626,"line":1941},10,[624,1943,1881],{"class":1773},[624,1945,1946],{"class":630},"composables",[624,1948,1786],{"class":1773},[624,1950,1789],{"class":1773},[624,1952,1792],{"class":1773},[624,1954,1955],{"class":633},"@\u002Flib\u002Fvyui\u002Fcomposables",[624,1957,1786],{"class":1773},[624,1959,1800],{"class":1773},[624,1961,1963,1965,1967,1969,1971,1973,1976],{"class":626,"line":1962},11,[624,1964,1881],{"class":1773},[624,1966,555],{"class":630},[624,1968,1786],{"class":1773},[624,1970,1789],{"class":1773},[624,1972,1792],{"class":1773},[624,1974,1975],{"class":633},"@\u002Flib\u002Fvyui\u002Futils",[624,1977,1978],{"class":1773},"\"\n",[624,1980,1982],{"class":626,"line":1981},12,[624,1983,1984],{"class":1773},"  },\n",[624,1986,1988,1990,1993,1995,1997],{"class":626,"line":1987},13,[624,1989,1779],{"class":1773},[624,1991,1992],{"class":1782},"paths",[624,1994,1786],{"class":1773},[624,1996,1789],{"class":1773},[624,1998,1875],{"class":1773},[624,2000,2002,2004,2006,2008,2010,2012,2015,2017],{"class":626,"line":2001},14,[624,2003,1881],{"class":1773},[624,2005,1884],{"class":630},[624,2007,1786],{"class":1773},[624,2009,1789],{"class":1773},[624,2011,1792],{"class":1773},[624,2013,2014],{"class":633},"src\u002Fcomponents\u002Fvyui",[624,2016,1786],{"class":1773},[624,2018,1800],{"class":1773},[624,2020,2022,2024,2026,2028,2030,2032,2035,2037],{"class":626,"line":2021},15,[624,2023,1881],{"class":1773},[624,2025,1905],{"class":630},[624,2027,1786],{"class":1773},[624,2029,1789],{"class":1773},[624,2031,1792],{"class":1773},[624,2033,2034],{"class":633},"src\u002Flib\u002Fvyui",[624,2036,1786],{"class":1773},[624,2038,1800],{"class":1773},[624,2040,2042,2044,2046,2048,2050,2052,2055,2057],{"class":626,"line":2041},16,[624,2043,1881],{"class":1773},[624,2045,559],{"class":630},[624,2047,1786],{"class":1773},[624,2049,1789],{"class":1773},[624,2051,1792],{"class":1773},[624,2053,2054],{"class":633},"src\u002Flib\u002Fvyui\u002Ftheme",[624,2056,1786],{"class":1773},[624,2058,1800],{"class":1773},[624,2060,2062,2064,2066,2068,2070,2072,2075,2077],{"class":626,"line":2061},17,[624,2063,1881],{"class":1773},[624,2065,1946],{"class":630},[624,2067,1786],{"class":1773},[624,2069,1789],{"class":1773},[624,2071,1792],{"class":1773},[624,2073,2074],{"class":633},"src\u002Flib\u002Fvyui\u002Fcomposables",[624,2076,1786],{"class":1773},[624,2078,1800],{"class":1773},[624,2080,2082,2084,2086,2088,2090,2092,2095],{"class":626,"line":2081},18,[624,2083,1881],{"class":1773},[624,2085,555],{"class":630},[624,2087,1786],{"class":1773},[624,2089,1789],{"class":1773},[624,2091,1792],{"class":1773},[624,2093,2094],{"class":633},"src\u002Flib\u002Fvyui\u002Futils",[624,2096,1978],{"class":1773},[624,2098,2100],{"class":626,"line":2099},19,[624,2101,1984],{"class":1773},[624,2103,2105,2107,2110,2112,2114],{"class":626,"line":2104},20,[624,2106,1779],{"class":1773},[624,2108,2109],{"class":1782},"tailwind",[624,2111,1786],{"class":1773},[624,2113,1789],{"class":1773},[624,2115,1875],{"class":1773},[624,2117,2119,2121,2124,2126,2128,2130,2133,2135],{"class":626,"line":2118},21,[624,2120,1881],{"class":1773},[624,2122,2123],{"class":630},"config",[624,2125,1786],{"class":1773},[624,2127,1789],{"class":1773},[624,2129,1792],{"class":1773},[624,2131,2132],{"class":633},"tailwind.config.ts",[624,2134,1786],{"class":1773},[624,2136,1800],{"class":1773},[624,2138,2140,2142,2145,2147,2149,2151,2154],{"class":626,"line":2139},22,[624,2141,1881],{"class":1773},[624,2143,2144],{"class":630},"css",[624,2146,1786],{"class":1773},[624,2148,1789],{"class":1773},[624,2150,1792],{"class":1773},[624,2152,2153],{"class":633},"src\u002Findex.css",[624,2155,1978],{"class":1773},[624,2157,2159],{"class":626,"line":2158},23,[624,2160,2161],{"class":1773},"  }\n",[624,2163,2165],{"class":626,"line":2164},24,[624,2166,2167],{"class":1773},"}\n",[466,2169,2170,2171,2173,2174,472],{},"The CLI rewrites registry imports like ",[470,2172,581],{}," to the aliases in this file, then writes files into the matching ",[470,2175,1992],{},[474,2177,2179],{"id":2178},"local-registries","Local registries",[466,2181,2182,2183,2186,2187,2190],{},"Use ",[470,2184,2185],{},"--registry"," to point at another registry base URL, a ",[470,2188,2189],{},"file:"," URL, or an absolute path.",[611,2192,2193,2232,2267,2298],{},[614,2194,2196],{"className":616,"code":2195,"filename":618,"language":619,"meta":620,"style":620},"pnpm dlx @vyui\u002Fcli init --registry .\u002Fregistry\npnpm dlx @vyui\u002Fcli add accordion --registry https:\u002F\u002Fexample.com\u002Fr\n",[470,2197,2198,2215],{"__ignoreMap":620},[624,2199,2200,2202,2204,2206,2209,2212],{"class":626,"line":627},[624,2201,618],{"class":630},[624,2203,634],{"class":633},[624,2205,637],{"class":633},[624,2207,2208],{"class":633}," init",[624,2210,2211],{"class":633}," --registry",[624,2213,2214],{"class":633}," .\u002Fregistry\n",[624,2216,2217,2219,2221,2223,2225,2227,2229],{"class":626,"line":1222},[624,2218,618],{"class":630},[624,2220,634],{"class":633},[624,2222,637],{"class":633},[624,2224,707],{"class":633},[624,2226,1050],{"class":633},[624,2228,2211],{"class":633},[624,2230,2231],{"class":633}," https:\u002F\u002Fexample.com\u002Fr\n",[614,2233,2235],{"className":616,"code":2234,"filename":644,"language":619,"meta":620,"style":620},"yarn dlx @vyui\u002Fcli init --registry .\u002Fregistry\nyarn dlx @vyui\u002Fcli add accordion --registry https:\u002F\u002Fexample.com\u002Fr\n",[470,2236,2237,2251],{"__ignoreMap":620},[624,2238,2239,2241,2243,2245,2247,2249],{"class":626,"line":627},[624,2240,644],{"class":630},[624,2242,634],{"class":633},[624,2244,637],{"class":633},[624,2246,2208],{"class":633},[624,2248,2211],{"class":633},[624,2250,2214],{"class":633},[624,2252,2253,2255,2257,2259,2261,2263,2265],{"class":626,"line":1222},[624,2254,644],{"class":630},[624,2256,634],{"class":633},[624,2258,637],{"class":633},[624,2260,707],{"class":633},[624,2262,1050],{"class":633},[624,2264,2211],{"class":633},[624,2266,2231],{"class":633},[614,2268,2270],{"className":616,"code":2269,"filename":660,"language":619,"meta":620,"style":620},"bunx @vyui\u002Fcli init --registry .\u002Fregistry\nbunx @vyui\u002Fcli add accordion --registry https:\u002F\u002Fexample.com\u002Fr\n",[470,2271,2272,2284],{"__ignoreMap":620},[624,2273,2274,2276,2278,2280,2282],{"class":626,"line":627},[624,2275,667],{"class":630},[624,2277,637],{"class":633},[624,2279,2208],{"class":633},[624,2281,2211],{"class":633},[624,2283,2214],{"class":633},[624,2285,2286,2288,2290,2292,2294,2296],{"class":626,"line":1222},[624,2287,667],{"class":630},[624,2289,637],{"class":633},[624,2291,707],{"class":633},[624,2293,1050],{"class":633},[624,2295,2211],{"class":633},[624,2297,2231],{"class":633},[614,2299,2301],{"className":616,"code":2300,"filename":675,"language":619,"meta":620,"style":620},"npx @vyui\u002Fcli init --registry .\u002Fregistry\nnpx @vyui\u002Fcli add accordion --registry https:\u002F\u002Fexample.com\u002Fr\n",[470,2302,2303,2315],{"__ignoreMap":620},[624,2304,2305,2307,2309,2311,2313],{"class":626,"line":627},[624,2306,682],{"class":630},[624,2308,637],{"class":633},[624,2310,2208],{"class":633},[624,2312,2211],{"class":633},[624,2314,2214],{"class":633},[624,2316,2317,2319,2321,2323,2325,2327],{"class":626,"line":1222},[624,2318,682],{"class":630},[624,2320,637],{"class":633},[624,2322,707],{"class":633},[624,2324,1050],{"class":633},[624,2326,2211],{"class":633},[624,2328,2231],{"class":633},[466,2330,2331,2332,2335,2336,472],{},"Registry paths are resolved as ",[470,2333,2334],{},"\u003Cregistry>\u002F\u003Cstyle>\u002F\u003Cname>.json",", so the default accordion component is fetched from ",[470,2337,2338],{},"https:\u002F\u002Fvyui.dev\u002Fr\u002Fdefault\u002Faccordion.json",[1827,2340,2341],{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":620,"searchDepth":627,"depth":1222,"links":2343},[2344,2345,2346,2347,2349,2359,2360,2361],{"id":476,"depth":1222,"text":477},{"id":525,"depth":1222,"text":526},{"id":602,"depth":1222,"text":603},{"id":763,"depth":1222,"text":2348},"What init sets up",{"id":840,"depth":1222,"text":841,"children":2350},[2351,2352,2353,2354,2356,2357,2358],{"id":547,"depth":1803,"text":547},{"id":943,"depth":1803,"text":943},{"id":594,"depth":1803,"text":594},{"id":1191,"depth":1803,"text":2355},"list and search",{"id":1310,"depth":1803,"text":1310},{"id":836,"depth":1803,"text":836},{"id":1497,"depth":1803,"text":1497},{"id":1564,"depth":1222,"text":1565},{"id":1752,"depth":1222,"text":1753},{"id":2178,"depth":1222,"text":2179},"Add Vy UI styled components to your Vue-Lynx project from the registry.","md",{},{"icon":27},{"title":24,"description":2362},"ggZOPJS28asGo52j1CdAibejCRr16uCtP_H6AEtezeA",[2369,2371],{"title":19,"path":20,"stem":21,"description":2370,"icon":-1,"children":-1,"navigation":-1},"Bring your own icon set via Iconify.",{"title":29,"path":30,"stem":31,"description":2372,"icon":-1,"children":-1,"navigation":-1},"Upcoming components, features, and milestones for Vy UI — where the project is headed and what ships next.",1785060130101]