[{"data":1,"prerenderedAt":617},["ShallowReactive",2],{"content-navigation":3,"docs-shell-navigation":42,"content-page:\u002Fcomponents\u002Fidenticon-avatar":53,"content-surround:\u002Fcomponents\u002Fidenticon-avatar":612},[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":26,"body":55,"description":607,"extension":608,"meta":609,"navigation":149,"path":27,"seo":610,"stem":28,"__hash__":611},"docs\u002F02.components\u002F04.identicon-avatar.md",{"type":56,"value":57,"toc":602},"minimark",[58,62,70,75,207,211,401,405,599],[59,60,26],"h1",{"id":61},"identiconavatar",[63,64,65,69],"p",{},[66,67,68],"code",{},"\u003CIdenticonAvatar>"," renders a deterministic, GitHub-style geometric identicon from any seed.",[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 { IdenticonAvatar } from '@maxnth\u002Fgestalt'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CIdenticonAvatar seed=\"jane@example.com\" :size=\"96\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[66,83,84,104,134,144,151,161,198],{"__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"," IdenticonAvatar",[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],{"class":87,"line":163},6,[85,165,166],{"class":91},"  \u003C",[85,168,26],{"class":95},[85,170,171],{"class":99}," seed",[85,173,174],{"class":91},"=",[85,176,177],{"class":91},"\"",[85,179,180],{"class":129},"jane@example.com",[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":91}," \u002F>\n",[85,199,201,203,205],{"class":87,"line":200},7,[85,202,139],{"class":91},[85,204,158],{"class":95},[85,206,103],{"class":91},[71,208,210],{"id":209},"props","Props",[212,213,214,233],"table",{},[215,216,217],"thead",{},[218,219,220,224,227,230],"tr",{},[221,222,223],"th",{},"Prop",[221,225,226],{},"Type",[221,228,229],{},"Default",[221,231,232],{},"Description",[234,235,236,255,275,295,315,340,360,384],"tbody",{},[218,237,238,244,249,252],{},[239,240,241],"td",{},[66,242,243],{},"seed",[239,245,246],{},[66,247,248],{},"string | number",[239,250,251],{},"—",[239,253,254],{},"Any value; each unique seed yields a unique pattern.",[218,256,257,262,267,272],{},[239,258,259],{},[66,260,261],{},"size",[239,263,264],{},[66,265,266],{},"number",[239,268,269],{},[66,270,271],{},"32",[239,273,274],{},"Rendered size in pixels.",[218,276,277,282,287,292],{},[239,278,279],{},[66,280,281],{},"radius",[239,283,284],{},[66,285,286],{},"number | string",[239,288,289],{},[66,290,291],{},"\"9999px\"",[239,293,294],{},"Corner radius. Number is pixels; string is CSS.",[218,296,297,302,307,312],{},[239,298,299],{},[66,300,301],{},"mirror",[239,303,304],{},[66,305,306],{},"\"horizontal\" | \"vertical\" | \"both\" | \"none\"",[239,308,309],{},[66,310,311],{},"\"horizontal\"",[239,313,314],{},"Which axis to mirror.",[218,316,317,322,327,329],{},[239,318,319],{},[66,320,321],{},"foreground",[239,323,324],{},[66,325,326],{},"string",[239,328,251],{},[239,330,331,332,335,336,339],{},"Cell color as ",[66,333,334],{},"#RGB"," or ",[66,337,338],{},"#RRGGBB","; invalid values use the generated color.",[218,341,342,347,351,353],{},[239,343,344],{},[66,345,346],{},"background",[239,348,349],{},[66,350,326],{},[239,352,251],{},[239,354,355,356,335,358,339],{},"SVG background as ",[66,357,334],{},[66,359,338],{},[218,361,362,367,372,377],{},[239,363,364],{},[66,365,366],{},"ring",[239,368,369],{},[66,370,371],{},"boolean | number | string",[239,373,374],{},[66,375,376],{},"false",[239,378,379,380,383],{},"Optional outline. ",[66,381,382],{},"true"," = white 2px ring.",[218,385,386,391,396,398],{},[239,387,388],{},[66,389,390],{},"style",[239,392,393],{},[66,394,395],{},"object",[239,397,251],{},[239,399,400],{},"Extra inline styles merged onto the wrapper.",[71,402,404],{"id":403},"mirror-modes","Mirror modes",[76,406,408],{"className":78,"code":407,"language":80,"meta":81,"style":81},"\u003CIdenticonAvatar seed=\"github\" :size=\"96\" mirror=\"horizontal\" ring \u002F>\n\n\u003CIdenticonAvatar seed=\"github\" :size=\"96\" mirror=\"vertical\" ring \u002F>\n\n\u003CIdenticonAvatar seed=\"github\" :size=\"96\" mirror=\"both\" ring \u002F>\n\n\u003CIdenticonAvatar seed=\"github\" :size=\"96\" mirror=\"none\" ring \u002F>\n",[66,409,410,458,462,505,509,552,556],{"__ignoreMap":81},[85,411,412,414,416,418,420,422,425,427,430,432,434,436,439,441,444,446,448,451,453,456],{"class":87,"line":88},[85,413,92],{"class":91},[85,415,26],{"class":95},[85,417,171],{"class":99},[85,419,174],{"class":91},[85,421,177],{"class":91},[85,423,424],{"class":129},"github",[85,426,177],{"class":91},[85,428,429],{"class":91}," :",[85,431,261],{"class":99},[85,433,174],{"class":91},[85,435,177],{"class":91},[85,437,192],{"class":438},"sbssI",[85,440,177],{"class":91},[85,442,443],{"class":99}," mirror",[85,445,174],{"class":91},[85,447,177],{"class":91},[85,449,450],{"class":129},"horizontal",[85,452,177],{"class":91},[85,454,455],{"class":99}," ring",[85,457,197],{"class":91},[85,459,460],{"class":87,"line":106},[85,461,150],{"emptyLinePlaceholder":149},[85,463,464,466,468,470,472,474,476,478,480,482,484,486,488,490,492,494,496,499,501,503],{"class":87,"line":136},[85,465,92],{"class":91},[85,467,26],{"class":95},[85,469,171],{"class":99},[85,471,174],{"class":91},[85,473,177],{"class":91},[85,475,424],{"class":129},[85,477,177],{"class":91},[85,479,429],{"class":91},[85,481,261],{"class":99},[85,483,174],{"class":91},[85,485,177],{"class":91},[85,487,192],{"class":438},[85,489,177],{"class":91},[85,491,443],{"class":99},[85,493,174],{"class":91},[85,495,177],{"class":91},[85,497,498],{"class":129},"vertical",[85,500,177],{"class":91},[85,502,455],{"class":99},[85,504,197],{"class":91},[85,506,507],{"class":87,"line":146},[85,508,150],{"emptyLinePlaceholder":149},[85,510,511,513,515,517,519,521,523,525,527,529,531,533,535,537,539,541,543,546,548,550],{"class":87,"line":153},[85,512,92],{"class":91},[85,514,26],{"class":95},[85,516,171],{"class":99},[85,518,174],{"class":91},[85,520,177],{"class":91},[85,522,424],{"class":129},[85,524,177],{"class":91},[85,526,429],{"class":91},[85,528,261],{"class":99},[85,530,174],{"class":91},[85,532,177],{"class":91},[85,534,192],{"class":438},[85,536,177],{"class":91},[85,538,443],{"class":99},[85,540,174],{"class":91},[85,542,177],{"class":91},[85,544,545],{"class":129},"both",[85,547,177],{"class":91},[85,549,455],{"class":99},[85,551,197],{"class":91},[85,553,554],{"class":87,"line":163},[85,555,150],{"emptyLinePlaceholder":149},[85,557,558,560,562,564,566,568,570,572,574,576,578,580,582,584,586,588,590,593,595,597],{"class":87,"line":200},[85,559,92],{"class":91},[85,561,26],{"class":95},[85,563,171],{"class":99},[85,565,174],{"class":91},[85,567,177],{"class":91},[85,569,424],{"class":129},[85,571,177],{"class":91},[85,573,429],{"class":91},[85,575,261],{"class":99},[85,577,174],{"class":91},[85,579,177],{"class":91},[85,581,192],{"class":438},[85,583,177],{"class":91},[85,585,443],{"class":99},[85,587,174],{"class":91},[85,589,177],{"class":91},[85,591,592],{"class":129},"none",[85,594,177],{"class":91},[85,596,455],{"class":99},[85,598,197],{"class":91},[390,600,601],{},"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":603},[604,605,606],{"id":73,"depth":106,"text":74},{"id":209,"depth":106,"text":210},{"id":403,"depth":106,"text":404},"\u003CIdenticonAvatar> renders a deterministic, GitHub-style geometric identicon from any seed.","md",{},{"title":26,"description":607},"pxzElOBTVbhOludjsFrHc_uPFiDuYvYsOhke_u-X4og",[613,615],{"title":22,"path":23,"stem":24,"description":614,"children":-1},"\u003CInitialsAvatar> renders one or two initials on a solid background — perfect for fallback profile pictures.",{"title":30,"path":31,"stem":32,"description":616,"children":-1},"The \u003CFlowFieldAvatar> component renders deterministic streamlines through a seed-derived noise field.",1784287256266]