[{"data":1,"prerenderedAt":629},["ShallowReactive",2],{"content-navigation":3,"docs-shell-navigation":42,"content-page:\u002Fcomponents\u002Finitials-avatar":53,"content-surround:\u002Fcomponents\u002Finitials-avatar":624},[4,8,34,38],{"title":5,"path":6,"stem":7},"Getting Started","\u002Fgetting-started","01.getting-started",{"title":9,"path":10,"stem":11,"children":12,"page":33},"Components","\u002Fcomponents","02.components",[13,17,21,25,29],{"title":14,"path":15,"stem":16},"Avatar","\u002Fcomponents\u002Favatar","02.components\u002F01.avatar",{"title":18,"path":19,"stem":20},"GradientAvatar","\u002Fcomponents\u002Fgradient-avatar","02.components\u002F02.gradient-avatar",{"title":22,"path":23,"stem":24},"InitialsAvatar","\u002Fcomponents\u002Finitials-avatar","02.components\u002F03.initials-avatar",{"title":26,"path":27,"stem":28},"IdenticonAvatar","\u002Fcomponents\u002Fidenticon-avatar","02.components\u002F04.identicon-avatar",{"title":30,"path":31,"stem":32},"FlowFieldAvatar","\u002Fcomponents\u002Fflow-field-avatar","02.components\u002F05.flow-field-avatar",false,{"title":35,"path":36,"stem":37},"Custom Algorithm","\u002Fcustom-algorithm","03.custom-algorithm",{"title":39,"path":40,"stem":41},"Engine Helpers","\u002Fengine","04.engine",[43,44,51,52],{"title":5,"path":6,"stem":7},{"title":9,"path":10,"stem":11,"children":45,"page":33},[46,47,48,49,50],{"title":14,"path":15,"stem":16},{"title":18,"path":19,"stem":20},{"title":22,"path":23,"stem":24},{"title":26,"path":27,"stem":28},{"title":30,"path":31,"stem":32},{"title":35,"path":36,"stem":37},{"title":39,"path":40,"stem":41},{"id":54,"title":22,"body":55,"description":619,"extension":620,"meta":621,"navigation":149,"path":23,"seo":622,"stem":24,"__hash__":623},"docs\u002F02.components\u002F03.initials-avatar.md",{"type":56,"value":57,"toc":614},"minimark",[58,62,70,75,219,230,234,439,443,611],[59,60,22],"h1",{"id":61},"initialsavatar",[63,64,65,69],"p",{},[66,67,68],"code",{},"\u003CInitialsAvatar>"," renders one or two initials on a solid background — perfect for fallback profile pictures.",[71,72,74],"h2",{"id":73},"usage","Usage",[76,77,82],"pre",{"className":78,"code":79,"language":80,"meta":81,"style":81},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nimport { InitialsAvatar } from '@maxnth\u002Fgestalt'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CInitialsAvatar seed=\"Maximilian Nöth\" :size=\"96\" mode=\"double\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[66,83,84,104,134,144,151,161,210],{"__ignoreMap":81},[85,86,89,93,97,101],"span",{"class":87,"line":88},"line",1,[85,90,92],{"class":91},"sMK4o","\u003C",[85,94,96],{"class":95},"swJcz","script",[85,98,100],{"class":99},"spNyl"," setup",[85,102,103],{"class":91},">\n",[85,105,107,111,114,118,121,124,127,131],{"class":87,"line":106},2,[85,108,110],{"class":109},"s7zQu","import",[85,112,113],{"class":91}," {",[85,115,117],{"class":116},"sTEyZ"," InitialsAvatar",[85,119,120],{"class":91}," }",[85,122,123],{"class":109}," from",[85,125,126],{"class":91}," '",[85,128,130],{"class":129},"sfazB","@maxnth\u002Fgestalt",[85,132,133],{"class":91},"'\n",[85,135,137,140,142],{"class":87,"line":136},3,[85,138,139],{"class":91},"\u003C\u002F",[85,141,96],{"class":95},[85,143,103],{"class":91},[85,145,147],{"class":87,"line":146},4,[85,148,150],{"emptyLinePlaceholder":149},true,"\n",[85,152,154,156,159],{"class":87,"line":153},5,[85,155,92],{"class":91},[85,157,158],{"class":95},"template",[85,160,103],{"class":91},[85,162,164,167,169,172,175,178,181,183,186,188,190,193,195,198,200,202,205,207],{"class":87,"line":163},6,[85,165,166],{"class":91},"  \u003C",[85,168,22],{"class":95},[85,170,171],{"class":99}," seed",[85,173,174],{"class":91},"=",[85,176,177],{"class":91},"\"",[85,179,180],{"class":129},"Maximilian Nöth",[85,182,177],{"class":91},[85,184,185],{"class":99}," :size",[85,187,174],{"class":91},[85,189,177],{"class":91},[85,191,192],{"class":129},"96",[85,194,177],{"class":91},[85,196,197],{"class":99}," mode",[85,199,174],{"class":91},[85,201,177],{"class":91},[85,203,204],{"class":129},"double",[85,206,177],{"class":91},[85,208,209],{"class":91}," \u002F>\n",[85,211,213,215,217],{"class":87,"line":212},7,[85,214,139],{"class":91},[85,216,158],{"class":95},[85,218,103],{"class":91},[63,220,221,222,225,226,229],{},"Double initials split the seed by spaces, dashes, underscores, and dots, so ",[66,223,224],{},"Ada Lovelace"," becomes ",[66,227,228],{},"AL",".",[71,231,233],{"id":232},"props","Props",[235,236,237,256],"table",{},[238,239,240],"thead",{},[241,242,243,247,250,253],"tr",{},[244,245,246],"th",{},"Prop",[244,248,249],{},"Type",[244,251,252],{},"Default",[244,254,255],{},"Description",[257,258,259,278,298,318,338,362,382,398,422],"tbody",{},[241,260,261,267,272,275],{},[262,263,264],"td",{},[66,265,266],{},"seed",[262,268,269],{},[66,270,271],{},"string | number",[262,273,274],{},"—",[262,276,277],{},"The name or value used to derive the initials.",[241,279,280,285,290,295],{},[262,281,282],{},[66,283,284],{},"size",[262,286,287],{},[66,288,289],{},"number",[262,291,292],{},[66,293,294],{},"32",[262,296,297],{},"Rendered size in pixels.",[241,299,300,305,310,315],{},[262,301,302],{},[66,303,304],{},"radius",[262,306,307],{},[66,308,309],{},"number | string",[262,311,312],{},[66,313,314],{},"\"9999px\"",[262,316,317],{},"Corner radius. Number is pixels; string is CSS.",[241,319,320,325,330,335],{},[262,321,322],{},[66,323,324],{},"mode",[262,326,327],{},[66,328,329],{},"\"single\" | \"double\"",[262,331,332],{},[66,333,334],{},"\"single\"",[262,336,337],{},"Whether to show one or two initials.",[241,339,340,345,350,352],{},[262,341,342],{},[66,343,344],{},"background",[262,346,347],{},[66,348,349],{},"string",[262,351,274],{},[262,353,354,357,358,361],{},[66,355,356],{},"#RGB"," or ",[66,359,360],{},"#RRGGBB","; invalid values use the generated color.",[241,363,364,369,373,375],{},[262,365,366],{},[66,367,368],{},"color",[262,370,371],{},[66,372,349],{},[262,374,274],{},[262,376,377,357,379,381],{},[66,378,356],{},[66,380,360],{},"; invalid values use automatic contrast.",[241,383,384,389,393,395],{},[262,385,386],{},[66,387,388],{},"fontFamily",[262,390,391],{},[66,392,349],{},[262,394,274],{},[262,396,397],{},"Font family for the initials.",[241,399,400,405,410,415],{},[262,401,402],{},[66,403,404],{},"ring",[262,406,407],{},[66,408,409],{},"boolean | number | string",[262,411,412],{},[66,413,414],{},"false",[262,416,417,418,421],{},"Optional outline. ",[66,419,420],{},"true"," = white 2px ring.",[241,423,424,429,434,436],{},[262,425,426],{},[66,427,428],{},"style",[262,430,431],{},[66,432,433],{},"object",[262,435,274],{},[262,437,438],{},"Extra inline styles merged onto the wrapper.",[71,440,442],{"id":441},"examples","Examples",[76,444,446],{"className":78,"code":445,"language":80,"meta":81,"style":81},"\u003CInitialsAvatar seed=\"Jane Doe\" :size=\"96\" mode=\"single\" ring \u002F>\n\n\u003CInitialsAvatar seed=\"Jane Doe\" :size=\"96\" mode=\"double\" ring \u002F>\n\n\u003CInitialsAvatar seed=\"Ada Lovelace\" :size=\"96\" mode=\"double\" background=\"#1e293b\" color=\"#38bdf8\" ring \u002F>\n",[66,447,448,495,499,541,545],{"__ignoreMap":81},[85,449,450,452,454,456,458,460,463,465,468,470,472,474,477,479,481,483,485,488,490,493],{"class":87,"line":88},[85,451,92],{"class":91},[85,453,22],{"class":95},[85,455,171],{"class":99},[85,457,174],{"class":91},[85,459,177],{"class":91},[85,461,462],{"class":129},"Jane Doe",[85,464,177],{"class":91},[85,466,467],{"class":91}," :",[85,469,284],{"class":99},[85,471,174],{"class":91},[85,473,177],{"class":91},[85,475,192],{"class":476},"sbssI",[85,478,177],{"class":91},[85,480,197],{"class":99},[85,482,174],{"class":91},[85,484,177],{"class":91},[85,486,487],{"class":129},"single",[85,489,177],{"class":91},[85,491,492],{"class":99}," ring",[85,494,209],{"class":91},[85,496,497],{"class":87,"line":106},[85,498,150],{"emptyLinePlaceholder":149},[85,500,501,503,505,507,509,511,513,515,517,519,521,523,525,527,529,531,533,535,537,539],{"class":87,"line":136},[85,502,92],{"class":91},[85,504,22],{"class":95},[85,506,171],{"class":99},[85,508,174],{"class":91},[85,510,177],{"class":91},[85,512,462],{"class":129},[85,514,177],{"class":91},[85,516,467],{"class":91},[85,518,284],{"class":99},[85,520,174],{"class":91},[85,522,177],{"class":91},[85,524,192],{"class":476},[85,526,177],{"class":91},[85,528,197],{"class":99},[85,530,174],{"class":91},[85,532,177],{"class":91},[85,534,204],{"class":129},[85,536,177],{"class":91},[85,538,492],{"class":99},[85,540,209],{"class":91},[85,542,543],{"class":87,"line":146},[85,544,150],{"emptyLinePlaceholder":149},[85,546,547,549,551,553,555,557,559,561,563,565,567,569,571,573,575,577,579,581,583,586,588,590,593,595,598,600,602,605,607,609],{"class":87,"line":153},[85,548,92],{"class":91},[85,550,22],{"class":95},[85,552,171],{"class":99},[85,554,174],{"class":91},[85,556,177],{"class":91},[85,558,224],{"class":129},[85,560,177],{"class":91},[85,562,467],{"class":91},[85,564,284],{"class":99},[85,566,174],{"class":91},[85,568,177],{"class":91},[85,570,192],{"class":476},[85,572,177],{"class":91},[85,574,197],{"class":99},[85,576,174],{"class":91},[85,578,177],{"class":91},[85,580,204],{"class":129},[85,582,177],{"class":91},[85,584,585],{"class":99}," background",[85,587,174],{"class":91},[85,589,177],{"class":91},[85,591,592],{"class":129},"#1e293b",[85,594,177],{"class":91},[85,596,597],{"class":99}," color",[85,599,174],{"class":91},[85,601,177],{"class":91},[85,603,604],{"class":129},"#38bdf8",[85,606,177],{"class":91},[85,608,492],{"class":99},[85,610,209],{"class":91},[428,612,613],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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);}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 pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":81,"searchDepth":136,"depth":136,"links":615},[616,617,618],{"id":73,"depth":106,"text":74},{"id":232,"depth":106,"text":233},{"id":441,"depth":106,"text":442},"\u003CInitialsAvatar> renders one or two initials on a solid background — perfect for fallback profile pictures.","md",{},{"title":22,"description":619},"0cAnOH8fnflDwnNkLZbfpZNJz3fJ6xxNVqychRkBgyE",[625,627],{"title":18,"path":19,"stem":20,"description":626,"children":-1},"The \u003CGradientAvatar> component renders a deterministic, soft mesh-gradient avatar from any seed.",{"title":26,"path":27,"stem":28,"description":628,"children":-1},"\u003CIdenticonAvatar> renders a deterministic, GitHub-style geometric identicon from any seed.",1784287256266]