[{"data":1,"prerenderedAt":2041},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ficon":313,"\u002Fcomponents\u002Ficon-surround":2036},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"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","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":133,"body":315,"description":2021,"extension":2022,"links":2023,"meta":2032,"navigation":2033,"package":76,"path":134,"seo":2034,"stem":135,"__hash__":2035},"docs\u002F3.components\u002Ficon.md",{"type":316,"value":317,"toc":1998},"minimark",[318,323,349,352,357,361,363,366,453,457,472,537,716,719,724,731,898,904,908,911,979,986,1010,1017,1021,1030,1033,1047,1058,1061,1065,1084,1094,1156,1166,1170,1173,1286,1300,1304,1311,1397,1407,1412,1464,1470,1476,1549,1554,1558,1628,1638,1642,1645,1649,1652,1656,1678,1753,1759,1778,1862,1865,1873,1876,1920,1923,1927,1963,1967,1994],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,329,330,333,334,336,337,340,341,344,345,348],"p",{},[327,328,133],"code",{}," renders Iconify data through Lynx's native ",[327,331,332],{},"\u003Csvg content=\"…\">"," element. ",[327,335,36],{}," re-exports the same primitive as ",[327,338,339],{},"VyIcon",", and the ",[327,342,343],{},"VyUI"," plugin registers ",[327,346,347],{},"\u003CVyIcon>"," globally when the runtime supports global component registration.",[324,350,351],{},"No icon collection is bundled or registered by default. Register the prefixes your application uses before rendering string names.",[353,354],"component-code",{"height":355,"name":356},"160px","icon-example",[319,358,360],{"id":359},"usage","Usage",[353,362],{"height":355,"name":356},[324,364,365],{},"You can import the primitive and resolver utilities directly from core.",[367,368,373],"pre",{"className":369,"code":370,"language":371,"meta":372,"style":372},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import {\n  Icon,\n  registerIconSet,\n  resolveIconSvg,\n  type IconProps,\n  type ResolveIconOptions,\n} from '@vyui\u002Fcore'\n","ts","",[327,374,375,388,398,406,414,425,435],{"__ignoreMap":372},[376,377,380,384],"span",{"class":378,"line":379},"line",1,[376,381,383],{"class":382},"s7zQu","import",[376,385,387],{"class":386},"sMK4o"," {\n",[376,389,391,395],{"class":378,"line":390},2,[376,392,394],{"class":393},"sTEyZ","  Icon",[376,396,397],{"class":386},",\n",[376,399,401,404],{"class":378,"line":400},3,[376,402,403],{"class":393},"  registerIconSet",[376,405,397],{"class":386},[376,407,409,412],{"class":378,"line":408},4,[376,410,411],{"class":393},"  resolveIconSvg",[376,413,397],{"class":386},[376,415,417,420,423],{"class":378,"line":416},5,[376,418,419],{"class":382},"  type",[376,421,422],{"class":393}," IconProps",[376,424,397],{"class":386},[376,426,428,430,433],{"class":378,"line":427},6,[376,429,419],{"class":382},[376,431,432],{"class":393}," ResolveIconOptions",[376,434,397],{"class":386},[376,436,438,441,444,447,450],{"class":378,"line":437},7,[376,439,440],{"class":386},"}",[376,442,443],{"class":382}," from",[376,445,446],{"class":386}," '",[376,448,31],{"class":449},"sfazB",[376,451,452],{"class":386},"'\n",[319,454,456],{"id":455},"icon-registration","Icon registration",[324,458,459,460,467,468,471],{},"Install an Iconify JSON collection and register it during application startup, before mounting the app. Use ",[461,462,466],"a",{"href":463,"rel":464},"https:\u002F\u002Ficones.js.org\u002F",[465],"nofollow","Icones"," to browse Iconify collections, preview icon names, and find the matching ",[327,469,470],{},"@iconify-json\u002F*"," package to install.",[473,474,475,494,509,523],"code-group",{},[367,476,481],{"className":477,"code":478,"filename":479,"language":480,"meta":372,"style":372},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @iconify-json\u002Flucide\n","pnpm","bash",[327,482,483],{"__ignoreMap":372},[376,484,485,488,491],{"class":378,"line":379},[376,486,479],{"class":487},"sBMFI",[376,489,490],{"class":449}," add",[376,492,493],{"class":449}," @iconify-json\u002Flucide\n",[367,495,498],{"className":477,"code":496,"filename":497,"language":480,"meta":372,"style":372},"npm install @iconify-json\u002Flucide\n","npm",[327,499,500],{"__ignoreMap":372},[376,501,502,504,507],{"class":378,"line":379},[376,503,497],{"class":487},[376,505,506],{"class":449}," install",[376,508,493],{"class":449},[367,510,513],{"className":477,"code":511,"filename":512,"language":480,"meta":372,"style":372},"yarn add @iconify-json\u002Flucide\n","yarn",[327,514,515],{"__ignoreMap":372},[376,516,517,519,521],{"class":378,"line":379},[376,518,512],{"class":487},[376,520,490],{"class":449},[376,522,493],{"class":449},[367,524,527],{"className":477,"code":525,"filename":526,"language":480,"meta":372,"style":372},"bun add @iconify-json\u002Flucide\n","bun",[327,528,529],{"__ignoreMap":372},[376,530,531,533,535],{"class":378,"line":379},[376,532,526],{"class":487},[376,534,490],{"class":449},[376,536,493],{"class":449},[367,538,541],{"className":369,"code":539,"filename":540,"language":371,"meta":372,"style":372},"import { registerIconSet } from '@vyui\u002Fcore'\nimport { createApp } from 'vue-lynx'\nimport { VyUI } from '@vyui\u002Fkit'\nimport lucide from '@iconify-json\u002Flucide\u002Ficons.json'\nimport App from '.\u002FApp.vue'\n\nregisterIconSet('lucide', lucide)\n\nconst app = createApp(App)\napp.use(VyUI)\napp.mount()\n","src\u002Findex.ts",[327,542,543,564,584,603,620,636,642,665,670,688,703],{"__ignoreMap":372},[376,544,545,547,550,553,556,558,560,562],{"class":378,"line":379},[376,546,383],{"class":382},[376,548,549],{"class":386}," {",[376,551,552],{"class":393}," registerIconSet",[376,554,555],{"class":386}," }",[376,557,443],{"class":382},[376,559,446],{"class":386},[376,561,31],{"class":449},[376,563,452],{"class":386},[376,565,566,568,570,573,575,577,579,582],{"class":378,"line":390},[376,567,383],{"class":382},[376,569,549],{"class":386},[376,571,572],{"class":393}," createApp",[376,574,555],{"class":386},[376,576,443],{"class":382},[376,578,446],{"class":386},[376,580,581],{"class":449},"vue-lynx",[376,583,452],{"class":386},[376,585,586,588,590,593,595,597,599,601],{"class":378,"line":400},[376,587,383],{"class":382},[376,589,549],{"class":386},[376,591,592],{"class":393}," VyUI",[376,594,555],{"class":386},[376,596,443],{"class":382},[376,598,446],{"class":386},[376,600,36],{"class":449},[376,602,452],{"class":386},[376,604,605,607,610,613,615,618],{"class":378,"line":408},[376,606,383],{"class":382},[376,608,609],{"class":393}," lucide ",[376,611,612],{"class":382},"from",[376,614,446],{"class":386},[376,616,617],{"class":449},"@iconify-json\u002Flucide\u002Ficons.json",[376,619,452],{"class":386},[376,621,622,624,627,629,631,634],{"class":378,"line":416},[376,623,383],{"class":382},[376,625,626],{"class":393}," App ",[376,628,612],{"class":382},[376,630,446],{"class":386},[376,632,633],{"class":449},".\u002FApp.vue",[376,635,452],{"class":386},[376,637,638],{"class":378,"line":427},[376,639,641],{"emptyLinePlaceholder":640},true,"\n",[376,643,644,648,651,654,657,659,662],{"class":378,"line":437},[376,645,647],{"class":646},"s2Zo4","registerIconSet",[376,649,650],{"class":393},"(",[376,652,653],{"class":386},"'",[376,655,656],{"class":449},"lucide",[376,658,653],{"class":386},[376,660,661],{"class":386},",",[376,663,664],{"class":393}," lucide)\n",[376,666,668],{"class":378,"line":667},8,[376,669,641],{"emptyLinePlaceholder":640},[376,671,673,677,680,683,685],{"class":378,"line":672},9,[376,674,676],{"class":675},"spNyl","const",[376,678,679],{"class":393}," app ",[376,681,682],{"class":386},"=",[376,684,572],{"class":646},[376,686,687],{"class":393},"(App)\n",[376,689,691,694,697,700],{"class":378,"line":690},10,[376,692,693],{"class":393},"app",[376,695,696],{"class":386},".",[376,698,699],{"class":646},"use",[376,701,702],{"class":393},"(VyUI)\n",[376,704,706,708,710,713],{"class":378,"line":705},11,[376,707,693],{"class":393},[376,709,696],{"class":386},[376,711,712],{"class":646},"mount",[376,714,715],{"class":393},"()\n",[324,717,718],{},"The registration key must match the prefix used by icon names. Register each collection once; registering a prefix again replaces its data and clears the resolver cache.",[720,721,723],"h3",{"id":722},"register-only-the-icons-you-use","Register only the icons you use",[324,725,726,727,730],{},"Iconify collection JSON is a single payload and does not tree-shake per icon. For a small application, register a hand-crafted ",[327,728,729],{},"IconifyJSON"," subset instead of importing the full collection.",[367,732,734],{"className":369,"code":733,"language":371,"meta":372,"style":372},"import { registerIconSet } from '@vyui\u002Fcore'\n\nregisterIconSet('lucide', {\n  prefix: 'lucide',\n  width: 24,\n  height: 24,\n  icons: {\n    check: {\n      body: '\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 6L9 17l-5-5\"\u002F>',\n    },\n    search: {\n      body: '\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m21 21l-4.34-4.34\"\u002F>\u003Ccircle cx=\"11\" cy=\"11\" r=\"8\"\u002F>\u003C\u002Fg>',\n    },\n  },\n})\n",[327,735,736,754,758,774,791,804,815,824,833,849,854,863,879,884,890],{"__ignoreMap":372},[376,737,738,740,742,744,746,748,750,752],{"class":378,"line":379},[376,739,383],{"class":382},[376,741,549],{"class":386},[376,743,552],{"class":393},[376,745,555],{"class":386},[376,747,443],{"class":382},[376,749,446],{"class":386},[376,751,31],{"class":449},[376,753,452],{"class":386},[376,755,756],{"class":378,"line":390},[376,757,641],{"emptyLinePlaceholder":640},[376,759,760,762,764,766,768,770,772],{"class":378,"line":400},[376,761,647],{"class":646},[376,763,650],{"class":393},[376,765,653],{"class":386},[376,767,656],{"class":449},[376,769,653],{"class":386},[376,771,661],{"class":386},[376,773,387],{"class":386},[376,775,776,780,783,785,787,789],{"class":378,"line":408},[376,777,779],{"class":778},"swJcz","  prefix",[376,781,782],{"class":386},":",[376,784,446],{"class":386},[376,786,656],{"class":449},[376,788,653],{"class":386},[376,790,397],{"class":386},[376,792,793,796,798,802],{"class":378,"line":416},[376,794,795],{"class":778},"  width",[376,797,782],{"class":386},[376,799,801],{"class":800},"sbssI"," 24",[376,803,397],{"class":386},[376,805,806,809,811,813],{"class":378,"line":427},[376,807,808],{"class":778},"  height",[376,810,782],{"class":386},[376,812,801],{"class":800},[376,814,397],{"class":386},[376,816,817,820,822],{"class":378,"line":437},[376,818,819],{"class":778},"  icons",[376,821,782],{"class":386},[376,823,387],{"class":386},[376,825,826,829,831],{"class":378,"line":667},[376,827,828],{"class":778},"    check",[376,830,782],{"class":386},[376,832,387],{"class":386},[376,834,835,838,840,842,845,847],{"class":378,"line":672},[376,836,837],{"class":778},"      body",[376,839,782],{"class":386},[376,841,446],{"class":386},[376,843,844],{"class":449},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 6L9 17l-5-5\"\u002F>",[376,846,653],{"class":386},[376,848,397],{"class":386},[376,850,851],{"class":378,"line":690},[376,852,853],{"class":386},"    },\n",[376,855,856,859,861],{"class":378,"line":705},[376,857,858],{"class":778},"    search",[376,860,782],{"class":386},[376,862,387],{"class":386},[376,864,866,868,870,872,875,877],{"class":378,"line":865},12,[376,867,837],{"class":778},[376,869,782],{"class":386},[376,871,446],{"class":386},[376,873,874],{"class":449},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m21 21l-4.34-4.34\"\u002F>\u003Ccircle cx=\"11\" cy=\"11\" r=\"8\"\u002F>\u003C\u002Fg>",[376,876,653],{"class":386},[376,878,397],{"class":386},[376,880,882],{"class":378,"line":881},13,[376,883,853],{"class":386},[376,885,887],{"class":378,"line":886},14,[376,888,889],{"class":386},"  },\n",[376,891,893,895],{"class":378,"line":892},15,[376,894,440],{"class":386},[376,896,897],{"class":393},")\n",[324,899,900,901,903],{},"Aliases and other standard ",[327,902,729],{}," fields can be included when required.",[319,905,907],{"id":906},"name-formats","Name formats",[324,909,910],{},"The resolver accepts three string formats:",[367,912,916],{"className":913,"code":914,"language":915,"meta":372,"style":372},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CVyIcon name=\"i-lucide-folder\" \u002F>\n\u003CVyIcon name=\"lucide:folder\" \u002F>\n\u003CVyIcon name=\"lucide-folder\" \u002F>\n","vue",[327,917,918,941,960],{"__ignoreMap":372},[376,919,920,923,925,928,930,933,936,938],{"class":378,"line":379},[376,921,922],{"class":386},"\u003C",[376,924,339],{"class":778},[376,926,927],{"class":675}," name",[376,929,682],{"class":386},[376,931,932],{"class":386},"\"",[376,934,935],{"class":449},"i-lucide-folder",[376,937,932],{"class":386},[376,939,940],{"class":386}," \u002F>\n",[376,942,943,945,947,949,951,953,956,958],{"class":378,"line":390},[376,944,922],{"class":386},[376,946,339],{"class":778},[376,948,927],{"class":675},[376,950,682],{"class":386},[376,952,932],{"class":386},[376,954,955],{"class":449},"lucide:folder",[376,957,932],{"class":386},[376,959,940],{"class":386},[376,961,962,964,966,968,970,972,975,977],{"class":378,"line":400},[376,963,922],{"class":386},[376,965,339],{"class":778},[376,967,927],{"class":675},[376,969,682],{"class":386},[376,971,932],{"class":386},[376,973,974],{"class":449},"lucide-folder",[376,976,932],{"class":386},[376,978,940],{"class":386},[324,980,981,982,985],{},"The ",[327,983,984],{},"i-"," and bare dash forms split on the first dash and therefore only support alphanumeric prefixes. Use the colon form for a hyphenated prefix.",[367,987,989],{"className":913,"code":988,"language":915,"meta":372,"style":372},"\u003CVyIcon name=\"simple-icons:bytedance\" \u002F>\n",[327,990,991],{"__ignoreMap":372},[376,992,993,995,997,999,1001,1003,1006,1008],{"class":378,"line":379},[376,994,922],{"class":386},[376,996,339],{"class":778},[376,998,927],{"class":675},[376,1000,682],{"class":386},[376,1002,932],{"class":386},[376,1004,1005],{"class":449},"simple-icons:bytedance",[376,1007,932],{"class":386},[376,1009,940],{"class":386},[324,1011,1012,1013,1016],{},"An unregistered prefix, missing icon, or unparseable name resolves to ",[327,1014,1015],{},"null"," and renders no SVG.",[319,1018,1020],{"id":1019},"size-and-color","Size and color",[324,1022,1023,1026,1027,696],{},[327,1024,1025],{},"size"," controls both SVG dimensions in pixels. Numbers and numeric strings are accepted; an invalid value falls back to ",[327,1028,1029],{},"16",[353,1031],{"height":355,"name":1032},"icon-size",[324,1034,1035,1036,1039,1040,1042,1043,1046],{},"Lynx SVG cannot inherit ",[327,1037,1038],{},"currentColor",". The resolver replaces ",[327,1041,1038],{}," inside the registered SVG data with the explicit ",[327,1044,1045],{},"color"," value. Icons that use fixed fills or strokes are not recolored by this replacement.",[324,1048,1049,1050,1053,1054,1057],{},"Safe CSS color syntaxes such as named colors, hex, ",[327,1051,1052],{},"rgb()",", and ",[327,1055,1056],{},"hsl()"," are accepted. A value containing SVG-markup characters is ignored and produces a development warning.",[353,1059],{"height":355,"name":1060},"icon-color",[720,1062,1064],{"id":1063},"theme-resolved-colors","Theme-resolved colors",[324,1066,1067,1069,1070,1072,1073,1076,1077,1053,1080,1083],{},[327,1068,339],{}," itself has no semantic ",[327,1071,1045],{}," variant or theme. Kit components such as ",[327,1074,1075],{},"VyInput",", ",[327,1078,1079],{},"VyButton",[327,1081,1082],{},"VyAlert"," resolve their semantic palette to a literal color and pass it into the icon primitive.",[324,1085,1086,1087,1089,1090,1093],{},"When using ",[327,1088,339],{}," directly, resolve the final color in your application or pass the ",[327,1091,1092],{},"iconColor"," supplied by a component slot.",[367,1095,1097],{"className":913,"code":1096,"language":915,"meta":372,"style":372},"\u003CVyInput v-model=\"query\" color=\"info\">\n  \u003Ctemplate #leading=\"{ iconColor }\">\n    \u003CVyIcon name=\"i-lucide-search\" :color=\"iconColor\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FVyInput>\n",[327,1098,1099,1132,1137,1142,1147],{"__ignoreMap":372},[376,1100,1101,1103,1105,1108,1110,1112,1115,1117,1120,1122,1124,1127,1129],{"class":378,"line":379},[376,1102,922],{"class":386},[376,1104,1075],{"class":778},[376,1106,1107],{"class":675}," v-model",[376,1109,682],{"class":386},[376,1111,932],{"class":386},[376,1113,1114],{"class":393},"query",[376,1116,932],{"class":386},[376,1118,1119],{"class":675}," color",[376,1121,682],{"class":386},[376,1123,932],{"class":386},[376,1125,1126],{"class":449},"info",[376,1128,932],{"class":386},[376,1130,1131],{"class":386},">\n",[376,1133,1134],{"class":378,"line":390},[376,1135,1136],{"class":393},"  \u003Ctemplate #leading=\"{ iconColor }\">\n",[376,1138,1139],{"class":378,"line":400},[376,1140,1141],{"class":393},"    \u003CVyIcon name=\"i-lucide-search\" :color=\"iconColor\" \u002F>\n",[376,1143,1144],{"class":378,"line":408},[376,1145,1146],{"class":393},"  \u003C\u002Ftemplate>\n",[376,1148,1149,1152,1154],{"class":378,"line":416},[376,1150,1151],{"class":386},"\u003C\u002F",[376,1153,1075],{"class":778},[376,1155,1131],{"class":386},[324,1157,1158,1159,1162,1163,1165],{},"Changing ",[327,1160,1161],{},"appConfig.ui.icons"," changes semantic icon names used by kit components, such as the default loading icon. It does not register icon data and does not theme standalone ",[327,1164,339],{}," instances.",[319,1167,1169],{"id":1168},"custom-component-escape-hatch","Custom component escape hatch",[324,1171,1172],{},"Pass a Vue component instead of a string to render it directly.",[367,1174,1176],{"className":913,"code":1175,"language":915,"meta":372,"style":372},"\u003Cscript setup lang=\"ts\">\nimport { VyIcon } from '@vyui\u002Fkit'\nimport BrandMark from '.\u002FBrandMark.vue'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyIcon :name=\"BrandMark\" \u002F>\n\u003C\u002Ftemplate>\n",[327,1177,1178,1201,1220,1236,1244,1248,1257,1278],{"__ignoreMap":372},[376,1179,1180,1182,1185,1188,1191,1193,1195,1197,1199],{"class":378,"line":379},[376,1181,922],{"class":386},[376,1183,1184],{"class":778},"script",[376,1186,1187],{"class":675}," setup",[376,1189,1190],{"class":675}," lang",[376,1192,682],{"class":386},[376,1194,932],{"class":386},[376,1196,371],{"class":449},[376,1198,932],{"class":386},[376,1200,1131],{"class":386},[376,1202,1203,1205,1207,1210,1212,1214,1216,1218],{"class":378,"line":390},[376,1204,383],{"class":382},[376,1206,549],{"class":386},[376,1208,1209],{"class":393}," VyIcon",[376,1211,555],{"class":386},[376,1213,443],{"class":382},[376,1215,446],{"class":386},[376,1217,36],{"class":449},[376,1219,452],{"class":386},[376,1221,1222,1224,1227,1229,1231,1234],{"class":378,"line":400},[376,1223,383],{"class":382},[376,1225,1226],{"class":393}," BrandMark ",[376,1228,612],{"class":382},[376,1230,446],{"class":386},[376,1232,1233],{"class":449},".\u002FBrandMark.vue",[376,1235,452],{"class":386},[376,1237,1238,1240,1242],{"class":378,"line":408},[376,1239,1151],{"class":386},[376,1241,1184],{"class":778},[376,1243,1131],{"class":386},[376,1245,1246],{"class":378,"line":416},[376,1247,641],{"emptyLinePlaceholder":640},[376,1249,1250,1252,1255],{"class":378,"line":427},[376,1251,922],{"class":386},[376,1253,1254],{"class":778},"template",[376,1256,1131],{"class":386},[376,1258,1259,1262,1264,1267,1269,1271,1274,1276],{"class":378,"line":437},[376,1260,1261],{"class":386},"  \u003C",[376,1263,339],{"class":778},[376,1265,1266],{"class":675}," :name",[376,1268,682],{"class":386},[376,1270,932],{"class":386},[376,1272,1273],{"class":449},"BrandMark",[376,1275,932],{"class":386},[376,1277,940],{"class":386},[376,1279,1280,1282,1284],{"class":378,"line":667},[376,1281,1151],{"class":386},[376,1283,1254],{"class":778},[376,1285,1131],{"class":386},[324,1287,1288,1289,1291,1292,1076,1294,1076,1296,1299],{},"The component is rendered bare. ",[327,1290,339],{}," does not forward ",[327,1293,1025],{},[327,1295,1045],{},[327,1297,1298],{},"class",", or other attributes into it, so the custom component owns its dimensions, color, accessibility, and Lynx rendering contract.",[319,1301,1303],{"id":1302},"resolver-api","Resolver API",[324,1305,1306,1307,1310],{},"Use ",[327,1308,1309],{},"resolveIconSvg()"," when another Lynx integration needs the generated standalone SVG string.",[367,1312,1314],{"className":369,"code":1313,"language":371,"meta":372,"style":372},"import { resolveIconSvg } from '@vyui\u002Fcore'\n\nconst svg = resolveIconSvg('lucide:check', {\n  size: 20,\n  color: '#16a34a',\n})\n",[327,1315,1316,1335,1339,1363,1375,1391],{"__ignoreMap":372},[376,1317,1318,1320,1322,1325,1327,1329,1331,1333],{"class":378,"line":379},[376,1319,383],{"class":382},[376,1321,549],{"class":386},[376,1323,1324],{"class":393}," resolveIconSvg",[376,1326,555],{"class":386},[376,1328,443],{"class":382},[376,1330,446],{"class":386},[376,1332,31],{"class":449},[376,1334,452],{"class":386},[376,1336,1337],{"class":378,"line":390},[376,1338,641],{"emptyLinePlaceholder":640},[376,1340,1341,1343,1346,1348,1350,1352,1354,1357,1359,1361],{"class":378,"line":400},[376,1342,676],{"class":675},[376,1344,1345],{"class":393}," svg ",[376,1347,682],{"class":386},[376,1349,1324],{"class":646},[376,1351,650],{"class":393},[376,1353,653],{"class":386},[376,1355,1356],{"class":449},"lucide:check",[376,1358,653],{"class":386},[376,1360,661],{"class":386},[376,1362,387],{"class":386},[376,1364,1365,1368,1370,1373],{"class":378,"line":408},[376,1366,1367],{"class":778},"  size",[376,1369,782],{"class":386},[376,1371,1372],{"class":800}," 20",[376,1374,397],{"class":386},[376,1376,1377,1380,1382,1384,1387,1389],{"class":378,"line":416},[376,1378,1379],{"class":778},"  color",[376,1381,782],{"class":386},[376,1383,446],{"class":386},[376,1385,1386],{"class":449},"#16a34a",[376,1388,653],{"class":386},[376,1390,397],{"class":386},[376,1392,1393,1395],{"class":378,"line":427},[376,1394,440],{"class":386},[376,1396,897],{"class":393},[324,1398,1399,1400,1403,1404,1406],{},"Results, including failed resolutions, are memoized by name, size, and color. Calling ",[327,1401,1402],{},"registerIconSet()"," clears the cache so names that previously returned ",[327,1405,1015],{}," can resolve.",[720,1408,1410],{"id":1409},"registericonset",[327,1411,647],{},[1413,1414,1415,1431],"table",{},[1416,1417,1418],"thead",{},[1419,1420,1421,1425,1428],"tr",{},[1422,1423,1424],"th",{},"Parameter",[1422,1426,1427],{},"Type",[1422,1429,1430],{},"Description",[1432,1433,1434,1450],"tbody",{},[1419,1435,1436,1442,1447],{},[1437,1438,1439],"td",{},[327,1440,1441],{},"prefix",[1437,1443,1444],{},[327,1445,1446],{},"string",[1437,1448,1449],{},"Prefix used in icon names.",[1419,1451,1452,1457,1461],{},[1437,1453,1454],{},[327,1455,1456],{},"data",[1437,1458,1459],{},[327,1460,729],{},[1437,1462,1463],{},"Full or partial Iconify collection data.",[324,1465,1466,1467,696],{},"Returns ",[327,1468,1469],{},"void",[720,1471,1473],{"id":1472},"resolveiconsvg",[327,1474,1475],{},"resolveIconSvg",[1413,1477,1478,1491],{},[1416,1479,1480],{},[1419,1481,1482,1484,1486,1489],{},[1422,1483,1424],{},[1422,1485,1427],{},[1422,1487,1488],{},"Default",[1422,1490,1430],{},[1432,1492,1493,1510,1528],{},[1419,1494,1495,1500,1504,1507],{},[1437,1496,1497],{},[327,1498,1499],{},"name",[1437,1501,1502],{},[327,1503,1446],{},[1437,1505,1506],{},"—",[1437,1508,1509],{},"Icon name in a supported format.",[1419,1511,1512,1517,1522,1525],{},[1437,1513,1514],{},[327,1515,1516],{},"options.size",[1437,1518,1519],{},[327,1520,1521],{},"number",[1437,1523,1524],{},"Icon data default",[1437,1526,1527],{},"SVG width and height in pixels.",[1419,1529,1530,1535,1539,1544],{},[1437,1531,1532],{},[327,1533,1534],{},"options.color",[1437,1536,1537],{},[327,1538,1446],{},[1437,1540,1541],{},[327,1542,1543],{},"undefined",[1437,1545,1546,1547,696],{},"Safe color replacing ",[327,1548,1038],{},[324,1550,1466,1551,696],{},[327,1552,1553],{},"string | null",[319,1555,1557],{"id":1556},"props","Props",[1413,1559,1560,1573],{},[1416,1561,1562],{},[1419,1563,1564,1567,1569,1571],{},[1422,1565,1566],{},"Prop",[1422,1568,1427],{},[1422,1570,1488],{},[1422,1572,1430],{},[1432,1574,1575,1591,1609],{},[1419,1576,1577,1581,1586,1588],{},[1437,1578,1579],{},[327,1580,1499],{},[1437,1582,1583],{},[327,1584,1585],{},"string | Component",[1437,1587,1506],{},[1437,1589,1590],{},"Registered Iconify name or custom Vue component.",[1419,1592,1593,1597,1602,1606],{},[1437,1594,1595],{},[327,1596,1025],{},[1437,1598,1599],{},[327,1600,1601],{},"string | number",[1437,1603,1604],{},[327,1605,1029],{},[1437,1607,1608],{},"Width and height in pixels for a resolved string icon.",[1419,1610,1611,1615,1619,1623],{},[1437,1612,1613],{},[327,1614,1045],{},[1437,1616,1617],{},[327,1618,1446],{},[1437,1620,1621],{},[327,1622,1543],{},[1437,1624,1625,1626,696],{},"Color baked into occurrences of ",[327,1627,1038],{},[324,1629,1630,1631,1633,1634,1637],{},"For string icons, ",[327,1632,1298],{}," is explicitly forwarded to the native ",[327,1635,1636],{},"\u003Csvg>"," root. Other fallthrough attributes are not part of the current primitive contract.",[319,1639,1641],{"id":1640},"emits","Emits",[324,1643,1644],{},"This component does not emit events.",[319,1646,1648],{"id":1647},"slots","Slots",[324,1650,1651],{},"This component does not expose slots.",[319,1653,1655],{"id":1654},"styling-and-theming","Styling and theming",[324,1657,1658,1660,1661,1664,1665,1668,1669,1671,1672,1674,1675,1677],{},[327,1659,339],{}," has no kit theme file, ",[327,1662,1663],{},"ui"," prop, variants, or ",[327,1666,1667],{},"appConfig.ui.icon"," key. Use ",[327,1670,1025],{}," and ",[327,1673,1045],{}," for native SVG dimensions and paint, and use ",[327,1676,1298],{}," for supported layout or animation utilities.",[367,1679,1681],{"className":913,"code":1680,"language":915,"meta":372,"style":372},"\u003CVyIcon\n  name=\"i-lucide-loader-circle\"\n  :size=\"20\"\n  color=\"#64748b\"\n  class=\"shrink-0 animate-spin\"\n\u002F>\n",[327,1682,1683,1690,1705,1721,1734,1748],{"__ignoreMap":372},[376,1684,1685,1687],{"class":378,"line":379},[376,1686,922],{"class":386},[376,1688,1689],{"class":778},"VyIcon\n",[376,1691,1692,1695,1697,1699,1702],{"class":378,"line":390},[376,1693,1694],{"class":675},"  name",[376,1696,682],{"class":386},[376,1698,932],{"class":386},[376,1700,1701],{"class":449},"i-lucide-loader-circle",[376,1703,1704],{"class":386},"\"\n",[376,1706,1707,1710,1712,1714,1716,1719],{"class":378,"line":400},[376,1708,1709],{"class":386},"  :",[376,1711,1025],{"class":675},[376,1713,682],{"class":386},[376,1715,932],{"class":386},[376,1717,1718],{"class":800},"20",[376,1720,1704],{"class":386},[376,1722,1723,1725,1727,1729,1732],{"class":378,"line":408},[376,1724,1379],{"class":675},[376,1726,682],{"class":386},[376,1728,932],{"class":386},[376,1730,1731],{"class":449},"#64748b",[376,1733,1704],{"class":386},[376,1735,1736,1739,1741,1743,1746],{"class":378,"line":416},[376,1737,1738],{"class":675},"  class",[376,1740,682],{"class":386},[376,1742,932],{"class":386},[376,1744,1745],{"class":449},"shrink-0 animate-spin",[376,1747,1704],{"class":386},[376,1749,1750],{"class":378,"line":427},[376,1751,1752],{"class":393},"\u002F>\n",[324,1754,1755,1756,1758],{},"CSS text-color utilities do not reliably recolor the SVG on Lynx because its XML is rasterized independently. Prefer the ",[327,1757,1045],{}," prop.",[324,1760,1761,1762,1764,1765,1076,1768,1076,1771,1774,1775,1777],{},"The kit icon-name registry lives at ",[327,1763,1161],{}," and supplies defaults such as ",[327,1766,1767],{},"loading",[327,1769,1770],{},"check",[327,1772,1773],{},"close",", and chevrons to higher-level components. Override those names through the ",[327,1776,343],{}," plugin, then register every prefix referenced by the override.",[367,1779,1781],{"className":369,"code":1780,"language":371,"meta":372,"style":372},"app.use(VyUI, {\n  ui: {\n    icons: {\n      loading: 'tabler:loader-2',\n      close: 'tabler:x',\n    },\n  },\n})\n",[327,1782,1783,1798,1807,1816,1832,1848,1852,1856],{"__ignoreMap":372},[376,1784,1785,1787,1789,1791,1794,1796],{"class":378,"line":379},[376,1786,693],{"class":393},[376,1788,696],{"class":386},[376,1790,699],{"class":646},[376,1792,1793],{"class":393},"(VyUI",[376,1795,661],{"class":386},[376,1797,387],{"class":386},[376,1799,1800,1803,1805],{"class":378,"line":390},[376,1801,1802],{"class":778},"  ui",[376,1804,782],{"class":386},[376,1806,387],{"class":386},[376,1808,1809,1812,1814],{"class":378,"line":400},[376,1810,1811],{"class":778},"    icons",[376,1813,782],{"class":386},[376,1815,387],{"class":386},[376,1817,1818,1821,1823,1825,1828,1830],{"class":378,"line":408},[376,1819,1820],{"class":778},"      loading",[376,1822,782],{"class":386},[376,1824,446],{"class":386},[376,1826,1827],{"class":449},"tabler:loader-2",[376,1829,653],{"class":386},[376,1831,397],{"class":386},[376,1833,1834,1837,1839,1841,1844,1846],{"class":378,"line":416},[376,1835,1836],{"class":778},"      close",[376,1838,782],{"class":386},[376,1840,446],{"class":386},[376,1842,1843],{"class":449},"tabler:x",[376,1845,653],{"class":386},[376,1847,397],{"class":386},[376,1849,1850],{"class":378,"line":427},[376,1851,853],{"class":386},[376,1853,1854],{"class":378,"line":437},[376,1855,889],{"class":386},[376,1857,1858,1860],{"class":378,"line":667},[376,1859,440],{"class":386},[376,1861,897],{"class":393},[319,1863,299],{"id":1864},"accessibility",[324,1866,1867,1868,1870,1871,696],{},"Treat standalone icons as decorative unless they communicate information unavailable in nearby text. The current string-icon branch forwards ",[327,1869,1298],{},", but not accessibility labels or roles, to the native SVG. Put meaningful icons inside a labeled control or labeled wrapper rather than relying on attributes placed on ",[327,1872,339],{},[324,1874,1875],{},"For an icon-only button, label the button itself.",[367,1877,1879],{"className":913,"code":1878,"language":915,"meta":372,"style":372},"\u003CVyButton\n  icon=\"i-lucide-search\"\n  accessibility-label=\"Search\"\n\u002F>\n",[327,1880,1881,1888,1902,1916],{"__ignoreMap":372},[376,1882,1883,1885],{"class":378,"line":379},[376,1884,922],{"class":386},[376,1886,1887],{"class":778},"VyButton\n",[376,1889,1890,1893,1895,1897,1900],{"class":378,"line":390},[376,1891,1892],{"class":675},"  icon",[376,1894,682],{"class":386},[376,1896,932],{"class":386},[376,1898,1899],{"class":449},"i-lucide-search",[376,1901,1704],{"class":386},[376,1903,1904,1907,1909,1911,1914],{"class":378,"line":400},[376,1905,1906],{"class":675},"  accessibility-label",[376,1908,682],{"class":386},[376,1910,932],{"class":386},[376,1912,1913],{"class":449},"Search",[376,1915,1704],{"class":386},[376,1917,1918],{"class":378,"line":408},[376,1919,1752],{"class":393},[324,1921,1922],{},"Do not rely on color alone to communicate status. Pair status icons with visible text, and ensure custom component icons implement their own accessibility contract.",[319,1924,1926],{"id":1925},"platform-notes","Platform notes",[1928,1929,1930,1937,1946,1954,1957,1960],"ul",{},[1931,1932,1933,1934,1936],"li",{},"The primitive uses Lynx's native ",[327,1935,332],{}," API rather than a DOM SVG component or CSS mask.",[1931,1938,1939,1940,1943,1944,696],{},"A data-URI ",[327,1941,1942],{},"\u003Cimage>"," may work on web but does not render consistently on native iOS or Android, which is why the generated XML is passed directly to ",[327,1945,1636],{},[1931,1947,1948,1950,1951,1953],{},[327,1949,1038],{}," cannot cross into the rasterized SVG XML, so pass a literal ",[327,1952,1045],{}," when tinting is required.",[1931,1955,1956],{},"Full Iconify JSON collections can significantly increase the JavaScript bundle; register a subset when bundle size matters.",[1931,1958,1959],{},"Resolution is synchronous and local. There is no network icon loader or automatic fallback.",[1931,1961,1962],{},"The same registered data and name formats work across iOS, Android, and the Lynx web runtime.",[319,1964,1966],{"id":1965},"related-components","Related components",[1928,1968,1969,1976,1986],{},[1931,1970,1971,1975],{},[461,1972,1973],{"href":138},[327,1974,137],{}," for themed leading and trailing icons.",[1931,1977,1978,1076,1980,1053,1983,1985],{},[327,1979,93],{},[327,1981,1982],{},"Badge",[327,1984,68],{}," for components with built-in icon positions.",[1931,1987,1988,1993],{},[461,1989,1990],{"href":20},[327,1991,1992],{},"Icons setup"," for the project-level installation overview.",[1995,1996,1997],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":372,"searchDepth":379,"depth":390,"links":1999},[2000,2001,2002,2005,2006,2009,2010,2014,2015,2016,2017,2018,2019,2020],{"id":321,"depth":390,"text":322},{"id":359,"depth":390,"text":360},{"id":455,"depth":390,"text":456,"children":2003},[2004],{"id":722,"depth":400,"text":723},{"id":906,"depth":390,"text":907},{"id":1019,"depth":390,"text":1020,"children":2007},[2008],{"id":1063,"depth":400,"text":1064},{"id":1168,"depth":390,"text":1169},{"id":1302,"depth":390,"text":1303,"children":2011},[2012,2013],{"id":1409,"depth":400,"text":647},{"id":1472,"depth":400,"text":1475},{"id":1556,"depth":390,"text":1557},{"id":1640,"depth":390,"text":1641},{"id":1647,"depth":390,"text":1648},{"id":1654,"depth":390,"text":1655},{"id":1864,"depth":390,"text":299},{"id":1925,"depth":390,"text":1926},{"id":1965,"depth":390,"text":1966},"Render registered Iconify data or a custom Vue component through Lynx-native SVG.","md",[2024,2029],{"label":2025,"icon":2026,"to":2027,"target":2028},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fcore\u002Fsrc\u002Fcomponents\u002FIcon\u002FIcon.vue","_blank",{"label":2030,"icon":2026,"to":2031,"target":2028},"Resolver","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fcore\u002Fsrc\u002Fcomponents\u002FIcon\u002Fresolve.ts",{},{"icon":22},{"title":133,"description":2021},"26jCV1yrd31voeuCTJqs3gsmUGTqFnS3mtm1kfmLR0o",[2037,2039],{"title":128,"path":129,"stem":130,"description":2038,"icon":-1,"children":-1,"navigation":-1},"A form container that tracks values, runs validators, and emits submit.",{"title":137,"path":138,"stem":139,"description":2040,"icon":-1,"children":-1,"navigation":-1},"Collect single-line text with themed states, icons, avatars, and native keyboard events.",1783464076082]