[{"data":1,"prerenderedAt":493},["ShallowReactive",2],{"i-ph:magnifying-glass":3,"i-ph:circle":8,"i-ph:moon":10,"i-ph:github-logo":12,"i-ph:brackets-curly":14,"i-ph:file-css":16,"i-ph:rectangle-dashed":18,"i-ph:arrow-left":20,"i-ph:arrow-right":22,"components-avatar":24,"i-ph:person":491},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"M208.31 75.68A59.78 59.78 0 0 0 202.93 28a8 8 0 0 0-6.93-4a59.75 59.75 0 0 0-48 24h-24a59.75 59.75 0 0 0-48-24a8 8 0 0 0-6.93 4a59.78 59.78 0 0 0-5.38 47.68A58.14 58.14 0 0 0 56 104v8a56.06 56.06 0 0 0 48.44 55.47A39.8 39.8 0 0 0 96 192v8H72a24 24 0 0 1-24-24a40 40 0 0 0-40-40a8 8 0 0 0 0 16a24 24 0 0 1 24 24a40 40 0 0 0 40 40h24v16a8 8 0 0 0 16 0v-40a24 24 0 0 1 48 0v40a8 8 0 0 0 16 0v-40a39.8 39.8 0 0 0-8.44-24.53A56.06 56.06 0 0 0 216 112v-8a58.14 58.14 0 0 0-7.69-28.32M200 112a40 40 0 0 1-40 40h-48a40 40 0 0 1-40-40v-8a41.74 41.74 0 0 1 6.9-22.48a8 8 0 0 0 1.1-7.69a43.8 43.8 0 0 1 .79-33.58a43.88 43.88 0 0 1 32.32 20.06a8 8 0 0 0 6.71 3.69h32.35a8 8 0 0 0 6.74-3.69a43.87 43.87 0 0 1 32.32-20.06a43.8 43.8 0 0 1 .77 33.58a8.09 8.09 0 0 0 1 7.65a41.7 41.7 0 0 1 7 22.52Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66a8 8 0 1 1 11.55 11.06A30 30 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30 30 0 0 1 21.77 9.6a8 8 0 1 1-11.55 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20m79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84c-1.26-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.83-.56a8 8 0 0 0 4.07-15.48c-2.12-.55-21-5.22-32.83 2.76a20.55 20.55 0 0 0-9 14.95c-2 15.88 13.64 20.41 23 23.11c12.07 3.49 13.13 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.14 3.93c-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.3 15.41a61.2 61.2 0 0 0 15.18 2c5.83 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.25-17.28-14.27-22.11-24.15-24.97m64 0c-4-1.16-8.14-2.35-10.45-3.84c-1.25-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11c12.06 3.49 13.12 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.15 3.93c-4.6 3.06-15.16 1.56-19.54.36a8 8 0 0 0-4.3 15.44a61.3 61.3 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0m120-32h28.68L160 51.31Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M80 48a8 8 0 0 1-8 8H40v16a8 8 0 0 1-16 0V56a16 16 0 0 1 16-16h32a8 8 0 0 1 8 8M32 152a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8m40 48H40v-16a8 8 0 0 0-16 0v16a16 16 0 0 0 16 16h32a8 8 0 0 0 0-16m72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m80-24a8 8 0 0 0-8 8v16h-32a8 8 0 0 0 0 16h32a16 16 0 0 0 16-16v-16a8 8 0 0 0-8-8m0-72a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-8-64h-32a8 8 0 0 0 0 16h32v16a8 8 0 0 0 16 0V56a16 16 0 0 0-16-16m-72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"currentColor\" d=\"m221.66 133.66l-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32\"/>",{"id":25,"title":26,"body":27,"description":37,"extension":485,"meta":486,"navigation":115,"path":487,"seo":488,"stem":489,"__hash__":490},"docs/docs/components/avatar.md","Avatar",{"type":28,"value":29,"toc":481},"minimark",[30,34,38,261,266,399,403,477],[31,32,26],"h1",{"id":33},"avatar",[35,36,37],"p",{},"The Avatar component displays a thumbnail image representing a user or entity. When no image source is provided, it shows a default avatar illustration.",[39,40,41],"avatar-example",{},[42,43,48],"pre",{"className":44,"code":45,"language":46,"meta":47,"style":47},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Avatar } from '@dolanske/vui'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CAvatar />\n  \u003CAvatar>JD\u003C/Avatar>\n  \u003CAvatar url=\"https://github.com/dolanske.png\" size=\"l\" />\n  \u003CAvatar :size=\"80\">\n    \u003CIcon name=\"ph:person\" />\n  \u003C/Avatar>\n\u003C/template>\n","vue","",[49,50,51,71,100,110,117,127,138,158,193,219,242,252],"code",{"__ignoreMap":47},[52,53,56,60,64,68],"span",{"class":54,"line":55},"line",1,[52,57,59],{"class":58},"sP76a","\u003C",[52,61,63],{"class":62},"sKpE2","script",[52,65,67],{"class":66},"sflEz"," setup",[52,69,70],{"class":58},">\n",[52,72,74,77,80,83,86,89,93,97],{"class":54,"line":73},2,[52,75,76],{"class":62},"import",[52,78,79],{"class":58}," {",[52,81,82],{"class":66}," Avatar",[52,84,85],{"class":58}," }",[52,87,88],{"class":62}," from",[52,90,92],{"class":91},"sBR95"," '",[52,94,96],{"class":95},"sfmH-","@dolanske/vui",[52,98,99],{"class":91},"'\n",[52,101,103,106,108],{"class":54,"line":102},3,[52,104,105],{"class":58},"\u003C/",[52,107,63],{"class":62},[52,109,70],{"class":58},[52,111,113],{"class":54,"line":112},4,[52,114,116],{"emptyLinePlaceholder":115},true,"\n",[52,118,120,122,125],{"class":54,"line":119},5,[52,121,59],{"class":58},[52,123,124],{"class":62},"template",[52,126,70],{"class":58},[52,128,130,133,135],{"class":54,"line":129},6,[52,131,132],{"class":58},"  \u003C",[52,134,26],{"class":62},[52,136,137],{"class":58}," />\n",[52,139,141,143,145,148,152,154,156],{"class":54,"line":140},7,[52,142,132],{"class":58},[52,144,26],{"class":62},[52,146,147],{"class":58},">",[52,149,151],{"class":150},"sX1ls","JD",[52,153,105],{"class":58},[52,155,26],{"class":62},[52,157,70],{"class":58},[52,159,161,163,165,168,171,174,177,179,182,184,186,189,191],{"class":54,"line":160},8,[52,162,132],{"class":58},[52,164,26],{"class":62},[52,166,167],{"class":66}," url",[52,169,170],{"class":58},"=",[52,172,173],{"class":91},"\"",[52,175,176],{"class":95},"https://github.com/dolanske.png",[52,178,173],{"class":91},[52,180,181],{"class":66}," size",[52,183,170],{"class":58},[52,185,173],{"class":91},[52,187,188],{"class":95},"l",[52,190,173],{"class":91},[52,192,137],{"class":58},[52,194,196,198,200,203,207,209,211,215,217],{"class":54,"line":195},9,[52,197,132],{"class":58},[52,199,26],{"class":62},[52,201,202],{"class":58}," :",[52,204,206],{"class":205},"sRTv0","size",[52,208,170],{"class":58},[52,210,173],{"class":58},[52,212,214],{"class":213},"socUO","80",[52,216,173],{"class":58},[52,218,70],{"class":58},[52,220,222,225,228,231,233,235,238,240],{"class":54,"line":221},10,[52,223,224],{"class":58},"    \u003C",[52,226,227],{"class":62},"Icon",[52,229,230],{"class":66}," name",[52,232,170],{"class":58},[52,234,173],{"class":91},[52,236,237],{"class":95},"ph:person",[52,239,173],{"class":91},[52,241,137],{"class":58},[52,243,245,248,250],{"class":54,"line":244},11,[52,246,247],{"class":58},"  \u003C/",[52,249,26],{"class":62},[52,251,70],{"class":58},[52,253,255,257,259],{"class":54,"line":254},12,[52,256,105],{"class":58},[52,258,124],{"class":62},[52,260,70],{"class":58},[262,263,265],"h3",{"id":264},"props","Props",[267,268,269,285],"table",{},[270,271,272],"thead",{},[273,274,275,279,282],"tr",{},[276,277,278],"th",{},"Name",[276,280,281],{},"Default",[276,283,284],{},"Type",[286,287,288,317,347,365,381],"tbody",{},[273,289,290,295,300],{},[291,292,293],"td",{},[49,294,206],{},[291,296,297],{},[49,298,299],{},"m",[291,301,302,305,306,305,308,305,310,305,313,316],{},[49,303,304],{},"s"," ",[49,307,299],{},[49,309,188],{},[49,311,312],{},"number",[314,315],"br",{}," The size of the avatar. Can be a predefined size or custom number",[273,318,319,324,329],{},[291,320,321],{},[49,322,323],{},"radius",[291,325,326],{},[49,327,328],{},"pill",[291,330,331,305,334,305,336,305,338,305,340,305,342,305,344,346],{},[49,332,333],{},"xs",[49,335,304],{},[49,337,299],{},[49,339,188],{},[49,341,328],{},[49,343,312],{},[314,345],{}," The roundness of the avatar. The default is a circle",[273,348,349,354,357],{},[291,350,351],{},[49,352,353],{},"url",[291,355,356],{},"—",[291,358,359,305,362,364],{},[49,360,361],{},"string",[314,363],{}," URL of the avatar image to display",[273,366,367,372,374],{},[291,368,369],{},[49,370,371],{},"fallback",[291,373,356],{},[291,375,376,305,378,380],{},[49,377,361],{},[314,379],{}," Text to show when the image fails to load",[273,382,383,388,392],{},[291,384,385],{},[49,386,387],{},"alt",[291,389,390],{},[49,391,33],{},[291,393,394,305,396,398],{},[49,395,361],{},[314,397],{}," Alt text for the avatar image",[262,400,402],{"id":401},"slots","Slots",[267,404,405,417],{},[270,406,407],{},[273,408,409,411,414],{},[276,410,278],{},[276,412,413],{},"Accepts",[276,415,416],{},"Description",[286,418,419,440,459],{},[273,420,421,426,431],{},[291,422,423],{},[49,424,425],{},"default",[291,427,428],{},[49,429,430],{},"any",[291,432,433,434,436,437],{},"Content to display inside the avatar (e.g. initials or text). Takes priority over ",[49,435,353],{}," and ",[49,438,439],{},"icon",[273,441,442,446,450],{},[291,443,444],{},[49,445,439],{},[291,447,448],{},[49,449,430],{},[291,451,452,453,455,456,458],{},"Custom icon to show as the fallback when no ",[49,454,353],{}," or ",[49,457,425],{}," slot content is provided",[273,460,461,466,470],{},[291,462,463],{},[49,464,465],{},"overlay",[291,467,468],{},[49,469,430],{},[291,471,472,473,476],{},"Content rendered as an absolute overlay on top of the avatar (e.g. an ",[49,474,475],{},"Indicator"," or action button)",[478,479,480],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}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 .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);}",{"title":47,"searchDepth":73,"depth":73,"links":482},[483,484],{"id":264,"depth":102,"text":265},{"id":401,"depth":102,"text":402},"md",{},"/docs/components/avatar",{"title":26,"description":37},"docs/components/avatar","IKs3Y0FfK4nv5uvSZll5BNONtrig-mmu38tbfdZti0w",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":492},"\u003Cpath fill=\"currentColor\" d=\"M160 40a32 32 0 1 0-32 32a32 32 0 0 0 32-32m-32 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16m90.34 78.05l-45.17-51.22a32 32 0 0 0-24-10.83h-42.34a32 32 0 0 0-24 10.83l-45.17 51.22a20 20 0 0 0 28.13 28.43l16.3-13.08l-16.54 62.88A20 20 0 0 0 102 228.8l26-44.87l26 44.87a20 20 0 0 0 36.41-16.52l-16.5-62.88l16.3 13.08a20 20 0 0 0 28.13-28.43m-11.51 16.77a4 4 0 0 1-5.66 0c-.21-.2-.42-.4-.65-.58L165 121.76a8 8 0 0 0-12.74 8.24l22.88 87a7.7 7.7 0 0 0 .48 1.35a4 4 0 1 1-7.25 3.38a6 6 0 0 0-.33-.63L134.92 164a8 8 0 0 0-13.84 0L88 221.05a6 6 0 0 0-.33.63a4 4 0 0 1-2.26 2.07a4 4 0 0 1-5-5.45a7.7 7.7 0 0 0 .48-1.35L103.74 130A8 8 0 0 0 91 121.76l-35.52 28.48c-.23.18-.44.38-.65.58a4 4 0 1 1-5.66-5.65c.12-.12.23-.24.34-.37l45.32-51.39a16 16 0 0 1 12-5.41h42.34a16 16 0 0 1 12 5.41l45.32 51.39c.11.13.22.25.34.37a4 4 0 0 1 0 5.65\"/>",1777992280010]