[{"data":1,"prerenderedAt":369},["ShallowReactive",2],{"navigation":3,"\u002Fgetting-started\u002Ficons":60,"\u002Fgetting-started\u002Ficons-surround":364},[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":18,"body":62,"description":357,"extension":358,"links":359,"meta":360,"navigation":361,"path":19,"seo":362,"stem":20,"__hash__":363},"docs\u002F1.getting-started\u002F3.icons.md",{"type":63,"value":64,"toc":355},"minimark",[65,88,174,312,328,351],[66,67,68,71,72,75,76,83,84,87],"p",{},[69,70,30],"code",{}," ships an ",[69,73,74],{},"\u003CIcon>"," primitive that accepts any ",[77,78,82],"a",{"href":79,"rel":80},"https:\u002F\u002Ficones.js.org",[81],"nofollow","Iconify"," name. There is no bundled icon set — pick a collection, install the ",[69,85,86],{},"@iconify-json"," package, and use it.",[89,90,91,116,130,144,159],"code-group",{},[92,93,99],"pre",{"className":94,"code":95,"filename":96,"language":97,"meta":98,"style":98},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @iconify-json\u002Flucide\n","pnpm","bash","",[69,100,101],{"__ignoreMap":98},[102,103,106,109,113],"span",{"class":104,"line":105},"line",1,[102,107,96],{"class":108},"sBMFI",[102,110,112],{"class":111},"sfazB"," add",[102,114,115],{"class":111}," @iconify-json\u002Flucide\n",[92,117,120],{"className":94,"code":118,"filename":119,"language":97,"meta":98,"style":98},"yarn add @iconify-json\u002Flucide\n","yarn",[69,121,122],{"__ignoreMap":98},[102,123,124,126,128],{"class":104,"line":105},[102,125,119],{"class":108},[102,127,112],{"class":111},[102,129,115],{"class":111},[92,131,134],{"className":94,"code":132,"filename":133,"language":97,"meta":98,"style":98},"bun add @iconify-json\u002Flucide\n","bun",[69,135,136],{"__ignoreMap":98},[102,137,138,140,142],{"class":104,"line":105},[102,139,133],{"class":108},[102,141,112],{"class":111},[102,143,115],{"class":111},[92,145,148],{"className":94,"code":146,"filename":147,"language":97,"meta":98,"style":98},"deno add npm:@iconify-json\u002Flucide\n","deno",[69,149,150],{"__ignoreMap":98},[102,151,152,154,156],{"class":104,"line":105},[102,153,147],{"class":108},[102,155,112],{"class":111},[102,157,158],{"class":111}," npm:@iconify-json\u002Flucide\n",[92,160,163],{"className":94,"code":161,"filename":162,"language":97,"meta":98,"style":98},"npm install @iconify-json\u002Flucide\n","npm",[69,164,165],{"__ignoreMap":98},[102,166,167,169,172],{"class":104,"line":105},[102,168,162],{"class":108},[102,170,171],{"class":111}," install",[102,173,115],{"class":111},[92,175,180],{"className":176,"code":177,"filename":178,"language":179,"meta":98,"style":98},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nimport { Icon } from '@vyui\u002Fcore'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CIcon name=\"i-lucide-sparkles\" :size=\"20\" color=\"#6366f1\" \u002F>\n\u003C\u002Ftemplate>\n","App.vue","vue",[69,181,182,199,227,237,244,254,303],{"__ignoreMap":98},[102,183,184,188,192,196],{"class":104,"line":105},[102,185,187],{"class":186},"sMK4o","\u003C",[102,189,191],{"class":190},"swJcz","script",[102,193,195],{"class":194},"spNyl"," setup",[102,197,198],{"class":186},">\n",[102,200,202,206,209,213,216,219,222,224],{"class":104,"line":201},2,[102,203,205],{"class":204},"s7zQu","import",[102,207,208],{"class":186}," {",[102,210,212],{"class":211},"sTEyZ"," Icon",[102,214,215],{"class":186}," }",[102,217,218],{"class":204}," from",[102,220,221],{"class":186}," '",[102,223,30],{"class":111},[102,225,226],{"class":186},"'\n",[102,228,230,233,235],{"class":104,"line":229},3,[102,231,232],{"class":186},"\u003C\u002F",[102,234,191],{"class":190},[102,236,198],{"class":186},[102,238,240],{"class":104,"line":239},4,[102,241,243],{"emptyLinePlaceholder":242},true,"\n",[102,245,247,249,252],{"class":104,"line":246},5,[102,248,187],{"class":186},[102,250,251],{"class":190},"template",[102,253,198],{"class":186},[102,255,257,260,263,266,269,272,274,276,279,281,283,286,288,291,293,295,298,300],{"class":104,"line":256},6,[102,258,259],{"class":186},"  \u003C",[102,261,262],{"class":190},"Icon",[102,264,265],{"class":194}," name",[102,267,268],{"class":186},"=",[102,270,271],{"class":186},"\"",[102,273,21],{"class":111},[102,275,271],{"class":186},[102,277,278],{"class":194}," :size",[102,280,268],{"class":186},[102,282,271],{"class":186},[102,284,285],{"class":111},"20",[102,287,271],{"class":186},[102,289,290],{"class":194}," color",[102,292,268],{"class":186},[102,294,271],{"class":186},[102,296,297],{"class":111},"#6366f1",[102,299,271],{"class":186},[102,301,302],{"class":186}," \u002F>\n",[102,304,306,308,310],{"class":104,"line":305},7,[102,307,232],{"class":186},[102,309,251],{"class":190},[102,311,198],{"class":186},[66,313,314,315,318,319,322,323,327],{},"Names work in either form — ",[69,316,317],{},"i-lucide-folder"," or ",[69,320,321],{},"lucide:folder",". Browse 200,000+ icons at ",[77,324,326],{"href":79,"rel":325},[81],"icones.js.org",".",[329,330,332],"callout",{"icon":331},"i-lucide-info",[66,333,334,335,338,339,342,343,346,347,350],{},"Lynx's native ",[69,336,337],{},"\u003Csvg>"," rasterizes the XML and can't inherit ",[69,340,341],{},"currentColor"," from a surrounding ",[69,344,345],{},"\u003Ctext>",", so the ",[69,348,349],{},"color"," prop is required to tint an icon.",[352,353,354],"style",{},"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 .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 .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}",{"title":98,"searchDepth":105,"depth":201,"links":356},[],"Bring your own icon set via Iconify.","md",null,{},{"icon":21},{"title":18,"description":357},"8NZfCfwvUa6YqIyQCdx-KFXlZiAmddIAprR0Ayf8O3U",[365,367],{"title":13,"path":14,"stem":15,"description":366,"icon":16,"children":-1},"Install @vyui\u002Fcore and @vyui\u002Fkit into a Vue-Lynx app.",{"title":30,"path":31,"stem":32,"description":368,"icon":33,"children":-1},"Headless primitives for Vue-Lynx — behavior, no opinions.",1780388088856]