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