[{"data":1,"prerenderedAt":7592},["ShallowReactive",2],{"reference":3,"content-query-whOQZ0mFkI":4,"sidebar-roots":7543,"$dNTcUNV7nV":7555},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":9,"body":11,"_type":7537,"_id":7538,"_source":5301,"_file":7539,"_stem":7540,"_extension":7541,"layout":7542},"\u002F_components\u002Fbadge","_components",false,true,"","Badge",{"type":12,"children":13,"toc":7526},"root",[14,22,7520],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"badge",[20],{"type":21,"value":10},"text",{"type":15,"tag":23,"props":24,"children":26},"tabs",{":titles":25},"[\"Usage\", \"API\", \"Source Code\"]",[27,5243,5456],{"type":15,"tag":28,"props":29,"children":30},"template",{"v-slot:tab-1":9},[31,38,45,68,1514,1520,1525,3043,3049,3054,4267,4273,4278,5221,5227,5232,5238],{"type":15,"tag":32,"props":33,"children":35},"h2",{"id":34},"examples",[36],{"type":21,"value":37},"Examples",{"type":15,"tag":39,"props":40,"children":42},"h3",{"id":41},"basic-usage",[43],{"type":21,"value":44},"Basic usage",{"type":15,"tag":46,"props":47,"children":48},"p",{},[49,51,58,60,66],{"type":21,"value":50},"The badge component must be wrapped with a container that has ",{"type":15,"tag":52,"props":53,"children":55},"code",{"className":54},[],[56],{"type":21,"value":57},"class=\"relative\"",{"type":21,"value":59},". You must provide such a container by yourself, but it gives you the flexibility to put the badge wherever you want. Bagde comes with a \"dot\" variant, which hides the content. When given content is of type number (or string that could be parsed to number), you can set a maximum limit of that number using ",{"type":15,"tag":52,"props":61,"children":63},{"className":62},[],[64],{"type":21,"value":65},"max",{"type":21,"value":67}," prop.",{"type":15,"tag":69,"props":70,"children":72},"showcase",{"showcase-name":71},"Badge\u002FBadgeBasic",[73,903],{"type":15,"tag":74,"props":75,"children":76},"vue-only",{},[77],{"type":15,"tag":78,"props":79,"children":83},"pre",{"className":80,"code":81,"language":82,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n \u003Cdiv class=\"flex gap-3\">\n \u003CSfButton class=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge :content=\"content\" \u002F>\n \u003C\u002FSfButton>\n\n \u003CSfButton class=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge :content=\"maxContent\" \u002F>\n \u003C\u002FSfButton>\n\n \u003CSfButton class=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge :content=\"textContent\" \u002F>\n \u003C\u002FSfButton>\n\n \u003CSfButton class=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge variant=\"dot\" \u002F>\n \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { SfBadge, SfButton, SfIconShoppingCart } from '@storefront-ui\u002Fvue';\n\nconst content = ref(10);\nconst maxContent = ref(10000);\nconst textContent = ref('New');\n\u003C\u002Fscript>\n\n","vue",[84],{"type":15,"tag":52,"props":85,"children":86},{"__ignoreMap":9},[87,109,144,194,213,244,261,270,314,330,359,375,383,427,443,472,488,496,540,556,585,601,618,635,643,679,719,769,777,819,853,887],{"type":15,"tag":88,"props":89,"children":92},"span",{"class":90,"line":91},"line",1,[93,99,104],{"type":15,"tag":88,"props":94,"children":96},{"style":95},"--shiki-default:#ABB2BF",[97],{"type":21,"value":98},"\u003C",{"type":15,"tag":88,"props":100,"children":102},{"style":101},"--shiki-default:#E06C75",[103],{"type":21,"value":28},{"type":15,"tag":88,"props":105,"children":106},{"style":95},[107],{"type":21,"value":108},">\n",{"type":15,"tag":88,"props":110,"children":112},{"class":90,"line":111},2,[113,118,123,129,134,140],{"type":15,"tag":88,"props":114,"children":115},{"style":95},[116],{"type":21,"value":117}," \u003C",{"type":15,"tag":88,"props":119,"children":120},{"style":101},[121],{"type":21,"value":122},"div",{"type":15,"tag":88,"props":124,"children":126},{"style":125},"--shiki-default:#D19A66",[127],{"type":21,"value":128}," class",{"type":15,"tag":88,"props":130,"children":131},{"style":95},[132],{"type":21,"value":133},"=",{"type":15,"tag":88,"props":135,"children":137},{"style":136},"--shiki-default:#98C379",[138],{"type":21,"value":139},"\"flex gap-3\"",{"type":15,"tag":88,"props":141,"children":142},{"style":95},[143],{"type":21,"value":108},{"type":15,"tag":88,"props":145,"children":147},{"class":90,"line":146},3,[148,153,158,162,166,171,176,181,185,190],{"type":15,"tag":88,"props":149,"children":150},{"style":95},[151],{"type":21,"value":152}," \u003C",{"type":15,"tag":88,"props":154,"children":155},{"style":101},[156],{"type":21,"value":157},"SfButton",{"type":15,"tag":88,"props":159,"children":160},{"style":125},[161],{"type":21,"value":128},{"type":15,"tag":88,"props":163,"children":164},{"style":95},[165],{"type":21,"value":133},{"type":15,"tag":88,"props":167,"children":168},{"style":136},[169],{"type":21,"value":170},"\"relative\"",{"type":15,"tag":88,"props":172,"children":173},{"style":125},[174],{"type":21,"value":175}," square",{"type":15,"tag":88,"props":177,"children":178},{"style":125},[179],{"type":21,"value":180}," variant",{"type":15,"tag":88,"props":182,"children":183},{"style":95},[184],{"type":21,"value":133},{"type":15,"tag":88,"props":186,"children":187},{"style":136},[188],{"type":21,"value":189},"\"tertiary\"",{"type":15,"tag":88,"props":191,"children":192},{"style":95},[193],{"type":21,"value":108},{"type":15,"tag":88,"props":195,"children":197},{"class":90,"line":196},4,[198,203,208],{"type":15,"tag":88,"props":199,"children":200},{"style":95},[201],{"type":21,"value":202}," \u003C",{"type":15,"tag":88,"props":204,"children":205},{"style":101},[206],{"type":21,"value":207},"SfIconShoppingCart",{"type":15,"tag":88,"props":209,"children":210},{"style":95},[211],{"type":21,"value":212}," \u002F>\n",{"type":15,"tag":88,"props":214,"children":216},{"class":90,"line":215},5,[217,221,226,231,235,240],{"type":15,"tag":88,"props":218,"children":219},{"style":95},[220],{"type":21,"value":202},{"type":15,"tag":88,"props":222,"children":223},{"style":101},[224],{"type":21,"value":225},"SfBadge",{"type":15,"tag":88,"props":227,"children":228},{"style":125},[229],{"type":21,"value":230}," :content",{"type":15,"tag":88,"props":232,"children":233},{"style":95},[234],{"type":21,"value":133},{"type":15,"tag":88,"props":236,"children":237},{"style":136},[238],{"type":21,"value":239},"\"content\"",{"type":15,"tag":88,"props":241,"children":242},{"style":95},[243],{"type":21,"value":212},{"type":15,"tag":88,"props":245,"children":247},{"class":90,"line":246},6,[248,253,257],{"type":15,"tag":88,"props":249,"children":250},{"style":95},[251],{"type":21,"value":252}," \u003C\u002F",{"type":15,"tag":88,"props":254,"children":255},{"style":101},[256],{"type":21,"value":157},{"type":15,"tag":88,"props":258,"children":259},{"style":95},[260],{"type":21,"value":108},{"type":15,"tag":88,"props":262,"children":264},{"class":90,"line":263},7,[265],{"type":15,"tag":88,"props":266,"children":267},{"emptyLinePlaceholder":8},[268],{"type":21,"value":269},"\n",{"type":15,"tag":88,"props":271,"children":273},{"class":90,"line":272},8,[274,278,282,286,290,294,298,302,306,310],{"type":15,"tag":88,"props":275,"children":276},{"style":95},[277],{"type":21,"value":152},{"type":15,"tag":88,"props":279,"children":280},{"style":101},[281],{"type":21,"value":157},{"type":15,"tag":88,"props":283,"children":284},{"style":125},[285],{"type":21,"value":128},{"type":15,"tag":88,"props":287,"children":288},{"style":95},[289],{"type":21,"value":133},{"type":15,"tag":88,"props":291,"children":292},{"style":136},[293],{"type":21,"value":170},{"type":15,"tag":88,"props":295,"children":296},{"style":125},[297],{"type":21,"value":175},{"type":15,"tag":88,"props":299,"children":300},{"style":125},[301],{"type":21,"value":180},{"type":15,"tag":88,"props":303,"children":304},{"style":95},[305],{"type":21,"value":133},{"type":15,"tag":88,"props":307,"children":308},{"style":136},[309],{"type":21,"value":189},{"type":15,"tag":88,"props":311,"children":312},{"style":95},[313],{"type":21,"value":108},{"type":15,"tag":88,"props":315,"children":317},{"class":90,"line":316},9,[318,322,326],{"type":15,"tag":88,"props":319,"children":320},{"style":95},[321],{"type":21,"value":202},{"type":15,"tag":88,"props":323,"children":324},{"style":101},[325],{"type":21,"value":207},{"type":15,"tag":88,"props":327,"children":328},{"style":95},[329],{"type":21,"value":212},{"type":15,"tag":88,"props":331,"children":333},{"class":90,"line":332},10,[334,338,342,346,350,355],{"type":15,"tag":88,"props":335,"children":336},{"style":95},[337],{"type":21,"value":202},{"type":15,"tag":88,"props":339,"children":340},{"style":101},[341],{"type":21,"value":225},{"type":15,"tag":88,"props":343,"children":344},{"style":125},[345],{"type":21,"value":230},{"type":15,"tag":88,"props":347,"children":348},{"style":95},[349],{"type":21,"value":133},{"type":15,"tag":88,"props":351,"children":352},{"style":136},[353],{"type":21,"value":354},"\"maxContent\"",{"type":15,"tag":88,"props":356,"children":357},{"style":95},[358],{"type":21,"value":212},{"type":15,"tag":88,"props":360,"children":362},{"class":90,"line":361},11,[363,367,371],{"type":15,"tag":88,"props":364,"children":365},{"style":95},[366],{"type":21,"value":252},{"type":15,"tag":88,"props":368,"children":369},{"style":101},[370],{"type":21,"value":157},{"type":15,"tag":88,"props":372,"children":373},{"style":95},[374],{"type":21,"value":108},{"type":15,"tag":88,"props":376,"children":378},{"class":90,"line":377},12,[379],{"type":15,"tag":88,"props":380,"children":381},{"emptyLinePlaceholder":8},[382],{"type":21,"value":269},{"type":15,"tag":88,"props":384,"children":386},{"class":90,"line":385},13,[387,391,395,399,403,407,411,415,419,423],{"type":15,"tag":88,"props":388,"children":389},{"style":95},[390],{"type":21,"value":152},{"type":15,"tag":88,"props":392,"children":393},{"style":101},[394],{"type":21,"value":157},{"type":15,"tag":88,"props":396,"children":397},{"style":125},[398],{"type":21,"value":128},{"type":15,"tag":88,"props":400,"children":401},{"style":95},[402],{"type":21,"value":133},{"type":15,"tag":88,"props":404,"children":405},{"style":136},[406],{"type":21,"value":170},{"type":15,"tag":88,"props":408,"children":409},{"style":125},[410],{"type":21,"value":175},{"type":15,"tag":88,"props":412,"children":413},{"style":125},[414],{"type":21,"value":180},{"type":15,"tag":88,"props":416,"children":417},{"style":95},[418],{"type":21,"value":133},{"type":15,"tag":88,"props":420,"children":421},{"style":136},[422],{"type":21,"value":189},{"type":15,"tag":88,"props":424,"children":425},{"style":95},[426],{"type":21,"value":108},{"type":15,"tag":88,"props":428,"children":430},{"class":90,"line":429},14,[431,435,439],{"type":15,"tag":88,"props":432,"children":433},{"style":95},[434],{"type":21,"value":202},{"type":15,"tag":88,"props":436,"children":437},{"style":101},[438],{"type":21,"value":207},{"type":15,"tag":88,"props":440,"children":441},{"style":95},[442],{"type":21,"value":212},{"type":15,"tag":88,"props":444,"children":446},{"class":90,"line":445},15,[447,451,455,459,463,468],{"type":15,"tag":88,"props":448,"children":449},{"style":95},[450],{"type":21,"value":202},{"type":15,"tag":88,"props":452,"children":453},{"style":101},[454],{"type":21,"value":225},{"type":15,"tag":88,"props":456,"children":457},{"style":125},[458],{"type":21,"value":230},{"type":15,"tag":88,"props":460,"children":461},{"style":95},[462],{"type":21,"value":133},{"type":15,"tag":88,"props":464,"children":465},{"style":136},[466],{"type":21,"value":467},"\"textContent\"",{"type":15,"tag":88,"props":469,"children":470},{"style":95},[471],{"type":21,"value":212},{"type":15,"tag":88,"props":473,"children":475},{"class":90,"line":474},16,[476,480,484],{"type":15,"tag":88,"props":477,"children":478},{"style":95},[479],{"type":21,"value":252},{"type":15,"tag":88,"props":481,"children":482},{"style":101},[483],{"type":21,"value":157},{"type":15,"tag":88,"props":485,"children":486},{"style":95},[487],{"type":21,"value":108},{"type":15,"tag":88,"props":489,"children":491},{"class":90,"line":490},17,[492],{"type":15,"tag":88,"props":493,"children":494},{"emptyLinePlaceholder":8},[495],{"type":21,"value":269},{"type":15,"tag":88,"props":497,"children":499},{"class":90,"line":498},18,[500,504,508,512,516,520,524,528,532,536],{"type":15,"tag":88,"props":501,"children":502},{"style":95},[503],{"type":21,"value":152},{"type":15,"tag":88,"props":505,"children":506},{"style":101},[507],{"type":21,"value":157},{"type":15,"tag":88,"props":509,"children":510},{"style":125},[511],{"type":21,"value":128},{"type":15,"tag":88,"props":513,"children":514},{"style":95},[515],{"type":21,"value":133},{"type":15,"tag":88,"props":517,"children":518},{"style":136},[519],{"type":21,"value":170},{"type":15,"tag":88,"props":521,"children":522},{"style":125},[523],{"type":21,"value":175},{"type":15,"tag":88,"props":525,"children":526},{"style":125},[527],{"type":21,"value":180},{"type":15,"tag":88,"props":529,"children":530},{"style":95},[531],{"type":21,"value":133},{"type":15,"tag":88,"props":533,"children":534},{"style":136},[535],{"type":21,"value":189},{"type":15,"tag":88,"props":537,"children":538},{"style":95},[539],{"type":21,"value":108},{"type":15,"tag":88,"props":541,"children":543},{"class":90,"line":542},19,[544,548,552],{"type":15,"tag":88,"props":545,"children":546},{"style":95},[547],{"type":21,"value":202},{"type":15,"tag":88,"props":549,"children":550},{"style":101},[551],{"type":21,"value":207},{"type":15,"tag":88,"props":553,"children":554},{"style":95},[555],{"type":21,"value":212},{"type":15,"tag":88,"props":557,"children":559},{"class":90,"line":558},20,[560,564,568,572,576,581],{"type":15,"tag":88,"props":561,"children":562},{"style":95},[563],{"type":21,"value":202},{"type":15,"tag":88,"props":565,"children":566},{"style":101},[567],{"type":21,"value":225},{"type":15,"tag":88,"props":569,"children":570},{"style":125},[571],{"type":21,"value":180},{"type":15,"tag":88,"props":573,"children":574},{"style":95},[575],{"type":21,"value":133},{"type":15,"tag":88,"props":577,"children":578},{"style":136},[579],{"type":21,"value":580},"\"dot\"",{"type":15,"tag":88,"props":582,"children":583},{"style":95},[584],{"type":21,"value":212},{"type":15,"tag":88,"props":586,"children":588},{"class":90,"line":587},21,[589,593,597],{"type":15,"tag":88,"props":590,"children":591},{"style":95},[592],{"type":21,"value":252},{"type":15,"tag":88,"props":594,"children":595},{"style":101},[596],{"type":21,"value":157},{"type":15,"tag":88,"props":598,"children":599},{"style":95},[600],{"type":21,"value":108},{"type":15,"tag":88,"props":602,"children":604},{"class":90,"line":603},22,[605,610,614],{"type":15,"tag":88,"props":606,"children":607},{"style":95},[608],{"type":21,"value":609}," \u003C\u002F",{"type":15,"tag":88,"props":611,"children":612},{"style":101},[613],{"type":21,"value":122},{"type":15,"tag":88,"props":615,"children":616},{"style":95},[617],{"type":21,"value":108},{"type":15,"tag":88,"props":619,"children":621},{"class":90,"line":620},23,[622,627,631],{"type":15,"tag":88,"props":623,"children":624},{"style":95},[625],{"type":21,"value":626},"\u003C\u002F",{"type":15,"tag":88,"props":628,"children":629},{"style":101},[630],{"type":21,"value":28},{"type":15,"tag":88,"props":632,"children":633},{"style":95},[634],{"type":21,"value":108},{"type":15,"tag":88,"props":636,"children":638},{"class":90,"line":637},24,[639],{"type":15,"tag":88,"props":640,"children":641},{"emptyLinePlaceholder":8},[642],{"type":21,"value":269},{"type":15,"tag":88,"props":644,"children":646},{"class":90,"line":645},25,[647,651,656,661,665,670,675],{"type":15,"tag":88,"props":648,"children":649},{"style":95},[650],{"type":21,"value":98},{"type":15,"tag":88,"props":652,"children":653},{"style":101},[654],{"type":21,"value":655},"script",{"type":15,"tag":88,"props":657,"children":658},{"style":125},[659],{"type":21,"value":660}," lang",{"type":15,"tag":88,"props":662,"children":663},{"style":95},[664],{"type":21,"value":133},{"type":15,"tag":88,"props":666,"children":667},{"style":136},[668],{"type":21,"value":669},"\"ts\"",{"type":15,"tag":88,"props":671,"children":672},{"style":125},[673],{"type":21,"value":674}," setup",{"type":15,"tag":88,"props":676,"children":677},{"style":95},[678],{"type":21,"value":108},{"type":15,"tag":88,"props":680,"children":682},{"class":90,"line":681},26,[683,689,694,699,704,709,714],{"type":15,"tag":88,"props":684,"children":686},{"style":685},"--shiki-default:#C678DD",[687],{"type":21,"value":688},"import",{"type":15,"tag":88,"props":690,"children":691},{"style":95},[692],{"type":21,"value":693}," { ",{"type":15,"tag":88,"props":695,"children":696},{"style":101},[697],{"type":21,"value":698},"ref",{"type":15,"tag":88,"props":700,"children":701},{"style":95},[702],{"type":21,"value":703}," } ",{"type":15,"tag":88,"props":705,"children":706},{"style":685},[707],{"type":21,"value":708},"from",{"type":15,"tag":88,"props":710,"children":711},{"style":136},[712],{"type":21,"value":713}," 'vue'",{"type":15,"tag":88,"props":715,"children":716},{"style":95},[717],{"type":21,"value":718},";\n",{"type":15,"tag":88,"props":720,"children":722},{"class":90,"line":721},27,[723,727,731,735,740,744,748,752,756,760,765],{"type":15,"tag":88,"props":724,"children":725},{"style":685},[726],{"type":21,"value":688},{"type":15,"tag":88,"props":728,"children":729},{"style":95},[730],{"type":21,"value":693},{"type":15,"tag":88,"props":732,"children":733},{"style":101},[734],{"type":21,"value":225},{"type":15,"tag":88,"props":736,"children":737},{"style":95},[738],{"type":21,"value":739},", ",{"type":15,"tag":88,"props":741,"children":742},{"style":101},[743],{"type":21,"value":157},{"type":15,"tag":88,"props":745,"children":746},{"style":95},[747],{"type":21,"value":739},{"type":15,"tag":88,"props":749,"children":750},{"style":101},[751],{"type":21,"value":207},{"type":15,"tag":88,"props":753,"children":754},{"style":95},[755],{"type":21,"value":703},{"type":15,"tag":88,"props":757,"children":758},{"style":685},[759],{"type":21,"value":708},{"type":15,"tag":88,"props":761,"children":762},{"style":136},[763],{"type":21,"value":764}," '@storefront-ui\u002Fvue'",{"type":15,"tag":88,"props":766,"children":767},{"style":95},[768],{"type":21,"value":718},{"type":15,"tag":88,"props":770,"children":772},{"class":90,"line":771},28,[773],{"type":15,"tag":88,"props":774,"children":775},{"emptyLinePlaceholder":8},[776],{"type":21,"value":269},{"type":15,"tag":88,"props":778,"children":780},{"class":90,"line":779},29,[781,786,792,798,804,809,814],{"type":15,"tag":88,"props":782,"children":783},{"style":685},[784],{"type":21,"value":785},"const",{"type":15,"tag":88,"props":787,"children":789},{"style":788},"--shiki-default:#E5C07B",[790],{"type":21,"value":791}," content",{"type":15,"tag":88,"props":793,"children":795},{"style":794},"--shiki-default:#56B6C2",[796],{"type":21,"value":797}," =",{"type":15,"tag":88,"props":799,"children":801},{"style":800},"--shiki-default:#61AFEF",[802],{"type":21,"value":803}," ref",{"type":15,"tag":88,"props":805,"children":806},{"style":95},[807],{"type":21,"value":808},"(",{"type":15,"tag":88,"props":810,"children":811},{"style":125},[812],{"type":21,"value":813},"10",{"type":15,"tag":88,"props":815,"children":816},{"style":95},[817],{"type":21,"value":818},");\n",{"type":15,"tag":88,"props":820,"children":822},{"class":90,"line":821},30,[823,827,832,836,840,844,849],{"type":15,"tag":88,"props":824,"children":825},{"style":685},[826],{"type":21,"value":785},{"type":15,"tag":88,"props":828,"children":829},{"style":788},[830],{"type":21,"value":831}," maxContent",{"type":15,"tag":88,"props":833,"children":834},{"style":794},[835],{"type":21,"value":797},{"type":15,"tag":88,"props":837,"children":838},{"style":800},[839],{"type":21,"value":803},{"type":15,"tag":88,"props":841,"children":842},{"style":95},[843],{"type":21,"value":808},{"type":15,"tag":88,"props":845,"children":846},{"style":125},[847],{"type":21,"value":848},"10000",{"type":15,"tag":88,"props":850,"children":851},{"style":95},[852],{"type":21,"value":818},{"type":15,"tag":88,"props":854,"children":856},{"class":90,"line":855},31,[857,861,866,870,874,878,883],{"type":15,"tag":88,"props":858,"children":859},{"style":685},[860],{"type":21,"value":785},{"type":15,"tag":88,"props":862,"children":863},{"style":788},[864],{"type":21,"value":865}," textContent",{"type":15,"tag":88,"props":867,"children":868},{"style":794},[869],{"type":21,"value":797},{"type":15,"tag":88,"props":871,"children":872},{"style":800},[873],{"type":21,"value":803},{"type":15,"tag":88,"props":875,"children":876},{"style":95},[877],{"type":21,"value":808},{"type":15,"tag":88,"props":879,"children":880},{"style":136},[881],{"type":21,"value":882},"'New'",{"type":15,"tag":88,"props":884,"children":885},{"style":95},[886],{"type":21,"value":818},{"type":15,"tag":88,"props":888,"children":890},{"class":90,"line":889},32,[891,895,899],{"type":15,"tag":88,"props":892,"children":893},{"style":95},[894],{"type":21,"value":626},{"type":15,"tag":88,"props":896,"children":897},{"style":101},[898],{"type":21,"value":655},{"type":15,"tag":88,"props":900,"children":901},{"style":95},[902],{"type":21,"value":108},{"type":15,"tag":904,"props":905,"children":906},"react-only",{},[907],{"type":15,"tag":78,"props":908,"children":912},{"className":909,"code":910,"language":911,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import { SfBadge, SfButton, SfIconShoppingCart } from '@storefront-ui\u002Freact';\n\nexport default function BadgeBasic() {\n return (\n \u003Cdiv className=\"flex gap-3\">\n \u003CSfButton className=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge content={10} \u002F>\n \u003C\u002FSfButton>\n\n \u003CSfButton className=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge content={10000} \u002F>\n \u003C\u002FSfButton>\n\n \u003CSfButton className=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge content=\"New\" \u002F>\n \u003C\u002FSfButton>\n\n \u003CSfButton className=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge variant=\"dot\" \u002F>\n \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n );\n}\n","tsx",[913],{"type":15,"tag":52,"props":914,"children":915},{"__ignoreMap":9},[916,964,971,999,1012,1041,1084,1100,1137,1153,1160,1203,1218,1253,1268,1275,1318,1333,1361,1376,1383,1426,1441,1468,1483,1498,1506],{"type":15,"tag":88,"props":917,"children":918},{"class":90,"line":91},[919,923,927,931,935,939,943,947,951,955,960],{"type":15,"tag":88,"props":920,"children":921},{"style":685},[922],{"type":21,"value":688},{"type":15,"tag":88,"props":924,"children":925},{"style":95},[926],{"type":21,"value":693},{"type":15,"tag":88,"props":928,"children":929},{"style":101},[930],{"type":21,"value":225},{"type":15,"tag":88,"props":932,"children":933},{"style":95},[934],{"type":21,"value":739},{"type":15,"tag":88,"props":936,"children":937},{"style":101},[938],{"type":21,"value":157},{"type":15,"tag":88,"props":940,"children":941},{"style":95},[942],{"type":21,"value":739},{"type":15,"tag":88,"props":944,"children":945},{"style":101},[946],{"type":21,"value":207},{"type":15,"tag":88,"props":948,"children":949},{"style":95},[950],{"type":21,"value":703},{"type":15,"tag":88,"props":952,"children":953},{"style":685},[954],{"type":21,"value":708},{"type":15,"tag":88,"props":956,"children":957},{"style":136},[958],{"type":21,"value":959}," '@storefront-ui\u002Freact'",{"type":15,"tag":88,"props":961,"children":962},{"style":95},[963],{"type":21,"value":718},{"type":15,"tag":88,"props":965,"children":966},{"class":90,"line":111},[967],{"type":15,"tag":88,"props":968,"children":969},{"emptyLinePlaceholder":8},[970],{"type":21,"value":269},{"type":15,"tag":88,"props":972,"children":973},{"class":90,"line":146},[974,979,984,989,994],{"type":15,"tag":88,"props":975,"children":976},{"style":685},[977],{"type":21,"value":978},"export",{"type":15,"tag":88,"props":980,"children":981},{"style":685},[982],{"type":21,"value":983}," default",{"type":15,"tag":88,"props":985,"children":986},{"style":685},[987],{"type":21,"value":988}," function",{"type":15,"tag":88,"props":990,"children":991},{"style":800},[992],{"type":21,"value":993}," BadgeBasic",{"type":15,"tag":88,"props":995,"children":996},{"style":95},[997],{"type":21,"value":998},"() {\n",{"type":15,"tag":88,"props":1000,"children":1001},{"class":90,"line":196},[1002,1007],{"type":15,"tag":88,"props":1003,"children":1004},{"style":685},[1005],{"type":21,"value":1006}," return",{"type":15,"tag":88,"props":1008,"children":1009},{"style":95},[1010],{"type":21,"value":1011}," (\n",{"type":15,"tag":88,"props":1013,"children":1014},{"class":90,"line":215},[1015,1019,1023,1029,1033,1037],{"type":15,"tag":88,"props":1016,"children":1017},{"style":95},[1018],{"type":21,"value":152},{"type":15,"tag":88,"props":1020,"children":1021},{"style":101},[1022],{"type":21,"value":122},{"type":15,"tag":88,"props":1024,"children":1026},{"style":1025},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[1027],{"type":21,"value":1028}," className",{"type":15,"tag":88,"props":1030,"children":1031},{"style":794},[1032],{"type":21,"value":133},{"type":15,"tag":88,"props":1034,"children":1035},{"style":136},[1036],{"type":21,"value":139},{"type":15,"tag":88,"props":1038,"children":1039},{"style":95},[1040],{"type":21,"value":108},{"type":15,"tag":88,"props":1042,"children":1043},{"class":90,"line":246},[1044,1048,1052,1056,1060,1064,1068,1072,1076,1080],{"type":15,"tag":88,"props":1045,"children":1046},{"style":95},[1047],{"type":21,"value":202},{"type":15,"tag":88,"props":1049,"children":1050},{"style":788},[1051],{"type":21,"value":157},{"type":15,"tag":88,"props":1053,"children":1054},{"style":1025},[1055],{"type":21,"value":1028},{"type":15,"tag":88,"props":1057,"children":1058},{"style":794},[1059],{"type":21,"value":133},{"type":15,"tag":88,"props":1061,"children":1062},{"style":136},[1063],{"type":21,"value":170},{"type":15,"tag":88,"props":1065,"children":1066},{"style":1025},[1067],{"type":21,"value":175},{"type":15,"tag":88,"props":1069,"children":1070},{"style":1025},[1071],{"type":21,"value":180},{"type":15,"tag":88,"props":1073,"children":1074},{"style":794},[1075],{"type":21,"value":133},{"type":15,"tag":88,"props":1077,"children":1078},{"style":136},[1079],{"type":21,"value":189},{"type":15,"tag":88,"props":1081,"children":1082},{"style":95},[1083],{"type":21,"value":108},{"type":15,"tag":88,"props":1085,"children":1086},{"class":90,"line":263},[1087,1092,1096],{"type":15,"tag":88,"props":1088,"children":1089},{"style":95},[1090],{"type":21,"value":1091}," \u003C",{"type":15,"tag":88,"props":1093,"children":1094},{"style":788},[1095],{"type":21,"value":207},{"type":15,"tag":88,"props":1097,"children":1098},{"style":95},[1099],{"type":21,"value":212},{"type":15,"tag":88,"props":1101,"children":1102},{"class":90,"line":272},[1103,1107,1111,1115,1119,1124,1128,1133],{"type":15,"tag":88,"props":1104,"children":1105},{"style":95},[1106],{"type":21,"value":1091},{"type":15,"tag":88,"props":1108,"children":1109},{"style":788},[1110],{"type":21,"value":225},{"type":15,"tag":88,"props":1112,"children":1113},{"style":1025},[1114],{"type":21,"value":791},{"type":15,"tag":88,"props":1116,"children":1117},{"style":794},[1118],{"type":21,"value":133},{"type":15,"tag":88,"props":1120,"children":1121},{"style":685},[1122],{"type":21,"value":1123},"{",{"type":15,"tag":88,"props":1125,"children":1126},{"style":125},[1127],{"type":21,"value":813},{"type":15,"tag":88,"props":1129,"children":1130},{"style":685},[1131],{"type":21,"value":1132},"}",{"type":15,"tag":88,"props":1134,"children":1135},{"style":95},[1136],{"type":21,"value":212},{"type":15,"tag":88,"props":1138,"children":1139},{"class":90,"line":316},[1140,1145,1149],{"type":15,"tag":88,"props":1141,"children":1142},{"style":95},[1143],{"type":21,"value":1144}," \u003C\u002F",{"type":15,"tag":88,"props":1146,"children":1147},{"style":788},[1148],{"type":21,"value":157},{"type":15,"tag":88,"props":1150,"children":1151},{"style":95},[1152],{"type":21,"value":108},{"type":15,"tag":88,"props":1154,"children":1155},{"class":90,"line":332},[1156],{"type":15,"tag":88,"props":1157,"children":1158},{"emptyLinePlaceholder":8},[1159],{"type":21,"value":269},{"type":15,"tag":88,"props":1161,"children":1162},{"class":90,"line":361},[1163,1167,1171,1175,1179,1183,1187,1191,1195,1199],{"type":15,"tag":88,"props":1164,"children":1165},{"style":95},[1166],{"type":21,"value":202},{"type":15,"tag":88,"props":1168,"children":1169},{"style":788},[1170],{"type":21,"value":157},{"type":15,"tag":88,"props":1172,"children":1173},{"style":1025},[1174],{"type":21,"value":1028},{"type":15,"tag":88,"props":1176,"children":1177},{"style":794},[1178],{"type":21,"value":133},{"type":15,"tag":88,"props":1180,"children":1181},{"style":136},[1182],{"type":21,"value":170},{"type":15,"tag":88,"props":1184,"children":1185},{"style":1025},[1186],{"type":21,"value":175},{"type":15,"tag":88,"props":1188,"children":1189},{"style":1025},[1190],{"type":21,"value":180},{"type":15,"tag":88,"props":1192,"children":1193},{"style":794},[1194],{"type":21,"value":133},{"type":15,"tag":88,"props":1196,"children":1197},{"style":136},[1198],{"type":21,"value":189},{"type":15,"tag":88,"props":1200,"children":1201},{"style":95},[1202],{"type":21,"value":108},{"type":15,"tag":88,"props":1204,"children":1205},{"class":90,"line":377},[1206,1210,1214],{"type":15,"tag":88,"props":1207,"children":1208},{"style":95},[1209],{"type":21,"value":1091},{"type":15,"tag":88,"props":1211,"children":1212},{"style":788},[1213],{"type":21,"value":207},{"type":15,"tag":88,"props":1215,"children":1216},{"style":95},[1217],{"type":21,"value":212},{"type":15,"tag":88,"props":1219,"children":1220},{"class":90,"line":385},[1221,1225,1229,1233,1237,1241,1245,1249],{"type":15,"tag":88,"props":1222,"children":1223},{"style":95},[1224],{"type":21,"value":1091},{"type":15,"tag":88,"props":1226,"children":1227},{"style":788},[1228],{"type":21,"value":225},{"type":15,"tag":88,"props":1230,"children":1231},{"style":1025},[1232],{"type":21,"value":791},{"type":15,"tag":88,"props":1234,"children":1235},{"style":794},[1236],{"type":21,"value":133},{"type":15,"tag":88,"props":1238,"children":1239},{"style":685},[1240],{"type":21,"value":1123},{"type":15,"tag":88,"props":1242,"children":1243},{"style":125},[1244],{"type":21,"value":848},{"type":15,"tag":88,"props":1246,"children":1247},{"style":685},[1248],{"type":21,"value":1132},{"type":15,"tag":88,"props":1250,"children":1251},{"style":95},[1252],{"type":21,"value":212},{"type":15,"tag":88,"props":1254,"children":1255},{"class":90,"line":429},[1256,1260,1264],{"type":15,"tag":88,"props":1257,"children":1258},{"style":95},[1259],{"type":21,"value":1144},{"type":15,"tag":88,"props":1261,"children":1262},{"style":788},[1263],{"type":21,"value":157},{"type":15,"tag":88,"props":1265,"children":1266},{"style":95},[1267],{"type":21,"value":108},{"type":15,"tag":88,"props":1269,"children":1270},{"class":90,"line":445},[1271],{"type":15,"tag":88,"props":1272,"children":1273},{"emptyLinePlaceholder":8},[1274],{"type":21,"value":269},{"type":15,"tag":88,"props":1276,"children":1277},{"class":90,"line":474},[1278,1282,1286,1290,1294,1298,1302,1306,1310,1314],{"type":15,"tag":88,"props":1279,"children":1280},{"style":95},[1281],{"type":21,"value":202},{"type":15,"tag":88,"props":1283,"children":1284},{"style":788},[1285],{"type":21,"value":157},{"type":15,"tag":88,"props":1287,"children":1288},{"style":1025},[1289],{"type":21,"value":1028},{"type":15,"tag":88,"props":1291,"children":1292},{"style":794},[1293],{"type":21,"value":133},{"type":15,"tag":88,"props":1295,"children":1296},{"style":136},[1297],{"type":21,"value":170},{"type":15,"tag":88,"props":1299,"children":1300},{"style":1025},[1301],{"type":21,"value":175},{"type":15,"tag":88,"props":1303,"children":1304},{"style":1025},[1305],{"type":21,"value":180},{"type":15,"tag":88,"props":1307,"children":1308},{"style":794},[1309],{"type":21,"value":133},{"type":15,"tag":88,"props":1311,"children":1312},{"style":136},[1313],{"type":21,"value":189},{"type":15,"tag":88,"props":1315,"children":1316},{"style":95},[1317],{"type":21,"value":108},{"type":15,"tag":88,"props":1319,"children":1320},{"class":90,"line":490},[1321,1325,1329],{"type":15,"tag":88,"props":1322,"children":1323},{"style":95},[1324],{"type":21,"value":1091},{"type":15,"tag":88,"props":1326,"children":1327},{"style":788},[1328],{"type":21,"value":207},{"type":15,"tag":88,"props":1330,"children":1331},{"style":95},[1332],{"type":21,"value":212},{"type":15,"tag":88,"props":1334,"children":1335},{"class":90,"line":498},[1336,1340,1344,1348,1352,1357],{"type":15,"tag":88,"props":1337,"children":1338},{"style":95},[1339],{"type":21,"value":1091},{"type":15,"tag":88,"props":1341,"children":1342},{"style":788},[1343],{"type":21,"value":225},{"type":15,"tag":88,"props":1345,"children":1346},{"style":1025},[1347],{"type":21,"value":791},{"type":15,"tag":88,"props":1349,"children":1350},{"style":794},[1351],{"type":21,"value":133},{"type":15,"tag":88,"props":1353,"children":1354},{"style":136},[1355],{"type":21,"value":1356},"\"New\"",{"type":15,"tag":88,"props":1358,"children":1359},{"style":95},[1360],{"type":21,"value":212},{"type":15,"tag":88,"props":1362,"children":1363},{"class":90,"line":542},[1364,1368,1372],{"type":15,"tag":88,"props":1365,"children":1366},{"style":95},[1367],{"type":21,"value":1144},{"type":15,"tag":88,"props":1369,"children":1370},{"style":788},[1371],{"type":21,"value":157},{"type":15,"tag":88,"props":1373,"children":1374},{"style":95},[1375],{"type":21,"value":108},{"type":15,"tag":88,"props":1377,"children":1378},{"class":90,"line":558},[1379],{"type":15,"tag":88,"props":1380,"children":1381},{"emptyLinePlaceholder":8},[1382],{"type":21,"value":269},{"type":15,"tag":88,"props":1384,"children":1385},{"class":90,"line":587},[1386,1390,1394,1398,1402,1406,1410,1414,1418,1422],{"type":15,"tag":88,"props":1387,"children":1388},{"style":95},[1389],{"type":21,"value":202},{"type":15,"tag":88,"props":1391,"children":1392},{"style":788},[1393],{"type":21,"value":157},{"type":15,"tag":88,"props":1395,"children":1396},{"style":1025},[1397],{"type":21,"value":1028},{"type":15,"tag":88,"props":1399,"children":1400},{"style":794},[1401],{"type":21,"value":133},{"type":15,"tag":88,"props":1403,"children":1404},{"style":136},[1405],{"type":21,"value":170},{"type":15,"tag":88,"props":1407,"children":1408},{"style":1025},[1409],{"type":21,"value":175},{"type":15,"tag":88,"props":1411,"children":1412},{"style":1025},[1413],{"type":21,"value":180},{"type":15,"tag":88,"props":1415,"children":1416},{"style":794},[1417],{"type":21,"value":133},{"type":15,"tag":88,"props":1419,"children":1420},{"style":136},[1421],{"type":21,"value":189},{"type":15,"tag":88,"props":1423,"children":1424},{"style":95},[1425],{"type":21,"value":108},{"type":15,"tag":88,"props":1427,"children":1428},{"class":90,"line":603},[1429,1433,1437],{"type":15,"tag":88,"props":1430,"children":1431},{"style":95},[1432],{"type":21,"value":1091},{"type":15,"tag":88,"props":1434,"children":1435},{"style":788},[1436],{"type":21,"value":207},{"type":15,"tag":88,"props":1438,"children":1439},{"style":95},[1440],{"type":21,"value":212},{"type":15,"tag":88,"props":1442,"children":1443},{"class":90,"line":620},[1444,1448,1452,1456,1460,1464],{"type":15,"tag":88,"props":1445,"children":1446},{"style":95},[1447],{"type":21,"value":1091},{"type":15,"tag":88,"props":1449,"children":1450},{"style":788},[1451],{"type":21,"value":225},{"type":15,"tag":88,"props":1453,"children":1454},{"style":1025},[1455],{"type":21,"value":180},{"type":15,"tag":88,"props":1457,"children":1458},{"style":794},[1459],{"type":21,"value":133},{"type":15,"tag":88,"props":1461,"children":1462},{"style":136},[1463],{"type":21,"value":580},{"type":15,"tag":88,"props":1465,"children":1466},{"style":95},[1467],{"type":21,"value":212},{"type":15,"tag":88,"props":1469,"children":1470},{"class":90,"line":637},[1471,1475,1479],{"type":15,"tag":88,"props":1472,"children":1473},{"style":95},[1474],{"type":21,"value":1144},{"type":15,"tag":88,"props":1476,"children":1477},{"style":788},[1478],{"type":21,"value":157},{"type":15,"tag":88,"props":1480,"children":1481},{"style":95},[1482],{"type":21,"value":108},{"type":15,"tag":88,"props":1484,"children":1485},{"class":90,"line":645},[1486,1490,1494],{"type":15,"tag":88,"props":1487,"children":1488},{"style":95},[1489],{"type":21,"value":252},{"type":15,"tag":88,"props":1491,"children":1492},{"style":101},[1493],{"type":21,"value":122},{"type":15,"tag":88,"props":1495,"children":1496},{"style":95},[1497],{"type":21,"value":108},{"type":15,"tag":88,"props":1499,"children":1500},{"class":90,"line":681},[1501],{"type":15,"tag":88,"props":1502,"children":1503},{"style":95},[1504],{"type":21,"value":1505}," );\n",{"type":15,"tag":88,"props":1507,"children":1508},{"class":90,"line":721},[1509],{"type":15,"tag":88,"props":1510,"children":1511},{"style":95},[1512],{"type":21,"value":1513},"}\n",{"type":15,"tag":39,"props":1515,"children":1517},{"id":1516},"placement",[1518],{"type":21,"value":1519},"Placement",{"type":15,"tag":46,"props":1521,"children":1522},{},[1523],{"type":21,"value":1524},"You can align the Badge in every corner of the container.",{"type":15,"tag":69,"props":1526,"children":1528},{"showcase-name":1527},"Badge\u002FBadgePlacement",[1529,2305],{"type":15,"tag":74,"props":1530,"children":1531},{},[1532],{"type":15,"tag":78,"props":1533,"children":1535},{"className":80,"code":1534,"language":82,"meta":9,"style":9},"\u003Ctemplate>\n \u003Cdiv class=\"flex gap-3\">\n \u003CSfButton class=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge :content=\"content\" :max=\"99\" placement=\"top-right\" \u002F>\n \u003C\u002FSfButton>\n\n \u003CSfButton class=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge :content=\"content\" :max=\"99\" placement=\"bottom-left\" \u002F>\n \u003C\u002FSfButton>\n\n \u003CSfButton class=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge :content=\"content\" :max=\"99\" placement=\"top-left\" \u002F>\n \u003C\u002FSfButton>\n\n \u003CSfButton class=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge :content=\"content\" :max=\"99\" placement=\"bottom-right\" \u002F>\n \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { SfBadge, SfButton, SfIconShoppingCart } from '@storefront-ui\u002Fvue';\n\nconst content = ref(100);\n\u003C\u002Fscript>\n\n",[1536],{"type":15,"tag":52,"props":1537,"children":1538},{"__ignoreMap":9},[1539,1554,1581,1624,1639,1694,1709,1716,1759,1774,1826,1841,1848,1891,1906,1958,1973,1980,2023,2038,2090,2105,2120,2135,2142,2173,2204,2251,2258,2290],{"type":15,"tag":88,"props":1540,"children":1541},{"class":90,"line":91},[1542,1546,1550],{"type":15,"tag":88,"props":1543,"children":1544},{"style":95},[1545],{"type":21,"value":98},{"type":15,"tag":88,"props":1547,"children":1548},{"style":101},[1549],{"type":21,"value":28},{"type":15,"tag":88,"props":1551,"children":1552},{"style":95},[1553],{"type":21,"value":108},{"type":15,"tag":88,"props":1555,"children":1556},{"class":90,"line":111},[1557,1561,1565,1569,1573,1577],{"type":15,"tag":88,"props":1558,"children":1559},{"style":95},[1560],{"type":21,"value":117},{"type":15,"tag":88,"props":1562,"children":1563},{"style":101},[1564],{"type":21,"value":122},{"type":15,"tag":88,"props":1566,"children":1567},{"style":125},[1568],{"type":21,"value":128},{"type":15,"tag":88,"props":1570,"children":1571},{"style":95},[1572],{"type":21,"value":133},{"type":15,"tag":88,"props":1574,"children":1575},{"style":136},[1576],{"type":21,"value":139},{"type":15,"tag":88,"props":1578,"children":1579},{"style":95},[1580],{"type":21,"value":108},{"type":15,"tag":88,"props":1582,"children":1583},{"class":90,"line":146},[1584,1588,1592,1596,1600,1604,1608,1612,1616,1620],{"type":15,"tag":88,"props":1585,"children":1586},{"style":95},[1587],{"type":21,"value":152},{"type":15,"tag":88,"props":1589,"children":1590},{"style":101},[1591],{"type":21,"value":157},{"type":15,"tag":88,"props":1593,"children":1594},{"style":125},[1595],{"type":21,"value":128},{"type":15,"tag":88,"props":1597,"children":1598},{"style":95},[1599],{"type":21,"value":133},{"type":15,"tag":88,"props":1601,"children":1602},{"style":136},[1603],{"type":21,"value":170},{"type":15,"tag":88,"props":1605,"children":1606},{"style":125},[1607],{"type":21,"value":175},{"type":15,"tag":88,"props":1609,"children":1610},{"style":125},[1611],{"type":21,"value":180},{"type":15,"tag":88,"props":1613,"children":1614},{"style":95},[1615],{"type":21,"value":133},{"type":15,"tag":88,"props":1617,"children":1618},{"style":136},[1619],{"type":21,"value":189},{"type":15,"tag":88,"props":1621,"children":1622},{"style":95},[1623],{"type":21,"value":108},{"type":15,"tag":88,"props":1625,"children":1626},{"class":90,"line":196},[1627,1631,1635],{"type":15,"tag":88,"props":1628,"children":1629},{"style":95},[1630],{"type":21,"value":202},{"type":15,"tag":88,"props":1632,"children":1633},{"style":101},[1634],{"type":21,"value":207},{"type":15,"tag":88,"props":1636,"children":1637},{"style":95},[1638],{"type":21,"value":212},{"type":15,"tag":88,"props":1640,"children":1641},{"class":90,"line":215},[1642,1646,1650,1654,1658,1662,1667,1671,1676,1681,1685,1690],{"type":15,"tag":88,"props":1643,"children":1644},{"style":95},[1645],{"type":21,"value":202},{"type":15,"tag":88,"props":1647,"children":1648},{"style":101},[1649],{"type":21,"value":225},{"type":15,"tag":88,"props":1651,"children":1652},{"style":125},[1653],{"type":21,"value":230},{"type":15,"tag":88,"props":1655,"children":1656},{"style":95},[1657],{"type":21,"value":133},{"type":15,"tag":88,"props":1659,"children":1660},{"style":136},[1661],{"type":21,"value":239},{"type":15,"tag":88,"props":1663,"children":1664},{"style":125},[1665],{"type":21,"value":1666}," :max",{"type":15,"tag":88,"props":1668,"children":1669},{"style":95},[1670],{"type":21,"value":133},{"type":15,"tag":88,"props":1672,"children":1673},{"style":136},[1674],{"type":21,"value":1675},"\"99\"",{"type":15,"tag":88,"props":1677,"children":1678},{"style":125},[1679],{"type":21,"value":1680}," placement",{"type":15,"tag":88,"props":1682,"children":1683},{"style":95},[1684],{"type":21,"value":133},{"type":15,"tag":88,"props":1686,"children":1687},{"style":136},[1688],{"type":21,"value":1689},"\"top-right\"",{"type":15,"tag":88,"props":1691,"children":1692},{"style":95},[1693],{"type":21,"value":212},{"type":15,"tag":88,"props":1695,"children":1696},{"class":90,"line":246},[1697,1701,1705],{"type":15,"tag":88,"props":1698,"children":1699},{"style":95},[1700],{"type":21,"value":252},{"type":15,"tag":88,"props":1702,"children":1703},{"style":101},[1704],{"type":21,"value":157},{"type":15,"tag":88,"props":1706,"children":1707},{"style":95},[1708],{"type":21,"value":108},{"type":15,"tag":88,"props":1710,"children":1711},{"class":90,"line":263},[1712],{"type":15,"tag":88,"props":1713,"children":1714},{"emptyLinePlaceholder":8},[1715],{"type":21,"value":269},{"type":15,"tag":88,"props":1717,"children":1718},{"class":90,"line":272},[1719,1723,1727,1731,1735,1739,1743,1747,1751,1755],{"type":15,"tag":88,"props":1720,"children":1721},{"style":95},[1722],{"type":21,"value":152},{"type":15,"tag":88,"props":1724,"children":1725},{"style":101},[1726],{"type":21,"value":157},{"type":15,"tag":88,"props":1728,"children":1729},{"style":125},[1730],{"type":21,"value":128},{"type":15,"tag":88,"props":1732,"children":1733},{"style":95},[1734],{"type":21,"value":133},{"type":15,"tag":88,"props":1736,"children":1737},{"style":136},[1738],{"type":21,"value":170},{"type":15,"tag":88,"props":1740,"children":1741},{"style":125},[1742],{"type":21,"value":175},{"type":15,"tag":88,"props":1744,"children":1745},{"style":125},[1746],{"type":21,"value":180},{"type":15,"tag":88,"props":1748,"children":1749},{"style":95},[1750],{"type":21,"value":133},{"type":15,"tag":88,"props":1752,"children":1753},{"style":136},[1754],{"type":21,"value":189},{"type":15,"tag":88,"props":1756,"children":1757},{"style":95},[1758],{"type":21,"value":108},{"type":15,"tag":88,"props":1760,"children":1761},{"class":90,"line":316},[1762,1766,1770],{"type":15,"tag":88,"props":1763,"children":1764},{"style":95},[1765],{"type":21,"value":202},{"type":15,"tag":88,"props":1767,"children":1768},{"style":101},[1769],{"type":21,"value":207},{"type":15,"tag":88,"props":1771,"children":1772},{"style":95},[1773],{"type":21,"value":212},{"type":15,"tag":88,"props":1775,"children":1776},{"class":90,"line":332},[1777,1781,1785,1789,1793,1797,1801,1805,1809,1813,1817,1822],{"type":15,"tag":88,"props":1778,"children":1779},{"style":95},[1780],{"type":21,"value":202},{"type":15,"tag":88,"props":1782,"children":1783},{"style":101},[1784],{"type":21,"value":225},{"type":15,"tag":88,"props":1786,"children":1787},{"style":125},[1788],{"type":21,"value":230},{"type":15,"tag":88,"props":1790,"children":1791},{"style":95},[1792],{"type":21,"value":133},{"type":15,"tag":88,"props":1794,"children":1795},{"style":136},[1796],{"type":21,"value":239},{"type":15,"tag":88,"props":1798,"children":1799},{"style":125},[1800],{"type":21,"value":1666},{"type":15,"tag":88,"props":1802,"children":1803},{"style":95},[1804],{"type":21,"value":133},{"type":15,"tag":88,"props":1806,"children":1807},{"style":136},[1808],{"type":21,"value":1675},{"type":15,"tag":88,"props":1810,"children":1811},{"style":125},[1812],{"type":21,"value":1680},{"type":15,"tag":88,"props":1814,"children":1815},{"style":95},[1816],{"type":21,"value":133},{"type":15,"tag":88,"props":1818,"children":1819},{"style":136},[1820],{"type":21,"value":1821},"\"bottom-left\"",{"type":15,"tag":88,"props":1823,"children":1824},{"style":95},[1825],{"type":21,"value":212},{"type":15,"tag":88,"props":1827,"children":1828},{"class":90,"line":361},[1829,1833,1837],{"type":15,"tag":88,"props":1830,"children":1831},{"style":95},[1832],{"type":21,"value":252},{"type":15,"tag":88,"props":1834,"children":1835},{"style":101},[1836],{"type":21,"value":157},{"type":15,"tag":88,"props":1838,"children":1839},{"style":95},[1840],{"type":21,"value":108},{"type":15,"tag":88,"props":1842,"children":1843},{"class":90,"line":377},[1844],{"type":15,"tag":88,"props":1845,"children":1846},{"emptyLinePlaceholder":8},[1847],{"type":21,"value":269},{"type":15,"tag":88,"props":1849,"children":1850},{"class":90,"line":385},[1851,1855,1859,1863,1867,1871,1875,1879,1883,1887],{"type":15,"tag":88,"props":1852,"children":1853},{"style":95},[1854],{"type":21,"value":152},{"type":15,"tag":88,"props":1856,"children":1857},{"style":101},[1858],{"type":21,"value":157},{"type":15,"tag":88,"props":1860,"children":1861},{"style":125},[1862],{"type":21,"value":128},{"type":15,"tag":88,"props":1864,"children":1865},{"style":95},[1866],{"type":21,"value":133},{"type":15,"tag":88,"props":1868,"children":1869},{"style":136},[1870],{"type":21,"value":170},{"type":15,"tag":88,"props":1872,"children":1873},{"style":125},[1874],{"type":21,"value":175},{"type":15,"tag":88,"props":1876,"children":1877},{"style":125},[1878],{"type":21,"value":180},{"type":15,"tag":88,"props":1880,"children":1881},{"style":95},[1882],{"type":21,"value":133},{"type":15,"tag":88,"props":1884,"children":1885},{"style":136},[1886],{"type":21,"value":189},{"type":15,"tag":88,"props":1888,"children":1889},{"style":95},[1890],{"type":21,"value":108},{"type":15,"tag":88,"props":1892,"children":1893},{"class":90,"line":429},[1894,1898,1902],{"type":15,"tag":88,"props":1895,"children":1896},{"style":95},[1897],{"type":21,"value":202},{"type":15,"tag":88,"props":1899,"children":1900},{"style":101},[1901],{"type":21,"value":207},{"type":15,"tag":88,"props":1903,"children":1904},{"style":95},[1905],{"type":21,"value":212},{"type":15,"tag":88,"props":1907,"children":1908},{"class":90,"line":445},[1909,1913,1917,1921,1925,1929,1933,1937,1941,1945,1949,1954],{"type":15,"tag":88,"props":1910,"children":1911},{"style":95},[1912],{"type":21,"value":202},{"type":15,"tag":88,"props":1914,"children":1915},{"style":101},[1916],{"type":21,"value":225},{"type":15,"tag":88,"props":1918,"children":1919},{"style":125},[1920],{"type":21,"value":230},{"type":15,"tag":88,"props":1922,"children":1923},{"style":95},[1924],{"type":21,"value":133},{"type":15,"tag":88,"props":1926,"children":1927},{"style":136},[1928],{"type":21,"value":239},{"type":15,"tag":88,"props":1930,"children":1931},{"style":125},[1932],{"type":21,"value":1666},{"type":15,"tag":88,"props":1934,"children":1935},{"style":95},[1936],{"type":21,"value":133},{"type":15,"tag":88,"props":1938,"children":1939},{"style":136},[1940],{"type":21,"value":1675},{"type":15,"tag":88,"props":1942,"children":1943},{"style":125},[1944],{"type":21,"value":1680},{"type":15,"tag":88,"props":1946,"children":1947},{"style":95},[1948],{"type":21,"value":133},{"type":15,"tag":88,"props":1950,"children":1951},{"style":136},[1952],{"type":21,"value":1953},"\"top-left\"",{"type":15,"tag":88,"props":1955,"children":1956},{"style":95},[1957],{"type":21,"value":212},{"type":15,"tag":88,"props":1959,"children":1960},{"class":90,"line":474},[1961,1965,1969],{"type":15,"tag":88,"props":1962,"children":1963},{"style":95},[1964],{"type":21,"value":252},{"type":15,"tag":88,"props":1966,"children":1967},{"style":101},[1968],{"type":21,"value":157},{"type":15,"tag":88,"props":1970,"children":1971},{"style":95},[1972],{"type":21,"value":108},{"type":15,"tag":88,"props":1974,"children":1975},{"class":90,"line":490},[1976],{"type":15,"tag":88,"props":1977,"children":1978},{"emptyLinePlaceholder":8},[1979],{"type":21,"value":269},{"type":15,"tag":88,"props":1981,"children":1982},{"class":90,"line":498},[1983,1987,1991,1995,1999,2003,2007,2011,2015,2019],{"type":15,"tag":88,"props":1984,"children":1985},{"style":95},[1986],{"type":21,"value":152},{"type":15,"tag":88,"props":1988,"children":1989},{"style":101},[1990],{"type":21,"value":157},{"type":15,"tag":88,"props":1992,"children":1993},{"style":125},[1994],{"type":21,"value":128},{"type":15,"tag":88,"props":1996,"children":1997},{"style":95},[1998],{"type":21,"value":133},{"type":15,"tag":88,"props":2000,"children":2001},{"style":136},[2002],{"type":21,"value":170},{"type":15,"tag":88,"props":2004,"children":2005},{"style":125},[2006],{"type":21,"value":175},{"type":15,"tag":88,"props":2008,"children":2009},{"style":125},[2010],{"type":21,"value":180},{"type":15,"tag":88,"props":2012,"children":2013},{"style":95},[2014],{"type":21,"value":133},{"type":15,"tag":88,"props":2016,"children":2017},{"style":136},[2018],{"type":21,"value":189},{"type":15,"tag":88,"props":2020,"children":2021},{"style":95},[2022],{"type":21,"value":108},{"type":15,"tag":88,"props":2024,"children":2025},{"class":90,"line":542},[2026,2030,2034],{"type":15,"tag":88,"props":2027,"children":2028},{"style":95},[2029],{"type":21,"value":202},{"type":15,"tag":88,"props":2031,"children":2032},{"style":101},[2033],{"type":21,"value":207},{"type":15,"tag":88,"props":2035,"children":2036},{"style":95},[2037],{"type":21,"value":212},{"type":15,"tag":88,"props":2039,"children":2040},{"class":90,"line":558},[2041,2045,2049,2053,2057,2061,2065,2069,2073,2077,2081,2086],{"type":15,"tag":88,"props":2042,"children":2043},{"style":95},[2044],{"type":21,"value":202},{"type":15,"tag":88,"props":2046,"children":2047},{"style":101},[2048],{"type":21,"value":225},{"type":15,"tag":88,"props":2050,"children":2051},{"style":125},[2052],{"type":21,"value":230},{"type":15,"tag":88,"props":2054,"children":2055},{"style":95},[2056],{"type":21,"value":133},{"type":15,"tag":88,"props":2058,"children":2059},{"style":136},[2060],{"type":21,"value":239},{"type":15,"tag":88,"props":2062,"children":2063},{"style":125},[2064],{"type":21,"value":1666},{"type":15,"tag":88,"props":2066,"children":2067},{"style":95},[2068],{"type":21,"value":133},{"type":15,"tag":88,"props":2070,"children":2071},{"style":136},[2072],{"type":21,"value":1675},{"type":15,"tag":88,"props":2074,"children":2075},{"style":125},[2076],{"type":21,"value":1680},{"type":15,"tag":88,"props":2078,"children":2079},{"style":95},[2080],{"type":21,"value":133},{"type":15,"tag":88,"props":2082,"children":2083},{"style":136},[2084],{"type":21,"value":2085},"\"bottom-right\"",{"type":15,"tag":88,"props":2087,"children":2088},{"style":95},[2089],{"type":21,"value":212},{"type":15,"tag":88,"props":2091,"children":2092},{"class":90,"line":587},[2093,2097,2101],{"type":15,"tag":88,"props":2094,"children":2095},{"style":95},[2096],{"type":21,"value":252},{"type":15,"tag":88,"props":2098,"children":2099},{"style":101},[2100],{"type":21,"value":157},{"type":15,"tag":88,"props":2102,"children":2103},{"style":95},[2104],{"type":21,"value":108},{"type":15,"tag":88,"props":2106,"children":2107},{"class":90,"line":603},[2108,2112,2116],{"type":15,"tag":88,"props":2109,"children":2110},{"style":95},[2111],{"type":21,"value":609},{"type":15,"tag":88,"props":2113,"children":2114},{"style":101},[2115],{"type":21,"value":122},{"type":15,"tag":88,"props":2117,"children":2118},{"style":95},[2119],{"type":21,"value":108},{"type":15,"tag":88,"props":2121,"children":2122},{"class":90,"line":620},[2123,2127,2131],{"type":15,"tag":88,"props":2124,"children":2125},{"style":95},[2126],{"type":21,"value":626},{"type":15,"tag":88,"props":2128,"children":2129},{"style":101},[2130],{"type":21,"value":28},{"type":15,"tag":88,"props":2132,"children":2133},{"style":95},[2134],{"type":21,"value":108},{"type":15,"tag":88,"props":2136,"children":2137},{"class":90,"line":637},[2138],{"type":15,"tag":88,"props":2139,"children":2140},{"emptyLinePlaceholder":8},[2141],{"type":21,"value":269},{"type":15,"tag":88,"props":2143,"children":2144},{"class":90,"line":645},[2145,2149,2153,2157,2161,2165,2169],{"type":15,"tag":88,"props":2146,"children":2147},{"style":95},[2148],{"type":21,"value":98},{"type":15,"tag":88,"props":2150,"children":2151},{"style":101},[2152],{"type":21,"value":655},{"type":15,"tag":88,"props":2154,"children":2155},{"style":125},[2156],{"type":21,"value":660},{"type":15,"tag":88,"props":2158,"children":2159},{"style":95},[2160],{"type":21,"value":133},{"type":15,"tag":88,"props":2162,"children":2163},{"style":136},[2164],{"type":21,"value":669},{"type":15,"tag":88,"props":2166,"children":2167},{"style":125},[2168],{"type":21,"value":674},{"type":15,"tag":88,"props":2170,"children":2171},{"style":95},[2172],{"type":21,"value":108},{"type":15,"tag":88,"props":2174,"children":2175},{"class":90,"line":681},[2176,2180,2184,2188,2192,2196,2200],{"type":15,"tag":88,"props":2177,"children":2178},{"style":685},[2179],{"type":21,"value":688},{"type":15,"tag":88,"props":2181,"children":2182},{"style":95},[2183],{"type":21,"value":693},{"type":15,"tag":88,"props":2185,"children":2186},{"style":101},[2187],{"type":21,"value":698},{"type":15,"tag":88,"props":2189,"children":2190},{"style":95},[2191],{"type":21,"value":703},{"type":15,"tag":88,"props":2193,"children":2194},{"style":685},[2195],{"type":21,"value":708},{"type":15,"tag":88,"props":2197,"children":2198},{"style":136},[2199],{"type":21,"value":713},{"type":15,"tag":88,"props":2201,"children":2202},{"style":95},[2203],{"type":21,"value":718},{"type":15,"tag":88,"props":2205,"children":2206},{"class":90,"line":721},[2207,2211,2215,2219,2223,2227,2231,2235,2239,2243,2247],{"type":15,"tag":88,"props":2208,"children":2209},{"style":685},[2210],{"type":21,"value":688},{"type":15,"tag":88,"props":2212,"children":2213},{"style":95},[2214],{"type":21,"value":693},{"type":15,"tag":88,"props":2216,"children":2217},{"style":101},[2218],{"type":21,"value":225},{"type":15,"tag":88,"props":2220,"children":2221},{"style":95},[2222],{"type":21,"value":739},{"type":15,"tag":88,"props":2224,"children":2225},{"style":101},[2226],{"type":21,"value":157},{"type":15,"tag":88,"props":2228,"children":2229},{"style":95},[2230],{"type":21,"value":739},{"type":15,"tag":88,"props":2232,"children":2233},{"style":101},[2234],{"type":21,"value":207},{"type":15,"tag":88,"props":2236,"children":2237},{"style":95},[2238],{"type":21,"value":703},{"type":15,"tag":88,"props":2240,"children":2241},{"style":685},[2242],{"type":21,"value":708},{"type":15,"tag":88,"props":2244,"children":2245},{"style":136},[2246],{"type":21,"value":764},{"type":15,"tag":88,"props":2248,"children":2249},{"style":95},[2250],{"type":21,"value":718},{"type":15,"tag":88,"props":2252,"children":2253},{"class":90,"line":771},[2254],{"type":15,"tag":88,"props":2255,"children":2256},{"emptyLinePlaceholder":8},[2257],{"type":21,"value":269},{"type":15,"tag":88,"props":2259,"children":2260},{"class":90,"line":779},[2261,2265,2269,2273,2277,2281,2286],{"type":15,"tag":88,"props":2262,"children":2263},{"style":685},[2264],{"type":21,"value":785},{"type":15,"tag":88,"props":2266,"children":2267},{"style":788},[2268],{"type":21,"value":791},{"type":15,"tag":88,"props":2270,"children":2271},{"style":794},[2272],{"type":21,"value":797},{"type":15,"tag":88,"props":2274,"children":2275},{"style":800},[2276],{"type":21,"value":803},{"type":15,"tag":88,"props":2278,"children":2279},{"style":95},[2280],{"type":21,"value":808},{"type":15,"tag":88,"props":2282,"children":2283},{"style":125},[2284],{"type":21,"value":2285},"100",{"type":15,"tag":88,"props":2287,"children":2288},{"style":95},[2289],{"type":21,"value":818},{"type":15,"tag":88,"props":2291,"children":2292},{"class":90,"line":821},[2293,2297,2301],{"type":15,"tag":88,"props":2294,"children":2295},{"style":95},[2296],{"type":21,"value":626},{"type":15,"tag":88,"props":2298,"children":2299},{"style":101},[2300],{"type":21,"value":655},{"type":15,"tag":88,"props":2302,"children":2303},{"style":95},[2304],{"type":21,"value":108},{"type":15,"tag":904,"props":2306,"children":2307},{},[2308],{"type":15,"tag":78,"props":2309,"children":2311},{"className":909,"code":2310,"language":911,"meta":9,"style":9},"import { SfBadge, SfButton, SfIconShoppingCart } from '@storefront-ui\u002Freact';\n\nexport default function BadgePlacement() {\n return (\n \u003Cdiv className=\"flex gap-3\">\n \u003CSfButton className=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge content={100} max={99} placement=\"top-right\" \u002F>\n \u003C\u002FSfButton>\n\n \u003CSfButton className=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge content={100} max={99} placement=\"bottom-left\" \u002F>\n \u003C\u002FSfButton>\n\n \u003CSfButton className=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge content={100} max={99} placement=\"top-left\" \u002F>\n \u003C\u002FSfButton>\n\n \u003CSfButton className=\"relative\" square variant=\"tertiary\">\n \u003CSfIconShoppingCart \u002F>\n \u003CSfBadge content={100} max={99} placement=\"bottom-right\" \u002F>\n \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n );\n}\n",[2312],{"type":15,"tag":52,"props":2313,"children":2314},{"__ignoreMap":9},[2315,2362,2369,2393,2404,2431,2474,2489,2558,2573,2580,2623,2638,2705,2720,2727,2770,2785,2852,2867,2874,2917,2932,2999,3014,3029,3036],{"type":15,"tag":88,"props":2316,"children":2317},{"class":90,"line":91},[2318,2322,2326,2330,2334,2338,2342,2346,2350,2354,2358],{"type":15,"tag":88,"props":2319,"children":2320},{"style":685},[2321],{"type":21,"value":688},{"type":15,"tag":88,"props":2323,"children":2324},{"style":95},[2325],{"type":21,"value":693},{"type":15,"tag":88,"props":2327,"children":2328},{"style":101},[2329],{"type":21,"value":225},{"type":15,"tag":88,"props":2331,"children":2332},{"style":95},[2333],{"type":21,"value":739},{"type":15,"tag":88,"props":2335,"children":2336},{"style":101},[2337],{"type":21,"value":157},{"type":15,"tag":88,"props":2339,"children":2340},{"style":95},[2341],{"type":21,"value":739},{"type":15,"tag":88,"props":2343,"children":2344},{"style":101},[2345],{"type":21,"value":207},{"type":15,"tag":88,"props":2347,"children":2348},{"style":95},[2349],{"type":21,"value":703},{"type":15,"tag":88,"props":2351,"children":2352},{"style":685},[2353],{"type":21,"value":708},{"type":15,"tag":88,"props":2355,"children":2356},{"style":136},[2357],{"type":21,"value":959},{"type":15,"tag":88,"props":2359,"children":2360},{"style":95},[2361],{"type":21,"value":718},{"type":15,"tag":88,"props":2363,"children":2364},{"class":90,"line":111},[2365],{"type":15,"tag":88,"props":2366,"children":2367},{"emptyLinePlaceholder":8},[2368],{"type":21,"value":269},{"type":15,"tag":88,"props":2370,"children":2371},{"class":90,"line":146},[2372,2376,2380,2384,2389],{"type":15,"tag":88,"props":2373,"children":2374},{"style":685},[2375],{"type":21,"value":978},{"type":15,"tag":88,"props":2377,"children":2378},{"style":685},[2379],{"type":21,"value":983},{"type":15,"tag":88,"props":2381,"children":2382},{"style":685},[2383],{"type":21,"value":988},{"type":15,"tag":88,"props":2385,"children":2386},{"style":800},[2387],{"type":21,"value":2388}," BadgePlacement",{"type":15,"tag":88,"props":2390,"children":2391},{"style":95},[2392],{"type":21,"value":998},{"type":15,"tag":88,"props":2394,"children":2395},{"class":90,"line":196},[2396,2400],{"type":15,"tag":88,"props":2397,"children":2398},{"style":685},[2399],{"type":21,"value":1006},{"type":15,"tag":88,"props":2401,"children":2402},{"style":95},[2403],{"type":21,"value":1011},{"type":15,"tag":88,"props":2405,"children":2406},{"class":90,"line":215},[2407,2411,2415,2419,2423,2427],{"type":15,"tag":88,"props":2408,"children":2409},{"style":95},[2410],{"type":21,"value":152},{"type":15,"tag":88,"props":2412,"children":2413},{"style":101},[2414],{"type":21,"value":122},{"type":15,"tag":88,"props":2416,"children":2417},{"style":1025},[2418],{"type":21,"value":1028},{"type":15,"tag":88,"props":2420,"children":2421},{"style":794},[2422],{"type":21,"value":133},{"type":15,"tag":88,"props":2424,"children":2425},{"style":136},[2426],{"type":21,"value":139},{"type":15,"tag":88,"props":2428,"children":2429},{"style":95},[2430],{"type":21,"value":108},{"type":15,"tag":88,"props":2432,"children":2433},{"class":90,"line":246},[2434,2438,2442,2446,2450,2454,2458,2462,2466,2470],{"type":15,"tag":88,"props":2435,"children":2436},{"style":95},[2437],{"type":21,"value":202},{"type":15,"tag":88,"props":2439,"children":2440},{"style":788},[2441],{"type":21,"value":157},{"type":15,"tag":88,"props":2443,"children":2444},{"style":1025},[2445],{"type":21,"value":1028},{"type":15,"tag":88,"props":2447,"children":2448},{"style":794},[2449],{"type":21,"value":133},{"type":15,"tag":88,"props":2451,"children":2452},{"style":136},[2453],{"type":21,"value":170},{"type":15,"tag":88,"props":2455,"children":2456},{"style":1025},[2457],{"type":21,"value":175},{"type":15,"tag":88,"props":2459,"children":2460},{"style":1025},[2461],{"type":21,"value":180},{"type":15,"tag":88,"props":2463,"children":2464},{"style":794},[2465],{"type":21,"value":133},{"type":15,"tag":88,"props":2467,"children":2468},{"style":136},[2469],{"type":21,"value":189},{"type":15,"tag":88,"props":2471,"children":2472},{"style":95},[2473],{"type":21,"value":108},{"type":15,"tag":88,"props":2475,"children":2476},{"class":90,"line":263},[2477,2481,2485],{"type":15,"tag":88,"props":2478,"children":2479},{"style":95},[2480],{"type":21,"value":1091},{"type":15,"tag":88,"props":2482,"children":2483},{"style":788},[2484],{"type":21,"value":207},{"type":15,"tag":88,"props":2486,"children":2487},{"style":95},[2488],{"type":21,"value":212},{"type":15,"tag":88,"props":2490,"children":2491},{"class":90,"line":272},[2492,2496,2500,2504,2508,2512,2516,2520,2525,2529,2533,2538,2542,2546,2550,2554],{"type":15,"tag":88,"props":2493,"children":2494},{"style":95},[2495],{"type":21,"value":1091},{"type":15,"tag":88,"props":2497,"children":2498},{"style":788},[2499],{"type":21,"value":225},{"type":15,"tag":88,"props":2501,"children":2502},{"style":1025},[2503],{"type":21,"value":791},{"type":15,"tag":88,"props":2505,"children":2506},{"style":794},[2507],{"type":21,"value":133},{"type":15,"tag":88,"props":2509,"children":2510},{"style":685},[2511],{"type":21,"value":1123},{"type":15,"tag":88,"props":2513,"children":2514},{"style":125},[2515],{"type":21,"value":2285},{"type":15,"tag":88,"props":2517,"children":2518},{"style":685},[2519],{"type":21,"value":1132},{"type":15,"tag":88,"props":2521,"children":2522},{"style":1025},[2523],{"type":21,"value":2524}," max",{"type":15,"tag":88,"props":2526,"children":2527},{"style":794},[2528],{"type":21,"value":133},{"type":15,"tag":88,"props":2530,"children":2531},{"style":685},[2532],{"type":21,"value":1123},{"type":15,"tag":88,"props":2534,"children":2535},{"style":125},[2536],{"type":21,"value":2537},"99",{"type":15,"tag":88,"props":2539,"children":2540},{"style":685},[2541],{"type":21,"value":1132},{"type":15,"tag":88,"props":2543,"children":2544},{"style":1025},[2545],{"type":21,"value":1680},{"type":15,"tag":88,"props":2547,"children":2548},{"style":794},[2549],{"type":21,"value":133},{"type":15,"tag":88,"props":2551,"children":2552},{"style":136},[2553],{"type":21,"value":1689},{"type":15,"tag":88,"props":2555,"children":2556},{"style":95},[2557],{"type":21,"value":212},{"type":15,"tag":88,"props":2559,"children":2560},{"class":90,"line":316},[2561,2565,2569],{"type":15,"tag":88,"props":2562,"children":2563},{"style":95},[2564],{"type":21,"value":1144},{"type":15,"tag":88,"props":2566,"children":2567},{"style":788},[2568],{"type":21,"value":157},{"type":15,"tag":88,"props":2570,"children":2571},{"style":95},[2572],{"type":21,"value":108},{"type":15,"tag":88,"props":2574,"children":2575},{"class":90,"line":332},[2576],{"type":15,"tag":88,"props":2577,"children":2578},{"emptyLinePlaceholder":8},[2579],{"type":21,"value":269},{"type":15,"tag":88,"props":2581,"children":2582},{"class":90,"line":361},[2583,2587,2591,2595,2599,2603,2607,2611,2615,2619],{"type":15,"tag":88,"props":2584,"children":2585},{"style":95},[2586],{"type":21,"value":202},{"type":15,"tag":88,"props":2588,"children":2589},{"style":788},[2590],{"type":21,"value":157},{"type":15,"tag":88,"props":2592,"children":2593},{"style":1025},[2594],{"type":21,"value":1028},{"type":15,"tag":88,"props":2596,"children":2597},{"style":794},[2598],{"type":21,"value":133},{"type":15,"tag":88,"props":2600,"children":2601},{"style":136},[2602],{"type":21,"value":170},{"type":15,"tag":88,"props":2604,"children":2605},{"style":1025},[2606],{"type":21,"value":175},{"type":15,"tag":88,"props":2608,"children":2609},{"style":1025},[2610],{"type":21,"value":180},{"type":15,"tag":88,"props":2612,"children":2613},{"style":794},[2614],{"type":21,"value":133},{"type":15,"tag":88,"props":2616,"children":2617},{"style":136},[2618],{"type":21,"value":189},{"type":15,"tag":88,"props":2620,"children":2621},{"style":95},[2622],{"type":21,"value":108},{"type":15,"tag":88,"props":2624,"children":2625},{"class":90,"line":377},[2626,2630,2634],{"type":15,"tag":88,"props":2627,"children":2628},{"style":95},[2629],{"type":21,"value":1091},{"type":15,"tag":88,"props":2631,"children":2632},{"style":788},[2633],{"type":21,"value":207},{"type":15,"tag":88,"props":2635,"children":2636},{"style":95},[2637],{"type":21,"value":212},{"type":15,"tag":88,"props":2639,"children":2640},{"class":90,"line":385},[2641,2645,2649,2653,2657,2661,2665,2669,2673,2677,2681,2685,2689,2693,2697,2701],{"type":15,"tag":88,"props":2642,"children":2643},{"style":95},[2644],{"type":21,"value":1091},{"type":15,"tag":88,"props":2646,"children":2647},{"style":788},[2648],{"type":21,"value":225},{"type":15,"tag":88,"props":2650,"children":2651},{"style":1025},[2652],{"type":21,"value":791},{"type":15,"tag":88,"props":2654,"children":2655},{"style":794},[2656],{"type":21,"value":133},{"type":15,"tag":88,"props":2658,"children":2659},{"style":685},[2660],{"type":21,"value":1123},{"type":15,"tag":88,"props":2662,"children":2663},{"style":125},[2664],{"type":21,"value":2285},{"type":15,"tag":88,"props":2666,"children":2667},{"style":685},[2668],{"type":21,"value":1132},{"type":15,"tag":88,"props":2670,"children":2671},{"style":1025},[2672],{"type":21,"value":2524},{"type":15,"tag":88,"props":2674,"children":2675},{"style":794},[2676],{"type":21,"value":133},{"type":15,"tag":88,"props":2678,"children":2679},{"style":685},[2680],{"type":21,"value":1123},{"type":15,"tag":88,"props":2682,"children":2683},{"style":125},[2684],{"type":21,"value":2537},{"type":15,"tag":88,"props":2686,"children":2687},{"style":685},[2688],{"type":21,"value":1132},{"type":15,"tag":88,"props":2690,"children":2691},{"style":1025},[2692],{"type":21,"value":1680},{"type":15,"tag":88,"props":2694,"children":2695},{"style":794},[2696],{"type":21,"value":133},{"type":15,"tag":88,"props":2698,"children":2699},{"style":136},[2700],{"type":21,"value":1821},{"type":15,"tag":88,"props":2702,"children":2703},{"style":95},[2704],{"type":21,"value":212},{"type":15,"tag":88,"props":2706,"children":2707},{"class":90,"line":429},[2708,2712,2716],{"type":15,"tag":88,"props":2709,"children":2710},{"style":95},[2711],{"type":21,"value":1144},{"type":15,"tag":88,"props":2713,"children":2714},{"style":788},[2715],{"type":21,"value":157},{"type":15,"tag":88,"props":2717,"children":2718},{"style":95},[2719],{"type":21,"value":108},{"type":15,"tag":88,"props":2721,"children":2722},{"class":90,"line":445},[2723],{"type":15,"tag":88,"props":2724,"children":2725},{"emptyLinePlaceholder":8},[2726],{"type":21,"value":269},{"type":15,"tag":88,"props":2728,"children":2729},{"class":90,"line":474},[2730,2734,2738,2742,2746,2750,2754,2758,2762,2766],{"type":15,"tag":88,"props":2731,"children":2732},{"style":95},[2733],{"type":21,"value":202},{"type":15,"tag":88,"props":2735,"children":2736},{"style":788},[2737],{"type":21,"value":157},{"type":15,"tag":88,"props":2739,"children":2740},{"style":1025},[2741],{"type":21,"value":1028},{"type":15,"tag":88,"props":2743,"children":2744},{"style":794},[2745],{"type":21,"value":133},{"type":15,"tag":88,"props":2747,"children":2748},{"style":136},[2749],{"type":21,"value":170},{"type":15,"tag":88,"props":2751,"children":2752},{"style":1025},[2753],{"type":21,"value":175},{"type":15,"tag":88,"props":2755,"children":2756},{"style":1025},[2757],{"type":21,"value":180},{"type":15,"tag":88,"props":2759,"children":2760},{"style":794},[2761],{"type":21,"value":133},{"type":15,"tag":88,"props":2763,"children":2764},{"style":136},[2765],{"type":21,"value":189},{"type":15,"tag":88,"props":2767,"children":2768},{"style":95},[2769],{"type":21,"value":108},{"type":15,"tag":88,"props":2771,"children":2772},{"class":90,"line":490},[2773,2777,2781],{"type":15,"tag":88,"props":2774,"children":2775},{"style":95},[2776],{"type":21,"value":1091},{"type":15,"tag":88,"props":2778,"children":2779},{"style":788},[2780],{"type":21,"value":207},{"type":15,"tag":88,"props":2782,"children":2783},{"style":95},[2784],{"type":21,"value":212},{"type":15,"tag":88,"props":2786,"children":2787},{"class":90,"line":498},[2788,2792,2796,2800,2804,2808,2812,2816,2820,2824,2828,2832,2836,2840,2844,2848],{"type":15,"tag":88,"props":2789,"children":2790},{"style":95},[2791],{"type":21,"value":1091},{"type":15,"tag":88,"props":2793,"children":2794},{"style":788},[2795],{"type":21,"value":225},{"type":15,"tag":88,"props":2797,"children":2798},{"style":1025},[2799],{"type":21,"value":791},{"type":15,"tag":88,"props":2801,"children":2802},{"style":794},[2803],{"type":21,"value":133},{"type":15,"tag":88,"props":2805,"children":2806},{"style":685},[2807],{"type":21,"value":1123},{"type":15,"tag":88,"props":2809,"children":2810},{"style":125},[2811],{"type":21,"value":2285},{"type":15,"tag":88,"props":2813,"children":2814},{"style":685},[2815],{"type":21,"value":1132},{"type":15,"tag":88,"props":2817,"children":2818},{"style":1025},[2819],{"type":21,"value":2524},{"type":15,"tag":88,"props":2821,"children":2822},{"style":794},[2823],{"type":21,"value":133},{"type":15,"tag":88,"props":2825,"children":2826},{"style":685},[2827],{"type":21,"value":1123},{"type":15,"tag":88,"props":2829,"children":2830},{"style":125},[2831],{"type":21,"value":2537},{"type":15,"tag":88,"props":2833,"children":2834},{"style":685},[2835],{"type":21,"value":1132},{"type":15,"tag":88,"props":2837,"children":2838},{"style":1025},[2839],{"type":21,"value":1680},{"type":15,"tag":88,"props":2841,"children":2842},{"style":794},[2843],{"type":21,"value":133},{"type":15,"tag":88,"props":2845,"children":2846},{"style":136},[2847],{"type":21,"value":1953},{"type":15,"tag":88,"props":2849,"children":2850},{"style":95},[2851],{"type":21,"value":212},{"type":15,"tag":88,"props":2853,"children":2854},{"class":90,"line":542},[2855,2859,2863],{"type":15,"tag":88,"props":2856,"children":2857},{"style":95},[2858],{"type":21,"value":1144},{"type":15,"tag":88,"props":2860,"children":2861},{"style":788},[2862],{"type":21,"value":157},{"type":15,"tag":88,"props":2864,"children":2865},{"style":95},[2866],{"type":21,"value":108},{"type":15,"tag":88,"props":2868,"children":2869},{"class":90,"line":558},[2870],{"type":15,"tag":88,"props":2871,"children":2872},{"emptyLinePlaceholder":8},[2873],{"type":21,"value":269},{"type":15,"tag":88,"props":2875,"children":2876},{"class":90,"line":587},[2877,2881,2885,2889,2893,2897,2901,2905,2909,2913],{"type":15,"tag":88,"props":2878,"children":2879},{"style":95},[2880],{"type":21,"value":202},{"type":15,"tag":88,"props":2882,"children":2883},{"style":788},[2884],{"type":21,"value":157},{"type":15,"tag":88,"props":2886,"children":2887},{"style":1025},[2888],{"type":21,"value":1028},{"type":15,"tag":88,"props":2890,"children":2891},{"style":794},[2892],{"type":21,"value":133},{"type":15,"tag":88,"props":2894,"children":2895},{"style":136},[2896],{"type":21,"value":170},{"type":15,"tag":88,"props":2898,"children":2899},{"style":1025},[2900],{"type":21,"value":175},{"type":15,"tag":88,"props":2902,"children":2903},{"style":1025},[2904],{"type":21,"value":180},{"type":15,"tag":88,"props":2906,"children":2907},{"style":794},[2908],{"type":21,"value":133},{"type":15,"tag":88,"props":2910,"children":2911},{"style":136},[2912],{"type":21,"value":189},{"type":15,"tag":88,"props":2914,"children":2915},{"style":95},[2916],{"type":21,"value":108},{"type":15,"tag":88,"props":2918,"children":2919},{"class":90,"line":603},[2920,2924,2928],{"type":15,"tag":88,"props":2921,"children":2922},{"style":95},[2923],{"type":21,"value":1091},{"type":15,"tag":88,"props":2925,"children":2926},{"style":788},[2927],{"type":21,"value":207},{"type":15,"tag":88,"props":2929,"children":2930},{"style":95},[2931],{"type":21,"value":212},{"type":15,"tag":88,"props":2933,"children":2934},{"class":90,"line":620},[2935,2939,2943,2947,2951,2955,2959,2963,2967,2971,2975,2979,2983,2987,2991,2995],{"type":15,"tag":88,"props":2936,"children":2937},{"style":95},[2938],{"type":21,"value":1091},{"type":15,"tag":88,"props":2940,"children":2941},{"style":788},[2942],{"type":21,"value":225},{"type":15,"tag":88,"props":2944,"children":2945},{"style":1025},[2946],{"type":21,"value":791},{"type":15,"tag":88,"props":2948,"children":2949},{"style":794},[2950],{"type":21,"value":133},{"type":15,"tag":88,"props":2952,"children":2953},{"style":685},[2954],{"type":21,"value":1123},{"type":15,"tag":88,"props":2956,"children":2957},{"style":125},[2958],{"type":21,"value":2285},{"type":15,"tag":88,"props":2960,"children":2961},{"style":685},[2962],{"type":21,"value":1132},{"type":15,"tag":88,"props":2964,"children":2965},{"style":1025},[2966],{"type":21,"value":2524},{"type":15,"tag":88,"props":2968,"children":2969},{"style":794},[2970],{"type":21,"value":133},{"type":15,"tag":88,"props":2972,"children":2973},{"style":685},[2974],{"type":21,"value":1123},{"type":15,"tag":88,"props":2976,"children":2977},{"style":125},[2978],{"type":21,"value":2537},{"type":15,"tag":88,"props":2980,"children":2981},{"style":685},[2982],{"type":21,"value":1132},{"type":15,"tag":88,"props":2984,"children":2985},{"style":1025},[2986],{"type":21,"value":1680},{"type":15,"tag":88,"props":2988,"children":2989},{"style":794},[2990],{"type":21,"value":133},{"type":15,"tag":88,"props":2992,"children":2993},{"style":136},[2994],{"type":21,"value":2085},{"type":15,"tag":88,"props":2996,"children":2997},{"style":95},[2998],{"type":21,"value":212},{"type":15,"tag":88,"props":3000,"children":3001},{"class":90,"line":637},[3002,3006,3010],{"type":15,"tag":88,"props":3003,"children":3004},{"style":95},[3005],{"type":21,"value":1144},{"type":15,"tag":88,"props":3007,"children":3008},{"style":788},[3009],{"type":21,"value":157},{"type":15,"tag":88,"props":3011,"children":3012},{"style":95},[3013],{"type":21,"value":108},{"type":15,"tag":88,"props":3015,"children":3016},{"class":90,"line":645},[3017,3021,3025],{"type":15,"tag":88,"props":3018,"children":3019},{"style":95},[3020],{"type":21,"value":252},{"type":15,"tag":88,"props":3022,"children":3023},{"style":101},[3024],{"type":21,"value":122},{"type":15,"tag":88,"props":3026,"children":3027},{"style":95},[3028],{"type":21,"value":108},{"type":15,"tag":88,"props":3030,"children":3031},{"class":90,"line":681},[3032],{"type":15,"tag":88,"props":3033,"children":3034},{"style":95},[3035],{"type":21,"value":1505},{"type":15,"tag":88,"props":3037,"children":3038},{"class":90,"line":721},[3039],{"type":15,"tag":88,"props":3040,"children":3041},{"style":95},[3042],{"type":21,"value":1513},{"type":15,"tag":39,"props":3044,"children":3046},{"id":3045},"custom-outline",[3047],{"type":21,"value":3048},"Custom outline",{"type":15,"tag":46,"props":3050,"children":3051},{},[3052],{"type":21,"value":3053},"A nifty effect that makes the Badge a bit more attractive is to add an outline that separates the Badge from an element.",{"type":15,"tag":69,"props":3055,"children":3057},{"showcase-name":3056},"Badge\u002FBadgeOutline",[3058,3699],{"type":15,"tag":74,"props":3059,"children":3060},{},[3061],{"type":15,"tag":78,"props":3062,"children":3064},{"className":80,"code":3063,"language":82,"meta":9,"style":9},"\u003Ctemplate>\n \u003Cdiv class=\"flex gap-3\">\n \u003Cdiv class=\"p-3 bg-white\">\n \u003CSfButton class=\"group relative\" square variant=\"tertiary\">\n \u003CSfIconFavoriteFilled \u002F>\n \u003CSfBadge\n :content=\"content\"\n :max=\"99\"\n class=\"outline outline-white group-hover:outline-primary-100 group-active:outline-primary-200\"\n \u002F>\n \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"p-3 bg-primary-700\">\n \u003CSfButton class=\"group relative hover:bg-primary-800 active:bg-primary-900\" square variant=\"tertiary\">\n \u003CSfIconFavoriteFilled class=\"text-white\" \u002F>\n \u003CSfBadge\n :content=\"content\"\n :max=\"99\"\n class=\"outline outline-primary-700 bg-white !text-neutral-900 group-hover:outline-primary-800 group-active:outline-primary-900\"\n \u002F>\n \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport { SfBadge, SfButton, SfIconFavoriteFilled } from '@storefront-ui\u002Fvue';\n\nconst content = ref(100);\n\u003C\u002Fscript>\n\n",[3065],{"type":15,"tag":52,"props":3066,"children":3067},{"__ignoreMap":9},[3068,3083,3110,3138,3182,3198,3210,3227,3244,3261,3269,3284,3299,3306,3334,3378,3406,3417,3432,3447,3463,3470,3485,3500,3515,3530,3537,3568,3599,3646,3653,3684],{"type":15,"tag":88,"props":3069,"children":3070},{"class":90,"line":91},[3071,3075,3079],{"type":15,"tag":88,"props":3072,"children":3073},{"style":95},[3074],{"type":21,"value":98},{"type":15,"tag":88,"props":3076,"children":3077},{"style":101},[3078],{"type":21,"value":28},{"type":15,"tag":88,"props":3080,"children":3081},{"style":95},[3082],{"type":21,"value":108},{"type":15,"tag":88,"props":3084,"children":3085},{"class":90,"line":111},[3086,3090,3094,3098,3102,3106],{"type":15,"tag":88,"props":3087,"children":3088},{"style":95},[3089],{"type":21,"value":117},{"type":15,"tag":88,"props":3091,"children":3092},{"style":101},[3093],{"type":21,"value":122},{"type":15,"tag":88,"props":3095,"children":3096},{"style":125},[3097],{"type":21,"value":128},{"type":15,"tag":88,"props":3099,"children":3100},{"style":95},[3101],{"type":21,"value":133},{"type":15,"tag":88,"props":3103,"children":3104},{"style":136},[3105],{"type":21,"value":139},{"type":15,"tag":88,"props":3107,"children":3108},{"style":95},[3109],{"type":21,"value":108},{"type":15,"tag":88,"props":3111,"children":3112},{"class":90,"line":146},[3113,3117,3121,3125,3129,3134],{"type":15,"tag":88,"props":3114,"children":3115},{"style":95},[3116],{"type":21,"value":152},{"type":15,"tag":88,"props":3118,"children":3119},{"style":101},[3120],{"type":21,"value":122},{"type":15,"tag":88,"props":3122,"children":3123},{"style":125},[3124],{"type":21,"value":128},{"type":15,"tag":88,"props":3126,"children":3127},{"style":95},[3128],{"type":21,"value":133},{"type":15,"tag":88,"props":3130,"children":3131},{"style":136},[3132],{"type":21,"value":3133},"\"p-3 bg-white\"",{"type":15,"tag":88,"props":3135,"children":3136},{"style":95},[3137],{"type":21,"value":108},{"type":15,"tag":88,"props":3139,"children":3140},{"class":90,"line":196},[3141,3145,3149,3153,3157,3162,3166,3170,3174,3178],{"type":15,"tag":88,"props":3142,"children":3143},{"style":95},[3144],{"type":21,"value":202},{"type":15,"tag":88,"props":3146,"children":3147},{"style":101},[3148],{"type":21,"value":157},{"type":15,"tag":88,"props":3150,"children":3151},{"style":125},[3152],{"type":21,"value":128},{"type":15,"tag":88,"props":3154,"children":3155},{"style":95},[3156],{"type":21,"value":133},{"type":15,"tag":88,"props":3158,"children":3159},{"style":136},[3160],{"type":21,"value":3161},"\"group relative\"",{"type":15,"tag":88,"props":3163,"children":3164},{"style":125},[3165],{"type":21,"value":175},{"type":15,"tag":88,"props":3167,"children":3168},{"style":125},[3169],{"type":21,"value":180},{"type":15,"tag":88,"props":3171,"children":3172},{"style":95},[3173],{"type":21,"value":133},{"type":15,"tag":88,"props":3175,"children":3176},{"style":136},[3177],{"type":21,"value":189},{"type":15,"tag":88,"props":3179,"children":3180},{"style":95},[3181],{"type":21,"value":108},{"type":15,"tag":88,"props":3183,"children":3184},{"class":90,"line":215},[3185,3189,3194],{"type":15,"tag":88,"props":3186,"children":3187},{"style":95},[3188],{"type":21,"value":1091},{"type":15,"tag":88,"props":3190,"children":3191},{"style":101},[3192],{"type":21,"value":3193},"SfIconFavoriteFilled",{"type":15,"tag":88,"props":3195,"children":3196},{"style":95},[3197],{"type":21,"value":212},{"type":15,"tag":88,"props":3199,"children":3200},{"class":90,"line":246},[3201,3205],{"type":15,"tag":88,"props":3202,"children":3203},{"style":95},[3204],{"type":21,"value":1091},{"type":15,"tag":88,"props":3206,"children":3207},{"style":101},[3208],{"type":21,"value":3209},"SfBadge\n",{"type":15,"tag":88,"props":3211,"children":3212},{"class":90,"line":263},[3213,3218,3222],{"type":15,"tag":88,"props":3214,"children":3215},{"style":125},[3216],{"type":21,"value":3217}," :content",{"type":15,"tag":88,"props":3219,"children":3220},{"style":95},[3221],{"type":21,"value":133},{"type":15,"tag":88,"props":3223,"children":3224},{"style":136},[3225],{"type":21,"value":3226},"\"content\"\n",{"type":15,"tag":88,"props":3228,"children":3229},{"class":90,"line":272},[3230,3235,3239],{"type":15,"tag":88,"props":3231,"children":3232},{"style":125},[3233],{"type":21,"value":3234}," :max",{"type":15,"tag":88,"props":3236,"children":3237},{"style":95},[3238],{"type":21,"value":133},{"type":15,"tag":88,"props":3240,"children":3241},{"style":136},[3242],{"type":21,"value":3243},"\"99\"\n",{"type":15,"tag":88,"props":3245,"children":3246},{"class":90,"line":316},[3247,3252,3256],{"type":15,"tag":88,"props":3248,"children":3249},{"style":125},[3250],{"type":21,"value":3251}," class",{"type":15,"tag":88,"props":3253,"children":3254},{"style":95},[3255],{"type":21,"value":133},{"type":15,"tag":88,"props":3257,"children":3258},{"style":136},[3259],{"type":21,"value":3260},"\"outline outline-white group-hover:outline-primary-100 group-active:outline-primary-200\"\n",{"type":15,"tag":88,"props":3262,"children":3263},{"class":90,"line":332},[3264],{"type":15,"tag":88,"props":3265,"children":3266},{"style":95},[3267],{"type":21,"value":3268}," \u002F>\n",{"type":15,"tag":88,"props":3270,"children":3271},{"class":90,"line":361},[3272,3276,3280],{"type":15,"tag":88,"props":3273,"children":3274},{"style":95},[3275],{"type":21,"value":1144},{"type":15,"tag":88,"props":3277,"children":3278},{"style":101},[3279],{"type":21,"value":157},{"type":15,"tag":88,"props":3281,"children":3282},{"style":95},[3283],{"type":21,"value":108},{"type":15,"tag":88,"props":3285,"children":3286},{"class":90,"line":377},[3287,3291,3295],{"type":15,"tag":88,"props":3288,"children":3289},{"style":95},[3290],{"type":21,"value":252},{"type":15,"tag":88,"props":3292,"children":3293},{"style":101},[3294],{"type":21,"value":122},{"type":15,"tag":88,"props":3296,"children":3297},{"style":95},[3298],{"type":21,"value":108},{"type":15,"tag":88,"props":3300,"children":3301},{"class":90,"line":385},[3302],{"type":15,"tag":88,"props":3303,"children":3304},{"emptyLinePlaceholder":8},[3305],{"type":21,"value":269},{"type":15,"tag":88,"props":3307,"children":3308},{"class":90,"line":429},[3309,3313,3317,3321,3325,3330],{"type":15,"tag":88,"props":3310,"children":3311},{"style":95},[3312],{"type":21,"value":152},{"type":15,"tag":88,"props":3314,"children":3315},{"style":101},[3316],{"type":21,"value":122},{"type":15,"tag":88,"props":3318,"children":3319},{"style":125},[3320],{"type":21,"value":128},{"type":15,"tag":88,"props":3322,"children":3323},{"style":95},[3324],{"type":21,"value":133},{"type":15,"tag":88,"props":3326,"children":3327},{"style":136},[3328],{"type":21,"value":3329},"\"p-3 bg-primary-700\"",{"type":15,"tag":88,"props":3331,"children":3332},{"style":95},[3333],{"type":21,"value":108},{"type":15,"tag":88,"props":3335,"children":3336},{"class":90,"line":445},[3337,3341,3345,3349,3353,3358,3362,3366,3370,3374],{"type":15,"tag":88,"props":3338,"children":3339},{"style":95},[3340],{"type":21,"value":202},{"type":15,"tag":88,"props":3342,"children":3343},{"style":101},[3344],{"type":21,"value":157},{"type":15,"tag":88,"props":3346,"children":3347},{"style":125},[3348],{"type":21,"value":128},{"type":15,"tag":88,"props":3350,"children":3351},{"style":95},[3352],{"type":21,"value":133},{"type":15,"tag":88,"props":3354,"children":3355},{"style":136},[3356],{"type":21,"value":3357},"\"group relative hover:bg-primary-800 active:bg-primary-900\"",{"type":15,"tag":88,"props":3359,"children":3360},{"style":125},[3361],{"type":21,"value":175},{"type":15,"tag":88,"props":3363,"children":3364},{"style":125},[3365],{"type":21,"value":180},{"type":15,"tag":88,"props":3367,"children":3368},{"style":95},[3369],{"type":21,"value":133},{"type":15,"tag":88,"props":3371,"children":3372},{"style":136},[3373],{"type":21,"value":189},{"type":15,"tag":88,"props":3375,"children":3376},{"style":95},[3377],{"type":21,"value":108},{"type":15,"tag":88,"props":3379,"children":3380},{"class":90,"line":474},[3381,3385,3389,3393,3397,3402],{"type":15,"tag":88,"props":3382,"children":3383},{"style":95},[3384],{"type":21,"value":1091},{"type":15,"tag":88,"props":3386,"children":3387},{"style":101},[3388],{"type":21,"value":3193},{"type":15,"tag":88,"props":3390,"children":3391},{"style":125},[3392],{"type":21,"value":128},{"type":15,"tag":88,"props":3394,"children":3395},{"style":95},[3396],{"type":21,"value":133},{"type":15,"tag":88,"props":3398,"children":3399},{"style":136},[3400],{"type":21,"value":3401},"\"text-white\"",{"type":15,"tag":88,"props":3403,"children":3404},{"style":95},[3405],{"type":21,"value":212},{"type":15,"tag":88,"props":3407,"children":3408},{"class":90,"line":490},[3409,3413],{"type":15,"tag":88,"props":3410,"children":3411},{"style":95},[3412],{"type":21,"value":1091},{"type":15,"tag":88,"props":3414,"children":3415},{"style":101},[3416],{"type":21,"value":3209},{"type":15,"tag":88,"props":3418,"children":3419},{"class":90,"line":498},[3420,3424,3428],{"type":15,"tag":88,"props":3421,"children":3422},{"style":125},[3423],{"type":21,"value":3217},{"type":15,"tag":88,"props":3425,"children":3426},{"style":95},[3427],{"type":21,"value":133},{"type":15,"tag":88,"props":3429,"children":3430},{"style":136},[3431],{"type":21,"value":3226},{"type":15,"tag":88,"props":3433,"children":3434},{"class":90,"line":542},[3435,3439,3443],{"type":15,"tag":88,"props":3436,"children":3437},{"style":125},[3438],{"type":21,"value":3234},{"type":15,"tag":88,"props":3440,"children":3441},{"style":95},[3442],{"type":21,"value":133},{"type":15,"tag":88,"props":3444,"children":3445},{"style":136},[3446],{"type":21,"value":3243},{"type":15,"tag":88,"props":3448,"children":3449},{"class":90,"line":558},[3450,3454,3458],{"type":15,"tag":88,"props":3451,"children":3452},{"style":125},[3453],{"type":21,"value":3251},{"type":15,"tag":88,"props":3455,"children":3456},{"style":95},[3457],{"type":21,"value":133},{"type":15,"tag":88,"props":3459,"children":3460},{"style":136},[3461],{"type":21,"value":3462},"\"outline outline-primary-700 bg-white !text-neutral-900 group-hover:outline-primary-800 group-active:outline-primary-900\"\n",{"type":15,"tag":88,"props":3464,"children":3465},{"class":90,"line":587},[3466],{"type":15,"tag":88,"props":3467,"children":3468},{"style":95},[3469],{"type":21,"value":3268},{"type":15,"tag":88,"props":3471,"children":3472},{"class":90,"line":603},[3473,3477,3481],{"type":15,"tag":88,"props":3474,"children":3475},{"style":95},[3476],{"type":21,"value":1144},{"type":15,"tag":88,"props":3478,"children":3479},{"style":101},[3480],{"type":21,"value":157},{"type":15,"tag":88,"props":3482,"children":3483},{"style":95},[3484],{"type":21,"value":108},{"type":15,"tag":88,"props":3486,"children":3487},{"class":90,"line":620},[3488,3492,3496],{"type":15,"tag":88,"props":3489,"children":3490},{"style":95},[3491],{"type":21,"value":252},{"type":15,"tag":88,"props":3493,"children":3494},{"style":101},[3495],{"type":21,"value":122},{"type":15,"tag":88,"props":3497,"children":3498},{"style":95},[3499],{"type":21,"value":108},{"type":15,"tag":88,"props":3501,"children":3502},{"class":90,"line":637},[3503,3507,3511],{"type":15,"tag":88,"props":3504,"children":3505},{"style":95},[3506],{"type":21,"value":609},{"type":15,"tag":88,"props":3508,"children":3509},{"style":101},[3510],{"type":21,"value":122},{"type":15,"tag":88,"props":3512,"children":3513},{"style":95},[3514],{"type":21,"value":108},{"type":15,"tag":88,"props":3516,"children":3517},{"class":90,"line":645},[3518,3522,3526],{"type":15,"tag":88,"props":3519,"children":3520},{"style":95},[3521],{"type":21,"value":626},{"type":15,"tag":88,"props":3523,"children":3524},{"style":101},[3525],{"type":21,"value":28},{"type":15,"tag":88,"props":3527,"children":3528},{"style":95},[3529],{"type":21,"value":108},{"type":15,"tag":88,"props":3531,"children":3532},{"class":90,"line":681},[3533],{"type":15,"tag":88,"props":3534,"children":3535},{"emptyLinePlaceholder":8},[3536],{"type":21,"value":269},{"type":15,"tag":88,"props":3538,"children":3539},{"class":90,"line":721},[3540,3544,3548,3552,3556,3560,3564],{"type":15,"tag":88,"props":3541,"children":3542},{"style":95},[3543],{"type":21,"value":98},{"type":15,"tag":88,"props":3545,"children":3546},{"style":101},[3547],{"type":21,"value":655},{"type":15,"tag":88,"props":3549,"children":3550},{"style":125},[3551],{"type":21,"value":660},{"type":15,"tag":88,"props":3553,"children":3554},{"style":95},[3555],{"type":21,"value":133},{"type":15,"tag":88,"props":3557,"children":3558},{"style":136},[3559],{"type":21,"value":669},{"type":15,"tag":88,"props":3561,"children":3562},{"style":125},[3563],{"type":21,"value":674},{"type":15,"tag":88,"props":3565,"children":3566},{"style":95},[3567],{"type":21,"value":108},{"type":15,"tag":88,"props":3569,"children":3570},{"class":90,"line":771},[3571,3575,3579,3583,3587,3591,3595],{"type":15,"tag":88,"props":3572,"children":3573},{"style":685},[3574],{"type":21,"value":688},{"type":15,"tag":88,"props":3576,"children":3577},{"style":95},[3578],{"type":21,"value":693},{"type":15,"tag":88,"props":3580,"children":3581},{"style":101},[3582],{"type":21,"value":698},{"type":15,"tag":88,"props":3584,"children":3585},{"style":95},[3586],{"type":21,"value":703},{"type":15,"tag":88,"props":3588,"children":3589},{"style":685},[3590],{"type":21,"value":708},{"type":15,"tag":88,"props":3592,"children":3593},{"style":136},[3594],{"type":21,"value":713},{"type":15,"tag":88,"props":3596,"children":3597},{"style":95},[3598],{"type":21,"value":718},{"type":15,"tag":88,"props":3600,"children":3601},{"class":90,"line":779},[3602,3606,3610,3614,3618,3622,3626,3630,3634,3638,3642],{"type":15,"tag":88,"props":3603,"children":3604},{"style":685},[3605],{"type":21,"value":688},{"type":15,"tag":88,"props":3607,"children":3608},{"style":95},[3609],{"type":21,"value":693},{"type":15,"tag":88,"props":3611,"children":3612},{"style":101},[3613],{"type":21,"value":225},{"type":15,"tag":88,"props":3615,"children":3616},{"style":95},[3617],{"type":21,"value":739},{"type":15,"tag":88,"props":3619,"children":3620},{"style":101},[3621],{"type":21,"value":157},{"type":15,"tag":88,"props":3623,"children":3624},{"style":95},[3625],{"type":21,"value":739},{"type":15,"tag":88,"props":3627,"children":3628},{"style":101},[3629],{"type":21,"value":3193},{"type":15,"tag":88,"props":3631,"children":3632},{"style":95},[3633],{"type":21,"value":703},{"type":15,"tag":88,"props":3635,"children":3636},{"style":685},[3637],{"type":21,"value":708},{"type":15,"tag":88,"props":3639,"children":3640},{"style":136},[3641],{"type":21,"value":764},{"type":15,"tag":88,"props":3643,"children":3644},{"style":95},[3645],{"type":21,"value":718},{"type":15,"tag":88,"props":3647,"children":3648},{"class":90,"line":821},[3649],{"type":15,"tag":88,"props":3650,"children":3651},{"emptyLinePlaceholder":8},[3652],{"type":21,"value":269},{"type":15,"tag":88,"props":3654,"children":3655},{"class":90,"line":855},[3656,3660,3664,3668,3672,3676,3680],{"type":15,"tag":88,"props":3657,"children":3658},{"style":685},[3659],{"type":21,"value":785},{"type":15,"tag":88,"props":3661,"children":3662},{"style":788},[3663],{"type":21,"value":791},{"type":15,"tag":88,"props":3665,"children":3666},{"style":794},[3667],{"type":21,"value":797},{"type":15,"tag":88,"props":3669,"children":3670},{"style":800},[3671],{"type":21,"value":803},{"type":15,"tag":88,"props":3673,"children":3674},{"style":95},[3675],{"type":21,"value":808},{"type":15,"tag":88,"props":3677,"children":3678},{"style":125},[3679],{"type":21,"value":2285},{"type":15,"tag":88,"props":3681,"children":3682},{"style":95},[3683],{"type":21,"value":818},{"type":15,"tag":88,"props":3685,"children":3686},{"class":90,"line":889},[3687,3691,3695],{"type":15,"tag":88,"props":3688,"children":3689},{"style":95},[3690],{"type":21,"value":626},{"type":15,"tag":88,"props":3692,"children":3693},{"style":101},[3694],{"type":21,"value":655},{"type":15,"tag":88,"props":3696,"children":3697},{"style":95},[3698],{"type":21,"value":108},{"type":15,"tag":904,"props":3700,"children":3701},{},[3702],{"type":15,"tag":78,"props":3703,"children":3705},{"className":909,"code":3704,"language":911,"meta":9,"style":9},"import { SfBadge, SfButton, SfIconFavoriteFilled } from '@storefront-ui\u002Freact';\n\nexport default function BadgeOutline() {\n return (\n \u003Cdiv className=\"flex gap-3\">\n \u003Cdiv className=\"p-3 bg-white\">\n \u003CSfButton className=\"group relative\" square variant=\"tertiary\">\n \u003CSfIconFavoriteFilled \u002F>\n \u003CSfBadge\n content={100}\n max={99}\n className=\"outline outline-white group-hover:outline-primary-100 group-active:outline-primary-200\"\n \u002F>\n \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n\n \u003Cdiv className=\"p-3 bg-primary-700\">\n \u003CSfButton className=\"group relative hover:bg-primary-800 active:bg-primary-900\" square variant=\"tertiary\">\n \u003CSfIconFavoriteFilled className=\"text-white\" \u002F>\n \u003CSfBadge\n content={100}\n max={99}\n className=\"outline outline-primary-700 bg-white !text-neutral-900 group-hover:outline-primary-800 group-active:outline-primary-900\"\n \u002F>\n \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n );\n}\n",[3706],{"type":15,"tag":52,"props":3707,"children":3708},{"__ignoreMap":9},[3709,3756,3763,3787,3798,3825,3852,3895,3911,3922,3946,3970,3986,3994,4010,4025,4032,4059,4102,4129,4140,4163,4186,4201,4208,4223,4238,4253,4260],{"type":15,"tag":88,"props":3710,"children":3711},{"class":90,"line":91},[3712,3716,3720,3724,3728,3732,3736,3740,3744,3748,3752],{"type":15,"tag":88,"props":3713,"children":3714},{"style":685},[3715],{"type":21,"value":688},{"type":15,"tag":88,"props":3717,"children":3718},{"style":95},[3719],{"type":21,"value":693},{"type":15,"tag":88,"props":3721,"children":3722},{"style":101},[3723],{"type":21,"value":225},{"type":15,"tag":88,"props":3725,"children":3726},{"style":95},[3727],{"type":21,"value":739},{"type":15,"tag":88,"props":3729,"children":3730},{"style":101},[3731],{"type":21,"value":157},{"type":15,"tag":88,"props":3733,"children":3734},{"style":95},[3735],{"type":21,"value":739},{"type":15,"tag":88,"props":3737,"children":3738},{"style":101},[3739],{"type":21,"value":3193},{"type":15,"tag":88,"props":3741,"children":3742},{"style":95},[3743],{"type":21,"value":703},{"type":15,"tag":88,"props":3745,"children":3746},{"style":685},[3747],{"type":21,"value":708},{"type":15,"tag":88,"props":3749,"children":3750},{"style":136},[3751],{"type":21,"value":959},{"type":15,"tag":88,"props":3753,"children":3754},{"style":95},[3755],{"type":21,"value":718},{"type":15,"tag":88,"props":3757,"children":3758},{"class":90,"line":111},[3759],{"type":15,"tag":88,"props":3760,"children":3761},{"emptyLinePlaceholder":8},[3762],{"type":21,"value":269},{"type":15,"tag":88,"props":3764,"children":3765},{"class":90,"line":146},[3766,3770,3774,3778,3783],{"type":15,"tag":88,"props":3767,"children":3768},{"style":685},[3769],{"type":21,"value":978},{"type":15,"tag":88,"props":3771,"children":3772},{"style":685},[3773],{"type":21,"value":983},{"type":15,"tag":88,"props":3775,"children":3776},{"style":685},[3777],{"type":21,"value":988},{"type":15,"tag":88,"props":3779,"children":3780},{"style":800},[3781],{"type":21,"value":3782}," BadgeOutline",{"type":15,"tag":88,"props":3784,"children":3785},{"style":95},[3786],{"type":21,"value":998},{"type":15,"tag":88,"props":3788,"children":3789},{"class":90,"line":196},[3790,3794],{"type":15,"tag":88,"props":3791,"children":3792},{"style":685},[3793],{"type":21,"value":1006},{"type":15,"tag":88,"props":3795,"children":3796},{"style":95},[3797],{"type":21,"value":1011},{"type":15,"tag":88,"props":3799,"children":3800},{"class":90,"line":215},[3801,3805,3809,3813,3817,3821],{"type":15,"tag":88,"props":3802,"children":3803},{"style":95},[3804],{"type":21,"value":152},{"type":15,"tag":88,"props":3806,"children":3807},{"style":101},[3808],{"type":21,"value":122},{"type":15,"tag":88,"props":3810,"children":3811},{"style":1025},[3812],{"type":21,"value":1028},{"type":15,"tag":88,"props":3814,"children":3815},{"style":794},[3816],{"type":21,"value":133},{"type":15,"tag":88,"props":3818,"children":3819},{"style":136},[3820],{"type":21,"value":139},{"type":15,"tag":88,"props":3822,"children":3823},{"style":95},[3824],{"type":21,"value":108},{"type":15,"tag":88,"props":3826,"children":3827},{"class":90,"line":246},[3828,3832,3836,3840,3844,3848],{"type":15,"tag":88,"props":3829,"children":3830},{"style":95},[3831],{"type":21,"value":202},{"type":15,"tag":88,"props":3833,"children":3834},{"style":101},[3835],{"type":21,"value":122},{"type":15,"tag":88,"props":3837,"children":3838},{"style":1025},[3839],{"type":21,"value":1028},{"type":15,"tag":88,"props":3841,"children":3842},{"style":794},[3843],{"type":21,"value":133},{"type":15,"tag":88,"props":3845,"children":3846},{"style":136},[3847],{"type":21,"value":3133},{"type":15,"tag":88,"props":3849,"children":3850},{"style":95},[3851],{"type":21,"value":108},{"type":15,"tag":88,"props":3853,"children":3854},{"class":90,"line":263},[3855,3859,3863,3867,3871,3875,3879,3883,3887,3891],{"type":15,"tag":88,"props":3856,"children":3857},{"style":95},[3858],{"type":21,"value":1091},{"type":15,"tag":88,"props":3860,"children":3861},{"style":788},[3862],{"type":21,"value":157},{"type":15,"tag":88,"props":3864,"children":3865},{"style":1025},[3866],{"type":21,"value":1028},{"type":15,"tag":88,"props":3868,"children":3869},{"style":794},[3870],{"type":21,"value":133},{"type":15,"tag":88,"props":3872,"children":3873},{"style":136},[3874],{"type":21,"value":3161},{"type":15,"tag":88,"props":3876,"children":3877},{"style":1025},[3878],{"type":21,"value":175},{"type":15,"tag":88,"props":3880,"children":3881},{"style":1025},[3882],{"type":21,"value":180},{"type":15,"tag":88,"props":3884,"children":3885},{"style":794},[3886],{"type":21,"value":133},{"type":15,"tag":88,"props":3888,"children":3889},{"style":136},[3890],{"type":21,"value":189},{"type":15,"tag":88,"props":3892,"children":3893},{"style":95},[3894],{"type":21,"value":108},{"type":15,"tag":88,"props":3896,"children":3897},{"class":90,"line":272},[3898,3903,3907],{"type":15,"tag":88,"props":3899,"children":3900},{"style":95},[3901],{"type":21,"value":3902}," \u003C",{"type":15,"tag":88,"props":3904,"children":3905},{"style":788},[3906],{"type":21,"value":3193},{"type":15,"tag":88,"props":3908,"children":3909},{"style":95},[3910],{"type":21,"value":212},{"type":15,"tag":88,"props":3912,"children":3913},{"class":90,"line":316},[3914,3918],{"type":15,"tag":88,"props":3915,"children":3916},{"style":95},[3917],{"type":21,"value":3902},{"type":15,"tag":88,"props":3919,"children":3920},{"style":788},[3921],{"type":21,"value":3209},{"type":15,"tag":88,"props":3923,"children":3924},{"class":90,"line":332},[3925,3930,3934,3938,3942],{"type":15,"tag":88,"props":3926,"children":3927},{"style":1025},[3928],{"type":21,"value":3929}," content",{"type":15,"tag":88,"props":3931,"children":3932},{"style":794},[3933],{"type":21,"value":133},{"type":15,"tag":88,"props":3935,"children":3936},{"style":685},[3937],{"type":21,"value":1123},{"type":15,"tag":88,"props":3939,"children":3940},{"style":125},[3941],{"type":21,"value":2285},{"type":15,"tag":88,"props":3943,"children":3944},{"style":685},[3945],{"type":21,"value":1513},{"type":15,"tag":88,"props":3947,"children":3948},{"class":90,"line":361},[3949,3954,3958,3962,3966],{"type":15,"tag":88,"props":3950,"children":3951},{"style":1025},[3952],{"type":21,"value":3953}," max",{"type":15,"tag":88,"props":3955,"children":3956},{"style":794},[3957],{"type":21,"value":133},{"type":15,"tag":88,"props":3959,"children":3960},{"style":685},[3961],{"type":21,"value":1123},{"type":15,"tag":88,"props":3963,"children":3964},{"style":125},[3965],{"type":21,"value":2537},{"type":15,"tag":88,"props":3967,"children":3968},{"style":685},[3969],{"type":21,"value":1513},{"type":15,"tag":88,"props":3971,"children":3972},{"class":90,"line":377},[3973,3978,3982],{"type":15,"tag":88,"props":3974,"children":3975},{"style":1025},[3976],{"type":21,"value":3977}," className",{"type":15,"tag":88,"props":3979,"children":3980},{"style":794},[3981],{"type":21,"value":133},{"type":15,"tag":88,"props":3983,"children":3984},{"style":136},[3985],{"type":21,"value":3260},{"type":15,"tag":88,"props":3987,"children":3988},{"class":90,"line":385},[3989],{"type":15,"tag":88,"props":3990,"children":3991},{"style":95},[3992],{"type":21,"value":3993}," \u002F>\n",{"type":15,"tag":88,"props":3995,"children":3996},{"class":90,"line":429},[3997,4002,4006],{"type":15,"tag":88,"props":3998,"children":3999},{"style":95},[4000],{"type":21,"value":4001}," \u003C\u002F",{"type":15,"tag":88,"props":4003,"children":4004},{"style":788},[4005],{"type":21,"value":157},{"type":15,"tag":88,"props":4007,"children":4008},{"style":95},[4009],{"type":21,"value":108},{"type":15,"tag":88,"props":4011,"children":4012},{"class":90,"line":445},[4013,4017,4021],{"type":15,"tag":88,"props":4014,"children":4015},{"style":95},[4016],{"type":21,"value":1144},{"type":15,"tag":88,"props":4018,"children":4019},{"style":101},[4020],{"type":21,"value":122},{"type":15,"tag":88,"props":4022,"children":4023},{"style":95},[4024],{"type":21,"value":108},{"type":15,"tag":88,"props":4026,"children":4027},{"class":90,"line":474},[4028],{"type":15,"tag":88,"props":4029,"children":4030},{"emptyLinePlaceholder":8},[4031],{"type":21,"value":269},{"type":15,"tag":88,"props":4033,"children":4034},{"class":90,"line":490},[4035,4039,4043,4047,4051,4055],{"type":15,"tag":88,"props":4036,"children":4037},{"style":95},[4038],{"type":21,"value":202},{"type":15,"tag":88,"props":4040,"children":4041},{"style":101},[4042],{"type":21,"value":122},{"type":15,"tag":88,"props":4044,"children":4045},{"style":1025},[4046],{"type":21,"value":1028},{"type":15,"tag":88,"props":4048,"children":4049},{"style":794},[4050],{"type":21,"value":133},{"type":15,"tag":88,"props":4052,"children":4053},{"style":136},[4054],{"type":21,"value":3329},{"type":15,"tag":88,"props":4056,"children":4057},{"style":95},[4058],{"type":21,"value":108},{"type":15,"tag":88,"props":4060,"children":4061},{"class":90,"line":498},[4062,4066,4070,4074,4078,4082,4086,4090,4094,4098],{"type":15,"tag":88,"props":4063,"children":4064},{"style":95},[4065],{"type":21,"value":1091},{"type":15,"tag":88,"props":4067,"children":4068},{"style":788},[4069],{"type":21,"value":157},{"type":15,"tag":88,"props":4071,"children":4072},{"style":1025},[4073],{"type":21,"value":1028},{"type":15,"tag":88,"props":4075,"children":4076},{"style":794},[4077],{"type":21,"value":133},{"type":15,"tag":88,"props":4079,"children":4080},{"style":136},[4081],{"type":21,"value":3357},{"type":15,"tag":88,"props":4083,"children":4084},{"style":1025},[4085],{"type":21,"value":175},{"type":15,"tag":88,"props":4087,"children":4088},{"style":1025},[4089],{"type":21,"value":180},{"type":15,"tag":88,"props":4091,"children":4092},{"style":794},[4093],{"type":21,"value":133},{"type":15,"tag":88,"props":4095,"children":4096},{"style":136},[4097],{"type":21,"value":189},{"type":15,"tag":88,"props":4099,"children":4100},{"style":95},[4101],{"type":21,"value":108},{"type":15,"tag":88,"props":4103,"children":4104},{"class":90,"line":542},[4105,4109,4113,4117,4121,4125],{"type":15,"tag":88,"props":4106,"children":4107},{"style":95},[4108],{"type":21,"value":3902},{"type":15,"tag":88,"props":4110,"children":4111},{"style":788},[4112],{"type":21,"value":3193},{"type":15,"tag":88,"props":4114,"children":4115},{"style":1025},[4116],{"type":21,"value":1028},{"type":15,"tag":88,"props":4118,"children":4119},{"style":794},[4120],{"type":21,"value":133},{"type":15,"tag":88,"props":4122,"children":4123},{"style":136},[4124],{"type":21,"value":3401},{"type":15,"tag":88,"props":4126,"children":4127},{"style":95},[4128],{"type":21,"value":212},{"type":15,"tag":88,"props":4130,"children":4131},{"class":90,"line":558},[4132,4136],{"type":15,"tag":88,"props":4133,"children":4134},{"style":95},[4135],{"type":21,"value":3902},{"type":15,"tag":88,"props":4137,"children":4138},{"style":788},[4139],{"type":21,"value":3209},{"type":15,"tag":88,"props":4141,"children":4142},{"class":90,"line":587},[4143,4147,4151,4155,4159],{"type":15,"tag":88,"props":4144,"children":4145},{"style":1025},[4146],{"type":21,"value":3929},{"type":15,"tag":88,"props":4148,"children":4149},{"style":794},[4150],{"type":21,"value":133},{"type":15,"tag":88,"props":4152,"children":4153},{"style":685},[4154],{"type":21,"value":1123},{"type":15,"tag":88,"props":4156,"children":4157},{"style":125},[4158],{"type":21,"value":2285},{"type":15,"tag":88,"props":4160,"children":4161},{"style":685},[4162],{"type":21,"value":1513},{"type":15,"tag":88,"props":4164,"children":4165},{"class":90,"line":603},[4166,4170,4174,4178,4182],{"type":15,"tag":88,"props":4167,"children":4168},{"style":1025},[4169],{"type":21,"value":3953},{"type":15,"tag":88,"props":4171,"children":4172},{"style":794},[4173],{"type":21,"value":133},{"type":15,"tag":88,"props":4175,"children":4176},{"style":685},[4177],{"type":21,"value":1123},{"type":15,"tag":88,"props":4179,"children":4180},{"style":125},[4181],{"type":21,"value":2537},{"type":15,"tag":88,"props":4183,"children":4184},{"style":685},[4185],{"type":21,"value":1513},{"type":15,"tag":88,"props":4187,"children":4188},{"class":90,"line":620},[4189,4193,4197],{"type":15,"tag":88,"props":4190,"children":4191},{"style":1025},[4192],{"type":21,"value":3977},{"type":15,"tag":88,"props":4194,"children":4195},{"style":794},[4196],{"type":21,"value":133},{"type":15,"tag":88,"props":4198,"children":4199},{"style":136},[4200],{"type":21,"value":3462},{"type":15,"tag":88,"props":4202,"children":4203},{"class":90,"line":637},[4204],{"type":15,"tag":88,"props":4205,"children":4206},{"style":95},[4207],{"type":21,"value":3993},{"type":15,"tag":88,"props":4209,"children":4210},{"class":90,"line":645},[4211,4215,4219],{"type":15,"tag":88,"props":4212,"children":4213},{"style":95},[4214],{"type":21,"value":4001},{"type":15,"tag":88,"props":4216,"children":4217},{"style":788},[4218],{"type":21,"value":157},{"type":15,"tag":88,"props":4220,"children":4221},{"style":95},[4222],{"type":21,"value":108},{"type":15,"tag":88,"props":4224,"children":4225},{"class":90,"line":681},[4226,4230,4234],{"type":15,"tag":88,"props":4227,"children":4228},{"style":95},[4229],{"type":21,"value":1144},{"type":15,"tag":88,"props":4231,"children":4232},{"style":101},[4233],{"type":21,"value":122},{"type":15,"tag":88,"props":4235,"children":4236},{"style":95},[4237],{"type":21,"value":108},{"type":15,"tag":88,"props":4239,"children":4240},{"class":90,"line":721},[4241,4245,4249],{"type":15,"tag":88,"props":4242,"children":4243},{"style":95},[4244],{"type":21,"value":252},{"type":15,"tag":88,"props":4246,"children":4247},{"style":101},[4248],{"type":21,"value":122},{"type":15,"tag":88,"props":4250,"children":4251},{"style":95},[4252],{"type":21,"value":108},{"type":15,"tag":88,"props":4254,"children":4255},{"class":90,"line":771},[4256],{"type":15,"tag":88,"props":4257,"children":4258},{"style":95},[4259],{"type":21,"value":1505},{"type":15,"tag":88,"props":4261,"children":4262},{"class":90,"line":779},[4263],{"type":15,"tag":88,"props":4264,"children":4265},{"style":95},[4266],{"type":21,"value":1513},{"type":15,"tag":39,"props":4268,"children":4270},{"id":4269},"avatars",[4271],{"type":21,"value":4272},"Avatars",{"type":15,"tag":46,"props":4274,"children":4275},{},[4276],{"type":21,"value":4277},"A common use case for the Badge is to place it on a user's avatar.",{"type":15,"tag":69,"props":4279,"children":4281},{"showcase-name":4280},"Badge\u002FBadgeAvatar",[4282,4770],{"type":15,"tag":74,"props":4283,"children":4284},{},[4285],{"type":15,"tag":78,"props":4286,"children":4288},{"className":80,"code":4287,"language":82,"meta":9,"style":9},"\u003Ctemplate>\n \u003Cdiv class=\"flex gap-3\">\n \u003Cdiv class=\"relative\">\n \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fsfui_docs_artifacts_bucket_public\u002Fdevelop\u002Fwoman_avatar.png\" alt=\"Avatar of a woman\" width=\"36\" height=\"36\" \u002F>\n \u003CSfBadge variant=\"dot\" placement=\"bottom-left\" class=\"outline outline-white\" \u002F>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"relative\">\n \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fsfui_docs_artifacts_bucket_public\u002Fdevelop\u002Fwoman_avatar.png\" alt=\"Avatar of a woman\" width=\"36\" height=\"36\" \u002F>\n \u003CSfBadge variant=\"dot\" placement=\"bottom-left\" class=\"!bg-secondary-700 outline outline-white\" \u002F>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfBadge } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[4289],{"type":15,"tag":52,"props":4290,"children":4291},{"__ignoreMap":9},[4292,4307,4334,4361,4432,4484,4499,4526,4589,4641,4656,4671,4686,4693,4724,4755],{"type":15,"tag":88,"props":4293,"children":4294},{"class":90,"line":91},[4295,4299,4303],{"type":15,"tag":88,"props":4296,"children":4297},{"style":95},[4298],{"type":21,"value":98},{"type":15,"tag":88,"props":4300,"children":4301},{"style":101},[4302],{"type":21,"value":28},{"type":15,"tag":88,"props":4304,"children":4305},{"style":95},[4306],{"type":21,"value":108},{"type":15,"tag":88,"props":4308,"children":4309},{"class":90,"line":111},[4310,4314,4318,4322,4326,4330],{"type":15,"tag":88,"props":4311,"children":4312},{"style":95},[4313],{"type":21,"value":117},{"type":15,"tag":88,"props":4315,"children":4316},{"style":101},[4317],{"type":21,"value":122},{"type":15,"tag":88,"props":4319,"children":4320},{"style":125},[4321],{"type":21,"value":128},{"type":15,"tag":88,"props":4323,"children":4324},{"style":95},[4325],{"type":21,"value":133},{"type":15,"tag":88,"props":4327,"children":4328},{"style":136},[4329],{"type":21,"value":139},{"type":15,"tag":88,"props":4331,"children":4332},{"style":95},[4333],{"type":21,"value":108},{"type":15,"tag":88,"props":4335,"children":4336},{"class":90,"line":146},[4337,4341,4345,4349,4353,4357],{"type":15,"tag":88,"props":4338,"children":4339},{"style":95},[4340],{"type":21,"value":152},{"type":15,"tag":88,"props":4342,"children":4343},{"style":101},[4344],{"type":21,"value":122},{"type":15,"tag":88,"props":4346,"children":4347},{"style":125},[4348],{"type":21,"value":128},{"type":15,"tag":88,"props":4350,"children":4351},{"style":95},[4352],{"type":21,"value":133},{"type":15,"tag":88,"props":4354,"children":4355},{"style":136},[4356],{"type":21,"value":170},{"type":15,"tag":88,"props":4358,"children":4359},{"style":95},[4360],{"type":21,"value":108},{"type":15,"tag":88,"props":4362,"children":4363},{"class":90,"line":196},[4364,4368,4373,4378,4382,4387,4392,4396,4401,4406,4410,4415,4420,4424,4428],{"type":15,"tag":88,"props":4365,"children":4366},{"style":95},[4367],{"type":21,"value":202},{"type":15,"tag":88,"props":4369,"children":4370},{"style":101},[4371],{"type":21,"value":4372},"img",{"type":15,"tag":88,"props":4374,"children":4375},{"style":125},[4376],{"type":21,"value":4377}," src",{"type":15,"tag":88,"props":4379,"children":4380},{"style":95},[4381],{"type":21,"value":133},{"type":15,"tag":88,"props":4383,"children":4384},{"style":136},[4385],{"type":21,"value":4386},"\"https:\u002F\u002Fstorage.googleapis.com\u002Fsfui_docs_artifacts_bucket_public\u002Fdevelop\u002Fwoman_avatar.png\"",{"type":15,"tag":88,"props":4388,"children":4389},{"style":125},[4390],{"type":21,"value":4391}," alt",{"type":15,"tag":88,"props":4393,"children":4394},{"style":95},[4395],{"type":21,"value":133},{"type":15,"tag":88,"props":4397,"children":4398},{"style":136},[4399],{"type":21,"value":4400},"\"Avatar of a woman\"",{"type":15,"tag":88,"props":4402,"children":4403},{"style":125},[4404],{"type":21,"value":4405}," width",{"type":15,"tag":88,"props":4407,"children":4408},{"style":95},[4409],{"type":21,"value":133},{"type":15,"tag":88,"props":4411,"children":4412},{"style":136},[4413],{"type":21,"value":4414},"\"36\"",{"type":15,"tag":88,"props":4416,"children":4417},{"style":125},[4418],{"type":21,"value":4419}," height",{"type":15,"tag":88,"props":4421,"children":4422},{"style":95},[4423],{"type":21,"value":133},{"type":15,"tag":88,"props":4425,"children":4426},{"style":136},[4427],{"type":21,"value":4414},{"type":15,"tag":88,"props":4429,"children":4430},{"style":95},[4431],{"type":21,"value":212},{"type":15,"tag":88,"props":4433,"children":4434},{"class":90,"line":215},[4435,4439,4443,4447,4451,4455,4459,4463,4467,4471,4475,4480],{"type":15,"tag":88,"props":4436,"children":4437},{"style":95},[4438],{"type":21,"value":202},{"type":15,"tag":88,"props":4440,"children":4441},{"style":101},[4442],{"type":21,"value":225},{"type":15,"tag":88,"props":4444,"children":4445},{"style":125},[4446],{"type":21,"value":180},{"type":15,"tag":88,"props":4448,"children":4449},{"style":95},[4450],{"type":21,"value":133},{"type":15,"tag":88,"props":4452,"children":4453},{"style":136},[4454],{"type":21,"value":580},{"type":15,"tag":88,"props":4456,"children":4457},{"style":125},[4458],{"type":21,"value":1680},{"type":15,"tag":88,"props":4460,"children":4461},{"style":95},[4462],{"type":21,"value":133},{"type":15,"tag":88,"props":4464,"children":4465},{"style":136},[4466],{"type":21,"value":1821},{"type":15,"tag":88,"props":4468,"children":4469},{"style":125},[4470],{"type":21,"value":128},{"type":15,"tag":88,"props":4472,"children":4473},{"style":95},[4474],{"type":21,"value":133},{"type":15,"tag":88,"props":4476,"children":4477},{"style":136},[4478],{"type":21,"value":4479},"\"outline outline-white\"",{"type":15,"tag":88,"props":4481,"children":4482},{"style":95},[4483],{"type":21,"value":212},{"type":15,"tag":88,"props":4485,"children":4486},{"class":90,"line":246},[4487,4491,4495],{"type":15,"tag":88,"props":4488,"children":4489},{"style":95},[4490],{"type":21,"value":252},{"type":15,"tag":88,"props":4492,"children":4493},{"style":101},[4494],{"type":21,"value":122},{"type":15,"tag":88,"props":4496,"children":4497},{"style":95},[4498],{"type":21,"value":108},{"type":15,"tag":88,"props":4500,"children":4501},{"class":90,"line":263},[4502,4506,4510,4514,4518,4522],{"type":15,"tag":88,"props":4503,"children":4504},{"style":95},[4505],{"type":21,"value":152},{"type":15,"tag":88,"props":4507,"children":4508},{"style":101},[4509],{"type":21,"value":122},{"type":15,"tag":88,"props":4511,"children":4512},{"style":125},[4513],{"type":21,"value":128},{"type":15,"tag":88,"props":4515,"children":4516},{"style":95},[4517],{"type":21,"value":133},{"type":15,"tag":88,"props":4519,"children":4520},{"style":136},[4521],{"type":21,"value":170},{"type":15,"tag":88,"props":4523,"children":4524},{"style":95},[4525],{"type":21,"value":108},{"type":15,"tag":88,"props":4527,"children":4528},{"class":90,"line":272},[4529,4533,4537,4541,4545,4549,4553,4557,4561,4565,4569,4573,4577,4581,4585],{"type":15,"tag":88,"props":4530,"children":4531},{"style":95},[4532],{"type":21,"value":202},{"type":15,"tag":88,"props":4534,"children":4535},{"style":101},[4536],{"type":21,"value":4372},{"type":15,"tag":88,"props":4538,"children":4539},{"style":125},[4540],{"type":21,"value":4377},{"type":15,"tag":88,"props":4542,"children":4543},{"style":95},[4544],{"type":21,"value":133},{"type":15,"tag":88,"props":4546,"children":4547},{"style":136},[4548],{"type":21,"value":4386},{"type":15,"tag":88,"props":4550,"children":4551},{"style":125},[4552],{"type":21,"value":4391},{"type":15,"tag":88,"props":4554,"children":4555},{"style":95},[4556],{"type":21,"value":133},{"type":15,"tag":88,"props":4558,"children":4559},{"style":136},[4560],{"type":21,"value":4400},{"type":15,"tag":88,"props":4562,"children":4563},{"style":125},[4564],{"type":21,"value":4405},{"type":15,"tag":88,"props":4566,"children":4567},{"style":95},[4568],{"type":21,"value":133},{"type":15,"tag":88,"props":4570,"children":4571},{"style":136},[4572],{"type":21,"value":4414},{"type":15,"tag":88,"props":4574,"children":4575},{"style":125},[4576],{"type":21,"value":4419},{"type":15,"tag":88,"props":4578,"children":4579},{"style":95},[4580],{"type":21,"value":133},{"type":15,"tag":88,"props":4582,"children":4583},{"style":136},[4584],{"type":21,"value":4414},{"type":15,"tag":88,"props":4586,"children":4587},{"style":95},[4588],{"type":21,"value":212},{"type":15,"tag":88,"props":4590,"children":4591},{"class":90,"line":316},[4592,4596,4600,4604,4608,4612,4616,4620,4624,4628,4632,4637],{"type":15,"tag":88,"props":4593,"children":4594},{"style":95},[4595],{"type":21,"value":202},{"type":15,"tag":88,"props":4597,"children":4598},{"style":101},[4599],{"type":21,"value":225},{"type":15,"tag":88,"props":4601,"children":4602},{"style":125},[4603],{"type":21,"value":180},{"type":15,"tag":88,"props":4605,"children":4606},{"style":95},[4607],{"type":21,"value":133},{"type":15,"tag":88,"props":4609,"children":4610},{"style":136},[4611],{"type":21,"value":580},{"type":15,"tag":88,"props":4613,"children":4614},{"style":125},[4615],{"type":21,"value":1680},{"type":15,"tag":88,"props":4617,"children":4618},{"style":95},[4619],{"type":21,"value":133},{"type":15,"tag":88,"props":4621,"children":4622},{"style":136},[4623],{"type":21,"value":1821},{"type":15,"tag":88,"props":4625,"children":4626},{"style":125},[4627],{"type":21,"value":128},{"type":15,"tag":88,"props":4629,"children":4630},{"style":95},[4631],{"type":21,"value":133},{"type":15,"tag":88,"props":4633,"children":4634},{"style":136},[4635],{"type":21,"value":4636},"\"!bg-secondary-700 outline outline-white\"",{"type":15,"tag":88,"props":4638,"children":4639},{"style":95},[4640],{"type":21,"value":212},{"type":15,"tag":88,"props":4642,"children":4643},{"class":90,"line":332},[4644,4648,4652],{"type":15,"tag":88,"props":4645,"children":4646},{"style":95},[4647],{"type":21,"value":252},{"type":15,"tag":88,"props":4649,"children":4650},{"style":101},[4651],{"type":21,"value":122},{"type":15,"tag":88,"props":4653,"children":4654},{"style":95},[4655],{"type":21,"value":108},{"type":15,"tag":88,"props":4657,"children":4658},{"class":90,"line":361},[4659,4663,4667],{"type":15,"tag":88,"props":4660,"children":4661},{"style":95},[4662],{"type":21,"value":609},{"type":15,"tag":88,"props":4664,"children":4665},{"style":101},[4666],{"type":21,"value":122},{"type":15,"tag":88,"props":4668,"children":4669},{"style":95},[4670],{"type":21,"value":108},{"type":15,"tag":88,"props":4672,"children":4673},{"class":90,"line":377},[4674,4678,4682],{"type":15,"tag":88,"props":4675,"children":4676},{"style":95},[4677],{"type":21,"value":626},{"type":15,"tag":88,"props":4679,"children":4680},{"style":101},[4681],{"type":21,"value":28},{"type":15,"tag":88,"props":4683,"children":4684},{"style":95},[4685],{"type":21,"value":108},{"type":15,"tag":88,"props":4687,"children":4688},{"class":90,"line":385},[4689],{"type":15,"tag":88,"props":4690,"children":4691},{"emptyLinePlaceholder":8},[4692],{"type":21,"value":269},{"type":15,"tag":88,"props":4694,"children":4695},{"class":90,"line":429},[4696,4700,4704,4708,4712,4716,4720],{"type":15,"tag":88,"props":4697,"children":4698},{"style":95},[4699],{"type":21,"value":98},{"type":15,"tag":88,"props":4701,"children":4702},{"style":101},[4703],{"type":21,"value":655},{"type":15,"tag":88,"props":4705,"children":4706},{"style":125},[4707],{"type":21,"value":660},{"type":15,"tag":88,"props":4709,"children":4710},{"style":95},[4711],{"type":21,"value":133},{"type":15,"tag":88,"props":4713,"children":4714},{"style":136},[4715],{"type":21,"value":669},{"type":15,"tag":88,"props":4717,"children":4718},{"style":125},[4719],{"type":21,"value":674},{"type":15,"tag":88,"props":4721,"children":4722},{"style":95},[4723],{"type":21,"value":108},{"type":15,"tag":88,"props":4725,"children":4726},{"class":90,"line":445},[4727,4731,4735,4739,4743,4747,4751],{"type":15,"tag":88,"props":4728,"children":4729},{"style":685},[4730],{"type":21,"value":688},{"type":15,"tag":88,"props":4732,"children":4733},{"style":95},[4734],{"type":21,"value":693},{"type":15,"tag":88,"props":4736,"children":4737},{"style":101},[4738],{"type":21,"value":225},{"type":15,"tag":88,"props":4740,"children":4741},{"style":95},[4742],{"type":21,"value":703},{"type":15,"tag":88,"props":4744,"children":4745},{"style":685},[4746],{"type":21,"value":708},{"type":15,"tag":88,"props":4748,"children":4749},{"style":136},[4750],{"type":21,"value":764},{"type":15,"tag":88,"props":4752,"children":4753},{"style":95},[4754],{"type":21,"value":718},{"type":15,"tag":88,"props":4756,"children":4757},{"class":90,"line":474},[4758,4762,4766],{"type":15,"tag":88,"props":4759,"children":4760},{"style":95},[4761],{"type":21,"value":626},{"type":15,"tag":88,"props":4763,"children":4764},{"style":101},[4765],{"type":21,"value":655},{"type":15,"tag":88,"props":4767,"children":4768},{"style":95},[4769],{"type":21,"value":108},{"type":15,"tag":904,"props":4771,"children":4772},{},[4773],{"type":15,"tag":78,"props":4774,"children":4776},{"className":909,"code":4775,"language":911,"meta":9,"style":9},"import { SfBadge } from '@storefront-ui\u002Freact';\n\nexport default function BadgeAvatar() {\n return (\n \u003Cdiv className=\"flex gap-3\">\n \u003Cdiv className=\"relative\">\n \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fsfui_docs_artifacts_bucket_public\u002Fdevelop\u002Fwoman_avatar.png\" alt=\"Avatar of a woman\" width=\"36\" height=\"36\" \u002F>\n \u003CSfBadge variant=\"dot\" placement=\"bottom-left\" className=\"outline outline-white\" \u002F>\n \u003C\u002Fdiv>\n \u003Cdiv className=\"relative\">\n \u003Cimg src=\"https:\u002F\u002Fstorage.googleapis.com\u002Fsfui_docs_artifacts_bucket_public\u002Fdevelop\u002Fwoman_avatar.png\" alt=\"Avatar of a woman\" width=\"36\" height=\"36\" \u002F>\n \u003CSfBadge variant=\"dot\" placement=\"bottom-left\" className=\"!bg-secondary-700 outline outline-white\" \u002F>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n );\n}\n",[4777],{"type":15,"tag":52,"props":4778,"children":4779},{"__ignoreMap":9},[4780,4811,4818,4842,4853,4880,4907,4970,5021,5036,5063,5126,5177,5192,5207,5214],{"type":15,"tag":88,"props":4781,"children":4782},{"class":90,"line":91},[4783,4787,4791,4795,4799,4803,4807],{"type":15,"tag":88,"props":4784,"children":4785},{"style":685},[4786],{"type":21,"value":688},{"type":15,"tag":88,"props":4788,"children":4789},{"style":95},[4790],{"type":21,"value":693},{"type":15,"tag":88,"props":4792,"children":4793},{"style":101},[4794],{"type":21,"value":225},{"type":15,"tag":88,"props":4796,"children":4797},{"style":95},[4798],{"type":21,"value":703},{"type":15,"tag":88,"props":4800,"children":4801},{"style":685},[4802],{"type":21,"value":708},{"type":15,"tag":88,"props":4804,"children":4805},{"style":136},[4806],{"type":21,"value":959},{"type":15,"tag":88,"props":4808,"children":4809},{"style":95},[4810],{"type":21,"value":718},{"type":15,"tag":88,"props":4812,"children":4813},{"class":90,"line":111},[4814],{"type":15,"tag":88,"props":4815,"children":4816},{"emptyLinePlaceholder":8},[4817],{"type":21,"value":269},{"type":15,"tag":88,"props":4819,"children":4820},{"class":90,"line":146},[4821,4825,4829,4833,4838],{"type":15,"tag":88,"props":4822,"children":4823},{"style":685},[4824],{"type":21,"value":978},{"type":15,"tag":88,"props":4826,"children":4827},{"style":685},[4828],{"type":21,"value":983},{"type":15,"tag":88,"props":4830,"children":4831},{"style":685},[4832],{"type":21,"value":988},{"type":15,"tag":88,"props":4834,"children":4835},{"style":800},[4836],{"type":21,"value":4837}," BadgeAvatar",{"type":15,"tag":88,"props":4839,"children":4840},{"style":95},[4841],{"type":21,"value":998},{"type":15,"tag":88,"props":4843,"children":4844},{"class":90,"line":196},[4845,4849],{"type":15,"tag":88,"props":4846,"children":4847},{"style":685},[4848],{"type":21,"value":1006},{"type":15,"tag":88,"props":4850,"children":4851},{"style":95},[4852],{"type":21,"value":1011},{"type":15,"tag":88,"props":4854,"children":4855},{"class":90,"line":215},[4856,4860,4864,4868,4872,4876],{"type":15,"tag":88,"props":4857,"children":4858},{"style":95},[4859],{"type":21,"value":152},{"type":15,"tag":88,"props":4861,"children":4862},{"style":101},[4863],{"type":21,"value":122},{"type":15,"tag":88,"props":4865,"children":4866},{"style":1025},[4867],{"type":21,"value":1028},{"type":15,"tag":88,"props":4869,"children":4870},{"style":794},[4871],{"type":21,"value":133},{"type":15,"tag":88,"props":4873,"children":4874},{"style":136},[4875],{"type":21,"value":139},{"type":15,"tag":88,"props":4877,"children":4878},{"style":95},[4879],{"type":21,"value":108},{"type":15,"tag":88,"props":4881,"children":4882},{"class":90,"line":246},[4883,4887,4891,4895,4899,4903],{"type":15,"tag":88,"props":4884,"children":4885},{"style":95},[4886],{"type":21,"value":202},{"type":15,"tag":88,"props":4888,"children":4889},{"style":101},[4890],{"type":21,"value":122},{"type":15,"tag":88,"props":4892,"children":4893},{"style":1025},[4894],{"type":21,"value":1028},{"type":15,"tag":88,"props":4896,"children":4897},{"style":794},[4898],{"type":21,"value":133},{"type":15,"tag":88,"props":4900,"children":4901},{"style":136},[4902],{"type":21,"value":170},{"type":15,"tag":88,"props":4904,"children":4905},{"style":95},[4906],{"type":21,"value":108},{"type":15,"tag":88,"props":4908,"children":4909},{"class":90,"line":263},[4910,4914,4918,4922,4926,4930,4934,4938,4942,4946,4950,4954,4958,4962,4966],{"type":15,"tag":88,"props":4911,"children":4912},{"style":95},[4913],{"type":21,"value":1091},{"type":15,"tag":88,"props":4915,"children":4916},{"style":101},[4917],{"type":21,"value":4372},{"type":15,"tag":88,"props":4919,"children":4920},{"style":1025},[4921],{"type":21,"value":4377},{"type":15,"tag":88,"props":4923,"children":4924},{"style":794},[4925],{"type":21,"value":133},{"type":15,"tag":88,"props":4927,"children":4928},{"style":136},[4929],{"type":21,"value":4386},{"type":15,"tag":88,"props":4931,"children":4932},{"style":1025},[4933],{"type":21,"value":4391},{"type":15,"tag":88,"props":4935,"children":4936},{"style":794},[4937],{"type":21,"value":133},{"type":15,"tag":88,"props":4939,"children":4940},{"style":136},[4941],{"type":21,"value":4400},{"type":15,"tag":88,"props":4943,"children":4944},{"style":1025},[4945],{"type":21,"value":4405},{"type":15,"tag":88,"props":4947,"children":4948},{"style":794},[4949],{"type":21,"value":133},{"type":15,"tag":88,"props":4951,"children":4952},{"style":136},[4953],{"type":21,"value":4414},{"type":15,"tag":88,"props":4955,"children":4956},{"style":1025},[4957],{"type":21,"value":4419},{"type":15,"tag":88,"props":4959,"children":4960},{"style":794},[4961],{"type":21,"value":133},{"type":15,"tag":88,"props":4963,"children":4964},{"style":136},[4965],{"type":21,"value":4414},{"type":15,"tag":88,"props":4967,"children":4968},{"style":95},[4969],{"type":21,"value":212},{"type":15,"tag":88,"props":4971,"children":4972},{"class":90,"line":272},[4973,4977,4981,4985,4989,4993,4997,5001,5005,5009,5013,5017],{"type":15,"tag":88,"props":4974,"children":4975},{"style":95},[4976],{"type":21,"value":1091},{"type":15,"tag":88,"props":4978,"children":4979},{"style":788},[4980],{"type":21,"value":225},{"type":15,"tag":88,"props":4982,"children":4983},{"style":1025},[4984],{"type":21,"value":180},{"type":15,"tag":88,"props":4986,"children":4987},{"style":794},[4988],{"type":21,"value":133},{"type":15,"tag":88,"props":4990,"children":4991},{"style":136},[4992],{"type":21,"value":580},{"type":15,"tag":88,"props":4994,"children":4995},{"style":1025},[4996],{"type":21,"value":1680},{"type":15,"tag":88,"props":4998,"children":4999},{"style":794},[5000],{"type":21,"value":133},{"type":15,"tag":88,"props":5002,"children":5003},{"style":136},[5004],{"type":21,"value":1821},{"type":15,"tag":88,"props":5006,"children":5007},{"style":1025},[5008],{"type":21,"value":1028},{"type":15,"tag":88,"props":5010,"children":5011},{"style":794},[5012],{"type":21,"value":133},{"type":15,"tag":88,"props":5014,"children":5015},{"style":136},[5016],{"type":21,"value":4479},{"type":15,"tag":88,"props":5018,"children":5019},{"style":95},[5020],{"type":21,"value":212},{"type":15,"tag":88,"props":5022,"children":5023},{"class":90,"line":316},[5024,5028,5032],{"type":15,"tag":88,"props":5025,"children":5026},{"style":95},[5027],{"type":21,"value":1144},{"type":15,"tag":88,"props":5029,"children":5030},{"style":101},[5031],{"type":21,"value":122},{"type":15,"tag":88,"props":5033,"children":5034},{"style":95},[5035],{"type":21,"value":108},{"type":15,"tag":88,"props":5037,"children":5038},{"class":90,"line":332},[5039,5043,5047,5051,5055,5059],{"type":15,"tag":88,"props":5040,"children":5041},{"style":95},[5042],{"type":21,"value":202},{"type":15,"tag":88,"props":5044,"children":5045},{"style":101},[5046],{"type":21,"value":122},{"type":15,"tag":88,"props":5048,"children":5049},{"style":1025},[5050],{"type":21,"value":1028},{"type":15,"tag":88,"props":5052,"children":5053},{"style":794},[5054],{"type":21,"value":133},{"type":15,"tag":88,"props":5056,"children":5057},{"style":136},[5058],{"type":21,"value":170},{"type":15,"tag":88,"props":5060,"children":5061},{"style":95},[5062],{"type":21,"value":108},{"type":15,"tag":88,"props":5064,"children":5065},{"class":90,"line":361},[5066,5070,5074,5078,5082,5086,5090,5094,5098,5102,5106,5110,5114,5118,5122],{"type":15,"tag":88,"props":5067,"children":5068},{"style":95},[5069],{"type":21,"value":1091},{"type":15,"tag":88,"props":5071,"children":5072},{"style":101},[5073],{"type":21,"value":4372},{"type":15,"tag":88,"props":5075,"children":5076},{"style":1025},[5077],{"type":21,"value":4377},{"type":15,"tag":88,"props":5079,"children":5080},{"style":794},[5081],{"type":21,"value":133},{"type":15,"tag":88,"props":5083,"children":5084},{"style":136},[5085],{"type":21,"value":4386},{"type":15,"tag":88,"props":5087,"children":5088},{"style":1025},[5089],{"type":21,"value":4391},{"type":15,"tag":88,"props":5091,"children":5092},{"style":794},[5093],{"type":21,"value":133},{"type":15,"tag":88,"props":5095,"children":5096},{"style":136},[5097],{"type":21,"value":4400},{"type":15,"tag":88,"props":5099,"children":5100},{"style":1025},[5101],{"type":21,"value":4405},{"type":15,"tag":88,"props":5103,"children":5104},{"style":794},[5105],{"type":21,"value":133},{"type":15,"tag":88,"props":5107,"children":5108},{"style":136},[5109],{"type":21,"value":4414},{"type":15,"tag":88,"props":5111,"children":5112},{"style":1025},[5113],{"type":21,"value":4419},{"type":15,"tag":88,"props":5115,"children":5116},{"style":794},[5117],{"type":21,"value":133},{"type":15,"tag":88,"props":5119,"children":5120},{"style":136},[5121],{"type":21,"value":4414},{"type":15,"tag":88,"props":5123,"children":5124},{"style":95},[5125],{"type":21,"value":212},{"type":15,"tag":88,"props":5127,"children":5128},{"class":90,"line":377},[5129,5133,5137,5141,5145,5149,5153,5157,5161,5165,5169,5173],{"type":15,"tag":88,"props":5130,"children":5131},{"style":95},[5132],{"type":21,"value":1091},{"type":15,"tag":88,"props":5134,"children":5135},{"style":788},[5136],{"type":21,"value":225},{"type":15,"tag":88,"props":5138,"children":5139},{"style":1025},[5140],{"type":21,"value":180},{"type":15,"tag":88,"props":5142,"children":5143},{"style":794},[5144],{"type":21,"value":133},{"type":15,"tag":88,"props":5146,"children":5147},{"style":136},[5148],{"type":21,"value":580},{"type":15,"tag":88,"props":5150,"children":5151},{"style":1025},[5152],{"type":21,"value":1680},{"type":15,"tag":88,"props":5154,"children":5155},{"style":794},[5156],{"type":21,"value":133},{"type":15,"tag":88,"props":5158,"children":5159},{"style":136},[5160],{"type":21,"value":1821},{"type":15,"tag":88,"props":5162,"children":5163},{"style":1025},[5164],{"type":21,"value":1028},{"type":15,"tag":88,"props":5166,"children":5167},{"style":794},[5168],{"type":21,"value":133},{"type":15,"tag":88,"props":5170,"children":5171},{"style":136},[5172],{"type":21,"value":4636},{"type":15,"tag":88,"props":5174,"children":5175},{"style":95},[5176],{"type":21,"value":212},{"type":15,"tag":88,"props":5178,"children":5179},{"class":90,"line":385},[5180,5184,5188],{"type":15,"tag":88,"props":5181,"children":5182},{"style":95},[5183],{"type":21,"value":1144},{"type":15,"tag":88,"props":5185,"children":5186},{"style":101},[5187],{"type":21,"value":122},{"type":15,"tag":88,"props":5189,"children":5190},{"style":95},[5191],{"type":21,"value":108},{"type":15,"tag":88,"props":5193,"children":5194},{"class":90,"line":429},[5195,5199,5203],{"type":15,"tag":88,"props":5196,"children":5197},{"style":95},[5198],{"type":21,"value":252},{"type":15,"tag":88,"props":5200,"children":5201},{"style":101},[5202],{"type":21,"value":122},{"type":15,"tag":88,"props":5204,"children":5205},{"style":95},[5206],{"type":21,"value":108},{"type":15,"tag":88,"props":5208,"children":5209},{"class":90,"line":445},[5210],{"type":15,"tag":88,"props":5211,"children":5212},{"style":95},[5213],{"type":21,"value":1505},{"type":15,"tag":88,"props":5215,"children":5216},{"class":90,"line":474},[5217],{"type":15,"tag":88,"props":5218,"children":5219},{"style":95},[5220],{"type":21,"value":1513},{"type":15,"tag":32,"props":5222,"children":5224},{"id":5223},"accessibility-notes",[5225],{"type":21,"value":5226},"Accessibility Notes",{"type":15,"tag":46,"props":5228,"children":5229},{},[5230],{"type":21,"value":5231},"The component itself does not provide any specific accessibility features. Please make sure that the content displayed in SfBadge component is meaningful and understandable by all users.",{"type":15,"tag":32,"props":5233,"children":5235},{"id":5234},"playground",[5236],{"type":21,"value":5237},"Playground",{"type":15,"tag":5239,"props":5240,"children":5242},"generate",{"style":5241},"height: 380px",[],{"type":15,"tag":28,"props":5244,"children":5245},{"v-slot:tab-2":9},[5246,5252],{"type":15,"tag":32,"props":5247,"children":5249},{"id":5248},"props",[5250],{"type":21,"value":5251},"Props",{"type":15,"tag":5253,"props":5254,"children":5255},"table",{},[5256,5285],{"type":15,"tag":5257,"props":5258,"children":5259},"thead",{},[5260],{"type":15,"tag":5261,"props":5262,"children":5263},"tr",{},[5264,5270,5275,5280],{"type":15,"tag":5265,"props":5266,"children":5267},"th",{},[5268],{"type":21,"value":5269},"Prop name",{"type":15,"tag":5265,"props":5271,"children":5272},{},[5273],{"type":21,"value":5274},"Type",{"type":15,"tag":5265,"props":5276,"children":5277},{},[5278],{"type":21,"value":5279},"Default value",{"type":15,"tag":5265,"props":5281,"children":5282},{},[5283],{"type":21,"value":5284},"Possible values",{"type":15,"tag":5286,"props":5287,"children":5288},"tbody",{},[5289,5323,5353,5411],{"type":15,"tag":5261,"props":5290,"children":5291},{},[5292,5302,5311,5320],{"type":15,"tag":5293,"props":5294,"children":5295},"td",{},[5296],{"type":15,"tag":52,"props":5297,"children":5299},{"className":5298},[],[5300],{"type":21,"value":5301},"content",{"type":15,"tag":5293,"props":5303,"children":5304},{},[5305],{"type":15,"tag":52,"props":5306,"children":5308},{"className":5307},[],[5309],{"type":21,"value":5310},"string",{"type":15,"tag":5293,"props":5312,"children":5313},{},[5314],{"type":15,"tag":52,"props":5315,"children":5317},{"className":5316},[],[5318],{"type":21,"value":5319},"number",{"type":15,"tag":5293,"props":5321,"children":5322},{},[],{"type":15,"tag":5261,"props":5324,"children":5325},{},[5326,5334,5342,5350],{"type":15,"tag":5293,"props":5327,"children":5328},{},[5329],{"type":15,"tag":52,"props":5330,"children":5332},{"className":5331},[],[5333],{"type":21,"value":65},{"type":15,"tag":5293,"props":5335,"children":5336},{},[5337],{"type":15,"tag":52,"props":5338,"children":5340},{"className":5339},[],[5341],{"type":21,"value":5319},{"type":15,"tag":5293,"props":5343,"children":5344},{},[5345],{"type":15,"tag":52,"props":5346,"children":5348},{"className":5347},[],[5349],{"type":21,"value":2537},{"type":15,"tag":5293,"props":5351,"children":5352},{},[],{"type":15,"tag":5261,"props":5354,"children":5355},{},[5356,5364,5373,5382],{"type":15,"tag":5293,"props":5357,"children":5358},{},[5359],{"type":15,"tag":52,"props":5360,"children":5362},{"className":5361},[],[5363],{"type":21,"value":1516},{"type":15,"tag":5293,"props":5365,"children":5366},{},[5367],{"type":15,"tag":52,"props":5368,"children":5370},{"className":5369},[],[5371],{"type":21,"value":5372},"SfBadgePlacement",{"type":15,"tag":5293,"props":5374,"children":5375},{},[5376],{"type":15,"tag":52,"props":5377,"children":5379},{"className":5378},[],[5380],{"type":21,"value":5381},"top-right",{"type":15,"tag":5293,"props":5383,"children":5384},{},[5385,5390,5391,5397,5398,5404,5405],{"type":15,"tag":52,"props":5386,"children":5388},{"className":5387},[],[5389],{"type":21,"value":5381},{"type":21,"value":739},{"type":15,"tag":52,"props":5392,"children":5394},{"className":5393},[],[5395],{"type":21,"value":5396},"top-left",{"type":21,"value":739},{"type":15,"tag":52,"props":5399,"children":5401},{"className":5400},[],[5402],{"type":21,"value":5403},"bottom-right",{"type":21,"value":739},{"type":15,"tag":52,"props":5406,"children":5408},{"className":5407},[],[5409],{"type":21,"value":5410},"bottom-left",{"type":15,"tag":5261,"props":5412,"children":5413},{},[5414,5423,5432,5441],{"type":15,"tag":5293,"props":5415,"children":5416},{},[5417],{"type":15,"tag":52,"props":5418,"children":5420},{"className":5419},[],[5421],{"type":21,"value":5422},"variant",{"type":15,"tag":5293,"props":5424,"children":5425},{},[5426],{"type":15,"tag":52,"props":5427,"children":5429},{"className":5428},[],[5430],{"type":21,"value":5431},"SfBadgeVariant",{"type":15,"tag":5293,"props":5433,"children":5434},{},[5435],{"type":15,"tag":52,"props":5436,"children":5438},{"className":5437},[],[5439],{"type":21,"value":5440},"standard",{"type":15,"tag":5293,"props":5442,"children":5443},{},[5444,5449,5450],{"type":15,"tag":52,"props":5445,"children":5447},{"className":5446},[],[5448],{"type":21,"value":5440},{"type":21,"value":739},{"type":15,"tag":52,"props":5451,"children":5453},{"className":5452},[],[5454],{"type":21,"value":5455},"dot",{"type":15,"tag":28,"props":5457,"children":5458},{"v-slot:tab-3":9},[5459,5464,6672],{"type":15,"tag":5460,"props":5461,"children":5463},"partial",{"content":5462},"block-callout",[],{"type":15,"tag":74,"props":5465,"children":5466},{},[5467],{"type":15,"tag":78,"props":5468,"children":5470},{"className":80,"code":5469,"language":82,"meta":9,"style":9},"\u003Cscript lang=\"ts\" setup>\nimport { type PropType, computed } from 'vue';\nimport { SfBadgePlacement, SfBadgeVariant, twMerge, useTwMergeRoot } from '@storefront-ui\u002Fvue';\n\nconst props = defineProps({\n content: {\n type: [String, Number],\n default: '',\n },\n max: {\n type: Number,\n default: 99,\n },\n placement: {\n type: String as PropType\u003C`${SfBadgePlacement}`>,\n default: SfBadgePlacement['top-right'],\n },\n variant: {\n type: String as PropType\u003C`${SfBadgeVariant}`>,\n default: SfBadgeVariant.standard,\n },\n});\ndefineOptions({\n inheritAttrs: false,\n});\nconst { attrsWithoutClass } = useTwMergeRoot();\n\nconst isDot = computed(() => props.variant === 'dot');\nconst displayValue = computed(() => {\n if (isDot.value) {\n return '';\n } else if (!Number.isNaN(props.content) && Number(props.content) > props.max) {\n return `${props.max}+`;\n }\n return props.content;\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003Cspan\n :class=\"\n twMerge(\n 'block absolute py-0.5 px-1 bg-negative-700 font-medium text-white text-[8px] leading-[8px] rounded-xl',\n {\n 'min-w-[12px] min-h-[12px]': !isDot,\n 'w-[10px] h-[10px]': isDot,\n 'top-0 right-0 -translate-x-0.5 translate-y-0.5': placement === 'top-right',\n 'top-0 left-0 translate-x-0.5 translate-y-0.5': placement === 'top-left',\n 'bottom-0 right-0 -translate-x-0.5 -translate-y-0.5': placement === 'bottom-right',\n 'bottom-0 left-0 translate-x-0.5 -translate-y-0.5': placement === 'bottom-left',\n },\n $attrs.class,\n )\n \"\n data-testid=\"badge\"\n v-bind=\"attrsWithoutClass\"\n >\n {{ displayValue }}\n \u003C\u002Fspan>\n\u003C\u002Ftemplate>\n\n",[5471],{"type":15,"tag":52,"props":5472,"children":5473},{"__ignoreMap":9},[5474,5505,5551,5608,5615,5641,5654,5686,5709,5717,5729,5748,5767,5774,5786,5841,5870,5877,5889,5940,5968,5975,5983,5995,6016,6023,6057,6064,6121,6154,6186,6203,6315,6357,6366,6390,6398,6414,6422,6438,6451,6469,6478,6487,6496,6505,6514,6523,6532,6541,6550,6559,6568,6577,6586,6604,6622,6631,6640,6656],{"type":15,"tag":88,"props":5475,"children":5476},{"class":90,"line":91},[5477,5481,5485,5489,5493,5497,5501],{"type":15,"tag":88,"props":5478,"children":5479},{"style":95},[5480],{"type":21,"value":98},{"type":15,"tag":88,"props":5482,"children":5483},{"style":101},[5484],{"type":21,"value":655},{"type":15,"tag":88,"props":5486,"children":5487},{"style":125},[5488],{"type":21,"value":660},{"type":15,"tag":88,"props":5490,"children":5491},{"style":95},[5492],{"type":21,"value":133},{"type":15,"tag":88,"props":5494,"children":5495},{"style":136},[5496],{"type":21,"value":669},{"type":15,"tag":88,"props":5498,"children":5499},{"style":125},[5500],{"type":21,"value":674},{"type":15,"tag":88,"props":5502,"children":5503},{"style":95},[5504],{"type":21,"value":108},{"type":15,"tag":88,"props":5506,"children":5507},{"class":90,"line":111},[5508,5512,5516,5521,5526,5530,5535,5539,5543,5547],{"type":15,"tag":88,"props":5509,"children":5510},{"style":685},[5511],{"type":21,"value":688},{"type":15,"tag":88,"props":5513,"children":5514},{"style":95},[5515],{"type":21,"value":693},{"type":15,"tag":88,"props":5517,"children":5518},{"style":685},[5519],{"type":21,"value":5520},"type",{"type":15,"tag":88,"props":5522,"children":5523},{"style":101},[5524],{"type":21,"value":5525}," PropType",{"type":15,"tag":88,"props":5527,"children":5528},{"style":95},[5529],{"type":21,"value":739},{"type":15,"tag":88,"props":5531,"children":5532},{"style":101},[5533],{"type":21,"value":5534},"computed",{"type":15,"tag":88,"props":5536,"children":5537},{"style":95},[5538],{"type":21,"value":703},{"type":15,"tag":88,"props":5540,"children":5541},{"style":685},[5542],{"type":21,"value":708},{"type":15,"tag":88,"props":5544,"children":5545},{"style":136},[5546],{"type":21,"value":713},{"type":15,"tag":88,"props":5548,"children":5549},{"style":95},[5550],{"type":21,"value":718},{"type":15,"tag":88,"props":5552,"children":5553},{"class":90,"line":146},[5554,5558,5562,5566,5570,5574,5578,5583,5587,5592,5596,5600,5604],{"type":15,"tag":88,"props":5555,"children":5556},{"style":685},[5557],{"type":21,"value":688},{"type":15,"tag":88,"props":5559,"children":5560},{"style":95},[5561],{"type":21,"value":693},{"type":15,"tag":88,"props":5563,"children":5564},{"style":101},[5565],{"type":21,"value":5372},{"type":15,"tag":88,"props":5567,"children":5568},{"style":95},[5569],{"type":21,"value":739},{"type":15,"tag":88,"props":5571,"children":5572},{"style":101},[5573],{"type":21,"value":5431},{"type":15,"tag":88,"props":5575,"children":5576},{"style":95},[5577],{"type":21,"value":739},{"type":15,"tag":88,"props":5579,"children":5580},{"style":101},[5581],{"type":21,"value":5582},"twMerge",{"type":15,"tag":88,"props":5584,"children":5585},{"style":95},[5586],{"type":21,"value":739},{"type":15,"tag":88,"props":5588,"children":5589},{"style":101},[5590],{"type":21,"value":5591},"useTwMergeRoot",{"type":15,"tag":88,"props":5593,"children":5594},{"style":95},[5595],{"type":21,"value":703},{"type":15,"tag":88,"props":5597,"children":5598},{"style":685},[5599],{"type":21,"value":708},{"type":15,"tag":88,"props":5601,"children":5602},{"style":136},[5603],{"type":21,"value":764},{"type":15,"tag":88,"props":5605,"children":5606},{"style":95},[5607],{"type":21,"value":718},{"type":15,"tag":88,"props":5609,"children":5610},{"class":90,"line":196},[5611],{"type":15,"tag":88,"props":5612,"children":5613},{"emptyLinePlaceholder":8},[5614],{"type":21,"value":269},{"type":15,"tag":88,"props":5616,"children":5617},{"class":90,"line":215},[5618,5622,5627,5631,5636],{"type":15,"tag":88,"props":5619,"children":5620},{"style":685},[5621],{"type":21,"value":785},{"type":15,"tag":88,"props":5623,"children":5624},{"style":788},[5625],{"type":21,"value":5626}," props",{"type":15,"tag":88,"props":5628,"children":5629},{"style":794},[5630],{"type":21,"value":797},{"type":15,"tag":88,"props":5632,"children":5633},{"style":800},[5634],{"type":21,"value":5635}," defineProps",{"type":15,"tag":88,"props":5637,"children":5638},{"style":95},[5639],{"type":21,"value":5640},"({\n",{"type":15,"tag":88,"props":5642,"children":5643},{"class":90,"line":246},[5644,5649],{"type":15,"tag":88,"props":5645,"children":5646},{"style":101},[5647],{"type":21,"value":5648}," content",{"type":15,"tag":88,"props":5650,"children":5651},{"style":95},[5652],{"type":21,"value":5653},": {\n",{"type":15,"tag":88,"props":5655,"children":5656},{"class":90,"line":263},[5657,5662,5667,5672,5676,5681],{"type":15,"tag":88,"props":5658,"children":5659},{"style":101},[5660],{"type":21,"value":5661}," type",{"type":15,"tag":88,"props":5663,"children":5664},{"style":95},[5665],{"type":21,"value":5666},": [",{"type":15,"tag":88,"props":5668,"children":5669},{"style":101},[5670],{"type":21,"value":5671},"String",{"type":15,"tag":88,"props":5673,"children":5674},{"style":95},[5675],{"type":21,"value":739},{"type":15,"tag":88,"props":5677,"children":5678},{"style":101},[5679],{"type":21,"value":5680},"Number",{"type":15,"tag":88,"props":5682,"children":5683},{"style":95},[5684],{"type":21,"value":5685},"],\n",{"type":15,"tag":88,"props":5687,"children":5688},{"class":90,"line":272},[5689,5694,5699,5704],{"type":15,"tag":88,"props":5690,"children":5691},{"style":101},[5692],{"type":21,"value":5693}," default",{"type":15,"tag":88,"props":5695,"children":5696},{"style":95},[5697],{"type":21,"value":5698},": ",{"type":15,"tag":88,"props":5700,"children":5701},{"style":136},[5702],{"type":21,"value":5703},"''",{"type":15,"tag":88,"props":5705,"children":5706},{"style":95},[5707],{"type":21,"value":5708},",\n",{"type":15,"tag":88,"props":5710,"children":5711},{"class":90,"line":316},[5712],{"type":15,"tag":88,"props":5713,"children":5714},{"style":95},[5715],{"type":21,"value":5716}," },\n",{"type":15,"tag":88,"props":5718,"children":5719},{"class":90,"line":332},[5720,5725],{"type":15,"tag":88,"props":5721,"children":5722},{"style":101},[5723],{"type":21,"value":5724}," max",{"type":15,"tag":88,"props":5726,"children":5727},{"style":95},[5728],{"type":21,"value":5653},{"type":15,"tag":88,"props":5730,"children":5731},{"class":90,"line":361},[5732,5736,5740,5744],{"type":15,"tag":88,"props":5733,"children":5734},{"style":101},[5735],{"type":21,"value":5661},{"type":15,"tag":88,"props":5737,"children":5738},{"style":95},[5739],{"type":21,"value":5698},{"type":15,"tag":88,"props":5741,"children":5742},{"style":101},[5743],{"type":21,"value":5680},{"type":15,"tag":88,"props":5745,"children":5746},{"style":95},[5747],{"type":21,"value":5708},{"type":15,"tag":88,"props":5749,"children":5750},{"class":90,"line":377},[5751,5755,5759,5763],{"type":15,"tag":88,"props":5752,"children":5753},{"style":101},[5754],{"type":21,"value":5693},{"type":15,"tag":88,"props":5756,"children":5757},{"style":95},[5758],{"type":21,"value":5698},{"type":15,"tag":88,"props":5760,"children":5761},{"style":125},[5762],{"type":21,"value":2537},{"type":15,"tag":88,"props":5764,"children":5765},{"style":95},[5766],{"type":21,"value":5708},{"type":15,"tag":88,"props":5768,"children":5769},{"class":90,"line":385},[5770],{"type":15,"tag":88,"props":5771,"children":5772},{"style":95},[5773],{"type":21,"value":5716},{"type":15,"tag":88,"props":5775,"children":5776},{"class":90,"line":429},[5777,5782],{"type":15,"tag":88,"props":5778,"children":5779},{"style":101},[5780],{"type":21,"value":5781}," placement",{"type":15,"tag":88,"props":5783,"children":5784},{"style":95},[5785],{"type":21,"value":5653},{"type":15,"tag":88,"props":5787,"children":5788},{"class":90,"line":445},[5789,5793,5797,5801,5806,5810,5814,5819,5824,5828,5832,5836],{"type":15,"tag":88,"props":5790,"children":5791},{"style":101},[5792],{"type":21,"value":5661},{"type":15,"tag":88,"props":5794,"children":5795},{"style":95},[5796],{"type":21,"value":5698},{"type":15,"tag":88,"props":5798,"children":5799},{"style":101},[5800],{"type":21,"value":5671},{"type":15,"tag":88,"props":5802,"children":5803},{"style":685},[5804],{"type":21,"value":5805}," as",{"type":15,"tag":88,"props":5807,"children":5808},{"style":788},[5809],{"type":21,"value":5525},{"type":15,"tag":88,"props":5811,"children":5812},{"style":95},[5813],{"type":21,"value":98},{"type":15,"tag":88,"props":5815,"children":5816},{"style":136},[5817],{"type":21,"value":5818},"`",{"type":15,"tag":88,"props":5820,"children":5821},{"style":685},[5822],{"type":21,"value":5823},"${",{"type":15,"tag":88,"props":5825,"children":5826},{"style":788},[5827],{"type":21,"value":5372},{"type":15,"tag":88,"props":5829,"children":5830},{"style":685},[5831],{"type":21,"value":1132},{"type":15,"tag":88,"props":5833,"children":5834},{"style":136},[5835],{"type":21,"value":5818},{"type":15,"tag":88,"props":5837,"children":5838},{"style":95},[5839],{"type":21,"value":5840},">,\n",{"type":15,"tag":88,"props":5842,"children":5843},{"class":90,"line":474},[5844,5848,5852,5856,5861,5866],{"type":15,"tag":88,"props":5845,"children":5846},{"style":101},[5847],{"type":21,"value":5693},{"type":15,"tag":88,"props":5849,"children":5850},{"style":95},[5851],{"type":21,"value":5698},{"type":15,"tag":88,"props":5853,"children":5854},{"style":101},[5855],{"type":21,"value":5372},{"type":15,"tag":88,"props":5857,"children":5858},{"style":95},[5859],{"type":21,"value":5860},"[",{"type":15,"tag":88,"props":5862,"children":5863},{"style":136},[5864],{"type":21,"value":5865},"'top-right'",{"type":15,"tag":88,"props":5867,"children":5868},{"style":95},[5869],{"type":21,"value":5685},{"type":15,"tag":88,"props":5871,"children":5872},{"class":90,"line":490},[5873],{"type":15,"tag":88,"props":5874,"children":5875},{"style":95},[5876],{"type":21,"value":5716},{"type":15,"tag":88,"props":5878,"children":5879},{"class":90,"line":498},[5880,5885],{"type":15,"tag":88,"props":5881,"children":5882},{"style":101},[5883],{"type":21,"value":5884}," variant",{"type":15,"tag":88,"props":5886,"children":5887},{"style":95},[5888],{"type":21,"value":5653},{"type":15,"tag":88,"props":5890,"children":5891},{"class":90,"line":542},[5892,5896,5900,5904,5908,5912,5916,5920,5924,5928,5932,5936],{"type":15,"tag":88,"props":5893,"children":5894},{"style":101},[5895],{"type":21,"value":5661},{"type":15,"tag":88,"props":5897,"children":5898},{"style":95},[5899],{"type":21,"value":5698},{"type":15,"tag":88,"props":5901,"children":5902},{"style":101},[5903],{"type":21,"value":5671},{"type":15,"tag":88,"props":5905,"children":5906},{"style":685},[5907],{"type":21,"value":5805},{"type":15,"tag":88,"props":5909,"children":5910},{"style":788},[5911],{"type":21,"value":5525},{"type":15,"tag":88,"props":5913,"children":5914},{"style":95},[5915],{"type":21,"value":98},{"type":15,"tag":88,"props":5917,"children":5918},{"style":136},[5919],{"type":21,"value":5818},{"type":15,"tag":88,"props":5921,"children":5922},{"style":685},[5923],{"type":21,"value":5823},{"type":15,"tag":88,"props":5925,"children":5926},{"style":788},[5927],{"type":21,"value":5431},{"type":15,"tag":88,"props":5929,"children":5930},{"style":685},[5931],{"type":21,"value":1132},{"type":15,"tag":88,"props":5933,"children":5934},{"style":136},[5935],{"type":21,"value":5818},{"type":15,"tag":88,"props":5937,"children":5938},{"style":95},[5939],{"type":21,"value":5840},{"type":15,"tag":88,"props":5941,"children":5942},{"class":90,"line":558},[5943,5947,5951,5955,5960,5964],{"type":15,"tag":88,"props":5944,"children":5945},{"style":101},[5946],{"type":21,"value":5693},{"type":15,"tag":88,"props":5948,"children":5949},{"style":95},[5950],{"type":21,"value":5698},{"type":15,"tag":88,"props":5952,"children":5953},{"style":788},[5954],{"type":21,"value":5431},{"type":15,"tag":88,"props":5956,"children":5957},{"style":95},[5958],{"type":21,"value":5959},".",{"type":15,"tag":88,"props":5961,"children":5962},{"style":101},[5963],{"type":21,"value":5440},{"type":15,"tag":88,"props":5965,"children":5966},{"style":95},[5967],{"type":21,"value":5708},{"type":15,"tag":88,"props":5969,"children":5970},{"class":90,"line":587},[5971],{"type":15,"tag":88,"props":5972,"children":5973},{"style":95},[5974],{"type":21,"value":5716},{"type":15,"tag":88,"props":5976,"children":5977},{"class":90,"line":603},[5978],{"type":15,"tag":88,"props":5979,"children":5980},{"style":95},[5981],{"type":21,"value":5982},"});\n",{"type":15,"tag":88,"props":5984,"children":5985},{"class":90,"line":620},[5986,5991],{"type":15,"tag":88,"props":5987,"children":5988},{"style":800},[5989],{"type":21,"value":5990},"defineOptions",{"type":15,"tag":88,"props":5992,"children":5993},{"style":95},[5994],{"type":21,"value":5640},{"type":15,"tag":88,"props":5996,"children":5997},{"class":90,"line":637},[5998,6003,6007,6012],{"type":15,"tag":88,"props":5999,"children":6000},{"style":101},[6001],{"type":21,"value":6002}," inheritAttrs",{"type":15,"tag":88,"props":6004,"children":6005},{"style":95},[6006],{"type":21,"value":5698},{"type":15,"tag":88,"props":6008,"children":6009},{"style":125},[6010],{"type":21,"value":6011},"false",{"type":15,"tag":88,"props":6013,"children":6014},{"style":95},[6015],{"type":21,"value":5708},{"type":15,"tag":88,"props":6017,"children":6018},{"class":90,"line":645},[6019],{"type":15,"tag":88,"props":6020,"children":6021},{"style":95},[6022],{"type":21,"value":5982},{"type":15,"tag":88,"props":6024,"children":6025},{"class":90,"line":681},[6026,6030,6034,6039,6043,6047,6052],{"type":15,"tag":88,"props":6027,"children":6028},{"style":685},[6029],{"type":21,"value":785},{"type":15,"tag":88,"props":6031,"children":6032},{"style":95},[6033],{"type":21,"value":693},{"type":15,"tag":88,"props":6035,"children":6036},{"style":788},[6037],{"type":21,"value":6038},"attrsWithoutClass",{"type":15,"tag":88,"props":6040,"children":6041},{"style":95},[6042],{"type":21,"value":703},{"type":15,"tag":88,"props":6044,"children":6045},{"style":794},[6046],{"type":21,"value":133},{"type":15,"tag":88,"props":6048,"children":6049},{"style":800},[6050],{"type":21,"value":6051}," useTwMergeRoot",{"type":15,"tag":88,"props":6053,"children":6054},{"style":95},[6055],{"type":21,"value":6056},"();\n",{"type":15,"tag":88,"props":6058,"children":6059},{"class":90,"line":721},[6060],{"type":15,"tag":88,"props":6061,"children":6062},{"emptyLinePlaceholder":8},[6063],{"type":21,"value":269},{"type":15,"tag":88,"props":6065,"children":6066},{"class":90,"line":771},[6067,6071,6076,6080,6085,6090,6095,6099,6103,6107,6112,6117],{"type":15,"tag":88,"props":6068,"children":6069},{"style":685},[6070],{"type":21,"value":785},{"type":15,"tag":88,"props":6072,"children":6073},{"style":788},[6074],{"type":21,"value":6075}," isDot",{"type":15,"tag":88,"props":6077,"children":6078},{"style":794},[6079],{"type":21,"value":797},{"type":15,"tag":88,"props":6081,"children":6082},{"style":800},[6083],{"type":21,"value":6084}," computed",{"type":15,"tag":88,"props":6086,"children":6087},{"style":95},[6088],{"type":21,"value":6089},"(() ",{"type":15,"tag":88,"props":6091,"children":6092},{"style":685},[6093],{"type":21,"value":6094},"=>",{"type":15,"tag":88,"props":6096,"children":6097},{"style":788},[6098],{"type":21,"value":5626},{"type":15,"tag":88,"props":6100,"children":6101},{"style":95},[6102],{"type":21,"value":5959},{"type":15,"tag":88,"props":6104,"children":6105},{"style":101},[6106],{"type":21,"value":5422},{"type":15,"tag":88,"props":6108,"children":6109},{"style":794},[6110],{"type":21,"value":6111}," ===",{"type":15,"tag":88,"props":6113,"children":6114},{"style":136},[6115],{"type":21,"value":6116}," 'dot'",{"type":15,"tag":88,"props":6118,"children":6119},{"style":95},[6120],{"type":21,"value":818},{"type":15,"tag":88,"props":6122,"children":6123},{"class":90,"line":779},[6124,6128,6133,6137,6141,6145,6149],{"type":15,"tag":88,"props":6125,"children":6126},{"style":685},[6127],{"type":21,"value":785},{"type":15,"tag":88,"props":6129,"children":6130},{"style":788},[6131],{"type":21,"value":6132}," displayValue",{"type":15,"tag":88,"props":6134,"children":6135},{"style":794},[6136],{"type":21,"value":797},{"type":15,"tag":88,"props":6138,"children":6139},{"style":800},[6140],{"type":21,"value":6084},{"type":15,"tag":88,"props":6142,"children":6143},{"style":95},[6144],{"type":21,"value":6089},{"type":15,"tag":88,"props":6146,"children":6147},{"style":685},[6148],{"type":21,"value":6094},{"type":15,"tag":88,"props":6150,"children":6151},{"style":95},[6152],{"type":21,"value":6153}," {\n",{"type":15,"tag":88,"props":6155,"children":6156},{"class":90,"line":821},[6157,6162,6167,6172,6176,6181],{"type":15,"tag":88,"props":6158,"children":6159},{"style":685},[6160],{"type":21,"value":6161}," if",{"type":15,"tag":88,"props":6163,"children":6164},{"style":95},[6165],{"type":21,"value":6166}," (",{"type":15,"tag":88,"props":6168,"children":6169},{"style":788},[6170],{"type":21,"value":6171},"isDot",{"type":15,"tag":88,"props":6173,"children":6174},{"style":95},[6175],{"type":21,"value":5959},{"type":15,"tag":88,"props":6177,"children":6178},{"style":101},[6179],{"type":21,"value":6180},"value",{"type":15,"tag":88,"props":6182,"children":6183},{"style":95},[6184],{"type":21,"value":6185},") {\n",{"type":15,"tag":88,"props":6187,"children":6188},{"class":90,"line":855},[6189,6194,6199],{"type":15,"tag":88,"props":6190,"children":6191},{"style":685},[6192],{"type":21,"value":6193}," return",{"type":15,"tag":88,"props":6195,"children":6196},{"style":136},[6197],{"type":21,"value":6198}," ''",{"type":15,"tag":88,"props":6200,"children":6201},{"style":95},[6202],{"type":21,"value":718},{"type":15,"tag":88,"props":6204,"children":6205},{"class":90,"line":889},[6206,6211,6216,6221,6225,6230,6234,6238,6243,6247,6251,6255,6259,6264,6269,6274,6278,6282,6286,6290,6294,6299,6303,6307,6311],{"type":15,"tag":88,"props":6207,"children":6208},{"style":95},[6209],{"type":21,"value":6210}," } ",{"type":15,"tag":88,"props":6212,"children":6213},{"style":685},[6214],{"type":21,"value":6215},"else",{"type":15,"tag":88,"props":6217,"children":6218},{"style":685},[6219],{"type":21,"value":6220}," if",{"type":15,"tag":88,"props":6222,"children":6223},{"style":95},[6224],{"type":21,"value":6166},{"type":15,"tag":88,"props":6226,"children":6227},{"style":794},[6228],{"type":21,"value":6229},"!",{"type":15,"tag":88,"props":6231,"children":6232},{"style":788},[6233],{"type":21,"value":5680},{"type":15,"tag":88,"props":6235,"children":6236},{"style":95},[6237],{"type":21,"value":5959},{"type":15,"tag":88,"props":6239,"children":6240},{"style":800},[6241],{"type":21,"value":6242},"isNaN",{"type":15,"tag":88,"props":6244,"children":6245},{"style":95},[6246],{"type":21,"value":808},{"type":15,"tag":88,"props":6248,"children":6249},{"style":788},[6250],{"type":21,"value":5248},{"type":15,"tag":88,"props":6252,"children":6253},{"style":95},[6254],{"type":21,"value":5959},{"type":15,"tag":88,"props":6256,"children":6257},{"style":101},[6258],{"type":21,"value":5301},{"type":15,"tag":88,"props":6260,"children":6261},{"style":95},[6262],{"type":21,"value":6263},") ",{"type":15,"tag":88,"props":6265,"children":6266},{"style":794},[6267],{"type":21,"value":6268},"&&",{"type":15,"tag":88,"props":6270,"children":6271},{"style":800},[6272],{"type":21,"value":6273}," Number",{"type":15,"tag":88,"props":6275,"children":6276},{"style":95},[6277],{"type":21,"value":808},{"type":15,"tag":88,"props":6279,"children":6280},{"style":788},[6281],{"type":21,"value":5248},{"type":15,"tag":88,"props":6283,"children":6284},{"style":95},[6285],{"type":21,"value":5959},{"type":15,"tag":88,"props":6287,"children":6288},{"style":101},[6289],{"type":21,"value":5301},{"type":15,"tag":88,"props":6291,"children":6292},{"style":95},[6293],{"type":21,"value":6263},{"type":15,"tag":88,"props":6295,"children":6296},{"style":794},[6297],{"type":21,"value":6298},">",{"type":15,"tag":88,"props":6300,"children":6301},{"style":788},[6302],{"type":21,"value":5626},{"type":15,"tag":88,"props":6304,"children":6305},{"style":95},[6306],{"type":21,"value":5959},{"type":15,"tag":88,"props":6308,"children":6309},{"style":101},[6310],{"type":21,"value":65},{"type":15,"tag":88,"props":6312,"children":6313},{"style":95},[6314],{"type":21,"value":6185},{"type":15,"tag":88,"props":6316,"children":6318},{"class":90,"line":6317},33,[6319,6323,6328,6332,6336,6340,6344,6348,6353],{"type":15,"tag":88,"props":6320,"children":6321},{"style":685},[6322],{"type":21,"value":6193},{"type":15,"tag":88,"props":6324,"children":6325},{"style":136},[6326],{"type":21,"value":6327}," `",{"type":15,"tag":88,"props":6329,"children":6330},{"style":685},[6331],{"type":21,"value":5823},{"type":15,"tag":88,"props":6333,"children":6334},{"style":788},[6335],{"type":21,"value":5248},{"type":15,"tag":88,"props":6337,"children":6338},{"style":95},[6339],{"type":21,"value":5959},{"type":15,"tag":88,"props":6341,"children":6342},{"style":101},[6343],{"type":21,"value":65},{"type":15,"tag":88,"props":6345,"children":6346},{"style":685},[6347],{"type":21,"value":1132},{"type":15,"tag":88,"props":6349,"children":6350},{"style":136},[6351],{"type":21,"value":6352},"+`",{"type":15,"tag":88,"props":6354,"children":6355},{"style":95},[6356],{"type":21,"value":718},{"type":15,"tag":88,"props":6358,"children":6360},{"class":90,"line":6359},34,[6361],{"type":15,"tag":88,"props":6362,"children":6363},{"style":95},[6364],{"type":21,"value":6365}," }\n",{"type":15,"tag":88,"props":6367,"children":6369},{"class":90,"line":6368},35,[6370,6374,6378,6382,6386],{"type":15,"tag":88,"props":6371,"children":6372},{"style":685},[6373],{"type":21,"value":1006},{"type":15,"tag":88,"props":6375,"children":6376},{"style":788},[6377],{"type":21,"value":5626},{"type":15,"tag":88,"props":6379,"children":6380},{"style":95},[6381],{"type":21,"value":5959},{"type":15,"tag":88,"props":6383,"children":6384},{"style":101},[6385],{"type":21,"value":5301},{"type":15,"tag":88,"props":6387,"children":6388},{"style":95},[6389],{"type":21,"value":718},{"type":15,"tag":88,"props":6391,"children":6393},{"class":90,"line":6392},36,[6394],{"type":15,"tag":88,"props":6395,"children":6396},{"style":95},[6397],{"type":21,"value":5982},{"type":15,"tag":88,"props":6399,"children":6401},{"class":90,"line":6400},37,[6402,6406,6410],{"type":15,"tag":88,"props":6403,"children":6404},{"style":95},[6405],{"type":21,"value":626},{"type":15,"tag":88,"props":6407,"children":6408},{"style":101},[6409],{"type":21,"value":655},{"type":15,"tag":88,"props":6411,"children":6412},{"style":95},[6413],{"type":21,"value":108},{"type":15,"tag":88,"props":6415,"children":6417},{"class":90,"line":6416},38,[6418],{"type":15,"tag":88,"props":6419,"children":6420},{"emptyLinePlaceholder":8},[6421],{"type":21,"value":269},{"type":15,"tag":88,"props":6423,"children":6425},{"class":90,"line":6424},39,[6426,6430,6434],{"type":15,"tag":88,"props":6427,"children":6428},{"style":95},[6429],{"type":21,"value":98},{"type":15,"tag":88,"props":6431,"children":6432},{"style":101},[6433],{"type":21,"value":28},{"type":15,"tag":88,"props":6435,"children":6436},{"style":95},[6437],{"type":21,"value":108},{"type":15,"tag":88,"props":6439,"children":6441},{"class":90,"line":6440},40,[6442,6446],{"type":15,"tag":88,"props":6443,"children":6444},{"style":95},[6445],{"type":21,"value":117},{"type":15,"tag":88,"props":6447,"children":6448},{"style":101},[6449],{"type":21,"value":6450},"span\n",{"type":15,"tag":88,"props":6452,"children":6454},{"class":90,"line":6453},41,[6455,6460,6464],{"type":15,"tag":88,"props":6456,"children":6457},{"style":125},[6458],{"type":21,"value":6459}," :class",{"type":15,"tag":88,"props":6461,"children":6462},{"style":95},[6463],{"type":21,"value":133},{"type":15,"tag":88,"props":6465,"children":6466},{"style":136},[6467],{"type":21,"value":6468},"\"\n",{"type":15,"tag":88,"props":6470,"children":6472},{"class":90,"line":6471},42,[6473],{"type":15,"tag":88,"props":6474,"children":6475},{"style":136},[6476],{"type":21,"value":6477}," twMerge(\n",{"type":15,"tag":88,"props":6479,"children":6481},{"class":90,"line":6480},43,[6482],{"type":15,"tag":88,"props":6483,"children":6484},{"style":136},[6485],{"type":21,"value":6486}," 'block absolute py-0.5 px-1 bg-negative-700 font-medium text-white text-[8px] leading-[8px] rounded-xl',\n",{"type":15,"tag":88,"props":6488,"children":6490},{"class":90,"line":6489},44,[6491],{"type":15,"tag":88,"props":6492,"children":6493},{"style":136},[6494],{"type":21,"value":6495}," {\n",{"type":15,"tag":88,"props":6497,"children":6499},{"class":90,"line":6498},45,[6500],{"type":15,"tag":88,"props":6501,"children":6502},{"style":136},[6503],{"type":21,"value":6504}," 'min-w-[12px] min-h-[12px]': !isDot,\n",{"type":15,"tag":88,"props":6506,"children":6508},{"class":90,"line":6507},46,[6509],{"type":15,"tag":88,"props":6510,"children":6511},{"style":136},[6512],{"type":21,"value":6513}," 'w-[10px] h-[10px]': isDot,\n",{"type":15,"tag":88,"props":6515,"children":6517},{"class":90,"line":6516},47,[6518],{"type":15,"tag":88,"props":6519,"children":6520},{"style":136},[6521],{"type":21,"value":6522}," 'top-0 right-0 -translate-x-0.5 translate-y-0.5': placement === 'top-right',\n",{"type":15,"tag":88,"props":6524,"children":6526},{"class":90,"line":6525},48,[6527],{"type":15,"tag":88,"props":6528,"children":6529},{"style":136},[6530],{"type":21,"value":6531}," 'top-0 left-0 translate-x-0.5 translate-y-0.5': placement === 'top-left',\n",{"type":15,"tag":88,"props":6533,"children":6535},{"class":90,"line":6534},49,[6536],{"type":15,"tag":88,"props":6537,"children":6538},{"style":136},[6539],{"type":21,"value":6540}," 'bottom-0 right-0 -translate-x-0.5 -translate-y-0.5': placement === 'bottom-right',\n",{"type":15,"tag":88,"props":6542,"children":6544},{"class":90,"line":6543},50,[6545],{"type":15,"tag":88,"props":6546,"children":6547},{"style":136},[6548],{"type":21,"value":6549}," 'bottom-0 left-0 translate-x-0.5 -translate-y-0.5': placement === 'bottom-left',\n",{"type":15,"tag":88,"props":6551,"children":6553},{"class":90,"line":6552},51,[6554],{"type":15,"tag":88,"props":6555,"children":6556},{"style":136},[6557],{"type":21,"value":6558}," },\n",{"type":15,"tag":88,"props":6560,"children":6562},{"class":90,"line":6561},52,[6563],{"type":15,"tag":88,"props":6564,"children":6565},{"style":136},[6566],{"type":21,"value":6567}," $attrs.class,\n",{"type":15,"tag":88,"props":6569,"children":6571},{"class":90,"line":6570},53,[6572],{"type":15,"tag":88,"props":6573,"children":6574},{"style":136},[6575],{"type":21,"value":6576}," )\n",{"type":15,"tag":88,"props":6578,"children":6580},{"class":90,"line":6579},54,[6581],{"type":15,"tag":88,"props":6582,"children":6583},{"style":136},[6584],{"type":21,"value":6585}," \"\n",{"type":15,"tag":88,"props":6587,"children":6589},{"class":90,"line":6588},55,[6590,6595,6599],{"type":15,"tag":88,"props":6591,"children":6592},{"style":125},[6593],{"type":21,"value":6594}," data-testid",{"type":15,"tag":88,"props":6596,"children":6597},{"style":95},[6598],{"type":21,"value":133},{"type":15,"tag":88,"props":6600,"children":6601},{"style":136},[6602],{"type":21,"value":6603},"\"badge\"\n",{"type":15,"tag":88,"props":6605,"children":6607},{"class":90,"line":6606},56,[6608,6613,6617],{"type":15,"tag":88,"props":6609,"children":6610},{"style":125},[6611],{"type":21,"value":6612}," v-bind",{"type":15,"tag":88,"props":6614,"children":6615},{"style":95},[6616],{"type":21,"value":133},{"type":15,"tag":88,"props":6618,"children":6619},{"style":136},[6620],{"type":21,"value":6621},"\"attrsWithoutClass\"\n",{"type":15,"tag":88,"props":6623,"children":6625},{"class":90,"line":6624},57,[6626],{"type":15,"tag":88,"props":6627,"children":6628},{"style":95},[6629],{"type":21,"value":6630}," >\n",{"type":15,"tag":88,"props":6632,"children":6634},{"class":90,"line":6633},58,[6635],{"type":15,"tag":88,"props":6636,"children":6637},{"style":95},[6638],{"type":21,"value":6639}," {{ displayValue }}\n",{"type":15,"tag":88,"props":6641,"children":6643},{"class":90,"line":6642},59,[6644,6648,6652],{"type":15,"tag":88,"props":6645,"children":6646},{"style":95},[6647],{"type":21,"value":609},{"type":15,"tag":88,"props":6649,"children":6650},{"style":101},[6651],{"type":21,"value":88},{"type":15,"tag":88,"props":6653,"children":6654},{"style":95},[6655],{"type":21,"value":108},{"type":15,"tag":88,"props":6657,"children":6659},{"class":90,"line":6658},60,[6660,6664,6668],{"type":15,"tag":88,"props":6661,"children":6662},{"style":95},[6663],{"type":21,"value":626},{"type":15,"tag":88,"props":6665,"children":6666},{"style":101},[6667],{"type":21,"value":28},{"type":15,"tag":88,"props":6669,"children":6670},{"style":95},[6671],{"type":21,"value":108},{"type":15,"tag":904,"props":6673,"children":6674},{},[6675],{"type":15,"tag":78,"props":6676,"children":6678},{"className":909,"code":6677,"language":911,"meta":9,"style":9},"import React from 'react';\nimport { SfBadgePlacement } from '@storefront-ui\u002Fshared';\nimport { twMerge, type SfBadgeProps } from '@storefront-ui\u002Freact';\n\nexport default function SfBadge({\n content,\n variant,\n max = 99,\n placement = SfBadgePlacement['top-right'],\n className,\n ...attributes\n}: SfBadgeProps): React.JSX.Element {\n const isDot = variant === 'dot';\n let displayValue = content;\n if (isDot) {\n displayValue = '';\n } else if (!Number.isNaN(content) && Number(content) > max) {\n displayValue = `${max}+`;\n }\n return (\n \u003Cspan\n className={twMerge(\n 'block absolute py-0.5 px-1 bg-negative-700 font-medium text-white text-[8px] leading-[8px] rounded-xl',\n {\n 'min-w-[12px] min-h-[12px]': !isDot,\n 'w-[10px] h-[10px]': isDot,\n 'top-0 right-0 -translate-x-0.5 translate-y-0.5': placement === 'top-right',\n 'top-0 left-0 translate-x-0.5 translate-y-0.5': placement === 'top-left',\n 'bottom-0 right-0 -translate-x-0.5 -translate-y-0.5': placement === 'bottom-right',\n 'bottom-0 left-0 translate-x-0.5 -translate-y-0.5': placement === 'bottom-left',\n },\n className,\n )}\n data-testid=\"badge\"\n {...attributes}\n >\n {displayValue}\n \u003C\u002Fspan>\n );\n}\n\n",[6679],{"type":15,"tag":52,"props":6680,"children":6681},{"__ignoreMap":9},[6682,6708,6740,6784,6791,6815,6827,6838,6858,6886,6898,6911,6956,6988,7012,7031,7051,7130,7165,7172,7183,7194,7219,7231,7238,7262,7282,7311,7340,7369,7398,7405,7417,7429,7445,7467,7475,7491,7506,7513],{"type":15,"tag":88,"props":6683,"children":6684},{"class":90,"line":91},[6685,6689,6694,6699,6704],{"type":15,"tag":88,"props":6686,"children":6687},{"style":685},[6688],{"type":21,"value":688},{"type":15,"tag":88,"props":6690,"children":6691},{"style":101},[6692],{"type":21,"value":6693}," React",{"type":15,"tag":88,"props":6695,"children":6696},{"style":685},[6697],{"type":21,"value":6698}," from",{"type":15,"tag":88,"props":6700,"children":6701},{"style":136},[6702],{"type":21,"value":6703}," 'react'",{"type":15,"tag":88,"props":6705,"children":6706},{"style":95},[6707],{"type":21,"value":718},{"type":15,"tag":88,"props":6709,"children":6710},{"class":90,"line":111},[6711,6715,6719,6723,6727,6731,6736],{"type":15,"tag":88,"props":6712,"children":6713},{"style":685},[6714],{"type":21,"value":688},{"type":15,"tag":88,"props":6716,"children":6717},{"style":95},[6718],{"type":21,"value":693},{"type":15,"tag":88,"props":6720,"children":6721},{"style":101},[6722],{"type":21,"value":5372},{"type":15,"tag":88,"props":6724,"children":6725},{"style":95},[6726],{"type":21,"value":703},{"type":15,"tag":88,"props":6728,"children":6729},{"style":685},[6730],{"type":21,"value":708},{"type":15,"tag":88,"props":6732,"children":6733},{"style":136},[6734],{"type":21,"value":6735}," '@storefront-ui\u002Fshared'",{"type":15,"tag":88,"props":6737,"children":6738},{"style":95},[6739],{"type":21,"value":718},{"type":15,"tag":88,"props":6741,"children":6742},{"class":90,"line":146},[6743,6747,6751,6755,6759,6763,6768,6772,6776,6780],{"type":15,"tag":88,"props":6744,"children":6745},{"style":685},[6746],{"type":21,"value":688},{"type":15,"tag":88,"props":6748,"children":6749},{"style":95},[6750],{"type":21,"value":693},{"type":15,"tag":88,"props":6752,"children":6753},{"style":101},[6754],{"type":21,"value":5582},{"type":15,"tag":88,"props":6756,"children":6757},{"style":95},[6758],{"type":21,"value":739},{"type":15,"tag":88,"props":6760,"children":6761},{"style":685},[6762],{"type":21,"value":5520},{"type":15,"tag":88,"props":6764,"children":6765},{"style":101},[6766],{"type":21,"value":6767}," SfBadgeProps",{"type":15,"tag":88,"props":6769,"children":6770},{"style":95},[6771],{"type":21,"value":703},{"type":15,"tag":88,"props":6773,"children":6774},{"style":685},[6775],{"type":21,"value":708},{"type":15,"tag":88,"props":6777,"children":6778},{"style":136},[6779],{"type":21,"value":959},{"type":15,"tag":88,"props":6781,"children":6782},{"style":95},[6783],{"type":21,"value":718},{"type":15,"tag":88,"props":6785,"children":6786},{"class":90,"line":196},[6787],{"type":15,"tag":88,"props":6788,"children":6789},{"emptyLinePlaceholder":8},[6790],{"type":21,"value":269},{"type":15,"tag":88,"props":6792,"children":6793},{"class":90,"line":215},[6794,6798,6802,6806,6811],{"type":15,"tag":88,"props":6795,"children":6796},{"style":685},[6797],{"type":21,"value":978},{"type":15,"tag":88,"props":6799,"children":6800},{"style":685},[6801],{"type":21,"value":983},{"type":15,"tag":88,"props":6803,"children":6804},{"style":685},[6805],{"type":21,"value":988},{"type":15,"tag":88,"props":6807,"children":6808},{"style":800},[6809],{"type":21,"value":6810}," SfBadge",{"type":15,"tag":88,"props":6812,"children":6813},{"style":95},[6814],{"type":21,"value":5640},{"type":15,"tag":88,"props":6816,"children":6817},{"class":90,"line":246},[6818,6823],{"type":15,"tag":88,"props":6819,"children":6821},{"style":6820},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[6822],{"type":21,"value":5648},{"type":15,"tag":88,"props":6824,"children":6825},{"style":95},[6826],{"type":21,"value":5708},{"type":15,"tag":88,"props":6828,"children":6829},{"class":90,"line":263},[6830,6834],{"type":15,"tag":88,"props":6831,"children":6832},{"style":6820},[6833],{"type":21,"value":5884},{"type":15,"tag":88,"props":6835,"children":6836},{"style":95},[6837],{"type":21,"value":5708},{"type":15,"tag":88,"props":6839,"children":6840},{"class":90,"line":272},[6841,6845,6849,6854],{"type":15,"tag":88,"props":6842,"children":6843},{"style":6820},[6844],{"type":21,"value":5724},{"type":15,"tag":88,"props":6846,"children":6847},{"style":794},[6848],{"type":21,"value":797},{"type":15,"tag":88,"props":6850,"children":6851},{"style":125},[6852],{"type":21,"value":6853}," 99",{"type":15,"tag":88,"props":6855,"children":6856},{"style":95},[6857],{"type":21,"value":5708},{"type":15,"tag":88,"props":6859,"children":6860},{"class":90,"line":316},[6861,6865,6869,6874,6878,6882],{"type":15,"tag":88,"props":6862,"children":6863},{"style":6820},[6864],{"type":21,"value":5781},{"type":15,"tag":88,"props":6866,"children":6867},{"style":794},[6868],{"type":21,"value":797},{"type":15,"tag":88,"props":6870,"children":6871},{"style":101},[6872],{"type":21,"value":6873}," SfBadgePlacement",{"type":15,"tag":88,"props":6875,"children":6876},{"style":95},[6877],{"type":21,"value":5860},{"type":15,"tag":88,"props":6879,"children":6880},{"style":136},[6881],{"type":21,"value":5865},{"type":15,"tag":88,"props":6883,"children":6884},{"style":95},[6885],{"type":21,"value":5685},{"type":15,"tag":88,"props":6887,"children":6888},{"class":90,"line":332},[6889,6894],{"type":15,"tag":88,"props":6890,"children":6891},{"style":6820},[6892],{"type":21,"value":6893}," className",{"type":15,"tag":88,"props":6895,"children":6896},{"style":95},[6897],{"type":21,"value":5708},{"type":15,"tag":88,"props":6899,"children":6900},{"class":90,"line":361},[6901,6906],{"type":15,"tag":88,"props":6902,"children":6903},{"style":95},[6904],{"type":21,"value":6905}," ...",{"type":15,"tag":88,"props":6907,"children":6908},{"style":6820},[6909],{"type":21,"value":6910},"attributes\n",{"type":15,"tag":88,"props":6912,"children":6913},{"class":90,"line":377},[6914,6919,6924,6929,6934,6938,6943,6947,6952],{"type":15,"tag":88,"props":6915,"children":6916},{"style":95},[6917],{"type":21,"value":6918},"}: ",{"type":15,"tag":88,"props":6920,"children":6921},{"style":788},[6922],{"type":21,"value":6923},"SfBadgeProps",{"type":15,"tag":88,"props":6925,"children":6926},{"style":95},[6927],{"type":21,"value":6928},"): ",{"type":15,"tag":88,"props":6930,"children":6931},{"style":788},[6932],{"type":21,"value":6933},"React",{"type":15,"tag":88,"props":6935,"children":6936},{"style":95},[6937],{"type":21,"value":5959},{"type":15,"tag":88,"props":6939,"children":6940},{"style":788},[6941],{"type":21,"value":6942},"JSX",{"type":15,"tag":88,"props":6944,"children":6945},{"style":95},[6946],{"type":21,"value":5959},{"type":15,"tag":88,"props":6948,"children":6949},{"style":788},[6950],{"type":21,"value":6951},"Element",{"type":15,"tag":88,"props":6953,"children":6954},{"style":95},[6955],{"type":21,"value":6153},{"type":15,"tag":88,"props":6957,"children":6958},{"class":90,"line":385},[6959,6964,6968,6972,6976,6980,6984],{"type":15,"tag":88,"props":6960,"children":6961},{"style":685},[6962],{"type":21,"value":6963}," const",{"type":15,"tag":88,"props":6965,"children":6966},{"style":788},[6967],{"type":21,"value":6075},{"type":15,"tag":88,"props":6969,"children":6970},{"style":794},[6971],{"type":21,"value":797},{"type":15,"tag":88,"props":6973,"children":6974},{"style":101},[6975],{"type":21,"value":180},{"type":15,"tag":88,"props":6977,"children":6978},{"style":794},[6979],{"type":21,"value":6111},{"type":15,"tag":88,"props":6981,"children":6982},{"style":136},[6983],{"type":21,"value":6116},{"type":15,"tag":88,"props":6985,"children":6986},{"style":95},[6987],{"type":21,"value":718},{"type":15,"tag":88,"props":6989,"children":6990},{"class":90,"line":429},[6991,6996,7000,7004,7008],{"type":15,"tag":88,"props":6992,"children":6993},{"style":685},[6994],{"type":21,"value":6995}," let",{"type":15,"tag":88,"props":6997,"children":6998},{"style":101},[6999],{"type":21,"value":6132},{"type":15,"tag":88,"props":7001,"children":7002},{"style":794},[7003],{"type":21,"value":797},{"type":15,"tag":88,"props":7005,"children":7006},{"style":101},[7007],{"type":21,"value":791},{"type":15,"tag":88,"props":7009,"children":7010},{"style":95},[7011],{"type":21,"value":718},{"type":15,"tag":88,"props":7013,"children":7014},{"class":90,"line":445},[7015,7019,7023,7027],{"type":15,"tag":88,"props":7016,"children":7017},{"style":685},[7018],{"type":21,"value":6161},{"type":15,"tag":88,"props":7020,"children":7021},{"style":95},[7022],{"type":21,"value":6166},{"type":15,"tag":88,"props":7024,"children":7025},{"style":101},[7026],{"type":21,"value":6171},{"type":15,"tag":88,"props":7028,"children":7029},{"style":95},[7030],{"type":21,"value":6185},{"type":15,"tag":88,"props":7032,"children":7033},{"class":90,"line":474},[7034,7039,7043,7047],{"type":15,"tag":88,"props":7035,"children":7036},{"style":101},[7037],{"type":21,"value":7038}," displayValue",{"type":15,"tag":88,"props":7040,"children":7041},{"style":794},[7042],{"type":21,"value":797},{"type":15,"tag":88,"props":7044,"children":7045},{"style":136},[7046],{"type":21,"value":6198},{"type":15,"tag":88,"props":7048,"children":7049},{"style":95},[7050],{"type":21,"value":718},{"type":15,"tag":88,"props":7052,"children":7053},{"class":90,"line":490},[7054,7058,7062,7066,7070,7074,7078,7082,7086,7090,7094,7098,7102,7106,7110,7114,7118,7122,7126],{"type":15,"tag":88,"props":7055,"children":7056},{"style":95},[7057],{"type":21,"value":6210},{"type":15,"tag":88,"props":7059,"children":7060},{"style":685},[7061],{"type":21,"value":6215},{"type":15,"tag":88,"props":7063,"children":7064},{"style":685},[7065],{"type":21,"value":6220},{"type":15,"tag":88,"props":7067,"children":7068},{"style":95},[7069],{"type":21,"value":6166},{"type":15,"tag":88,"props":7071,"children":7072},{"style":794},[7073],{"type":21,"value":6229},{"type":15,"tag":88,"props":7075,"children":7076},{"style":788},[7077],{"type":21,"value":5680},{"type":15,"tag":88,"props":7079,"children":7080},{"style":95},[7081],{"type":21,"value":5959},{"type":15,"tag":88,"props":7083,"children":7084},{"style":800},[7085],{"type":21,"value":6242},{"type":15,"tag":88,"props":7087,"children":7088},{"style":95},[7089],{"type":21,"value":808},{"type":15,"tag":88,"props":7091,"children":7092},{"style":101},[7093],{"type":21,"value":5301},{"type":15,"tag":88,"props":7095,"children":7096},{"style":95},[7097],{"type":21,"value":6263},{"type":15,"tag":88,"props":7099,"children":7100},{"style":794},[7101],{"type":21,"value":6268},{"type":15,"tag":88,"props":7103,"children":7104},{"style":800},[7105],{"type":21,"value":6273},{"type":15,"tag":88,"props":7107,"children":7108},{"style":95},[7109],{"type":21,"value":808},{"type":15,"tag":88,"props":7111,"children":7112},{"style":101},[7113],{"type":21,"value":5301},{"type":15,"tag":88,"props":7115,"children":7116},{"style":95},[7117],{"type":21,"value":6263},{"type":15,"tag":88,"props":7119,"children":7120},{"style":794},[7121],{"type":21,"value":6298},{"type":15,"tag":88,"props":7123,"children":7124},{"style":101},[7125],{"type":21,"value":2524},{"type":15,"tag":88,"props":7127,"children":7128},{"style":95},[7129],{"type":21,"value":6185},{"type":15,"tag":88,"props":7131,"children":7132},{"class":90,"line":498},[7133,7137,7141,7145,7149,7153,7157,7161],{"type":15,"tag":88,"props":7134,"children":7135},{"style":101},[7136],{"type":21,"value":7038},{"type":15,"tag":88,"props":7138,"children":7139},{"style":794},[7140],{"type":21,"value":797},{"type":15,"tag":88,"props":7142,"children":7143},{"style":136},[7144],{"type":21,"value":6327},{"type":15,"tag":88,"props":7146,"children":7147},{"style":685},[7148],{"type":21,"value":5823},{"type":15,"tag":88,"props":7150,"children":7151},{"style":101},[7152],{"type":21,"value":65},{"type":15,"tag":88,"props":7154,"children":7155},{"style":685},[7156],{"type":21,"value":1132},{"type":15,"tag":88,"props":7158,"children":7159},{"style":136},[7160],{"type":21,"value":6352},{"type":15,"tag":88,"props":7162,"children":7163},{"style":95},[7164],{"type":21,"value":718},{"type":15,"tag":88,"props":7166,"children":7167},{"class":90,"line":542},[7168],{"type":15,"tag":88,"props":7169,"children":7170},{"style":95},[7171],{"type":21,"value":6365},{"type":15,"tag":88,"props":7173,"children":7174},{"class":90,"line":558},[7175,7179],{"type":15,"tag":88,"props":7176,"children":7177},{"style":685},[7178],{"type":21,"value":1006},{"type":15,"tag":88,"props":7180,"children":7181},{"style":95},[7182],{"type":21,"value":1011},{"type":15,"tag":88,"props":7184,"children":7185},{"class":90,"line":587},[7186,7190],{"type":15,"tag":88,"props":7187,"children":7188},{"style":95},[7189],{"type":21,"value":152},{"type":15,"tag":88,"props":7191,"children":7192},{"style":101},[7193],{"type":21,"value":6450},{"type":15,"tag":88,"props":7195,"children":7196},{"class":90,"line":603},[7197,7202,7206,7210,7214],{"type":15,"tag":88,"props":7198,"children":7199},{"style":1025},[7200],{"type":21,"value":7201}," className",{"type":15,"tag":88,"props":7203,"children":7204},{"style":794},[7205],{"type":21,"value":133},{"type":15,"tag":88,"props":7207,"children":7208},{"style":685},[7209],{"type":21,"value":1123},{"type":15,"tag":88,"props":7211,"children":7212},{"style":800},[7213],{"type":21,"value":5582},{"type":15,"tag":88,"props":7215,"children":7216},{"style":95},[7217],{"type":21,"value":7218},"(\n",{"type":15,"tag":88,"props":7220,"children":7221},{"class":90,"line":620},[7222,7227],{"type":15,"tag":88,"props":7223,"children":7224},{"style":136},[7225],{"type":21,"value":7226}," 'block absolute py-0.5 px-1 bg-negative-700 font-medium text-white text-[8px] leading-[8px] rounded-xl'",{"type":15,"tag":88,"props":7228,"children":7229},{"style":95},[7230],{"type":21,"value":5708},{"type":15,"tag":88,"props":7232,"children":7233},{"class":90,"line":637},[7234],{"type":15,"tag":88,"props":7235,"children":7236},{"style":95},[7237],{"type":21,"value":6495},{"type":15,"tag":88,"props":7239,"children":7240},{"class":90,"line":645},[7241,7246,7250,7254,7258],{"type":15,"tag":88,"props":7242,"children":7243},{"style":136},[7244],{"type":21,"value":7245}," 'min-w-[12px] min-h-[12px]'",{"type":15,"tag":88,"props":7247,"children":7248},{"style":95},[7249],{"type":21,"value":5698},{"type":15,"tag":88,"props":7251,"children":7252},{"style":794},[7253],{"type":21,"value":6229},{"type":15,"tag":88,"props":7255,"children":7256},{"style":101},[7257],{"type":21,"value":6171},{"type":15,"tag":88,"props":7259,"children":7260},{"style":95},[7261],{"type":21,"value":5708},{"type":15,"tag":88,"props":7263,"children":7264},{"class":90,"line":681},[7265,7270,7274,7278],{"type":15,"tag":88,"props":7266,"children":7267},{"style":136},[7268],{"type":21,"value":7269}," 'w-[10px] h-[10px]'",{"type":15,"tag":88,"props":7271,"children":7272},{"style":95},[7273],{"type":21,"value":5698},{"type":15,"tag":88,"props":7275,"children":7276},{"style":101},[7277],{"type":21,"value":6171},{"type":15,"tag":88,"props":7279,"children":7280},{"style":95},[7281],{"type":21,"value":5708},{"type":15,"tag":88,"props":7283,"children":7284},{"class":90,"line":721},[7285,7290,7294,7298,7302,7307],{"type":15,"tag":88,"props":7286,"children":7287},{"style":136},[7288],{"type":21,"value":7289}," 'top-0 right-0 -translate-x-0.5 translate-y-0.5'",{"type":15,"tag":88,"props":7291,"children":7292},{"style":95},[7293],{"type":21,"value":5698},{"type":15,"tag":88,"props":7295,"children":7296},{"style":101},[7297],{"type":21,"value":1516},{"type":15,"tag":88,"props":7299,"children":7300},{"style":794},[7301],{"type":21,"value":6111},{"type":15,"tag":88,"props":7303,"children":7304},{"style":136},[7305],{"type":21,"value":7306}," 'top-right'",{"type":15,"tag":88,"props":7308,"children":7309},{"style":95},[7310],{"type":21,"value":5708},{"type":15,"tag":88,"props":7312,"children":7313},{"class":90,"line":771},[7314,7319,7323,7327,7331,7336],{"type":15,"tag":88,"props":7315,"children":7316},{"style":136},[7317],{"type":21,"value":7318}," 'top-0 left-0 translate-x-0.5 translate-y-0.5'",{"type":15,"tag":88,"props":7320,"children":7321},{"style":95},[7322],{"type":21,"value":5698},{"type":15,"tag":88,"props":7324,"children":7325},{"style":101},[7326],{"type":21,"value":1516},{"type":15,"tag":88,"props":7328,"children":7329},{"style":794},[7330],{"type":21,"value":6111},{"type":15,"tag":88,"props":7332,"children":7333},{"style":136},[7334],{"type":21,"value":7335}," 'top-left'",{"type":15,"tag":88,"props":7337,"children":7338},{"style":95},[7339],{"type":21,"value":5708},{"type":15,"tag":88,"props":7341,"children":7342},{"class":90,"line":779},[7343,7348,7352,7356,7360,7365],{"type":15,"tag":88,"props":7344,"children":7345},{"style":136},[7346],{"type":21,"value":7347}," 'bottom-0 right-0 -translate-x-0.5 -translate-y-0.5'",{"type":15,"tag":88,"props":7349,"children":7350},{"style":95},[7351],{"type":21,"value":5698},{"type":15,"tag":88,"props":7353,"children":7354},{"style":101},[7355],{"type":21,"value":1516},{"type":15,"tag":88,"props":7357,"children":7358},{"style":794},[7359],{"type":21,"value":6111},{"type":15,"tag":88,"props":7361,"children":7362},{"style":136},[7363],{"type":21,"value":7364}," 'bottom-right'",{"type":15,"tag":88,"props":7366,"children":7367},{"style":95},[7368],{"type":21,"value":5708},{"type":15,"tag":88,"props":7370,"children":7371},{"class":90,"line":821},[7372,7377,7381,7385,7389,7394],{"type":15,"tag":88,"props":7373,"children":7374},{"style":136},[7375],{"type":21,"value":7376}," 'bottom-0 left-0 translate-x-0.5 -translate-y-0.5'",{"type":15,"tag":88,"props":7378,"children":7379},{"style":95},[7380],{"type":21,"value":5698},{"type":15,"tag":88,"props":7382,"children":7383},{"style":101},[7384],{"type":21,"value":1516},{"type":15,"tag":88,"props":7386,"children":7387},{"style":794},[7388],{"type":21,"value":6111},{"type":15,"tag":88,"props":7390,"children":7391},{"style":136},[7392],{"type":21,"value":7393}," 'bottom-left'",{"type":15,"tag":88,"props":7395,"children":7396},{"style":95},[7397],{"type":21,"value":5708},{"type":15,"tag":88,"props":7399,"children":7400},{"class":90,"line":855},[7401],{"type":15,"tag":88,"props":7402,"children":7403},{"style":95},[7404],{"type":21,"value":6558},{"type":15,"tag":88,"props":7406,"children":7407},{"class":90,"line":889},[7408,7413],{"type":15,"tag":88,"props":7409,"children":7410},{"style":101},[7411],{"type":21,"value":7412}," className",{"type":15,"tag":88,"props":7414,"children":7415},{"style":95},[7416],{"type":21,"value":5708},{"type":15,"tag":88,"props":7418,"children":7419},{"class":90,"line":6317},[7420,7425],{"type":15,"tag":88,"props":7421,"children":7422},{"style":95},[7423],{"type":21,"value":7424}," )",{"type":15,"tag":88,"props":7426,"children":7427},{"style":685},[7428],{"type":21,"value":1513},{"type":15,"tag":88,"props":7430,"children":7431},{"class":90,"line":6359},[7432,7437,7441],{"type":15,"tag":88,"props":7433,"children":7434},{"style":1025},[7435],{"type":21,"value":7436}," data-testid",{"type":15,"tag":88,"props":7438,"children":7439},{"style":794},[7440],{"type":21,"value":133},{"type":15,"tag":88,"props":7442,"children":7443},{"style":136},[7444],{"type":21,"value":6603},{"type":15,"tag":88,"props":7446,"children":7447},{"class":90,"line":6368},[7448,7453,7458,7463],{"type":15,"tag":88,"props":7449,"children":7450},{"style":685},[7451],{"type":21,"value":7452}," {",{"type":15,"tag":88,"props":7454,"children":7455},{"style":95},[7456],{"type":21,"value":7457},"...",{"type":15,"tag":88,"props":7459,"children":7460},{"style":101},[7461],{"type":21,"value":7462},"attributes",{"type":15,"tag":88,"props":7464,"children":7465},{"style":685},[7466],{"type":21,"value":1513},{"type":15,"tag":88,"props":7468,"children":7469},{"class":90,"line":6392},[7470],{"type":15,"tag":88,"props":7471,"children":7472},{"style":95},[7473],{"type":21,"value":7474}," >\n",{"type":15,"tag":88,"props":7476,"children":7477},{"class":90,"line":6400},[7478,7482,7487],{"type":15,"tag":88,"props":7479,"children":7480},{"style":685},[7481],{"type":21,"value":7452},{"type":15,"tag":88,"props":7483,"children":7484},{"style":101},[7485],{"type":21,"value":7486},"displayValue",{"type":15,"tag":88,"props":7488,"children":7489},{"style":685},[7490],{"type":21,"value":1513},{"type":15,"tag":88,"props":7492,"children":7493},{"class":90,"line":6416},[7494,7498,7502],{"type":15,"tag":88,"props":7495,"children":7496},{"style":95},[7497],{"type":21,"value":252},{"type":15,"tag":88,"props":7499,"children":7500},{"style":101},[7501],{"type":21,"value":88},{"type":15,"tag":88,"props":7503,"children":7504},{"style":95},[7505],{"type":21,"value":108},{"type":15,"tag":88,"props":7507,"children":7508},{"class":90,"line":6424},[7509],{"type":15,"tag":88,"props":7510,"children":7511},{"style":95},[7512],{"type":21,"value":1505},{"type":15,"tag":88,"props":7514,"children":7515},{"class":90,"line":6440},[7516],{"type":15,"tag":88,"props":7517,"children":7518},{"style":95},[7519],{"type":21,"value":1513},{"type":15,"tag":7521,"props":7522,"children":7523},"style",{},[7524],{"type":21,"value":7525},"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":9,"searchDepth":215,"depth":111,"links":7527},[7528,7534,7535,7536],{"id":34,"depth":111,"text":37,"children":7529},[7530,7531,7532,7533],{"id":41,"depth":146,"text":44},{"id":1516,"depth":146,"text":1519},{"id":3045,"depth":146,"text":3048},{"id":4269,"depth":146,"text":4272},{"id":5223,"depth":111,"text":5226},{"id":5234,"depth":111,"text":5237},{"id":5248,"depth":111,"text":5251},"markdown","content:_components:badge.md","_components\u002Fbadge.md","_components\u002Fbadge","md","default",[7544],{"_path":7545,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":7546,"sidebarRoot":8,"_id":7549,"_type":7550,"title":7551,"_source":5301,"_file":7552,"_stem":7553,"_extension":7554},"\u002F_dir",{"title":7547,"icon":7548},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":7556,"sidebarRoot":7558},[7557,7560,7572],{"title":7547,"_path":7558,"_id":7549,"layout":7559,"sidebarRoot":8,"icon":7548},"\u002F","fullscreen",{"title":7561,"_path":7562,"children":7563,"_id":7571,"layout":7542},"Getting Started","\u002Fgetting-started",[7564,7567],{"title":7565,"_path":7562,"_id":7566,"layout":7542},"Installation","content:2.getting-started:1.index.md",{"title":7568,"_path":7569,"_id":7570,"layout":7542},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":7573,"_path":7574,"children":7575},"Customization","\u002Fcustomization",[7576,7580,7584,7588],{"title":7577,"_path":7578,"_id":7579,"layout":7542},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":7581,"_path":7582,"_id":7583,"layout":7542},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":7585,"_path":7586,"_id":7587,"layout":7542},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":7589,"_path":7590,"_id":7591,"layout":7542},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574913821]