[{"data":1,"prerenderedAt":716},["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-popout-hover":24},{"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":709,"extension":710,"meta":711,"navigation":163,"path":712,"seo":713,"stem":714,"__hash__":715},"docs/docs/components/popout-hover.md","Popout Hover",{"type":28,"value":29,"toc":705},"minimark",[30,34,51,71,526,531,548,653,657,701],[31,32,26],"h1",{"id":33},"popout-hover",[35,36,37,38,42,43,46,47,50],"p",{},"A convenience wrapper around ",[39,40,41],"code",{},"Popout"," that automatically shows and hides the popout based on hover and focus events. Unlike ",[39,44,45],{},"Tooltip",", the content inside ",[39,48,49],{},"PopoutHover"," is fully interactive - users can move their mouse into the popout and interact with its contents.",[52,53,54],"blockquote",{},[35,55,56,57,59,60,62,63,66,67,70],{},"Please note: ",[39,58,49],{}," (and the underlying ",[39,61,41],{},") cannot be styled using ",[39,64,65],{},"scoped"," CSS in Vue SFC. Define a separate non-scoped ",[39,68,69],{},"\u003Cstyle>"," block to style the popout container.",[72,73,74],"popout-hover-example",{},[75,76,81],"pre",{"className":77,"code":78,"language":79,"meta":80,"style":80},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Avatar, Badge, Button, PopoutHover } from '@dolanske/vui'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CPopoutHover class=\"popout-hover-example\">\n    \u003Ctemplate #trigger>\n      \u003CBadge variant=\"success\" filled>\n        Online\n      \u003C/Badge>\n    \u003C/template>\n    \u003CFlex y-start gap=\"m\">\n      \u003Cbutton class=\"pointer\">\n        \u003CAvatar url=\"https://github.com/dolanske.png\" />\n      \u003C/button>\n      \u003Cdiv>\n        \u003Cspan class=\"text-bold block mb-xxs\">dolanske\u003C/span>\n        \u003Cp class=\"text-color-light text-s block mb-xs\">\n          Frontend engineer. The guy who made all of this yayyy!\n        \u003C/p>\n        \u003Cp class=\"text-color-light text-s\">\n          Checkout my \u003Ca href=\"https://github.com/dolanske\">Github\u003C/a>!\n        \u003C/p>\n      \u003C/div>\n    \u003C/Flex>\n  \u003C/PopoutHover>\n\u003C/template>\n","vue","",[39,82,83,103,148,158,165,175,198,215,241,248,258,268,293,314,338,347,357,387,407,413,423,443,480,489,498,507,517],{"__ignoreMap":80},[84,85,88,92,96,100],"span",{"class":86,"line":87},"line",1,[84,89,91],{"class":90},"sP76a","\u003C",[84,93,95],{"class":94},"sKpE2","script",[84,97,99],{"class":98},"sflEz"," setup",[84,101,102],{"class":90},">\n",[84,104,106,109,112,115,118,121,123,126,128,131,134,137,141,145],{"class":86,"line":105},2,[84,107,108],{"class":94},"import",[84,110,111],{"class":90}," {",[84,113,114],{"class":98}," Avatar",[84,116,117],{"class":90},",",[84,119,120],{"class":98}," Badge",[84,122,117],{"class":90},[84,124,125],{"class":98}," Button",[84,127,117],{"class":90},[84,129,130],{"class":98}," PopoutHover",[84,132,133],{"class":90}," }",[84,135,136],{"class":94}," from",[84,138,140],{"class":139},"sBR95"," '",[84,142,144],{"class":143},"sfmH-","@dolanske/vui",[84,146,147],{"class":139},"'\n",[84,149,151,154,156],{"class":86,"line":150},3,[84,152,153],{"class":90},"\u003C/",[84,155,95],{"class":94},[84,157,102],{"class":90},[84,159,161],{"class":86,"line":160},4,[84,162,164],{"emptyLinePlaceholder":163},true,"\n",[84,166,168,170,173],{"class":86,"line":167},5,[84,169,91],{"class":90},[84,171,172],{"class":94},"template",[84,174,102],{"class":90},[84,176,178,181,183,186,189,192,194,196],{"class":86,"line":177},6,[84,179,180],{"class":90},"  \u003C",[84,182,49],{"class":94},[84,184,185],{"class":98}," class",[84,187,188],{"class":90},"=",[84,190,191],{"class":139},"\"",[84,193,72],{"class":143},[84,195,191],{"class":139},[84,197,102],{"class":90},[84,199,201,204,206,209,213],{"class":86,"line":200},7,[84,202,203],{"class":90},"    \u003C",[84,205,172],{"class":94},[84,207,208],{"class":90}," #",[84,210,212],{"class":211},"sRTv0","trigger",[84,214,102],{"class":90},[84,216,218,221,224,227,229,231,234,236,239],{"class":86,"line":217},8,[84,219,220],{"class":90},"      \u003C",[84,222,223],{"class":94},"Badge",[84,225,226],{"class":98}," variant",[84,228,188],{"class":90},[84,230,191],{"class":139},[84,232,233],{"class":143},"success",[84,235,191],{"class":139},[84,237,238],{"class":98}," filled",[84,240,102],{"class":90},[84,242,244],{"class":86,"line":243},9,[84,245,247],{"class":246},"sX1ls","        Online\n",[84,249,251,254,256],{"class":86,"line":250},10,[84,252,253],{"class":90},"      \u003C/",[84,255,223],{"class":94},[84,257,102],{"class":90},[84,259,261,264,266],{"class":86,"line":260},11,[84,262,263],{"class":90},"    \u003C/",[84,265,172],{"class":94},[84,267,102],{"class":90},[84,269,271,273,276,279,282,284,286,289,291],{"class":86,"line":270},12,[84,272,203],{"class":90},[84,274,275],{"class":94},"Flex",[84,277,278],{"class":98}," y-start",[84,280,281],{"class":98}," gap",[84,283,188],{"class":90},[84,285,191],{"class":139},[84,287,288],{"class":143},"m",[84,290,191],{"class":139},[84,292,102],{"class":90},[84,294,296,298,301,303,305,307,310,312],{"class":86,"line":295},13,[84,297,220],{"class":90},[84,299,300],{"class":94},"button",[84,302,185],{"class":98},[84,304,188],{"class":90},[84,306,191],{"class":139},[84,308,309],{"class":143},"pointer",[84,311,191],{"class":139},[84,313,102],{"class":90},[84,315,317,320,323,326,328,330,333,335],{"class":86,"line":316},14,[84,318,319],{"class":90},"        \u003C",[84,321,322],{"class":94},"Avatar",[84,324,325],{"class":98}," url",[84,327,188],{"class":90},[84,329,191],{"class":139},[84,331,332],{"class":143},"https://github.com/dolanske.png",[84,334,191],{"class":139},[84,336,337],{"class":90}," />\n",[84,339,341,343,345],{"class":86,"line":340},15,[84,342,253],{"class":90},[84,344,300],{"class":94},[84,346,102],{"class":90},[84,348,350,352,355],{"class":86,"line":349},16,[84,351,220],{"class":90},[84,353,354],{"class":94},"div",[84,356,102],{"class":90},[84,358,360,362,364,366,368,370,373,375,378,381,383,385],{"class":86,"line":359},17,[84,361,319],{"class":90},[84,363,84],{"class":94},[84,365,185],{"class":98},[84,367,188],{"class":90},[84,369,191],{"class":139},[84,371,372],{"class":143},"text-bold block mb-xxs",[84,374,191],{"class":139},[84,376,377],{"class":90},">",[84,379,380],{"class":246},"dolanske",[84,382,153],{"class":90},[84,384,84],{"class":94},[84,386,102],{"class":90},[84,388,390,392,394,396,398,400,403,405],{"class":86,"line":389},18,[84,391,319],{"class":90},[84,393,35],{"class":94},[84,395,185],{"class":98},[84,397,188],{"class":90},[84,399,191],{"class":139},[84,401,402],{"class":143},"text-color-light text-s block mb-xs",[84,404,191],{"class":139},[84,406,102],{"class":90},[84,408,410],{"class":86,"line":409},19,[84,411,412],{"class":246},"          Frontend engineer. The guy who made all of this yayyy!\n",[84,414,416,419,421],{"class":86,"line":415},20,[84,417,418],{"class":90},"        \u003C/",[84,420,35],{"class":94},[84,422,102],{"class":90},[84,424,426,428,430,432,434,436,439,441],{"class":86,"line":425},21,[84,427,319],{"class":90},[84,429,35],{"class":94},[84,431,185],{"class":98},[84,433,188],{"class":90},[84,435,191],{"class":139},[84,437,438],{"class":143},"text-color-light text-s",[84,440,191],{"class":139},[84,442,102],{"class":90},[84,444,446,449,451,454,457,459,461,464,466,468,471,473,475,477],{"class":86,"line":445},22,[84,447,448],{"class":246},"          Checkout my ",[84,450,91],{"class":90},[84,452,453],{"class":94},"a",[84,455,456],{"class":98}," href",[84,458,188],{"class":90},[84,460,191],{"class":139},[84,462,463],{"class":143},"https://github.com/dolanske",[84,465,191],{"class":139},[84,467,377],{"class":90},[84,469,470],{"class":246},"Github",[84,472,153],{"class":90},[84,474,453],{"class":94},[84,476,377],{"class":90},[84,478,479],{"class":246},"!\n",[84,481,483,485,487],{"class":86,"line":482},23,[84,484,418],{"class":90},[84,486,35],{"class":94},[84,488,102],{"class":90},[84,490,492,494,496],{"class":86,"line":491},24,[84,493,253],{"class":90},[84,495,354],{"class":94},[84,497,102],{"class":90},[84,499,501,503,505],{"class":86,"line":500},25,[84,502,263],{"class":90},[84,504,275],{"class":94},[84,506,102],{"class":90},[84,508,510,513,515],{"class":86,"line":509},26,[84,511,512],{"class":90},"  \u003C/",[84,514,49],{"class":94},[84,516,102],{"class":90},[84,518,520,522,524],{"class":86,"line":519},27,[84,521,153],{"class":90},[84,523,172],{"class":94},[84,525,102],{"class":90},[527,528,530],"h3",{"id":529},"props","Props",[35,532,533,535,536,539,540,543,544,547],{},[39,534,49],{}," accepts all props from ",[453,537,41],{"href":538},"/docs/components/popout"," except ",[39,541,542],{},"anchor"," and ",[39,545,546],{},"visible",". The following additional prop is available:",[549,550,551,567],"table",{},[552,553,554],"thead",{},[555,556,557,561,564],"tr",{},[558,559,560],"th",{},"Name",[558,562,563],{},"Default",[558,565,566],{},"Type",[568,569,570,593,613,631],"tbody",{},[555,571,572,578,583],{},[573,574,575],"td",{},[39,576,577],{},"disabled",[573,579,580],{},[39,581,582],{},"false",[573,584,585,588,589,592],{},[39,586,587],{},"boolean"," ",[590,591],"br",{}," When true, the popout will not open on hover. The trigger slot content remains visible",[555,594,595,600,605],{},[573,596,597],{},[39,598,599],{},"enter-delay",[573,601,602],{},[39,603,604],{},"200",[573,606,607,588,610,612],{},[39,608,609],{},"number",[590,611],{}," Delay in milliseconds before the popout becomes visible after hovering in",[555,614,615,620,624],{},[573,616,617],{},[39,618,619],{},"leave-delay",[573,621,622],{},[39,623,604],{},[573,625,626,588,628,630],{},[39,627,609],{},[590,629],{}," Delay in milliseconds before the popout hides after the cursor leaves",[555,632,633,638,643],{},[573,634,635],{},[39,636,637],{},"placement",[573,639,640],{},[39,641,642],{},"top",[573,644,645,588,648,650,651],{},[39,646,647],{},"string",[590,649],{}," Position of the popout relative to the trigger. Inherits all placement values from ",[39,652,41],{},[527,654,656],{"id":655},"slots","Slots",[549,658,659,671],{},[552,660,661],{},[555,662,663,665,668],{},[558,664,560],{},[558,666,667],{},"Accepts",[558,669,670],{},"Description",[568,672,673,687],{},[555,674,675,679,684],{},[573,676,677],{},[39,678,212],{},[573,680,681],{},[39,682,683],{},"any",[573,685,686],{},"The element that triggers the popout on hover or focus",[555,688,689,694,698],{},[573,690,691],{},[39,692,693],{},"default",[573,695,696],{},[39,697,683],{},[573,699,700],{},"The interactive content rendered inside the popout",[702,703,704],"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 .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}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":80,"searchDepth":105,"depth":105,"links":706},[707,708],{"id":529,"depth":150,"text":530},{"id":655,"depth":150,"text":656},"A convenience wrapper around Popout that automatically shows and hides the popout based on hover and focus events. Unlike Tooltip, the content inside PopoutHover is fully interactive - users can move their mouse into the popout and interact with its contents.","md",{},"/docs/components/popout-hover",{"title":26,"description":709},"docs/components/popout-hover","2XgEzR6PaR78szglnSkbBz8nQuVjh7Q4psBtJ9mo4EY",1777992281452]