[{"data":1,"prerenderedAt":911},["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-flex":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":37,"extension":905,"meta":906,"navigation":133,"path":907,"seo":908,"stem":909,"__hash__":910},"docs/docs/components/flex.md","Flex",{"type":28,"value":29,"toc":901},"minimark",[30,34,38,57,434,439,442,862,866,897],[31,32,26],"h1",{"id":33},"flex",[35,36,37],"p",{},"A flexible box layout component that provides a convenient way to create flexbox layouts with various alignment and spacing options.",[35,39,40,41,45,46,45,49,52,53,56],{},"Most layout controls are boolean toggles. When you omit them, Flex falls back to CSS defaults: ",[42,43,44],"code",{},"row",", ",[42,47,48],{},"nowrap",[42,50,51],{},"flex-start",", and the theme ",[42,54,55],{},"s"," gap.",[58,59,60],"flex-example",{},[61,62,67],"pre",{"className":63,"code":64,"language":65,"meta":66,"style":66},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Flex } from '@dolanske/vui'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CFlex gap=\"l\" column>\n    \u003CFlex\n      v-for=\"size in ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl']\"\n      :key=\"size\"\n      :gap=\"size\"\n      expand\n      y-center\n    >\n      \u003Cdiv v-for=\"key in 3\" :key class=\"flex-1\">\n        {{ size.toUpperCase() }}\n      \u003C/div>\n    \u003C/Flex>\n  \u003C/Flex>\n\u003C/template>\n","vue","",[42,68,69,89,118,128,135,145,172,181,277,295,311,317,323,329,374,395,405,415,425],{"__ignoreMap":66},[70,71,74,78,82,86],"span",{"class":72,"line":73},"line",1,[70,75,77],{"class":76},"sP76a","\u003C",[70,79,81],{"class":80},"sKpE2","script",[70,83,85],{"class":84},"sflEz"," setup",[70,87,88],{"class":76},">\n",[70,90,92,95,98,101,104,107,111,115],{"class":72,"line":91},2,[70,93,94],{"class":80},"import",[70,96,97],{"class":76}," {",[70,99,100],{"class":84}," Flex",[70,102,103],{"class":76}," }",[70,105,106],{"class":80}," from",[70,108,110],{"class":109},"sBR95"," '",[70,112,114],{"class":113},"sfmH-","@dolanske/vui",[70,116,117],{"class":109},"'\n",[70,119,121,124,126],{"class":72,"line":120},3,[70,122,123],{"class":76},"\u003C/",[70,125,81],{"class":80},[70,127,88],{"class":76},[70,129,131],{"class":72,"line":130},4,[70,132,134],{"emptyLinePlaceholder":133},true,"\n",[70,136,138,140,143],{"class":72,"line":137},5,[70,139,77],{"class":76},[70,141,142],{"class":80},"template",[70,144,88],{"class":76},[70,146,148,151,153,156,159,162,165,167,170],{"class":72,"line":147},6,[70,149,150],{"class":76},"  \u003C",[70,152,26],{"class":80},[70,154,155],{"class":84}," gap",[70,157,158],{"class":76},"=",[70,160,161],{"class":109},"\"",[70,163,164],{"class":113},"l",[70,166,161],{"class":109},[70,168,169],{"class":84}," column",[70,171,88],{"class":76},[70,173,175,178],{"class":72,"line":174},7,[70,176,177],{"class":76},"    \u003C",[70,179,180],{"class":80},"Flex\n",[70,182,184,187,189,191,194,198,201,204,207,209,212,214,217,219,221,223,225,227,229,231,234,236,238,240,242,244,246,248,251,253,255,257,260,262,264,266,269,271,274],{"class":72,"line":183},8,[70,185,186],{"class":80},"      v-for",[70,188,158],{"class":76},[70,190,161],{"class":76},[70,192,193],{"class":84},"size",[70,195,197],{"class":196},"sCMWV"," in",[70,199,200],{"class":76}," [",[70,202,203],{"class":109},"'",[70,205,206],{"class":113},"xxs",[70,208,203],{"class":109},[70,210,211],{"class":76},",",[70,213,110],{"class":109},[70,215,216],{"class":113},"xs",[70,218,203],{"class":109},[70,220,211],{"class":76},[70,222,110],{"class":109},[70,224,55],{"class":113},[70,226,203],{"class":109},[70,228,211],{"class":76},[70,230,110],{"class":109},[70,232,233],{"class":113},"m",[70,235,203],{"class":109},[70,237,211],{"class":76},[70,239,110],{"class":109},[70,241,164],{"class":113},[70,243,203],{"class":109},[70,245,211],{"class":76},[70,247,110],{"class":109},[70,249,250],{"class":113},"xl",[70,252,203],{"class":109},[70,254,211],{"class":76},[70,256,110],{"class":109},[70,258,259],{"class":113},"xxl",[70,261,203],{"class":109},[70,263,211],{"class":76},[70,265,110],{"class":109},[70,267,268],{"class":113},"xxxl",[70,270,203],{"class":109},[70,272,273],{"class":76},"]",[70,275,276],{"class":76},"\"\n",[70,278,280,283,287,289,291,293],{"class":72,"line":279},9,[70,281,282],{"class":76},"      :",[70,284,286],{"class":285},"sRTv0","key",[70,288,158],{"class":76},[70,290,161],{"class":76},[70,292,193],{"class":84},[70,294,276],{"class":76},[70,296,298,300,303,305,307,309],{"class":72,"line":297},10,[70,299,282],{"class":76},[70,301,302],{"class":285},"gap",[70,304,158],{"class":76},[70,306,161],{"class":76},[70,308,193],{"class":84},[70,310,276],{"class":76},[70,312,314],{"class":72,"line":313},11,[70,315,316],{"class":84},"      expand\n",[70,318,320],{"class":72,"line":319},12,[70,321,322],{"class":84},"      y-center\n",[70,324,326],{"class":72,"line":325},13,[70,327,328],{"class":76},"    >\n",[70,330,332,335,338,341,343,345,347,349,353,355,358,360,363,365,367,370,372],{"class":72,"line":331},14,[70,333,334],{"class":76},"      \u003C",[70,336,337],{"class":80},"div",[70,339,340],{"class":80}," v-for",[70,342,158],{"class":76},[70,344,161],{"class":76},[70,346,286],{"class":84},[70,348,197],{"class":196},[70,350,352],{"class":351},"socUO"," 3",[70,354,161],{"class":76},[70,356,357],{"class":76}," :",[70,359,286],{"class":285},[70,361,362],{"class":84}," class",[70,364,158],{"class":76},[70,366,161],{"class":109},[70,368,369],{"class":113},"flex-1",[70,371,161],{"class":109},[70,373,88],{"class":76},[70,375,377,380,383,386,389,392],{"class":72,"line":376},15,[70,378,379],{"class":76},"        {{",[70,381,382],{"class":84}," size",[70,384,385],{"class":76},".",[70,387,388],{"class":285},"toUpperCase",[70,390,391],{"class":76},"()",[70,393,394],{"class":76}," }}\n",[70,396,398,401,403],{"class":72,"line":397},16,[70,399,400],{"class":76},"      \u003C/",[70,402,337],{"class":80},[70,404,88],{"class":76},[70,406,408,411,413],{"class":72,"line":407},17,[70,409,410],{"class":76},"    \u003C/",[70,412,26],{"class":80},[70,414,88],{"class":76},[70,416,418,421,423],{"class":72,"line":417},18,[70,419,420],{"class":76},"  \u003C/",[70,422,26],{"class":80},[70,424,88],{"class":76},[70,426,428,430,432],{"class":72,"line":427},19,[70,429,123],{"class":76},[70,431,142],{"class":80},[70,433,88],{"class":76},[435,436,438],"h3",{"id":437},"props","Props",[35,440,441],{},"The idea is that you control the component by using boolean props. This allows you to define layouts quickly.",[443,444,445,461],"table",{},[446,447,448],"thead",{},[449,450,451,455,458],"tr",{},[452,453,454],"th",{},"Name",[452,456,457],{},"Default",[452,459,460],{},"Type",[462,463,464,487,505,523,540,558,576,594,628,646,664,682,700,718,736,754,772,790,808,826,844],"tbody",{},[449,465,466,472,477],{},[467,468,469],"td",{},[42,470,471],{},"inline",[467,473,474],{},[42,475,476],{},"false",[467,478,479,482,483,486],{},[42,480,481],{},"boolean"," ",[484,485],"br",{}," Makes the flex container inline",[449,488,489,494,498],{},[467,490,491],{},[42,492,493],{},"wrap",[467,495,496],{},[42,497,476],{},[467,499,500,482,502,504],{},[42,501,481],{},[484,503],{}," Allows flex items to wrap to multiple lines",[449,506,507,512,516],{},[467,508,509],{},[42,510,511],{},"wrap-reverse",[467,513,514],{},[42,515,476],{},[467,517,518,482,520,522],{},[42,519,481],{},[484,521],{}," Reverses the wrap direction",[449,524,525,529,533],{},[467,526,527],{},[42,528,44],{},[467,530,531],{},[42,532,44],{},[467,534,535,482,537,539],{},[42,536,481],{},[484,538],{}," Sets flex direction to row",[449,541,542,547,551],{},[467,543,544],{},[42,545,546],{},"column",[467,548,549],{},[42,550,476],{},[467,552,553,482,555,557],{},[42,554,481],{},[484,556],{}," Sets flex direction to column",[449,559,560,565,569],{},[467,561,562],{},[42,563,564],{},"row-reverse",[467,566,567],{},[42,568,476],{},[467,570,571,482,573,575],{},[42,572,481],{},[484,574],{}," Sets flex direction to row-reverse",[449,577,578,583,587],{},[467,579,580],{},[42,581,582],{},"column-reverse",[467,584,585],{},[42,586,476],{},[467,588,589,482,591,593],{},[42,590,481],{},[484,592],{}," Sets flex direction to column-reverse",[449,595,596,600,604],{},[467,597,598],{},[42,599,302],{},[467,601,602],{},[42,603,55],{},[467,605,606,482,608,482,610,482,612,482,614,482,616,482,618,482,620,482,622,482,625,627],{},[42,607,206],{},[42,609,216],{},[42,611,55],{},[42,613,233],{},[42,615,164],{},[42,617,250],{},[42,619,259],{},[42,621,268],{},[42,623,624],{},"number",[484,626],{}," Gap between flex items (theme spacing token or custom unit value)",[449,629,630,635,639],{},[467,631,632],{},[42,633,634],{},"center",[467,636,637],{},[42,638,476],{},[467,640,641,482,643,645],{},[42,642,481],{},[484,644],{}," Centers items on both axes",[449,647,648,653,657],{},[467,649,650],{},[42,651,652],{},"x-start",[467,654,655],{},[42,656,51],{},[467,658,659,482,661,663],{},[42,660,481],{},[484,662],{}," Aligns items to the start of the main axis",[449,665,666,671,675],{},[467,667,668],{},[42,669,670],{},"x-end",[467,672,673],{},[42,674,476],{},[467,676,677,482,679,681],{},[42,678,481],{},[484,680],{}," Aligns items to the end of the main axis",[449,683,684,689,693],{},[467,685,686],{},[42,687,688],{},"x-center",[467,690,691],{},[42,692,476],{},[467,694,695,482,697,699],{},[42,696,481],{},[484,698],{}," Centers items along the main axis",[449,701,702,707,711],{},[467,703,704],{},[42,705,706],{},"x-between",[467,708,709],{},[42,710,476],{},[467,712,713,482,715,717],{},[42,714,481],{},[484,716],{}," Distributes items with space between them",[449,719,720,725,729],{},[467,721,722],{},[42,723,724],{},"x-around",[467,726,727],{},[42,728,476],{},[467,730,731,482,733,735],{},[42,732,481],{},[484,734],{}," Distributes items with space around them",[449,737,738,743,747],{},[467,739,740],{},[42,741,742],{},"x-evenly",[467,744,745],{},[42,746,476],{},[467,748,749,482,751,753],{},[42,750,481],{},[484,752],{}," Distributes items with equal space around them",[449,755,756,761,765],{},[467,757,758],{},[42,759,760],{},"y-start",[467,762,763],{},[42,764,51],{},[467,766,767,482,769,771],{},[42,768,481],{},[484,770],{}," Aligns items to the start of the cross axis",[449,773,774,779,783],{},[467,775,776],{},[42,777,778],{},"y-end",[467,780,781],{},[42,782,476],{},[467,784,785,482,787,789],{},[42,786,481],{},[484,788],{}," Aligns items to the end of the cross axis",[449,791,792,797,801],{},[467,793,794],{},[42,795,796],{},"y-center",[467,798,799],{},[42,800,476],{},[467,802,803,482,805,807],{},[42,804,481],{},[484,806],{}," Centers items along the cross axis",[449,809,810,815,819],{},[467,811,812],{},[42,813,814],{},"y-baseline",[467,816,817],{},[42,818,476],{},[467,820,821,482,823,825],{},[42,822,481],{},[484,824],{}," Aligns items along their baselines",[449,827,828,833,837],{},[467,829,830],{},[42,831,832],{},"y-stretch",[467,834,835],{},[42,836,476],{},[467,838,839,482,841,843],{},[42,840,481],{},[484,842],{}," Stretches items across the cross axis",[449,845,846,851,855],{},[467,847,848],{},[42,849,850],{},"expand",[467,852,853],{},[42,854,476],{},[467,856,857,482,859,861],{},[42,858,481],{},[484,860],{}," Makes the flex container expand to full width",[435,863,865],{"id":864},"slots","Slots",[443,867,868,880],{},[446,869,870],{},[449,871,872,874,877],{},[452,873,454],{},[452,875,876],{},"Accepts",[452,878,879],{},"Description",[462,881,882],{},[449,883,884,889,894],{},[467,885,886],{},[42,887,888],{},"default",[467,890,891],{},[42,892,893],{},"any",[467,895,896],{},"The flex items to be laid out",[898,899,900],"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 .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}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":66,"searchDepth":91,"depth":91,"links":902},[903,904],{"id":437,"depth":120,"text":438},{"id":864,"depth":120,"text":865},"md",{},"/docs/components/flex",{"title":26,"description":37},"docs/components/flex","eMNnUdU8BtiW9NNwnDTGCu_yQbq2qHSzzKOQ5YJ46HU",1777992280996]