[{"data":1,"prerenderedAt":2134},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ficon":406,"\u002Fcomponents\u002Ficon-surround":2129},[4,34,51,301,327,332,337],{"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",{"id":407,"title":141,"body":408,"description":2114,"extension":2115,"links":2116,"meta":2125,"navigation":2126,"package":79,"path":142,"seo":2127,"stem":143,"__hash__":2128},"docs\u002F3.components\u002Ficon.md",{"type":409,"value":410,"toc":2091},"minimark",[411,416,442,445,450,454,456,459,546,550,565,630,809,812,817,824,991,997,1001,1004,1072,1079,1103,1110,1114,1123,1126,1140,1151,1154,1158,1177,1187,1249,1259,1263,1266,1379,1393,1397,1404,1490,1500,1505,1557,1563,1569,1642,1647,1651,1721,1731,1735,1738,1742,1745,1749,1771,1846,1852,1871,1955,1958,1966,1969,2013,2016,2020,2056,2060,2087],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,422,423,426,427,429,430,433,434,437,438,441],"p",{},[420,421,141],"code",{}," renders Iconify data through Lynx's native ",[420,424,425],{},"\u003Csvg content=\"…\">"," element. ",[420,428,46],{}," re-exports the same primitive as ",[420,431,432],{},"VyIcon",", and the ",[420,435,436],{},"VyUI"," plugin registers ",[420,439,440],{},"\u003CVyIcon>"," globally when the runtime supports global component registration.",[417,443,444],{},"No icon collection is bundled or registered by default. Register the prefixes your application uses before rendering string names.",[446,447],"component-code",{"height":448,"name":449},"160px","icon-example",[412,451,453],{"id":452},"usage","Usage",[446,455],{"height":448,"name":449},[417,457,458],{},"You can import the primitive and resolver utilities directly from core.",[460,461,466],"pre",{"className":462,"code":463,"language":464,"meta":465,"style":465},"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","",[420,467,468,481,491,499,507,518,528],{"__ignoreMap":465},[469,470,473,477],"span",{"class":471,"line":472},"line",1,[469,474,476],{"class":475},"s7zQu","import",[469,478,480],{"class":479},"sMK4o"," {\n",[469,482,484,488],{"class":471,"line":483},2,[469,485,487],{"class":486},"sTEyZ","  Icon",[469,489,490],{"class":479},",\n",[469,492,494,497],{"class":471,"line":493},3,[469,495,496],{"class":486},"  registerIconSet",[469,498,490],{"class":479},[469,500,502,505],{"class":471,"line":501},4,[469,503,504],{"class":486},"  resolveIconSvg",[469,506,490],{"class":479},[469,508,510,513,516],{"class":471,"line":509},5,[469,511,512],{"class":475},"  type",[469,514,515],{"class":486}," IconProps",[469,517,490],{"class":479},[469,519,521,523,526],{"class":471,"line":520},6,[469,522,512],{"class":475},[469,524,525],{"class":486}," ResolveIconOptions",[469,527,490],{"class":479},[469,529,531,534,537,540,543],{"class":471,"line":530},7,[469,532,533],{"class":479},"}",[469,535,536],{"class":475}," from",[469,538,539],{"class":479}," '",[469,541,41],{"class":542},"sfazB",[469,544,545],{"class":479},"'\n",[412,547,549],{"id":548},"icon-registration","Icon registration",[417,551,552,553,560,561,564],{},"Install an Iconify JSON collection and register it during application startup, before mounting the app. Use ",[554,555,559],"a",{"href":556,"rel":557},"https:\u002F\u002Ficones.js.org\u002F",[558],"nofollow","Icones"," to browse Iconify collections, preview icon names, and find the matching ",[420,562,563],{},"@iconify-json\u002F*"," package to install.",[566,567,568,587,602,616],"code-group",{},[460,569,574],{"className":570,"code":571,"filename":572,"language":573,"meta":465,"style":465},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @iconify-json\u002Flucide\n","pnpm","bash",[420,575,576],{"__ignoreMap":465},[469,577,578,581,584],{"class":471,"line":472},[469,579,572],{"class":580},"sBMFI",[469,582,583],{"class":542}," add",[469,585,586],{"class":542}," @iconify-json\u002Flucide\n",[460,588,591],{"className":570,"code":589,"filename":590,"language":573,"meta":465,"style":465},"npm install @iconify-json\u002Flucide\n","npm",[420,592,593],{"__ignoreMap":465},[469,594,595,597,600],{"class":471,"line":472},[469,596,590],{"class":580},[469,598,599],{"class":542}," install",[469,601,586],{"class":542},[460,603,606],{"className":570,"code":604,"filename":605,"language":573,"meta":465,"style":465},"yarn add @iconify-json\u002Flucide\n","yarn",[420,607,608],{"__ignoreMap":465},[469,609,610,612,614],{"class":471,"line":472},[469,611,605],{"class":580},[469,613,583],{"class":542},[469,615,586],{"class":542},[460,617,620],{"className":570,"code":618,"filename":619,"language":573,"meta":465,"style":465},"bun add @iconify-json\u002Flucide\n","bun",[420,621,622],{"__ignoreMap":465},[469,623,624,626,628],{"class":471,"line":472},[469,625,619],{"class":580},[469,627,583],{"class":542},[469,629,586],{"class":542},[460,631,634],{"className":462,"code":632,"filename":633,"language":464,"meta":465,"style":465},"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",[420,635,636,657,677,696,713,729,735,758,763,781,796],{"__ignoreMap":465},[469,637,638,640,643,646,649,651,653,655],{"class":471,"line":472},[469,639,476],{"class":475},[469,641,642],{"class":479}," {",[469,644,645],{"class":486}," registerIconSet",[469,647,648],{"class":479}," }",[469,650,536],{"class":475},[469,652,539],{"class":479},[469,654,41],{"class":542},[469,656,545],{"class":479},[469,658,659,661,663,666,668,670,672,675],{"class":471,"line":483},[469,660,476],{"class":475},[469,662,642],{"class":479},[469,664,665],{"class":486}," createApp",[469,667,648],{"class":479},[469,669,536],{"class":475},[469,671,539],{"class":479},[469,673,674],{"class":542},"vue-lynx",[469,676,545],{"class":479},[469,678,679,681,683,686,688,690,692,694],{"class":471,"line":493},[469,680,476],{"class":475},[469,682,642],{"class":479},[469,684,685],{"class":486}," VyUI",[469,687,648],{"class":479},[469,689,536],{"class":475},[469,691,539],{"class":479},[469,693,46],{"class":542},[469,695,545],{"class":479},[469,697,698,700,703,706,708,711],{"class":471,"line":501},[469,699,476],{"class":475},[469,701,702],{"class":486}," lucide ",[469,704,705],{"class":475},"from",[469,707,539],{"class":479},[469,709,710],{"class":542},"@iconify-json\u002Flucide\u002Ficons.json",[469,712,545],{"class":479},[469,714,715,717,720,722,724,727],{"class":471,"line":509},[469,716,476],{"class":475},[469,718,719],{"class":486}," App ",[469,721,705],{"class":475},[469,723,539],{"class":479},[469,725,726],{"class":542},".\u002FApp.vue",[469,728,545],{"class":479},[469,730,731],{"class":471,"line":520},[469,732,734],{"emptyLinePlaceholder":733},true,"\n",[469,736,737,741,744,747,750,752,755],{"class":471,"line":530},[469,738,740],{"class":739},"s2Zo4","registerIconSet",[469,742,743],{"class":486},"(",[469,745,746],{"class":479},"'",[469,748,749],{"class":542},"lucide",[469,751,746],{"class":479},[469,753,754],{"class":479},",",[469,756,757],{"class":486}," lucide)\n",[469,759,761],{"class":471,"line":760},8,[469,762,734],{"emptyLinePlaceholder":733},[469,764,766,770,773,776,778],{"class":471,"line":765},9,[469,767,769],{"class":768},"spNyl","const",[469,771,772],{"class":486}," app ",[469,774,775],{"class":479},"=",[469,777,665],{"class":739},[469,779,780],{"class":486},"(App)\n",[469,782,784,787,790,793],{"class":471,"line":783},10,[469,785,786],{"class":486},"app",[469,788,789],{"class":479},".",[469,791,792],{"class":739},"use",[469,794,795],{"class":486},"(VyUI)\n",[469,797,799,801,803,806],{"class":471,"line":798},11,[469,800,786],{"class":486},[469,802,789],{"class":479},[469,804,805],{"class":739},"mount",[469,807,808],{"class":486},"()\n",[417,810,811],{},"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.",[813,814,816],"h3",{"id":815},"register-only-the-icons-you-use","Register only the icons you use",[417,818,819,820,823],{},"Iconify collection JSON is a single payload and does not tree-shake per icon. For a small application, register a hand-crafted ",[420,821,822],{},"IconifyJSON"," subset instead of importing the full collection.",[460,825,827],{"className":462,"code":826,"language":464,"meta":465,"style":465},"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",[420,828,829,847,851,867,884,897,908,917,926,942,947,956,972,977,983],{"__ignoreMap":465},[469,830,831,833,835,837,839,841,843,845],{"class":471,"line":472},[469,832,476],{"class":475},[469,834,642],{"class":479},[469,836,645],{"class":486},[469,838,648],{"class":479},[469,840,536],{"class":475},[469,842,539],{"class":479},[469,844,41],{"class":542},[469,846,545],{"class":479},[469,848,849],{"class":471,"line":483},[469,850,734],{"emptyLinePlaceholder":733},[469,852,853,855,857,859,861,863,865],{"class":471,"line":493},[469,854,740],{"class":739},[469,856,743],{"class":486},[469,858,746],{"class":479},[469,860,749],{"class":542},[469,862,746],{"class":479},[469,864,754],{"class":479},[469,866,480],{"class":479},[469,868,869,873,876,878,880,882],{"class":471,"line":501},[469,870,872],{"class":871},"swJcz","  prefix",[469,874,875],{"class":479},":",[469,877,539],{"class":479},[469,879,749],{"class":542},[469,881,746],{"class":479},[469,883,490],{"class":479},[469,885,886,889,891,895],{"class":471,"line":509},[469,887,888],{"class":871},"  width",[469,890,875],{"class":479},[469,892,894],{"class":893},"sbssI"," 24",[469,896,490],{"class":479},[469,898,899,902,904,906],{"class":471,"line":520},[469,900,901],{"class":871},"  height",[469,903,875],{"class":479},[469,905,894],{"class":893},[469,907,490],{"class":479},[469,909,910,913,915],{"class":471,"line":530},[469,911,912],{"class":871},"  icons",[469,914,875],{"class":479},[469,916,480],{"class":479},[469,918,919,922,924],{"class":471,"line":760},[469,920,921],{"class":871},"    check",[469,923,875],{"class":479},[469,925,480],{"class":479},[469,927,928,931,933,935,938,940],{"class":471,"line":765},[469,929,930],{"class":871},"      body",[469,932,875],{"class":479},[469,934,539],{"class":479},[469,936,937],{"class":542},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 6L9 17l-5-5\"\u002F>",[469,939,746],{"class":479},[469,941,490],{"class":479},[469,943,944],{"class":471,"line":783},[469,945,946],{"class":479},"    },\n",[469,948,949,952,954],{"class":471,"line":798},[469,950,951],{"class":871},"    search",[469,953,875],{"class":479},[469,955,480],{"class":479},[469,957,959,961,963,965,968,970],{"class":471,"line":958},12,[469,960,930],{"class":871},[469,962,875],{"class":479},[469,964,539],{"class":479},[469,966,967],{"class":542},"\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>",[469,969,746],{"class":479},[469,971,490],{"class":479},[469,973,975],{"class":471,"line":974},13,[469,976,946],{"class":479},[469,978,980],{"class":471,"line":979},14,[469,981,982],{"class":479},"  },\n",[469,984,986,988],{"class":471,"line":985},15,[469,987,533],{"class":479},[469,989,990],{"class":486},")\n",[417,992,993,994,996],{},"Aliases and other standard ",[420,995,822],{}," fields can be included when required.",[412,998,1000],{"id":999},"name-formats","Name formats",[417,1002,1003],{},"The resolver accepts three string formats:",[460,1005,1009],{"className":1006,"code":1007,"language":1008,"meta":465,"style":465},"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",[420,1010,1011,1034,1053],{"__ignoreMap":465},[469,1012,1013,1016,1018,1021,1023,1026,1029,1031],{"class":471,"line":472},[469,1014,1015],{"class":479},"\u003C",[469,1017,432],{"class":871},[469,1019,1020],{"class":768}," name",[469,1022,775],{"class":479},[469,1024,1025],{"class":479},"\"",[469,1027,1028],{"class":542},"i-lucide-folder",[469,1030,1025],{"class":479},[469,1032,1033],{"class":479}," \u002F>\n",[469,1035,1036,1038,1040,1042,1044,1046,1049,1051],{"class":471,"line":483},[469,1037,1015],{"class":479},[469,1039,432],{"class":871},[469,1041,1020],{"class":768},[469,1043,775],{"class":479},[469,1045,1025],{"class":479},[469,1047,1048],{"class":542},"lucide:folder",[469,1050,1025],{"class":479},[469,1052,1033],{"class":479},[469,1054,1055,1057,1059,1061,1063,1065,1068,1070],{"class":471,"line":493},[469,1056,1015],{"class":479},[469,1058,432],{"class":871},[469,1060,1020],{"class":768},[469,1062,775],{"class":479},[469,1064,1025],{"class":479},[469,1066,1067],{"class":542},"lucide-folder",[469,1069,1025],{"class":479},[469,1071,1033],{"class":479},[417,1073,1074,1075,1078],{},"The ",[420,1076,1077],{},"i-"," and bare dash forms split on the first dash and therefore only support alphanumeric prefixes. Use the colon form for a hyphenated prefix.",[460,1080,1082],{"className":1006,"code":1081,"language":1008,"meta":465,"style":465},"\u003CVyIcon name=\"simple-icons:bytedance\" \u002F>\n",[420,1083,1084],{"__ignoreMap":465},[469,1085,1086,1088,1090,1092,1094,1096,1099,1101],{"class":471,"line":472},[469,1087,1015],{"class":479},[469,1089,432],{"class":871},[469,1091,1020],{"class":768},[469,1093,775],{"class":479},[469,1095,1025],{"class":479},[469,1097,1098],{"class":542},"simple-icons:bytedance",[469,1100,1025],{"class":479},[469,1102,1033],{"class":479},[417,1104,1105,1106,1109],{},"An unregistered prefix, missing icon, or unparseable name resolves to ",[420,1107,1108],{},"null"," and renders no SVG.",[412,1111,1113],{"id":1112},"size-and-color","Size and color",[417,1115,1116,1119,1120,789],{},[420,1117,1118],{},"size"," controls both SVG dimensions in pixels. Numbers and numeric strings are accepted; an invalid value falls back to ",[420,1121,1122],{},"16",[446,1124],{"height":448,"name":1125},"icon-size",[417,1127,1128,1129,1132,1133,1135,1136,1139],{},"Lynx SVG cannot inherit ",[420,1130,1131],{},"currentColor",". The resolver replaces ",[420,1134,1131],{}," inside the registered SVG data with the explicit ",[420,1137,1138],{},"color"," value. Icons that use fixed fills or strokes are not recolored by this replacement.",[417,1141,1142,1143,1146,1147,1150],{},"Safe CSS color syntaxes such as named colors, hex, ",[420,1144,1145],{},"rgb()",", and ",[420,1148,1149],{},"hsl()"," are accepted. A value containing SVG-markup characters is ignored and produces a development warning.",[446,1152],{"height":448,"name":1153},"icon-color",[813,1155,1157],{"id":1156},"theme-resolved-colors","Theme-resolved colors",[417,1159,1160,1162,1163,1165,1166,1169,1170,1146,1173,1176],{},[420,1161,432],{}," itself has no semantic ",[420,1164,1138],{}," variant or theme. Kit components such as ",[420,1167,1168],{},"VyInput",", ",[420,1171,1172],{},"VyButton",[420,1174,1175],{},"VyAlert"," resolve their semantic palette to a literal color and pass it into the icon primitive.",[417,1178,1179,1180,1182,1183,1186],{},"When using ",[420,1181,432],{}," directly, resolve the final color in your application or pass the ",[420,1184,1185],{},"iconColor"," supplied by a component slot.",[460,1188,1190],{"className":1006,"code":1189,"language":1008,"meta":465,"style":465},"\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",[420,1191,1192,1225,1230,1235,1240],{"__ignoreMap":465},[469,1193,1194,1196,1198,1201,1203,1205,1208,1210,1213,1215,1217,1220,1222],{"class":471,"line":472},[469,1195,1015],{"class":479},[469,1197,1168],{"class":871},[469,1199,1200],{"class":768}," v-model",[469,1202,775],{"class":479},[469,1204,1025],{"class":479},[469,1206,1207],{"class":486},"query",[469,1209,1025],{"class":479},[469,1211,1212],{"class":768}," color",[469,1214,775],{"class":479},[469,1216,1025],{"class":479},[469,1218,1219],{"class":542},"info",[469,1221,1025],{"class":479},[469,1223,1224],{"class":479},">\n",[469,1226,1227],{"class":471,"line":483},[469,1228,1229],{"class":486},"  \u003Ctemplate #leading=\"{ iconColor }\">\n",[469,1231,1232],{"class":471,"line":493},[469,1233,1234],{"class":486},"    \u003CVyIcon name=\"i-lucide-search\" :color=\"iconColor\" \u002F>\n",[469,1236,1237],{"class":471,"line":501},[469,1238,1239],{"class":486},"  \u003C\u002Ftemplate>\n",[469,1241,1242,1245,1247],{"class":471,"line":509},[469,1243,1244],{"class":479},"\u003C\u002F",[469,1246,1168],{"class":871},[469,1248,1224],{"class":479},[417,1250,1251,1252,1255,1256,1258],{},"Changing ",[420,1253,1254],{},"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 ",[420,1257,432],{}," instances.",[412,1260,1262],{"id":1261},"custom-component-escape-hatch","Custom component escape hatch",[417,1264,1265],{},"Pass a Vue component instead of a string to render it directly.",[460,1267,1269],{"className":1006,"code":1268,"language":1008,"meta":465,"style":465},"\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",[420,1270,1271,1294,1313,1329,1337,1341,1350,1371],{"__ignoreMap":465},[469,1272,1273,1275,1278,1281,1284,1286,1288,1290,1292],{"class":471,"line":472},[469,1274,1015],{"class":479},[469,1276,1277],{"class":871},"script",[469,1279,1280],{"class":768}," setup",[469,1282,1283],{"class":768}," lang",[469,1285,775],{"class":479},[469,1287,1025],{"class":479},[469,1289,464],{"class":542},[469,1291,1025],{"class":479},[469,1293,1224],{"class":479},[469,1295,1296,1298,1300,1303,1305,1307,1309,1311],{"class":471,"line":483},[469,1297,476],{"class":475},[469,1299,642],{"class":479},[469,1301,1302],{"class":486}," VyIcon",[469,1304,648],{"class":479},[469,1306,536],{"class":475},[469,1308,539],{"class":479},[469,1310,46],{"class":542},[469,1312,545],{"class":479},[469,1314,1315,1317,1320,1322,1324,1327],{"class":471,"line":493},[469,1316,476],{"class":475},[469,1318,1319],{"class":486}," BrandMark ",[469,1321,705],{"class":475},[469,1323,539],{"class":479},[469,1325,1326],{"class":542},".\u002FBrandMark.vue",[469,1328,545],{"class":479},[469,1330,1331,1333,1335],{"class":471,"line":501},[469,1332,1244],{"class":479},[469,1334,1277],{"class":871},[469,1336,1224],{"class":479},[469,1338,1339],{"class":471,"line":509},[469,1340,734],{"emptyLinePlaceholder":733},[469,1342,1343,1345,1348],{"class":471,"line":520},[469,1344,1015],{"class":479},[469,1346,1347],{"class":871},"template",[469,1349,1224],{"class":479},[469,1351,1352,1355,1357,1360,1362,1364,1367,1369],{"class":471,"line":530},[469,1353,1354],{"class":479},"  \u003C",[469,1356,432],{"class":871},[469,1358,1359],{"class":768}," :name",[469,1361,775],{"class":479},[469,1363,1025],{"class":479},[469,1365,1366],{"class":542},"BrandMark",[469,1368,1025],{"class":479},[469,1370,1033],{"class":479},[469,1372,1373,1375,1377],{"class":471,"line":760},[469,1374,1244],{"class":479},[469,1376,1347],{"class":871},[469,1378,1224],{"class":479},[417,1380,1381,1382,1384,1385,1169,1387,1169,1389,1392],{},"The component is rendered bare. ",[420,1383,432],{}," does not forward ",[420,1386,1118],{},[420,1388,1138],{},[420,1390,1391],{},"class",", or other attributes into it, so the custom component owns its dimensions, color, accessibility, and Lynx rendering contract.",[412,1394,1396],{"id":1395},"resolver-api","Resolver API",[417,1398,1399,1400,1403],{},"Use ",[420,1401,1402],{},"resolveIconSvg()"," when another Lynx integration needs the generated standalone SVG string.",[460,1405,1407],{"className":462,"code":1406,"language":464,"meta":465,"style":465},"import { resolveIconSvg } from '@vyui\u002Fcore'\n\nconst svg = resolveIconSvg('lucide:check', {\n  size: 20,\n  color: '#16a34a',\n})\n",[420,1408,1409,1428,1432,1456,1468,1484],{"__ignoreMap":465},[469,1410,1411,1413,1415,1418,1420,1422,1424,1426],{"class":471,"line":472},[469,1412,476],{"class":475},[469,1414,642],{"class":479},[469,1416,1417],{"class":486}," resolveIconSvg",[469,1419,648],{"class":479},[469,1421,536],{"class":475},[469,1423,539],{"class":479},[469,1425,41],{"class":542},[469,1427,545],{"class":479},[469,1429,1430],{"class":471,"line":483},[469,1431,734],{"emptyLinePlaceholder":733},[469,1433,1434,1436,1439,1441,1443,1445,1447,1450,1452,1454],{"class":471,"line":493},[469,1435,769],{"class":768},[469,1437,1438],{"class":486}," svg ",[469,1440,775],{"class":479},[469,1442,1417],{"class":739},[469,1444,743],{"class":486},[469,1446,746],{"class":479},[469,1448,1449],{"class":542},"lucide:check",[469,1451,746],{"class":479},[469,1453,754],{"class":479},[469,1455,480],{"class":479},[469,1457,1458,1461,1463,1466],{"class":471,"line":501},[469,1459,1460],{"class":871},"  size",[469,1462,875],{"class":479},[469,1464,1465],{"class":893}," 20",[469,1467,490],{"class":479},[469,1469,1470,1473,1475,1477,1480,1482],{"class":471,"line":509},[469,1471,1472],{"class":871},"  color",[469,1474,875],{"class":479},[469,1476,539],{"class":479},[469,1478,1479],{"class":542},"#16a34a",[469,1481,746],{"class":479},[469,1483,490],{"class":479},[469,1485,1486,1488],{"class":471,"line":520},[469,1487,533],{"class":479},[469,1489,990],{"class":486},[417,1491,1492,1493,1496,1497,1499],{},"Results, including failed resolutions, are memoized by name, size, and color. Calling ",[420,1494,1495],{},"registerIconSet()"," clears the cache so names that previously returned ",[420,1498,1108],{}," can resolve.",[813,1501,1503],{"id":1502},"registericonset",[420,1504,740],{},[1506,1507,1508,1524],"table",{},[1509,1510,1511],"thead",{},[1512,1513,1514,1518,1521],"tr",{},[1515,1516,1517],"th",{},"Parameter",[1515,1519,1520],{},"Type",[1515,1522,1523],{},"Description",[1525,1526,1527,1543],"tbody",{},[1512,1528,1529,1535,1540],{},[1530,1531,1532],"td",{},[420,1533,1534],{},"prefix",[1530,1536,1537],{},[420,1538,1539],{},"string",[1530,1541,1542],{},"Prefix used in icon names.",[1512,1544,1545,1550,1554],{},[1530,1546,1547],{},[420,1548,1549],{},"data",[1530,1551,1552],{},[420,1553,822],{},[1530,1555,1556],{},"Full or partial Iconify collection data.",[417,1558,1559,1560,789],{},"Returns ",[420,1561,1562],{},"void",[813,1564,1566],{"id":1565},"resolveiconsvg",[420,1567,1568],{},"resolveIconSvg",[1506,1570,1571,1584],{},[1509,1572,1573],{},[1512,1574,1575,1577,1579,1582],{},[1515,1576,1517],{},[1515,1578,1520],{},[1515,1580,1581],{},"Default",[1515,1583,1523],{},[1525,1585,1586,1603,1621],{},[1512,1587,1588,1593,1597,1600],{},[1530,1589,1590],{},[420,1591,1592],{},"name",[1530,1594,1595],{},[420,1596,1539],{},[1530,1598,1599],{},"—",[1530,1601,1602],{},"Icon name in a supported format.",[1512,1604,1605,1610,1615,1618],{},[1530,1606,1607],{},[420,1608,1609],{},"options.size",[1530,1611,1612],{},[420,1613,1614],{},"number",[1530,1616,1617],{},"Icon data default",[1530,1619,1620],{},"SVG width and height in pixels.",[1512,1622,1623,1628,1632,1637],{},[1530,1624,1625],{},[420,1626,1627],{},"options.color",[1530,1629,1630],{},[420,1631,1539],{},[1530,1633,1634],{},[420,1635,1636],{},"undefined",[1530,1638,1639,1640,789],{},"Safe color replacing ",[420,1641,1131],{},[417,1643,1559,1644,789],{},[420,1645,1646],{},"string | null",[412,1648,1650],{"id":1649},"props","Props",[1506,1652,1653,1666],{},[1509,1654,1655],{},[1512,1656,1657,1660,1662,1664],{},[1515,1658,1659],{},"Prop",[1515,1661,1520],{},[1515,1663,1581],{},[1515,1665,1523],{},[1525,1667,1668,1684,1702],{},[1512,1669,1670,1674,1679,1681],{},[1530,1671,1672],{},[420,1673,1592],{},[1530,1675,1676],{},[420,1677,1678],{},"string | Component",[1530,1680,1599],{},[1530,1682,1683],{},"Registered Iconify name or custom Vue component.",[1512,1685,1686,1690,1695,1699],{},[1530,1687,1688],{},[420,1689,1118],{},[1530,1691,1692],{},[420,1693,1694],{},"string | number",[1530,1696,1697],{},[420,1698,1122],{},[1530,1700,1701],{},"Width and height in pixels for a resolved string icon.",[1512,1703,1704,1708,1712,1716],{},[1530,1705,1706],{},[420,1707,1138],{},[1530,1709,1710],{},[420,1711,1539],{},[1530,1713,1714],{},[420,1715,1636],{},[1530,1717,1718,1719,789],{},"Color baked into occurrences of ",[420,1720,1131],{},[417,1722,1723,1724,1726,1727,1730],{},"For string icons, ",[420,1725,1391],{}," is explicitly forwarded to the native ",[420,1728,1729],{},"\u003Csvg>"," root. Other fallthrough attributes are not part of the current primitive contract.",[412,1732,1734],{"id":1733},"emits","Emits",[417,1736,1737],{},"This component does not emit events.",[412,1739,1741],{"id":1740},"slots","Slots",[417,1743,1744],{},"This component does not expose slots.",[412,1746,1748],{"id":1747},"styling-and-theming","Styling and theming",[417,1750,1751,1753,1754,1757,1758,1761,1762,1764,1765,1767,1768,1770],{},[420,1752,432],{}," has no kit theme file, ",[420,1755,1756],{},"ui"," prop, variants, or ",[420,1759,1760],{},"appConfig.ui.icon"," key. Use ",[420,1763,1118],{}," and ",[420,1766,1138],{}," for native SVG dimensions and paint, and use ",[420,1769,1391],{}," for supported layout or animation utilities.",[460,1772,1774],{"className":1006,"code":1773,"language":1008,"meta":465,"style":465},"\u003CVyIcon\n  name=\"i-lucide-loader-circle\"\n  :size=\"20\"\n  color=\"#64748b\"\n  class=\"shrink-0 animate-spin\"\n\u002F>\n",[420,1775,1776,1783,1798,1814,1827,1841],{"__ignoreMap":465},[469,1777,1778,1780],{"class":471,"line":472},[469,1779,1015],{"class":479},[469,1781,1782],{"class":871},"VyIcon\n",[469,1784,1785,1788,1790,1792,1795],{"class":471,"line":483},[469,1786,1787],{"class":768},"  name",[469,1789,775],{"class":479},[469,1791,1025],{"class":479},[469,1793,1794],{"class":542},"i-lucide-loader-circle",[469,1796,1797],{"class":479},"\"\n",[469,1799,1800,1803,1805,1807,1809,1812],{"class":471,"line":493},[469,1801,1802],{"class":479},"  :",[469,1804,1118],{"class":768},[469,1806,775],{"class":479},[469,1808,1025],{"class":479},[469,1810,1811],{"class":893},"20",[469,1813,1797],{"class":479},[469,1815,1816,1818,1820,1822,1825],{"class":471,"line":501},[469,1817,1472],{"class":768},[469,1819,775],{"class":479},[469,1821,1025],{"class":479},[469,1823,1824],{"class":542},"#64748b",[469,1826,1797],{"class":479},[469,1828,1829,1832,1834,1836,1839],{"class":471,"line":509},[469,1830,1831],{"class":768},"  class",[469,1833,775],{"class":479},[469,1835,1025],{"class":479},[469,1837,1838],{"class":542},"shrink-0 animate-spin",[469,1840,1797],{"class":479},[469,1842,1843],{"class":471,"line":520},[469,1844,1845],{"class":486},"\u002F>\n",[417,1847,1848,1849,1851],{},"CSS text-color utilities do not reliably recolor the SVG on Lynx because its XML is rasterized independently. Prefer the ",[420,1850,1138],{}," prop.",[417,1853,1854,1855,1857,1858,1169,1861,1169,1864,1867,1868,1870],{},"The kit icon-name registry lives at ",[420,1856,1254],{}," and supplies defaults such as ",[420,1859,1860],{},"loading",[420,1862,1863],{},"check",[420,1865,1866],{},"close",", and chevrons to higher-level components. Override those names through the ",[420,1869,436],{}," plugin, then register every prefix referenced by the override.",[460,1872,1874],{"className":462,"code":1873,"language":464,"meta":465,"style":465},"app.use(VyUI, {\n  ui: {\n    icons: {\n      loading: 'tabler:loader-2',\n      close: 'tabler:x',\n    },\n  },\n})\n",[420,1875,1876,1891,1900,1909,1925,1941,1945,1949],{"__ignoreMap":465},[469,1877,1878,1880,1882,1884,1887,1889],{"class":471,"line":472},[469,1879,786],{"class":486},[469,1881,789],{"class":479},[469,1883,792],{"class":739},[469,1885,1886],{"class":486},"(VyUI",[469,1888,754],{"class":479},[469,1890,480],{"class":479},[469,1892,1893,1896,1898],{"class":471,"line":483},[469,1894,1895],{"class":871},"  ui",[469,1897,875],{"class":479},[469,1899,480],{"class":479},[469,1901,1902,1905,1907],{"class":471,"line":493},[469,1903,1904],{"class":871},"    icons",[469,1906,875],{"class":479},[469,1908,480],{"class":479},[469,1910,1911,1914,1916,1918,1921,1923],{"class":471,"line":501},[469,1912,1913],{"class":871},"      loading",[469,1915,875],{"class":479},[469,1917,539],{"class":479},[469,1919,1920],{"class":542},"tabler:loader-2",[469,1922,746],{"class":479},[469,1924,490],{"class":479},[469,1926,1927,1930,1932,1934,1937,1939],{"class":471,"line":509},[469,1928,1929],{"class":871},"      close",[469,1931,875],{"class":479},[469,1933,539],{"class":479},[469,1935,1936],{"class":542},"tabler:x",[469,1938,746],{"class":479},[469,1940,490],{"class":479},[469,1942,1943],{"class":471,"line":520},[469,1944,946],{"class":479},[469,1946,1947],{"class":471,"line":530},[469,1948,982],{"class":479},[469,1950,1951,1953],{"class":471,"line":760},[469,1952,533],{"class":479},[469,1954,990],{"class":486},[412,1956,328],{"id":1957},"accessibility",[417,1959,1960,1961,1963,1964,789],{},"Treat standalone icons as decorative unless they communicate information unavailable in nearby text. The current string-icon branch forwards ",[420,1962,1391],{},", 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 ",[420,1965,432],{},[417,1967,1968],{},"For an icon-only button, label the button itself.",[460,1970,1972],{"className":1006,"code":1971,"language":1008,"meta":465,"style":465},"\u003CVyButton\n  icon=\"i-lucide-search\"\n  accessibility-label=\"Search\"\n\u002F>\n",[420,1973,1974,1981,1995,2009],{"__ignoreMap":465},[469,1975,1976,1978],{"class":471,"line":472},[469,1977,1015],{"class":479},[469,1979,1980],{"class":871},"VyButton\n",[469,1982,1983,1986,1988,1990,1993],{"class":471,"line":483},[469,1984,1985],{"class":768},"  icon",[469,1987,775],{"class":479},[469,1989,1025],{"class":479},[469,1991,1992],{"class":542},"i-lucide-search",[469,1994,1797],{"class":479},[469,1996,1997,2000,2002,2004,2007],{"class":471,"line":493},[469,1998,1999],{"class":768},"  accessibility-label",[469,2001,775],{"class":479},[469,2003,1025],{"class":479},[469,2005,2006],{"class":542},"Search",[469,2008,1797],{"class":479},[469,2010,2011],{"class":471,"line":501},[469,2012,1845],{"class":486},[417,2014,2015],{},"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.",[412,2017,2019],{"id":2018},"platform-notes","Platform notes",[2021,2022,2023,2030,2039,2047,2050,2053],"ul",{},[2024,2025,2026,2027,2029],"li",{},"The primitive uses Lynx's native ",[420,2028,425],{}," API rather than a DOM SVG component or CSS mask.",[2024,2031,2032,2033,2036,2037,789],{},"A data-URI ",[420,2034,2035],{},"\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 ",[420,2038,1729],{},[2024,2040,2041,2043,2044,2046],{},[420,2042,1131],{}," cannot cross into the rasterized SVG XML, so pass a literal ",[420,2045,1138],{}," when tinting is required.",[2024,2048,2049],{},"Full Iconify JSON collections can significantly increase the JavaScript bundle; register a subset when bundle size matters.",[2024,2051,2052],{},"Resolution is synchronous and local. There is no network icon loader or automatic fallback.",[2024,2054,2055],{},"The same registered data and name formats work across iOS, Android, and the Lynx web runtime.",[412,2057,2059],{"id":2058},"related-components","Related components",[2021,2061,2062,2069,2079],{},[2024,2063,2064,2068],{},[554,2065,2066],{"href":146},[420,2067,145],{}," for themed leading and trailing icons.",[2024,2070,2071,1169,2073,1146,2076,2078],{},[420,2072,101],{},[420,2074,2075],{},"Badge",[420,2077,71],{}," for components with built-in icon positions.",[2024,2080,2081,2086],{},[554,2082,2083],{"href":20},[420,2084,2085],{},"Icons setup"," for the project-level installation overview.",[2088,2089,2090],"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":465,"searchDepth":472,"depth":483,"links":2092},[2093,2094,2095,2098,2099,2102,2103,2107,2108,2109,2110,2111,2112,2113],{"id":414,"depth":483,"text":415},{"id":452,"depth":483,"text":453},{"id":548,"depth":483,"text":549,"children":2096},[2097],{"id":815,"depth":493,"text":816},{"id":999,"depth":483,"text":1000},{"id":1112,"depth":483,"text":1113,"children":2100},[2101],{"id":1156,"depth":493,"text":1157},{"id":1261,"depth":483,"text":1262},{"id":1395,"depth":483,"text":1396,"children":2104},[2105,2106],{"id":1502,"depth":493,"text":740},{"id":1565,"depth":493,"text":1568},{"id":1649,"depth":483,"text":1650},{"id":1733,"depth":483,"text":1734},{"id":1740,"depth":483,"text":1741},{"id":1747,"depth":483,"text":1748},{"id":1957,"depth":483,"text":328},{"id":2018,"depth":483,"text":2019},{"id":2058,"depth":483,"text":2059},"Render registered Iconify data or a custom Vue component through Lynx-native SVG.","md",[2117,2122],{"label":2118,"icon":2119,"to":2120,"target":2121},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fcore\u002Fsrc\u002Fcomponents\u002FIcon\u002FIcon.vue","_blank",{"label":2123,"icon":2119,"to":2124,"target":2121},"Resolver","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fcore\u002Fsrc\u002Fcomponents\u002FIcon\u002Fresolve.ts",{},{"icon":22},{"title":141,"description":2114},"26jCV1yrd31voeuCTJqs3gsmUGTqFnS3mtm1kfmLR0o",[2130,2132],{"title":136,"path":137,"stem":138,"description":2131,"icon":-1,"children":-1,"navigation":-1},"A form container that tracks values, runs validators, and emits submit.",{"title":145,"path":146,"stem":147,"description":2133,"icon":-1,"children":-1,"navigation":-1},"Collect single-line text with themed states, icons, avatars, and native keyboard events.",1783534417600]