[{"data":1,"prerenderedAt":797},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Favatar-group":313,"\u002Fcomponents\u002Favatar-group-surround":792},[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":88,"body":315,"description":780,"extension":781,"links":782,"meta":788,"navigation":789,"package":60,"path":89,"seo":790,"stem":90,"__hash__":791},"docs\u002F3.components\u002Favatar-group.md",{"type":316,"value":317,"toc":762},"minimark",[318,323,335,340,344,346,357,362,365,369,421,425,548,577,581,584,588,616,620,629,663,680,683,693,697,736,740],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330,331,334],"p",{},[327,328,329],"code",{},"VyAvatarGroup"," overlaps avatars in a compact row, propagates a shared size and color, and can replace hidden children with a ",[327,332,333],{},"+N"," overflow avatar.",[336,337],"component-code",{"height":338,"name":339},"180px","avatar-group-example",[319,341,343],{"id":342},"usage","Usage",[336,345],{"height":338,"name":339},[324,347,348,349,352,353,356],{},"Child avatars inherit the group's ",[327,350,351],{},"size"," and ",[327,354,355],{},"color"," unless they set their own values.",[358,359,361],"h3",{"id":360},"mixed-avatar-styles","Mixed avatar styles",[336,363],{"height":338,"name":364},"avatar-group-mixed",[319,366,368],{"id":367},"features-and-behavior","Features and behavior",[370,371,372,383,386,396,406,412],"ul",{},[373,374,375,376,352,379,382],"li",{},"Fragment and comment nodes are flattened so ",[327,377,378],{},"v-for",[327,380,381],{},"v-if"," work in the default slot.",[373,384,385],{},"Children are rendered in reverse order inside a reverse row, preserving the first child's visual stacking priority.",[373,387,388,389,392,393,395],{},"With a positive ",[327,390,391],{},"max",", only the first ",[327,394,391],{}," avatars remain visible.",[373,397,398,399,402,403,405],{},"Hidden children are represented by an internally rendered ",[327,400,401],{},"VyAvatar"," containing ",[327,404,333],{},".",[373,407,408,409,411],{},"An absent, invalid, zero, or negative effective ",[327,410,391],{}," shows all children and no overflow avatar.",[373,413,414,415,417,418,405],{},"A string ",[327,416,391],{}," is parsed with ",[327,419,420],{},"Number.parseInt",[319,422,424],{"id":423},"props","Props",[426,427,428,447],"table",{},[429,430,431],"thead",{},[432,433,434,438,441,444],"tr",{},[435,436,437],"th",{},"Prop",[435,439,440],{},"Type",[435,442,443],{},"Default",[435,445,446],{},"Description",[448,449,450,470,489,510,529],"tbody",{},[432,451,452,457,462,467],{},[453,454,455],"td",{},[327,456,351],{},[453,458,459],{},[327,460,461],{},"'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'",[453,463,464],{},[327,465,466],{},"'md'",[453,468,469],{},"Shared child size and overlap spacing.",[432,471,472,476,481,486],{},[453,473,474],{},[327,475,355],{},[453,477,478],{},[327,479,480],{},"Color",[453,482,483],{},[327,484,485],{},"'neutral'",[453,487,488],{},"Shared child fallback color.",[432,490,491,495,500,505],{},[453,492,493],{},[327,494,391],{},[453,496,497],{},[327,498,499],{},"number | string",[453,501,502],{},[327,503,504],{},"undefined",[453,506,507,508,405],{},"Maximum visible children before rendering ",[327,509,333],{},[432,511,512,517,522,526],{},[453,513,514],{},[327,515,516],{},"class",[453,518,519],{},[327,520,521],{},"any",[453,523,524],{},[327,525,504],{},[453,527,528],{},"Classes merged onto the group root.",[432,530,531,536,541,545],{},[453,532,533],{},[327,534,535],{},"ui",[453,537,538],{},[327,539,540],{},"Partial\u003CRecord\u003CAvatarGroupSlot, any>>",[453,542,543],{},[327,544,504],{},[453,546,547],{},"Per-instance theme slot overrides.",[324,549,550,552,553,556,557,556,560,556,563,556,566,556,569,572,573,576],{},[327,551,480],{}," defaults to ",[327,554,555],{},"primary",", ",[327,558,559],{},"secondary",[327,561,562],{},"success",[327,564,565],{},"info",[327,567,568],{},"warning",[327,570,571],{},"error",", or ",[327,574,575],{},"neutral",", and supports registry extensions.",[319,578,580],{"id":579},"emits","Emits",[324,582,583],{},"This component does not emit events.",[319,585,587],{"id":586},"slots","Slots",[426,589,590,601],{},[429,591,592],{},[432,593,594,597,599],{},[435,595,596],{},"Slot",[435,598,424],{},[435,600,446],{},[448,602,603],{},[432,604,605,610,613],{},[453,606,607],{},[327,608,609],{},"default",[453,611,612],{},"—",[453,614,615],{},"Avatar children. Fragments are flattened before limiting and reordering.",[319,617,619],{"id":618},"styling-and-theming","Styling and theming",[324,621,622,623,626,627,405],{},"Override globally through ",[327,624,625],{},"appConfig.ui.avatarGroup"," or locally with ",[327,628,535],{},[426,630,631,641],{},[429,632,633],{},[432,634,635,638],{},[435,636,637],{},"UI slot",[435,639,640],{},"Purpose",[448,642,643,653],{},[432,644,645,650],{},[453,646,647],{},[327,648,649],{},"root",[453,651,652],{},"Reverse horizontal group layout.",[432,654,655,660],{},[453,656,657],{},[327,658,659],{},"base",[453,661,662],{},"Border, negative margin, and stacking class applied to every visible and overflow avatar.",[324,664,665,666,668,669,672,673,676,677,679],{},"The ",[327,667,351],{}," variant adjusts overlap from ",[327,670,671],{},"-me-1.5"," through ",[327,674,675],{},"-me-3","; all sizes use a two-pixel white border. The ",[327,678,355],{}," variant exists to type and propagate the shared color but adds no classes to the group itself.",[319,681,299],{"id":682},"accessibility",[324,684,685,686,689,690,692],{},"Each avatar should have meaningful ",[327,687,688],{},"alt"," text or be wrapped by a labeled interactive control. The generated ",[327,691,333],{}," avatar is visual summary text; if the exact hidden identities matter to assistive technology, provide that information elsewhere in the surrounding interface.",[319,694,696],{"id":695},"platform-notes","Platform notes",[370,698,699,723,730],{},[373,700,701,702,705,706,709,710,556,713,556,715,718,719,722],{},"The theme uses ",[327,703,704],{},"flex",", not ",[327,707,708],{},"inline-flex",", because Lynx supports ",[327,711,712],{},"none",[327,714,704],{},[327,716,717],{},"grid",", and ",[327,720,721],{},"linear"," display modes.",[373,724,725,726,729],{},"A white border is used instead of Nuxt UI's web ",[327,727,728],{},"ring-bg"," token; the default theme is light-mode-oriented.",[373,731,732,733,735],{},"Group values are passed to descendant ",[327,734,401],{}," components through Vue dependency injection.",[319,737,739],{"id":738},"related-components","Related components",[370,741,742,750,756],{},[373,743,744,749],{},[745,746,747],"a",{"href":84},[327,748,83],{}," for individual profile imagery.",[373,751,752,755],{},[327,753,754],{},"User"," for an avatar with text metadata.",[373,757,758,761],{},[327,759,760],{},"Tooltip"," for exposing additional identity information.",{"title":763,"searchDepth":764,"depth":765,"links":766},"",1,2,[767,768,772,773,774,775,776,777,778,779],{"id":321,"depth":765,"text":322},{"id":342,"depth":765,"text":343,"children":769},[770],{"id":360,"depth":771,"text":361},3,{"id":367,"depth":765,"text":368},{"id":423,"depth":765,"text":424},{"id":579,"depth":765,"text":580},{"id":586,"depth":765,"text":587},{"id":618,"depth":765,"text":619},{"id":682,"depth":765,"text":299},{"id":695,"depth":765,"text":696},{"id":738,"depth":765,"text":739},"Stack avatars and collapse overflow into a count.","md",[783],{"label":784,"icon":785,"to":786,"target":787},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FAvatarGroup.vue","_blank",{},{"icon":91},{"title":88,"description":780},"jbMu68J5ROVBUNmOn_AZCxaXUg_oQMIGhew3t-B9Vdw",[793,795],{"title":83,"path":84,"stem":85,"description":794,"icon":-1,"children":-1,"navigation":-1},"Display a profile image with text, icon, and status fallbacks.",{"title":93,"path":94,"stem":95,"description":796,"icon":-1,"children":-1,"navigation":-1},"A pressable button with color, variant, size, icon, avatar, and loading states.",1783464075394]