[{"data":1,"prerenderedAt":1069},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Favatar":460,"\u002Fcomponents\u002Favatar-surround":1064},[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":91,"body":462,"description":1053,"extension":953,"links":1054,"meta":1060,"navigation":1061,"package":63,"path":92,"seo":1062,"stem":93,"__hash__":1063},"docs\u002F3.components\u002Favatar.md",{"type":463,"value":464,"toc":1034},"minimark",[465,470,490,495,499,501,506,509,513,516,534,538,584,588,782,811,815,818,822,861,865,874,926,956,959,975,979,1007,1011],[466,467,469],"h2",{"id":468},"overview","Overview",[471,472,473,477,478,481,482,485,486,489],"p",{},[474,475,476],"code",{},"VyAvatar"," displays a circular image and falls back to explicit text, initials derived from ",[474,479,480],{},"alt",", or an icon. It can also render a ",[474,483,484],{},"VyChip"," status marker and inherit size and color from ",[474,487,488],{},"VyAvatarGroup",".",[491,492],"component-code",{"height":493,"name":494},"180px","avatar-example",[466,496,498],{"id":497},"usage","Usage",[491,500],{"height":493,"name":494},[502,503,505],"h3",{"id":504},"sizes","Sizes",[491,507],{"height":493,"name":508},"avatar-sizes",[502,510,512],{"id":511},"status-chips","Status chips",[491,514],{"height":493,"name":515},"avatar-chip",[471,517,518,519,522,523,525,526,529,530,533],{},"Fallback priority is explicit ",[474,520,521],{},"text",", initials derived from ",[474,524,480],{},", then ",[474,527,528],{},"icon",". A custom ",[474,531,532],{},"fallback"," slot replaces all three.",[466,535,537],{"id":536},"features-and-behavior","Features and behavior",[539,540,541,549,555,568,581],"ul",{},[542,543,544,545,548],"li",{},"A present ",[474,546,547],{},"src"," is displayed optimistically; a native image error switches to the fallback.",[542,550,551,552,554],{},"Initials use the first character of each word in ",[474,553,480],{},", limited to two characters.",[542,556,557,558,561,562,565,566,489],{},"Explicit ",[474,559,560],{},"size"," and ",[474,563,564],{},"color"," props override values inherited from an enclosing ",[474,567,488],{},[542,569,570,573,574,577,578,489],{},[474,571,572],{},"chip"," set to ",[474,575,576],{},"true"," creates a default inset chip. An object is merged with ",[474,579,580],{},"inset: true",[542,582,583],{},"The default slot replaces the entire inner image and fallback structure.",[466,585,587],{"id":586},"props","Props",[589,590,591,610],"table",{},[592,593,594],"thead",{},[595,596,597,601,604,607],"tr",{},[598,599,600],"th",{},"Prop",[598,602,603],{},"Type",[598,605,606],{},"Default",[598,608,609],{},"Description",[611,612,613,633,650,670,687,707,726,744,763],"tbody",{},[595,614,615,620,625,630],{},[616,617,618],"td",{},[474,619,547],{},[616,621,622],{},[474,623,624],{},"string",[616,626,627],{},[474,628,629],{},"undefined",[616,631,632],{},"Image URL. A load error shows the fallback.",[595,634,635,639,643,647],{},[616,636,637],{},[474,638,480],{},[616,640,641],{},[474,642,624],{},[616,644,645],{},[474,646,629],{},[616,648,649],{},"Source for generated initials. It is not forwarded to the native image by the current wrapper.",[595,651,652,656,660,664],{},[616,653,654],{},[474,655,521],{},[616,657,658],{},[474,659,624],{},[616,661,662],{},[474,663,629],{},[616,665,666,667,669],{},"Explicit fallback text; takes precedence over ",[474,668,480],{}," initials.",[595,671,672,676,680,684],{},[616,673,674],{},[474,675,528],{},[616,677,678],{},[474,679,624],{},[616,681,682],{},[474,683,629],{},[616,685,686],{},"Fallback Iconify name when no text resolves.",[595,688,689,693,698,704],{},[616,690,691],{},[474,692,560],{},[616,694,695],{},[474,696,697],{},"'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'",[616,699,700,703],{},[474,701,702],{},"'md'"," or group value",[616,705,706],{},"Avatar diameter and fallback scale.",[595,708,709,713,718,723],{},[616,710,711],{},[474,712,564],{},[616,714,715],{},[474,716,717],{},"Color",[616,719,720,703],{},[474,721,722],{},"'neutral'",[616,724,725],{},"Fallback background and foreground color.",[595,727,728,732,737,741],{},[616,729,730],{},[474,731,572],{},[616,733,734],{},[474,735,736],{},"boolean | ChipProps",[616,738,739],{},[474,740,629],{},[616,742,743],{},"Optional inset status chip.",[595,745,746,751,756,760],{},[616,747,748],{},[474,749,750],{},"class",[616,752,753],{},[474,754,755],{},"any",[616,757,758],{},[474,759,629],{},[616,761,762],{},"Classes merged onto the root.",[595,764,765,770,775,779],{},[616,766,767],{},[474,768,769],{},"ui",[616,771,772],{},[474,773,774],{},"Partial\u003CRecord\u003CAvatarSlot, any>>",[616,776,777],{},[474,778,629],{},[616,780,781],{},"Per-instance theme slot overrides.",[471,783,784,786,787,790,791,790,794,790,797,790,800,790,803,806,807,810],{},[474,785,717],{}," defaults to ",[474,788,789],{},"primary",", ",[474,792,793],{},"secondary",[474,795,796],{},"success",[474,798,799],{},"info",[474,801,802],{},"warning",[474,804,805],{},"error",", or ",[474,808,809],{},"neutral",", and supports registry extensions.",[466,812,814],{"id":813},"emits","Emits",[471,816,817],{},"This component does not emit events. The underlying image load-state event is handled internally and is not forwarded by the kit wrapper.",[466,819,821],{"id":820},"slots","Slots",[589,823,824,835],{},[592,825,826],{},[595,827,828,831,833],{},[598,829,830],{},"Slot",[598,832,587],{},[598,834,609],{},[611,836,837,850],{},[595,838,839,844,847],{},[616,840,841],{},[474,842,843],{},"default",[616,845,846],{},"—",[616,848,849],{},"Replaces all inner image and fallback rendering.",[595,851,852,856,858],{},[616,853,854],{},[474,855,532],{},[616,857,846],{},[616,859,860],{},"Replaces initials and icon fallback content while retaining image behavior.",[466,862,864],{"id":863},"styling-and-theming","Styling and theming",[471,866,867,868,871,872,489],{},"Override globally through ",[474,869,870],{},"appConfig.ui.avatar"," or locally with ",[474,873,769],{},[589,875,876,886],{},[592,877,878],{},[595,879,880,883],{},[598,881,882],{},"UI slot",[598,884,885],{},"Purpose",[611,887,888,898,908,917],{},[595,889,890,895],{},[616,891,892],{},[474,893,894],{},"root",[616,896,897],{},"Circular clipping, layout, background, and size.",[595,899,900,905],{},[616,901,902],{},[474,903,904],{},"image",[616,906,907],{},"Full-size cropped image.",[595,909,910,914],{},[616,911,912],{},[474,913,521],{},[616,915,916],{},"Initials or explicit fallback text.",[595,918,919,923],{},[616,920,921],{},[474,922,528],{},[616,924,925],{},"Fallback icon.",[471,927,928,929,931,932,935,936,939,940,942,943,946,947,950,951,561,954,489],{},"The ",[474,930,560],{}," variant controls diameters from 32px (",[474,933,934],{},"xs",") through 64px (",[474,937,938],{},"3xl",") in the default theme. The ",[474,941,564],{}," variant applies the semantic ",[474,944,945],{},"100"," background and ",[474,948,949],{},"600"," text\u002Ficon shade. Defaults are ",[474,952,953],{},"md",[474,955,809],{},[466,957,328],{"id":958},"accessibility",[471,960,961,963,964,966,967,970,971,974],{},[474,962,476],{}," is presentational and does not become an accessibility element or button. Although ",[474,965,480],{}," produces useful fallback initials, the current kit wrapper does not forward it to the native ",[474,968,969],{},"\u003Cimage>",". Put interactive avatars inside a control with the correct native role and ",[474,972,973],{},"accessibility-label",", and label important non-interactive identity content in the surrounding interface.",[466,976,978],{"id":977},"platform-notes","Platform notes",[539,980,981,994,1004],{},[542,982,983,984,986,987,989,990,993],{},"The underlying Lynx ",[474,985,969],{}," has no dependable load event. A non-empty ",[474,988,547],{}," is treated as loaded until native ",[474,991,992],{},"@error"," fires.",[542,995,996,997,1000,1001,1003],{},"The root uses ",[474,998,999],{},"overflow-hidden","; chip props default to ",[474,1002,580],{}," so the marker remains visible.",[542,1005,1006],{},"The component is built from the headless core Avatar primitives.",[466,1008,1010],{"id":1009},"related-components","Related components",[539,1012,1013,1022,1028],{},[542,1014,1015,1021],{},[1016,1017,1018],"a",{"href":97},[474,1019,1020],{},"AvatarGroup"," for overlapping collections.",[542,1023,1024,1027],{},[474,1025,1026],{},"Chip"," for status markers.",[542,1029,1030,1033],{},[474,1031,1032],{},"User"," for an avatar with name and description.",{"title":1035,"searchDepth":1036,"depth":1037,"links":1038},"",1,2,[1039,1040,1045,1046,1047,1048,1049,1050,1051,1052],{"id":468,"depth":1037,"text":469},{"id":497,"depth":1037,"text":498,"children":1041},[1042,1044],{"id":504,"depth":1043,"text":505},3,{"id":511,"depth":1043,"text":512},{"id":536,"depth":1037,"text":537},{"id":586,"depth":1037,"text":587},{"id":813,"depth":1037,"text":814},{"id":820,"depth":1037,"text":821},{"id":863,"depth":1037,"text":864},{"id":958,"depth":1037,"text":328},{"id":977,"depth":1037,"text":978},{"id":1009,"depth":1037,"text":1010},"Display a profile image with text, icon, and status fallbacks.",[1055],{"label":1056,"icon":1057,"to":1058,"target":1059},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FAvatar.vue","_blank",{},{"icon":94},{"title":91,"description":1053},"0M0oONtrxt0mFyjWYkAznVdzPqs2ov8Sp1fvhcKuuuc",[1065,1067],{"title":86,"path":87,"stem":88,"description":1066,"icon":-1,"children":-1,"navigation":-1},"Constrain content to a fixed width-to-height ratio.",{"title":96,"path":97,"stem":98,"description":1068,"icon":-1,"children":-1,"navigation":-1},"Stack avatars and collapse overflow into a count.",1785060123109]