[{"data":1,"prerenderedAt":890},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Favatar-group":406,"\u002Fcomponents\u002Favatar-group-surround":885},[4,34,51,301,327,332,337],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,65,70,75,80,85,90,95,100,105,110,115,120,125,130,135,140,144,149,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,242,246,251,256,261,266,271,276,280,284,288,292,296],{"title":52,"path":54,"stem":58,"package":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"icon":64},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":66,"path":67,"stem":68,"package":63,"icon":69},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":71,"path":72,"stem":73,"package":63,"icon":74},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":76,"path":77,"stem":78,"package":79,"icon":74},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":81,"path":82,"stem":83,"package":63,"icon":84},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","i-lucide-smartphone",{"title":86,"path":87,"stem":88,"package":63,"icon":89},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":91,"path":92,"stem":93,"package":63,"icon":94},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":96,"path":97,"stem":98,"package":63,"icon":99},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":101,"path":102,"stem":103,"package":63,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"icon":109},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":111,"path":112,"stem":113,"package":63,"icon":114},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":116,"path":117,"stem":118,"package":63,"icon":119},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":121,"path":122,"stem":123,"package":79,"icon":124},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":126,"path":127,"stem":128,"package":79,"icon":129},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":131,"path":132,"stem":133,"package":79,"icon":134},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":136,"path":137,"stem":138,"package":63,"icon":139},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":141,"path":142,"stem":143,"package":79,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":145,"path":146,"stem":147,"package":63,"icon":148},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":150,"path":151,"stem":152,"package":63,"icon":69},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":154,"path":155,"stem":156,"package":63,"icon":157},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":159,"path":160,"stem":161,"package":63,"icon":162},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":164,"path":165,"stem":166,"package":63,"icon":167},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":169,"path":170,"stem":171,"package":63,"icon":172},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":174,"path":175,"stem":176,"package":63,"icon":177},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":179,"path":180,"stem":181,"package":79,"icon":182},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":184,"path":185,"stem":186,"package":63,"icon":187},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":189,"path":190,"stem":191,"package":79,"icon":192},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":194,"path":195,"stem":196,"package":63,"icon":197},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":199,"path":200,"stem":201,"package":63,"icon":202},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":204,"path":205,"stem":206,"package":63,"icon":207},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":209,"path":210,"stem":211,"package":63,"icon":212},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":214,"path":215,"stem":216,"package":63,"icon":217},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":219,"path":220,"stem":221,"package":63,"icon":222},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":224,"path":225,"stem":226,"package":79,"icon":227},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":229,"path":230,"stem":231,"package":63,"icon":232},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":234,"path":235,"stem":236,"package":63,"icon":237},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":239,"path":240,"stem":241,"package":79,"icon":69},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":243,"path":244,"stem":245,"package":63,"icon":162},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":247,"path":248,"stem":249,"package":63,"icon":250},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":252,"path":253,"stem":254,"package":63,"icon":255},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":257,"path":258,"stem":259,"package":63,"icon":260},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":262,"path":263,"stem":264,"package":63,"icon":265},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":267,"path":268,"stem":269,"package":63,"icon":270},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":272,"path":273,"stem":274,"package":63,"icon":275},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":277,"path":278,"stem":279,"package":63,"icon":162},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":281,"path":282,"stem":283,"package":63,"icon":148},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":285,"path":286,"stem":287,"package":63,"icon":207},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":289,"path":290,"stem":291,"package":63,"icon":275},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":293,"path":294,"stem":295,"package":63,"icon":162},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":297,"path":298,"stem":299,"package":63,"icon":300},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":302,"path":303,"stem":304,"children":305,"package":11,"icon":307},"Theming","\u002Ftheming","4.theming\u002F1.index",[306,308,312,317,322],{"title":302,"path":303,"stem":304,"package":11,"icon":307},"i-lucide-palette",{"title":309,"path":310,"stem":311,"package":11,"icon":250},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":313,"path":314,"stem":315,"package":11,"icon":316},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":318,"path":319,"stem":320,"package":11,"icon":321},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":323,"path":324,"stem":325,"package":11,"icon":326},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":328,"path":329,"stem":330,"package":11,"icon":331},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":333,"path":334,"stem":335,"package":11,"icon":336},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":338,"path":339,"stem":340,"children":341,"package":11,"icon":343},"Composables","\u002Fcomposables","7.composables\u002F1.index",[342,344,349,354,359,364,369,374,378,383,387,391,396,401],{"title":338,"path":339,"stem":340,"package":11,"icon":343},"i-lucide-square-function",{"title":345,"path":346,"stem":347,"package":11,"icon":348},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":350,"path":351,"stem":352,"package":11,"icon":353},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":355,"path":356,"stem":357,"package":11,"icon":358},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":360,"path":361,"stem":362,"package":11,"icon":363},"useStateMachine","\u002Fcomposables\u002Fuse-state-machine","7.composables\u002F13.use-state-machine","i-lucide-workflow",{"title":365,"path":366,"stem":367,"package":11,"icon":368},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":370,"path":371,"stem":372,"package":11,"icon":373},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":375,"path":376,"stem":377,"package":11,"icon":321},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":379,"path":380,"stem":381,"package":11,"icon":382},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":384,"path":385,"stem":386,"package":11,"icon":69},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":388,"path":389,"stem":390,"package":11,"icon":336},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":392,"path":393,"stem":394,"package":11,"icon":395},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":397,"path":398,"stem":399,"package":11,"icon":400},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":402,"path":403,"stem":404,"package":11,"icon":405},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"id":407,"title":96,"body":408,"description":873,"extension":874,"links":875,"meta":881,"navigation":882,"package":63,"path":97,"seo":883,"stem":98,"__hash__":884},"docs\u002F3.components\u002Favatar-group.md",{"type":409,"value":410,"toc":855},"minimark",[411,416,428,433,437,439,450,455,458,462,514,518,641,670,674,677,681,709,713,722,756,773,776,786,790,829,833],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,423,424,427],"p",{},[420,421,422],"code",{},"VyAvatarGroup"," overlaps avatars in a compact row, propagates a shared size and color, and can replace hidden children with a ",[420,425,426],{},"+N"," overflow avatar.",[429,430],"component-code",{"height":431,"name":432},"180px","avatar-group-example",[412,434,436],{"id":435},"usage","Usage",[429,438],{"height":431,"name":432},[417,440,441,442,445,446,449],{},"Child avatars inherit the group's ",[420,443,444],{},"size"," and ",[420,447,448],{},"color"," unless they set their own values.",[451,452,454],"h3",{"id":453},"mixed-avatar-styles","Mixed avatar styles",[429,456],{"height":431,"name":457},"avatar-group-mixed",[412,459,461],{"id":460},"features-and-behavior","Features and behavior",[463,464,465,476,479,489,499,505],"ul",{},[466,467,468,469,445,472,475],"li",{},"Fragment and comment nodes are flattened so ",[420,470,471],{},"v-for",[420,473,474],{},"v-if"," work in the default slot.",[466,477,478],{},"Children are rendered in reverse order inside a reverse row, preserving the first child's visual stacking priority.",[466,480,481,482,485,486,488],{},"With a positive ",[420,483,484],{},"max",", only the first ",[420,487,484],{}," avatars remain visible.",[466,490,491,492,495,496,498],{},"Hidden children are represented by an internally rendered ",[420,493,494],{},"VyAvatar"," containing ",[420,497,426],{},".",[466,500,501,502,504],{},"An absent, invalid, zero, or negative effective ",[420,503,484],{}," shows all children and no overflow avatar.",[466,506,507,508,510,511,498],{},"A string ",[420,509,484],{}," is parsed with ",[420,512,513],{},"Number.parseInt",[412,515,517],{"id":516},"props","Props",[519,520,521,540],"table",{},[522,523,524],"thead",{},[525,526,527,531,534,537],"tr",{},[528,529,530],"th",{},"Prop",[528,532,533],{},"Type",[528,535,536],{},"Default",[528,538,539],{},"Description",[541,542,543,563,582,603,622],"tbody",{},[525,544,545,550,555,560],{},[546,547,548],"td",{},[420,549,444],{},[546,551,552],{},[420,553,554],{},"'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'",[546,556,557],{},[420,558,559],{},"'md'",[546,561,562],{},"Shared child size and overlap spacing.",[525,564,565,569,574,579],{},[546,566,567],{},[420,568,448],{},[546,570,571],{},[420,572,573],{},"Color",[546,575,576],{},[420,577,578],{},"'neutral'",[546,580,581],{},"Shared child fallback color.",[525,583,584,588,593,598],{},[546,585,586],{},[420,587,484],{},[546,589,590],{},[420,591,592],{},"number | string",[546,594,595],{},[420,596,597],{},"undefined",[546,599,600,601,498],{},"Maximum visible children before rendering ",[420,602,426],{},[525,604,605,610,615,619],{},[546,606,607],{},[420,608,609],{},"class",[546,611,612],{},[420,613,614],{},"any",[546,616,617],{},[420,618,597],{},[546,620,621],{},"Classes merged onto the group root.",[525,623,624,629,634,638],{},[546,625,626],{},[420,627,628],{},"ui",[546,630,631],{},[420,632,633],{},"Partial\u003CRecord\u003CAvatarGroupSlot, any>>",[546,635,636],{},[420,637,597],{},[546,639,640],{},"Per-instance theme slot overrides.",[417,642,643,645,646,649,650,649,653,649,656,649,659,649,662,665,666,669],{},[420,644,573],{}," defaults to ",[420,647,648],{},"primary",", ",[420,651,652],{},"secondary",[420,654,655],{},"success",[420,657,658],{},"info",[420,660,661],{},"warning",[420,663,664],{},"error",", or ",[420,667,668],{},"neutral",", and supports registry extensions.",[412,671,673],{"id":672},"emits","Emits",[417,675,676],{},"This component does not emit events.",[412,678,680],{"id":679},"slots","Slots",[519,682,683,694],{},[522,684,685],{},[525,686,687,690,692],{},[528,688,689],{},"Slot",[528,691,517],{},[528,693,539],{},[541,695,696],{},[525,697,698,703,706],{},[546,699,700],{},[420,701,702],{},"default",[546,704,705],{},"—",[546,707,708],{},"Avatar children. Fragments are flattened before limiting and reordering.",[412,710,712],{"id":711},"styling-and-theming","Styling and theming",[417,714,715,716,719,720,498],{},"Override globally through ",[420,717,718],{},"appConfig.ui.avatarGroup"," or locally with ",[420,721,628],{},[519,723,724,734],{},[522,725,726],{},[525,727,728,731],{},[528,729,730],{},"UI slot",[528,732,733],{},"Purpose",[541,735,736,746],{},[525,737,738,743],{},[546,739,740],{},[420,741,742],{},"root",[546,744,745],{},"Reverse horizontal group layout.",[525,747,748,753],{},[546,749,750],{},[420,751,752],{},"base",[546,754,755],{},"Border, negative margin, and stacking class applied to every visible and overflow avatar.",[417,757,758,759,761,762,765,766,769,770,772],{},"The ",[420,760,444],{}," variant adjusts overlap from ",[420,763,764],{},"-me-1.5"," through ",[420,767,768],{},"-me-3","; all sizes use a two-pixel white border. The ",[420,771,448],{}," variant exists to type and propagate the shared color but adds no classes to the group itself.",[412,774,328],{"id":775},"accessibility",[417,777,778,779,782,783,785],{},"Each avatar should have meaningful ",[420,780,781],{},"alt"," text or be wrapped by a labeled interactive control. The generated ",[420,784,426],{}," avatar is visual summary text; if the exact hidden identities matter to assistive technology, provide that information elsewhere in the surrounding interface.",[412,787,789],{"id":788},"platform-notes","Platform notes",[463,791,792,816,823],{},[466,793,794,795,798,799,802,803,649,806,649,808,811,812,815],{},"The theme uses ",[420,796,797],{},"flex",", not ",[420,800,801],{},"inline-flex",", because Lynx supports ",[420,804,805],{},"none",[420,807,797],{},[420,809,810],{},"grid",", and ",[420,813,814],{},"linear"," display modes.",[466,817,818,819,822],{},"A white border is used instead of Nuxt UI's web ",[420,820,821],{},"ring-bg"," token; the default theme is light-mode-oriented.",[466,824,825,826,828],{},"Group values are passed to descendant ",[420,827,494],{}," components through Vue dependency injection.",[412,830,832],{"id":831},"related-components","Related components",[463,834,835,843,849],{},[466,836,837,842],{},[838,839,840],"a",{"href":92},[420,841,91],{}," for individual profile imagery.",[466,844,845,848],{},[420,846,847],{},"User"," for an avatar with text metadata.",[466,850,851,854],{},[420,852,853],{},"Tooltip"," for exposing additional identity information.",{"title":856,"searchDepth":857,"depth":858,"links":859},"",1,2,[860,861,865,866,867,868,869,870,871,872],{"id":414,"depth":858,"text":415},{"id":435,"depth":858,"text":436,"children":862},[863],{"id":453,"depth":864,"text":454},3,{"id":460,"depth":858,"text":461},{"id":516,"depth":858,"text":517},{"id":672,"depth":858,"text":673},{"id":679,"depth":858,"text":680},{"id":711,"depth":858,"text":712},{"id":775,"depth":858,"text":328},{"id":788,"depth":858,"text":789},{"id":831,"depth":858,"text":832},"Stack avatars and collapse overflow into a count.","md",[876],{"label":877,"icon":878,"to":879,"target":880},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FAvatarGroup.vue","_blank",{},{"icon":99},{"title":96,"description":873},"jbMu68J5ROVBUNmOn_AZCxaXUg_oQMIGhew3t-B9Vdw",[886,888],{"title":91,"path":92,"stem":93,"description":887,"icon":-1,"children":-1,"navigation":-1},"Display a profile image with text, icon, and status fallbacks.",{"title":101,"path":102,"stem":103,"description":889,"icon":-1,"children":-1,"navigation":-1},"A pressable button with color, variant, size, icon, avatar, and loading states.",1783534417585]