[{"data":1,"prerenderedAt":922},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Favatar":313,"\u002Fcomponents\u002Favatar-surround":917},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":83,"body":315,"description":906,"extension":806,"links":907,"meta":913,"navigation":914,"package":60,"path":84,"seo":915,"stem":85,"__hash__":916},"docs\u002F3.components\u002Favatar.md",{"type":316,"value":317,"toc":887},"minimark",[318,323,343,348,352,354,359,362,366,369,387,391,437,441,635,664,668,671,675,714,718,727,779,809,812,828,832,860,864],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330,331,334,335,338,339,342],"p",{},[327,328,329],"code",{},"VyAvatar"," displays a circular image and falls back to explicit text, initials derived from ",[327,332,333],{},"alt",", or an icon. It can also render a ",[327,336,337],{},"VyChip"," status marker and inherit size and color from ",[327,340,341],{},"VyAvatarGroup",".",[344,345],"component-code",{"height":346,"name":347},"180px","avatar-example",[319,349,351],{"id":350},"usage","Usage",[344,353],{"height":346,"name":347},[355,356,358],"h3",{"id":357},"sizes","Sizes",[344,360],{"height":346,"name":361},"avatar-sizes",[355,363,365],{"id":364},"status-chips","Status chips",[344,367],{"height":346,"name":368},"avatar-chip",[324,370,371,372,375,376,378,379,382,383,386],{},"Fallback priority is explicit ",[327,373,374],{},"text",", initials derived from ",[327,377,333],{},", then ",[327,380,381],{},"icon",". A custom ",[327,384,385],{},"fallback"," slot replaces all three.",[319,388,390],{"id":389},"features-and-behavior","Features and behavior",[392,393,394,402,408,421,434],"ul",{},[395,396,397,398,401],"li",{},"A present ",[327,399,400],{},"src"," is displayed optimistically; a native image error switches to the fallback.",[395,403,404,405,407],{},"Initials use the first character of each word in ",[327,406,333],{},", limited to two characters.",[395,409,410,411,414,415,418,419,342],{},"Explicit ",[327,412,413],{},"size"," and ",[327,416,417],{},"color"," props override values inherited from an enclosing ",[327,420,341],{},[395,422,423,426,427,430,431,342],{},[327,424,425],{},"chip"," set to ",[327,428,429],{},"true"," creates a default inset chip. An object is merged with ",[327,432,433],{},"inset: true",[395,435,436],{},"The default slot replaces the entire inner image and fallback structure.",[319,438,440],{"id":439},"props","Props",[442,443,444,463],"table",{},[445,446,447],"thead",{},[448,449,450,454,457,460],"tr",{},[451,452,453],"th",{},"Prop",[451,455,456],{},"Type",[451,458,459],{},"Default",[451,461,462],{},"Description",[464,465,466,486,503,523,540,560,579,597,616],"tbody",{},[448,467,468,473,478,483],{},[469,470,471],"td",{},[327,472,400],{},[469,474,475],{},[327,476,477],{},"string",[469,479,480],{},[327,481,482],{},"undefined",[469,484,485],{},"Image URL. A load error shows the fallback.",[448,487,488,492,496,500],{},[469,489,490],{},[327,491,333],{},[469,493,494],{},[327,495,477],{},[469,497,498],{},[327,499,482],{},[469,501,502],{},"Source for generated initials. It is not forwarded to the native image by the current wrapper.",[448,504,505,509,513,517],{},[469,506,507],{},[327,508,374],{},[469,510,511],{},[327,512,477],{},[469,514,515],{},[327,516,482],{},[469,518,519,520,522],{},"Explicit fallback text; takes precedence over ",[327,521,333],{}," initials.",[448,524,525,529,533,537],{},[469,526,527],{},[327,528,381],{},[469,530,531],{},[327,532,477],{},[469,534,535],{},[327,536,482],{},[469,538,539],{},"Fallback Iconify name when no text resolves.",[448,541,542,546,551,557],{},[469,543,544],{},[327,545,413],{},[469,547,548],{},[327,549,550],{},"'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'",[469,552,553,556],{},[327,554,555],{},"'md'"," or group value",[469,558,559],{},"Avatar diameter and fallback scale.",[448,561,562,566,571,576],{},[469,563,564],{},[327,565,417],{},[469,567,568],{},[327,569,570],{},"Color",[469,572,573,556],{},[327,574,575],{},"'neutral'",[469,577,578],{},"Fallback background and foreground color.",[448,580,581,585,590,594],{},[469,582,583],{},[327,584,425],{},[469,586,587],{},[327,588,589],{},"boolean | ChipProps",[469,591,592],{},[327,593,482],{},[469,595,596],{},"Optional inset status chip.",[448,598,599,604,609,613],{},[469,600,601],{},[327,602,603],{},"class",[469,605,606],{},[327,607,608],{},"any",[469,610,611],{},[327,612,482],{},[469,614,615],{},"Classes merged onto the root.",[448,617,618,623,628,632],{},[469,619,620],{},[327,621,622],{},"ui",[469,624,625],{},[327,626,627],{},"Partial\u003CRecord\u003CAvatarSlot, any>>",[469,629,630],{},[327,631,482],{},[469,633,634],{},"Per-instance theme slot overrides.",[324,636,637,639,640,643,644,643,647,643,650,643,653,643,656,659,660,663],{},[327,638,570],{}," defaults to ",[327,641,642],{},"primary",", ",[327,645,646],{},"secondary",[327,648,649],{},"success",[327,651,652],{},"info",[327,654,655],{},"warning",[327,657,658],{},"error",", or ",[327,661,662],{},"neutral",", and supports registry extensions.",[319,665,667],{"id":666},"emits","Emits",[324,669,670],{},"This component does not emit events. The underlying image load-state event is handled internally and is not forwarded by the kit wrapper.",[319,672,674],{"id":673},"slots","Slots",[442,676,677,688],{},[445,678,679],{},[448,680,681,684,686],{},[451,682,683],{},"Slot",[451,685,440],{},[451,687,462],{},[464,689,690,703],{},[448,691,692,697,700],{},[469,693,694],{},[327,695,696],{},"default",[469,698,699],{},"—",[469,701,702],{},"Replaces all inner image and fallback rendering.",[448,704,705,709,711],{},[469,706,707],{},[327,708,385],{},[469,710,699],{},[469,712,713],{},"Replaces initials and icon fallback content while retaining image behavior.",[319,715,717],{"id":716},"styling-and-theming","Styling and theming",[324,719,720,721,724,725,342],{},"Override globally through ",[327,722,723],{},"appConfig.ui.avatar"," or locally with ",[327,726,622],{},[442,728,729,739],{},[445,730,731],{},[448,732,733,736],{},[451,734,735],{},"UI slot",[451,737,738],{},"Purpose",[464,740,741,751,761,770],{},[448,742,743,748],{},[469,744,745],{},[327,746,747],{},"root",[469,749,750],{},"Circular clipping, layout, background, and size.",[448,752,753,758],{},[469,754,755],{},[327,756,757],{},"image",[469,759,760],{},"Full-size cropped image.",[448,762,763,767],{},[469,764,765],{},[327,766,374],{},[469,768,769],{},"Initials or explicit fallback text.",[448,771,772,776],{},[469,773,774],{},[327,775,381],{},[469,777,778],{},"Fallback icon.",[324,780,781,782,784,785,788,789,792,793,795,796,799,800,803,804,414,807,342],{},"The ",[327,783,413],{}," variant controls diameters from 32px (",[327,786,787],{},"xs",") through 64px (",[327,790,791],{},"3xl",") in the default theme. The ",[327,794,417],{}," variant applies the semantic ",[327,797,798],{},"100"," background and ",[327,801,802],{},"600"," text\u002Ficon shade. Defaults are ",[327,805,806],{},"md",[327,808,662],{},[319,810,299],{"id":811},"accessibility",[324,813,814,816,817,819,820,823,824,827],{},[327,815,329],{}," is presentational and does not become an accessibility element or button. Although ",[327,818,333],{}," produces useful fallback initials, the current kit wrapper does not forward it to the native ",[327,821,822],{},"\u003Cimage>",". Put interactive avatars inside a control with the correct native role and ",[327,825,826],{},"accessibility-label",", and label important non-interactive identity content in the surrounding interface.",[319,829,831],{"id":830},"platform-notes","Platform notes",[392,833,834,847,857],{},[395,835,836,837,839,840,842,843,846],{},"The underlying Lynx ",[327,838,822],{}," has no dependable load event. A non-empty ",[327,841,400],{}," is treated as loaded until native ",[327,844,845],{},"@error"," fires.",[395,848,849,850,853,854,856],{},"The root uses ",[327,851,852],{},"overflow-hidden","; chip props default to ",[327,855,433],{}," so the marker remains visible.",[395,858,859],{},"The component is built from the headless core Avatar primitives.",[319,861,863],{"id":862},"related-components","Related components",[392,865,866,875,881],{},[395,867,868,874],{},[869,870,871],"a",{"href":89},[327,872,873],{},"AvatarGroup"," for overlapping collections.",[395,876,877,880],{},[327,878,879],{},"Chip"," for status markers.",[395,882,883,886],{},[327,884,885],{},"User"," for an avatar with name and description.",{"title":888,"searchDepth":889,"depth":890,"links":891},"",1,2,[892,893,898,899,900,901,902,903,904,905],{"id":321,"depth":890,"text":322},{"id":350,"depth":890,"text":351,"children":894},[895,897],{"id":357,"depth":896,"text":358},3,{"id":364,"depth":896,"text":365},{"id":389,"depth":890,"text":390},{"id":439,"depth":890,"text":440},{"id":666,"depth":890,"text":667},{"id":673,"depth":890,"text":674},{"id":716,"depth":890,"text":717},{"id":811,"depth":890,"text":299},{"id":830,"depth":890,"text":831},{"id":862,"depth":890,"text":863},"Display a profile image with text, icon, and status fallbacks.",[908],{"label":909,"icon":910,"to":911,"target":912},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FAvatar.vue","_blank",{},{"icon":86},{"title":83,"description":906},"0M0oONtrxt0mFyjWYkAznVdzPqs2ov8Sp1fvhcKuuuc",[918,920],{"title":78,"path":79,"stem":80,"description":919,"icon":-1,"children":-1,"navigation":-1},"Constrain content to a fixed width-to-height ratio.",{"title":88,"path":89,"stem":90,"description":921,"icon":-1,"children":-1,"navigation":-1},"Stack avatars and collapse overflow into a count.",1783464075360]