[{"data":1,"prerenderedAt":9510},["ShallowReactive",2],{"reference":3,"content-query-lwAkd658r9":4,"sidebar-roots":9461,"$dNTcUNV7nV":9473},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":9,"body":11,"_type":9455,"_id":9456,"_source":9457,"_file":9458,"_stem":9459,"_extension":9460,"layout":5883},"\u002F_components\u002Fbutton","_components",false,true,"","Button",{"type":12,"children":13,"toc":9440},"root",[14,22,9434],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"button",[20],{"type":21,"value":10},"text",{"type":15,"tag":23,"props":24,"children":26},"tabs",{":titles":25},"[\"Usage\", \"API\", \"Source Code\"]",[27,5255,5905],{"type":15,"tag":28,"props":29,"children":30},"template",{"v-slot:tab-1":9},[31,44,51,58,99,705,711,749,1301,1307,1328,2762,2768,2784,2798,3529,3535,3548,3832,3838,3859,4216,4222,4250,4277,5093,5099,5153,5196,5208,5244,5250],{"type":15,"tag":32,"props":33,"children":34},"p",{},[35,42],{"type":15,"tag":36,"props":37,"children":39},"code",{"className":38},[],[40],{"type":21,"value":41},"SfButton",{"type":21,"value":43}," is an input that allows for user-triggered actions when clicked or pressed. This can be used for submitting forms, opening\u002Fclosing dialogs, and much more.",{"type":15,"tag":45,"props":46,"children":48},"h2",{"id":47},"examples",[49],{"type":21,"value":50},"Examples",{"type":15,"tag":52,"props":53,"children":55},"h3",{"id":54},"button-sizes",[56],{"type":21,"value":57},"Button sizes",{"type":15,"tag":32,"props":59,"children":60},{},[61,66,68,74,76,82,84,90,91,97],{"type":15,"tag":36,"props":62,"children":64},{"className":63},[],[65],{"type":21,"value":41},{"type":21,"value":67}," supports 3 sizes that can be set with the ",{"type":15,"tag":36,"props":69,"children":71},{"className":70},[],[72],{"type":21,"value":73},"size",{"type":21,"value":75}," prop: ",{"type":15,"tag":36,"props":77,"children":79},{"className":78},[],[80],{"type":21,"value":81},"'sm'",{"type":21,"value":83},", ",{"type":15,"tag":36,"props":85,"children":87},{"className":86},[],[88],{"type":21,"value":89},"'base'",{"type":21,"value":83},{"type":15,"tag":36,"props":92,"children":94},{"className":93},[],[95],{"type":21,"value":96},"'lg'",{"type":21,"value":98},".",{"type":15,"tag":100,"props":101,"children":104},"showcase",{"showcase-name":102,"style":103},"Button\u002FButtonSizes","min-height:250px",[105,427],{"type":15,"tag":106,"props":107,"children":108},"vue-only",{},[109],{"type":15,"tag":110,"props":111,"children":115},"pre",{"className":112,"code":113,"language":114,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n \u003Cdiv class=\"flex flex-col items-center space-y-4 xs:block xs:space-x-4\">\n \u003CSfButton size=\"sm\">Hello\u003C\u002FSfButton>\n\n \u003CSfButton>Hello\u003C\u002FSfButton>\n\n \u003CSfButton size=\"lg\">Hello\u003C\u002FSfButton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfButton } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n","vue",[116],{"type":15,"tag":36,"props":117,"children":118},{"__ignoreMap":9},[119,141,176,216,225,249,257,294,311,328,336,372,411],{"type":15,"tag":120,"props":121,"children":124},"span",{"class":122,"line":123},"line",1,[125,131,136],{"type":15,"tag":120,"props":126,"children":128},{"style":127},"--shiki-default:#ABB2BF",[129],{"type":21,"value":130},"\u003C",{"type":15,"tag":120,"props":132,"children":134},{"style":133},"--shiki-default:#E06C75",[135],{"type":21,"value":28},{"type":15,"tag":120,"props":137,"children":138},{"style":127},[139],{"type":21,"value":140},">\n",{"type":15,"tag":120,"props":142,"children":144},{"class":122,"line":143},2,[145,150,155,161,166,172],{"type":15,"tag":120,"props":146,"children":147},{"style":127},[148],{"type":21,"value":149}," \u003C",{"type":15,"tag":120,"props":151,"children":152},{"style":133},[153],{"type":21,"value":154},"div",{"type":15,"tag":120,"props":156,"children":158},{"style":157},"--shiki-default:#D19A66",[159],{"type":21,"value":160}," class",{"type":15,"tag":120,"props":162,"children":163},{"style":127},[164],{"type":21,"value":165},"=",{"type":15,"tag":120,"props":167,"children":169},{"style":168},"--shiki-default:#98C379",[170],{"type":21,"value":171},"\"flex flex-col items-center space-y-4 xs:block xs:space-x-4\"",{"type":15,"tag":120,"props":173,"children":174},{"style":127},[175],{"type":21,"value":140},{"type":15,"tag":120,"props":177,"children":179},{"class":122,"line":178},3,[180,185,189,194,198,203,208,212],{"type":15,"tag":120,"props":181,"children":182},{"style":127},[183],{"type":21,"value":184}," \u003C",{"type":15,"tag":120,"props":186,"children":187},{"style":133},[188],{"type":21,"value":41},{"type":15,"tag":120,"props":190,"children":191},{"style":157},[192],{"type":21,"value":193}," size",{"type":15,"tag":120,"props":195,"children":196},{"style":127},[197],{"type":21,"value":165},{"type":15,"tag":120,"props":199,"children":200},{"style":168},[201],{"type":21,"value":202},"\"sm\"",{"type":15,"tag":120,"props":204,"children":205},{"style":127},[206],{"type":21,"value":207},">Hello\u003C\u002F",{"type":15,"tag":120,"props":209,"children":210},{"style":133},[211],{"type":21,"value":41},{"type":15,"tag":120,"props":213,"children":214},{"style":127},[215],{"type":21,"value":140},{"type":15,"tag":120,"props":217,"children":219},{"class":122,"line":218},4,[220],{"type":15,"tag":120,"props":221,"children":222},{"emptyLinePlaceholder":8},[223],{"type":21,"value":224},"\n",{"type":15,"tag":120,"props":226,"children":228},{"class":122,"line":227},5,[229,233,237,241,245],{"type":15,"tag":120,"props":230,"children":231},{"style":127},[232],{"type":21,"value":184},{"type":15,"tag":120,"props":234,"children":235},{"style":133},[236],{"type":21,"value":41},{"type":15,"tag":120,"props":238,"children":239},{"style":127},[240],{"type":21,"value":207},{"type":15,"tag":120,"props":242,"children":243},{"style":133},[244],{"type":21,"value":41},{"type":15,"tag":120,"props":246,"children":247},{"style":127},[248],{"type":21,"value":140},{"type":15,"tag":120,"props":250,"children":252},{"class":122,"line":251},6,[253],{"type":15,"tag":120,"props":254,"children":255},{"emptyLinePlaceholder":8},[256],{"type":21,"value":224},{"type":15,"tag":120,"props":258,"children":260},{"class":122,"line":259},7,[261,265,269,273,277,282,286,290],{"type":15,"tag":120,"props":262,"children":263},{"style":127},[264],{"type":21,"value":184},{"type":15,"tag":120,"props":266,"children":267},{"style":133},[268],{"type":21,"value":41},{"type":15,"tag":120,"props":270,"children":271},{"style":157},[272],{"type":21,"value":193},{"type":15,"tag":120,"props":274,"children":275},{"style":127},[276],{"type":21,"value":165},{"type":15,"tag":120,"props":278,"children":279},{"style":168},[280],{"type":21,"value":281},"\"lg\"",{"type":15,"tag":120,"props":283,"children":284},{"style":127},[285],{"type":21,"value":207},{"type":15,"tag":120,"props":287,"children":288},{"style":133},[289],{"type":21,"value":41},{"type":15,"tag":120,"props":291,"children":292},{"style":127},[293],{"type":21,"value":140},{"type":15,"tag":120,"props":295,"children":297},{"class":122,"line":296},8,[298,303,307],{"type":15,"tag":120,"props":299,"children":300},{"style":127},[301],{"type":21,"value":302}," \u003C\u002F",{"type":15,"tag":120,"props":304,"children":305},{"style":133},[306],{"type":21,"value":154},{"type":15,"tag":120,"props":308,"children":309},{"style":127},[310],{"type":21,"value":140},{"type":15,"tag":120,"props":312,"children":314},{"class":122,"line":313},9,[315,320,324],{"type":15,"tag":120,"props":316,"children":317},{"style":127},[318],{"type":21,"value":319},"\u003C\u002F",{"type":15,"tag":120,"props":321,"children":322},{"style":133},[323],{"type":21,"value":28},{"type":15,"tag":120,"props":325,"children":326},{"style":127},[327],{"type":21,"value":140},{"type":15,"tag":120,"props":329,"children":331},{"class":122,"line":330},10,[332],{"type":15,"tag":120,"props":333,"children":334},{"emptyLinePlaceholder":8},[335],{"type":21,"value":224},{"type":15,"tag":120,"props":337,"children":339},{"class":122,"line":338},11,[340,344,349,354,358,363,368],{"type":15,"tag":120,"props":341,"children":342},{"style":127},[343],{"type":21,"value":130},{"type":15,"tag":120,"props":345,"children":346},{"style":133},[347],{"type":21,"value":348},"script",{"type":15,"tag":120,"props":350,"children":351},{"style":157},[352],{"type":21,"value":353}," lang",{"type":15,"tag":120,"props":355,"children":356},{"style":127},[357],{"type":21,"value":165},{"type":15,"tag":120,"props":359,"children":360},{"style":168},[361],{"type":21,"value":362},"\"ts\"",{"type":15,"tag":120,"props":364,"children":365},{"style":157},[366],{"type":21,"value":367}," setup",{"type":15,"tag":120,"props":369,"children":370},{"style":127},[371],{"type":21,"value":140},{"type":15,"tag":120,"props":373,"children":375},{"class":122,"line":374},12,[376,382,387,391,396,401,406],{"type":15,"tag":120,"props":377,"children":379},{"style":378},"--shiki-default:#C678DD",[380],{"type":21,"value":381},"import",{"type":15,"tag":120,"props":383,"children":384},{"style":127},[385],{"type":21,"value":386}," { ",{"type":15,"tag":120,"props":388,"children":389},{"style":133},[390],{"type":21,"value":41},{"type":15,"tag":120,"props":392,"children":393},{"style":127},[394],{"type":21,"value":395}," } ",{"type":15,"tag":120,"props":397,"children":398},{"style":378},[399],{"type":21,"value":400},"from",{"type":15,"tag":120,"props":402,"children":403},{"style":168},[404],{"type":21,"value":405}," '@storefront-ui\u002Fvue'",{"type":15,"tag":120,"props":407,"children":408},{"style":127},[409],{"type":21,"value":410},";\n",{"type":15,"tag":120,"props":412,"children":414},{"class":122,"line":413},13,[415,419,423],{"type":15,"tag":120,"props":416,"children":417},{"style":127},[418],{"type":21,"value":319},{"type":15,"tag":120,"props":420,"children":421},{"style":133},[422],{"type":21,"value":348},{"type":15,"tag":120,"props":424,"children":425},{"style":127},[426],{"type":21,"value":140},{"type":15,"tag":428,"props":429,"children":430},"react-only",{},[431],{"type":15,"tag":110,"props":432,"children":436},{"className":433,"code":434,"language":435,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import { SfButton } from '@storefront-ui\u002Freact';\n\nexport default function ButtonSizes() {\n return (\n \u003Cdiv className=\"flex flex-col items-center space-y-4 xs:block xs:space-x-4\">\n \u003CSfButton size=\"sm\">Hello\u003C\u002FSfButton>\n\n \u003CSfButton size=\"base\">Hello\u003C\u002FSfButton>\n\n \u003CSfButton size=\"lg\">Hello\u003C\u002FSfButton>\n \u003C\u002Fdiv>\n );\n}\n","tsx",[437],{"type":15,"tag":36,"props":438,"children":439},{"__ignoreMap":9},[440,472,479,508,521,551,588,595,631,638,673,689,697],{"type":15,"tag":120,"props":441,"children":442},{"class":122,"line":123},[443,447,451,455,459,463,468],{"type":15,"tag":120,"props":444,"children":445},{"style":378},[446],{"type":21,"value":381},{"type":15,"tag":120,"props":448,"children":449},{"style":127},[450],{"type":21,"value":386},{"type":15,"tag":120,"props":452,"children":453},{"style":133},[454],{"type":21,"value":41},{"type":15,"tag":120,"props":456,"children":457},{"style":127},[458],{"type":21,"value":395},{"type":15,"tag":120,"props":460,"children":461},{"style":378},[462],{"type":21,"value":400},{"type":15,"tag":120,"props":464,"children":465},{"style":168},[466],{"type":21,"value":467}," '@storefront-ui\u002Freact'",{"type":15,"tag":120,"props":469,"children":470},{"style":127},[471],{"type":21,"value":410},{"type":15,"tag":120,"props":473,"children":474},{"class":122,"line":143},[475],{"type":15,"tag":120,"props":476,"children":477},{"emptyLinePlaceholder":8},[478],{"type":21,"value":224},{"type":15,"tag":120,"props":480,"children":481},{"class":122,"line":178},[482,487,492,497,503],{"type":15,"tag":120,"props":483,"children":484},{"style":378},[485],{"type":21,"value":486},"export",{"type":15,"tag":120,"props":488,"children":489},{"style":378},[490],{"type":21,"value":491}," default",{"type":15,"tag":120,"props":493,"children":494},{"style":378},[495],{"type":21,"value":496}," function",{"type":15,"tag":120,"props":498,"children":500},{"style":499},"--shiki-default:#61AFEF",[501],{"type":21,"value":502}," ButtonSizes",{"type":15,"tag":120,"props":504,"children":505},{"style":127},[506],{"type":21,"value":507},"() {\n",{"type":15,"tag":120,"props":509,"children":510},{"class":122,"line":218},[511,516],{"type":15,"tag":120,"props":512,"children":513},{"style":378},[514],{"type":21,"value":515}," return",{"type":15,"tag":120,"props":517,"children":518},{"style":127},[519],{"type":21,"value":520}," (\n",{"type":15,"tag":120,"props":522,"children":523},{"class":122,"line":227},[524,528,532,538,543,547],{"type":15,"tag":120,"props":525,"children":526},{"style":127},[527],{"type":21,"value":184},{"type":15,"tag":120,"props":529,"children":530},{"style":133},[531],{"type":21,"value":154},{"type":15,"tag":120,"props":533,"children":535},{"style":534},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[536],{"type":21,"value":537}," className",{"type":15,"tag":120,"props":539,"children":541},{"style":540},"--shiki-default:#56B6C2",[542],{"type":21,"value":165},{"type":15,"tag":120,"props":544,"children":545},{"style":168},[546],{"type":21,"value":171},{"type":15,"tag":120,"props":548,"children":549},{"style":127},[550],{"type":21,"value":140},{"type":15,"tag":120,"props":552,"children":553},{"class":122,"line":251},[554,559,564,568,572,576,580,584],{"type":15,"tag":120,"props":555,"children":556},{"style":127},[557],{"type":21,"value":558}," \u003C",{"type":15,"tag":120,"props":560,"children":562},{"style":561},"--shiki-default:#E5C07B",[563],{"type":21,"value":41},{"type":15,"tag":120,"props":565,"children":566},{"style":534},[567],{"type":21,"value":193},{"type":15,"tag":120,"props":569,"children":570},{"style":540},[571],{"type":21,"value":165},{"type":15,"tag":120,"props":573,"children":574},{"style":168},[575],{"type":21,"value":202},{"type":15,"tag":120,"props":577,"children":578},{"style":127},[579],{"type":21,"value":207},{"type":15,"tag":120,"props":581,"children":582},{"style":561},[583],{"type":21,"value":41},{"type":15,"tag":120,"props":585,"children":586},{"style":127},[587],{"type":21,"value":140},{"type":15,"tag":120,"props":589,"children":590},{"class":122,"line":259},[591],{"type":15,"tag":120,"props":592,"children":593},{"emptyLinePlaceholder":8},[594],{"type":21,"value":224},{"type":15,"tag":120,"props":596,"children":597},{"class":122,"line":296},[598,602,606,610,614,619,623,627],{"type":15,"tag":120,"props":599,"children":600},{"style":127},[601],{"type":21,"value":558},{"type":15,"tag":120,"props":603,"children":604},{"style":561},[605],{"type":21,"value":41},{"type":15,"tag":120,"props":607,"children":608},{"style":534},[609],{"type":21,"value":193},{"type":15,"tag":120,"props":611,"children":612},{"style":540},[613],{"type":21,"value":165},{"type":15,"tag":120,"props":615,"children":616},{"style":168},[617],{"type":21,"value":618},"\"base\"",{"type":15,"tag":120,"props":620,"children":621},{"style":127},[622],{"type":21,"value":207},{"type":15,"tag":120,"props":624,"children":625},{"style":561},[626],{"type":21,"value":41},{"type":15,"tag":120,"props":628,"children":629},{"style":127},[630],{"type":21,"value":140},{"type":15,"tag":120,"props":632,"children":633},{"class":122,"line":313},[634],{"type":15,"tag":120,"props":635,"children":636},{"emptyLinePlaceholder":8},[637],{"type":21,"value":224},{"type":15,"tag":120,"props":639,"children":640},{"class":122,"line":330},[641,645,649,653,657,661,665,669],{"type":15,"tag":120,"props":642,"children":643},{"style":127},[644],{"type":21,"value":558},{"type":15,"tag":120,"props":646,"children":647},{"style":561},[648],{"type":21,"value":41},{"type":15,"tag":120,"props":650,"children":651},{"style":534},[652],{"type":21,"value":193},{"type":15,"tag":120,"props":654,"children":655},{"style":540},[656],{"type":21,"value":165},{"type":15,"tag":120,"props":658,"children":659},{"style":168},[660],{"type":21,"value":281},{"type":15,"tag":120,"props":662,"children":663},{"style":127},[664],{"type":21,"value":207},{"type":15,"tag":120,"props":666,"children":667},{"style":561},[668],{"type":21,"value":41},{"type":15,"tag":120,"props":670,"children":671},{"style":127},[672],{"type":21,"value":140},{"type":15,"tag":120,"props":674,"children":675},{"class":122,"line":338},[676,681,685],{"type":15,"tag":120,"props":677,"children":678},{"style":127},[679],{"type":21,"value":680}," \u003C\u002F",{"type":15,"tag":120,"props":682,"children":683},{"style":133},[684],{"type":21,"value":154},{"type":15,"tag":120,"props":686,"children":687},{"style":127},[688],{"type":21,"value":140},{"type":15,"tag":120,"props":690,"children":691},{"class":122,"line":374},[692],{"type":15,"tag":120,"props":693,"children":694},{"style":127},[695],{"type":21,"value":696}," );\n",{"type":15,"tag":120,"props":698,"children":699},{"class":122,"line":413},[700],{"type":15,"tag":120,"props":701,"children":702},{"style":127},[703],{"type":21,"value":704},"}\n",{"type":15,"tag":52,"props":706,"children":708},{"id":707},"button-variants",[709],{"type":21,"value":710},"Button variants",{"type":15,"tag":32,"props":712,"children":713},{},[714,719,721,727,728,734,735,741,742,748],{"type":15,"tag":36,"props":715,"children":717},{"className":716},[],[718],{"type":21,"value":41},{"type":21,"value":720}," supports 3 style variants that can be set via ",{"type":15,"tag":36,"props":722,"children":724},{"className":723},[],[725],{"type":21,"value":726},"variant",{"type":21,"value":75},{"type":15,"tag":36,"props":729,"children":731},{"className":730},[],[732],{"type":21,"value":733},"'primary'",{"type":21,"value":83},{"type":15,"tag":36,"props":736,"children":738},{"className":737},[],[739],{"type":21,"value":740},"'secondary'",{"type":21,"value":83},{"type":15,"tag":36,"props":743,"children":745},{"className":744},[],[746],{"type":21,"value":747},"'tertiary'",{"type":21,"value":98},{"type":15,"tag":100,"props":750,"children":752},{"showcase-name":751,"style":103},"Button\u002FButtonVariants",[753,1043],{"type":15,"tag":106,"props":754,"children":755},{},[756],{"type":15,"tag":110,"props":757,"children":759},{"className":112,"code":758,"language":114,"meta":9,"style":9},"\u003Ctemplate>\n \u003Cdiv class=\"flex flex-col items-center space-y-4 xs:block xs:space-x-4\">\n \u003CSfButton variant=\"primary\"> Hello \u003C\u002FSfButton>\n\n \u003CSfButton variant=\"secondary\"> Hello \u003C\u002FSfButton>\n\n \u003CSfButton variant=\"tertiary\"> Hello \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfButton } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[760],{"type":15,"tag":36,"props":761,"children":762},{"__ignoreMap":9},[763,778,805,843,850,886,893,929,944,959,966,997,1028],{"type":15,"tag":120,"props":764,"children":765},{"class":122,"line":123},[766,770,774],{"type":15,"tag":120,"props":767,"children":768},{"style":127},[769],{"type":21,"value":130},{"type":15,"tag":120,"props":771,"children":772},{"style":133},[773],{"type":21,"value":28},{"type":15,"tag":120,"props":775,"children":776},{"style":127},[777],{"type":21,"value":140},{"type":15,"tag":120,"props":779,"children":780},{"class":122,"line":143},[781,785,789,793,797,801],{"type":15,"tag":120,"props":782,"children":783},{"style":127},[784],{"type":21,"value":149},{"type":15,"tag":120,"props":786,"children":787},{"style":133},[788],{"type":21,"value":154},{"type":15,"tag":120,"props":790,"children":791},{"style":157},[792],{"type":21,"value":160},{"type":15,"tag":120,"props":794,"children":795},{"style":127},[796],{"type":21,"value":165},{"type":15,"tag":120,"props":798,"children":799},{"style":168},[800],{"type":21,"value":171},{"type":15,"tag":120,"props":802,"children":803},{"style":127},[804],{"type":21,"value":140},{"type":15,"tag":120,"props":806,"children":807},{"class":122,"line":178},[808,812,816,821,825,830,835,839],{"type":15,"tag":120,"props":809,"children":810},{"style":127},[811],{"type":21,"value":184},{"type":15,"tag":120,"props":813,"children":814},{"style":133},[815],{"type":21,"value":41},{"type":15,"tag":120,"props":817,"children":818},{"style":157},[819],{"type":21,"value":820}," variant",{"type":15,"tag":120,"props":822,"children":823},{"style":127},[824],{"type":21,"value":165},{"type":15,"tag":120,"props":826,"children":827},{"style":168},[828],{"type":21,"value":829},"\"primary\"",{"type":15,"tag":120,"props":831,"children":832},{"style":127},[833],{"type":21,"value":834},"> Hello \u003C\u002F",{"type":15,"tag":120,"props":836,"children":837},{"style":133},[838],{"type":21,"value":41},{"type":15,"tag":120,"props":840,"children":841},{"style":127},[842],{"type":21,"value":140},{"type":15,"tag":120,"props":844,"children":845},{"class":122,"line":218},[846],{"type":15,"tag":120,"props":847,"children":848},{"emptyLinePlaceholder":8},[849],{"type":21,"value":224},{"type":15,"tag":120,"props":851,"children":852},{"class":122,"line":227},[853,857,861,865,869,874,878,882],{"type":15,"tag":120,"props":854,"children":855},{"style":127},[856],{"type":21,"value":184},{"type":15,"tag":120,"props":858,"children":859},{"style":133},[860],{"type":21,"value":41},{"type":15,"tag":120,"props":862,"children":863},{"style":157},[864],{"type":21,"value":820},{"type":15,"tag":120,"props":866,"children":867},{"style":127},[868],{"type":21,"value":165},{"type":15,"tag":120,"props":870,"children":871},{"style":168},[872],{"type":21,"value":873},"\"secondary\"",{"type":15,"tag":120,"props":875,"children":876},{"style":127},[877],{"type":21,"value":834},{"type":15,"tag":120,"props":879,"children":880},{"style":133},[881],{"type":21,"value":41},{"type":15,"tag":120,"props":883,"children":884},{"style":127},[885],{"type":21,"value":140},{"type":15,"tag":120,"props":887,"children":888},{"class":122,"line":251},[889],{"type":15,"tag":120,"props":890,"children":891},{"emptyLinePlaceholder":8},[892],{"type":21,"value":224},{"type":15,"tag":120,"props":894,"children":895},{"class":122,"line":259},[896,900,904,908,912,917,921,925],{"type":15,"tag":120,"props":897,"children":898},{"style":127},[899],{"type":21,"value":184},{"type":15,"tag":120,"props":901,"children":902},{"style":133},[903],{"type":21,"value":41},{"type":15,"tag":120,"props":905,"children":906},{"style":157},[907],{"type":21,"value":820},{"type":15,"tag":120,"props":909,"children":910},{"style":127},[911],{"type":21,"value":165},{"type":15,"tag":120,"props":913,"children":914},{"style":168},[915],{"type":21,"value":916},"\"tertiary\"",{"type":15,"tag":120,"props":918,"children":919},{"style":127},[920],{"type":21,"value":834},{"type":15,"tag":120,"props":922,"children":923},{"style":133},[924],{"type":21,"value":41},{"type":15,"tag":120,"props":926,"children":927},{"style":127},[928],{"type":21,"value":140},{"type":15,"tag":120,"props":930,"children":931},{"class":122,"line":296},[932,936,940],{"type":15,"tag":120,"props":933,"children":934},{"style":127},[935],{"type":21,"value":302},{"type":15,"tag":120,"props":937,"children":938},{"style":133},[939],{"type":21,"value":154},{"type":15,"tag":120,"props":941,"children":942},{"style":127},[943],{"type":21,"value":140},{"type":15,"tag":120,"props":945,"children":946},{"class":122,"line":313},[947,951,955],{"type":15,"tag":120,"props":948,"children":949},{"style":127},[950],{"type":21,"value":319},{"type":15,"tag":120,"props":952,"children":953},{"style":133},[954],{"type":21,"value":28},{"type":15,"tag":120,"props":956,"children":957},{"style":127},[958],{"type":21,"value":140},{"type":15,"tag":120,"props":960,"children":961},{"class":122,"line":330},[962],{"type":15,"tag":120,"props":963,"children":964},{"emptyLinePlaceholder":8},[965],{"type":21,"value":224},{"type":15,"tag":120,"props":967,"children":968},{"class":122,"line":338},[969,973,977,981,985,989,993],{"type":15,"tag":120,"props":970,"children":971},{"style":127},[972],{"type":21,"value":130},{"type":15,"tag":120,"props":974,"children":975},{"style":133},[976],{"type":21,"value":348},{"type":15,"tag":120,"props":978,"children":979},{"style":157},[980],{"type":21,"value":353},{"type":15,"tag":120,"props":982,"children":983},{"style":127},[984],{"type":21,"value":165},{"type":15,"tag":120,"props":986,"children":987},{"style":168},[988],{"type":21,"value":362},{"type":15,"tag":120,"props":990,"children":991},{"style":157},[992],{"type":21,"value":367},{"type":15,"tag":120,"props":994,"children":995},{"style":127},[996],{"type":21,"value":140},{"type":15,"tag":120,"props":998,"children":999},{"class":122,"line":374},[1000,1004,1008,1012,1016,1020,1024],{"type":15,"tag":120,"props":1001,"children":1002},{"style":378},[1003],{"type":21,"value":381},{"type":15,"tag":120,"props":1005,"children":1006},{"style":127},[1007],{"type":21,"value":386},{"type":15,"tag":120,"props":1009,"children":1010},{"style":133},[1011],{"type":21,"value":41},{"type":15,"tag":120,"props":1013,"children":1014},{"style":127},[1015],{"type":21,"value":395},{"type":15,"tag":120,"props":1017,"children":1018},{"style":378},[1019],{"type":21,"value":400},{"type":15,"tag":120,"props":1021,"children":1022},{"style":168},[1023],{"type":21,"value":405},{"type":15,"tag":120,"props":1025,"children":1026},{"style":127},[1027],{"type":21,"value":410},{"type":15,"tag":120,"props":1029,"children":1030},{"class":122,"line":413},[1031,1035,1039],{"type":15,"tag":120,"props":1032,"children":1033},{"style":127},[1034],{"type":21,"value":319},{"type":15,"tag":120,"props":1036,"children":1037},{"style":133},[1038],{"type":21,"value":348},{"type":15,"tag":120,"props":1040,"children":1041},{"style":127},[1042],{"type":21,"value":140},{"type":15,"tag":428,"props":1044,"children":1045},{},[1046],{"type":15,"tag":110,"props":1047,"children":1049},{"className":433,"code":1048,"language":435,"meta":9,"style":9},"import { SfButton } from '@storefront-ui\u002Freact';\n\nexport default function ButtonVariants() {\n return (\n \u003Cdiv className=\"flex flex-col items-center space-y-4 xs:block xs:space-x-4\">\n \u003CSfButton variant=\"primary\">Hello\u003C\u002FSfButton>\n\n \u003CSfButton variant=\"secondary\">Hello\u003C\u002FSfButton>\n\n \u003CSfButton variant=\"tertiary\">Hello\u003C\u002FSfButton>\n \u003C\u002Fdiv>\n );\n}\n",[1050],{"type":15,"tag":36,"props":1051,"children":1052},{"__ignoreMap":9},[1053,1084,1091,1115,1126,1153,1188,1195,1230,1237,1272,1287,1294],{"type":15,"tag":120,"props":1054,"children":1055},{"class":122,"line":123},[1056,1060,1064,1068,1072,1076,1080],{"type":15,"tag":120,"props":1057,"children":1058},{"style":378},[1059],{"type":21,"value":381},{"type":15,"tag":120,"props":1061,"children":1062},{"style":127},[1063],{"type":21,"value":386},{"type":15,"tag":120,"props":1065,"children":1066},{"style":133},[1067],{"type":21,"value":41},{"type":15,"tag":120,"props":1069,"children":1070},{"style":127},[1071],{"type":21,"value":395},{"type":15,"tag":120,"props":1073,"children":1074},{"style":378},[1075],{"type":21,"value":400},{"type":15,"tag":120,"props":1077,"children":1078},{"style":168},[1079],{"type":21,"value":467},{"type":15,"tag":120,"props":1081,"children":1082},{"style":127},[1083],{"type":21,"value":410},{"type":15,"tag":120,"props":1085,"children":1086},{"class":122,"line":143},[1087],{"type":15,"tag":120,"props":1088,"children":1089},{"emptyLinePlaceholder":8},[1090],{"type":21,"value":224},{"type":15,"tag":120,"props":1092,"children":1093},{"class":122,"line":178},[1094,1098,1102,1106,1111],{"type":15,"tag":120,"props":1095,"children":1096},{"style":378},[1097],{"type":21,"value":486},{"type":15,"tag":120,"props":1099,"children":1100},{"style":378},[1101],{"type":21,"value":491},{"type":15,"tag":120,"props":1103,"children":1104},{"style":378},[1105],{"type":21,"value":496},{"type":15,"tag":120,"props":1107,"children":1108},{"style":499},[1109],{"type":21,"value":1110}," ButtonVariants",{"type":15,"tag":120,"props":1112,"children":1113},{"style":127},[1114],{"type":21,"value":507},{"type":15,"tag":120,"props":1116,"children":1117},{"class":122,"line":218},[1118,1122],{"type":15,"tag":120,"props":1119,"children":1120},{"style":378},[1121],{"type":21,"value":515},{"type":15,"tag":120,"props":1123,"children":1124},{"style":127},[1125],{"type":21,"value":520},{"type":15,"tag":120,"props":1127,"children":1128},{"class":122,"line":227},[1129,1133,1137,1141,1145,1149],{"type":15,"tag":120,"props":1130,"children":1131},{"style":127},[1132],{"type":21,"value":184},{"type":15,"tag":120,"props":1134,"children":1135},{"style":133},[1136],{"type":21,"value":154},{"type":15,"tag":120,"props":1138,"children":1139},{"style":534},[1140],{"type":21,"value":537},{"type":15,"tag":120,"props":1142,"children":1143},{"style":540},[1144],{"type":21,"value":165},{"type":15,"tag":120,"props":1146,"children":1147},{"style":168},[1148],{"type":21,"value":171},{"type":15,"tag":120,"props":1150,"children":1151},{"style":127},[1152],{"type":21,"value":140},{"type":15,"tag":120,"props":1154,"children":1155},{"class":122,"line":251},[1156,1160,1164,1168,1172,1176,1180,1184],{"type":15,"tag":120,"props":1157,"children":1158},{"style":127},[1159],{"type":21,"value":558},{"type":15,"tag":120,"props":1161,"children":1162},{"style":561},[1163],{"type":21,"value":41},{"type":15,"tag":120,"props":1165,"children":1166},{"style":534},[1167],{"type":21,"value":820},{"type":15,"tag":120,"props":1169,"children":1170},{"style":540},[1171],{"type":21,"value":165},{"type":15,"tag":120,"props":1173,"children":1174},{"style":168},[1175],{"type":21,"value":829},{"type":15,"tag":120,"props":1177,"children":1178},{"style":127},[1179],{"type":21,"value":207},{"type":15,"tag":120,"props":1181,"children":1182},{"style":561},[1183],{"type":21,"value":41},{"type":15,"tag":120,"props":1185,"children":1186},{"style":127},[1187],{"type":21,"value":140},{"type":15,"tag":120,"props":1189,"children":1190},{"class":122,"line":259},[1191],{"type":15,"tag":120,"props":1192,"children":1193},{"emptyLinePlaceholder":8},[1194],{"type":21,"value":224},{"type":15,"tag":120,"props":1196,"children":1197},{"class":122,"line":296},[1198,1202,1206,1210,1214,1218,1222,1226],{"type":15,"tag":120,"props":1199,"children":1200},{"style":127},[1201],{"type":21,"value":558},{"type":15,"tag":120,"props":1203,"children":1204},{"style":561},[1205],{"type":21,"value":41},{"type":15,"tag":120,"props":1207,"children":1208},{"style":534},[1209],{"type":21,"value":820},{"type":15,"tag":120,"props":1211,"children":1212},{"style":540},[1213],{"type":21,"value":165},{"type":15,"tag":120,"props":1215,"children":1216},{"style":168},[1217],{"type":21,"value":873},{"type":15,"tag":120,"props":1219,"children":1220},{"style":127},[1221],{"type":21,"value":207},{"type":15,"tag":120,"props":1223,"children":1224},{"style":561},[1225],{"type":21,"value":41},{"type":15,"tag":120,"props":1227,"children":1228},{"style":127},[1229],{"type":21,"value":140},{"type":15,"tag":120,"props":1231,"children":1232},{"class":122,"line":313},[1233],{"type":15,"tag":120,"props":1234,"children":1235},{"emptyLinePlaceholder":8},[1236],{"type":21,"value":224},{"type":15,"tag":120,"props":1238,"children":1239},{"class":122,"line":330},[1240,1244,1248,1252,1256,1260,1264,1268],{"type":15,"tag":120,"props":1241,"children":1242},{"style":127},[1243],{"type":21,"value":558},{"type":15,"tag":120,"props":1245,"children":1246},{"style":561},[1247],{"type":21,"value":41},{"type":15,"tag":120,"props":1249,"children":1250},{"style":534},[1251],{"type":21,"value":820},{"type":15,"tag":120,"props":1253,"children":1254},{"style":540},[1255],{"type":21,"value":165},{"type":15,"tag":120,"props":1257,"children":1258},{"style":168},[1259],{"type":21,"value":916},{"type":15,"tag":120,"props":1261,"children":1262},{"style":127},[1263],{"type":21,"value":207},{"type":15,"tag":120,"props":1265,"children":1266},{"style":561},[1267],{"type":21,"value":41},{"type":15,"tag":120,"props":1269,"children":1270},{"style":127},[1271],{"type":21,"value":140},{"type":15,"tag":120,"props":1273,"children":1274},{"class":122,"line":338},[1275,1279,1283],{"type":15,"tag":120,"props":1276,"children":1277},{"style":127},[1278],{"type":21,"value":680},{"type":15,"tag":120,"props":1280,"children":1281},{"style":133},[1282],{"type":21,"value":154},{"type":15,"tag":120,"props":1284,"children":1285},{"style":127},[1286],{"type":21,"value":140},{"type":15,"tag":120,"props":1288,"children":1289},{"class":122,"line":374},[1290],{"type":15,"tag":120,"props":1291,"children":1292},{"style":127},[1293],{"type":21,"value":696},{"type":15,"tag":120,"props":1295,"children":1296},{"class":122,"line":413},[1297],{"type":15,"tag":120,"props":1298,"children":1299},{"style":127},[1300],{"type":21,"value":704},{"type":15,"tag":52,"props":1302,"children":1304},{"id":1303},"blank-button-variants",[1305],{"type":21,"value":1306},"Blank button variants",{"type":15,"tag":32,"props":1308,"children":1309},{},[1310,1312,1318,1320,1326],{"type":21,"value":1311},"You can remove the color styling from any variant by setting the ",{"type":15,"tag":36,"props":1313,"children":1315},{"className":1314},[],[1316],{"type":21,"value":1317},"blank",{"type":21,"value":1319}," prop to ",{"type":15,"tag":36,"props":1321,"children":1323},{"className":1322},[],[1324],{"type":21,"value":1325},"true",{"type":21,"value":1327},", making it easy to create custom-styled buttons even for unique, one-off use cases in your codebase.",{"type":15,"tag":100,"props":1329,"children":1330},{"showcase-name":751,"style":103},[1331,2055],{"type":15,"tag":106,"props":1332,"children":1333},{},[1334],{"type":15,"tag":110,"props":1335,"children":1337},{"className":112,"code":1336,"language":114,"meta":9,"style":9},"\u003Ctemplate>\n \u003Cdiv class=\"flex flex-col items-center space-y-4 xs:block xs:space-x-4\">\n \u003CSfButton variant=\"primary\" blank class=\"text-white bg-neutral-700 hover:bg-neutral-800 active:bg-neutral-900\">\n Hello\n \u003C\u002FSfButton>\n\n \u003CSfButton\n variant=\"secondary\"\n blank\n class=\"text-neutral-700 hover:text-neutral-800 active:text-neutral-900 ring-current hover:bg-neutral-100 active:bg-neutral-200\"\n >\n Hello\n \u003C\u002FSfButton>\n\n \u003CSfButton\n variant=\"tertiary\"\n blank\n class=\"text-neutral-500 hover:text-neutral-600 active:text-neutral-700 hover:bg-neutral-100 active:bg-neutral-200\"\n >\n Hello\n \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"flex flex-col items-center space-y-4 xs:block xs:space-x-4\">\n \u003CSfButton variant=\"primary\" blank class=\"text-white bg-negative-700 hover:bg-negative-800 active:bg-negative-900\">\n Hello\n \u003C\u002FSfButton>\n\n \u003CSfButton\n variant=\"secondary\"\n blank\n class=\"text-negative-700 hover:text-negative-800 active:text-negative-900 ring-current hover:bg-negative-100 active:bg-negative-200\"\n >\n Hello\n \u003C\u002FSfButton>\n\n \u003CSfButton\n variant=\"tertiary\"\n blank\n class=\"text-negative-700 hover:text-negative-800 active:text-negative-900 hover:bg-negative-100 active:bg-negative-200\"\n >\n Hello\n \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfButton } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[1338],{"type":15,"tag":36,"props":1339,"children":1340},{"__ignoreMap":9},[1341,1356,1383,1428,1436,1451,1458,1470,1487,1495,1512,1520,1527,1542,1550,1562,1579,1587,1604,1612,1620,1636,1652,1680,1725,1733,1749,1757,1769,1785,1793,1810,1818,1826,1842,1850,1862,1878,1886,1903,1911,1919,1935,1951,1967,1975,2007,2039],{"type":15,"tag":120,"props":1342,"children":1343},{"class":122,"line":123},[1344,1348,1352],{"type":15,"tag":120,"props":1345,"children":1346},{"style":127},[1347],{"type":21,"value":130},{"type":15,"tag":120,"props":1349,"children":1350},{"style":133},[1351],{"type":21,"value":28},{"type":15,"tag":120,"props":1353,"children":1354},{"style":127},[1355],{"type":21,"value":140},{"type":15,"tag":120,"props":1357,"children":1358},{"class":122,"line":143},[1359,1363,1367,1371,1375,1379],{"type":15,"tag":120,"props":1360,"children":1361},{"style":127},[1362],{"type":21,"value":149},{"type":15,"tag":120,"props":1364,"children":1365},{"style":133},[1366],{"type":21,"value":154},{"type":15,"tag":120,"props":1368,"children":1369},{"style":157},[1370],{"type":21,"value":160},{"type":15,"tag":120,"props":1372,"children":1373},{"style":127},[1374],{"type":21,"value":165},{"type":15,"tag":120,"props":1376,"children":1377},{"style":168},[1378],{"type":21,"value":171},{"type":15,"tag":120,"props":1380,"children":1381},{"style":127},[1382],{"type":21,"value":140},{"type":15,"tag":120,"props":1384,"children":1385},{"class":122,"line":178},[1386,1390,1394,1398,1402,1406,1411,1415,1419,1424],{"type":15,"tag":120,"props":1387,"children":1388},{"style":127},[1389],{"type":21,"value":184},{"type":15,"tag":120,"props":1391,"children":1392},{"style":133},[1393],{"type":21,"value":41},{"type":15,"tag":120,"props":1395,"children":1396},{"style":157},[1397],{"type":21,"value":820},{"type":15,"tag":120,"props":1399,"children":1400},{"style":127},[1401],{"type":21,"value":165},{"type":15,"tag":120,"props":1403,"children":1404},{"style":168},[1405],{"type":21,"value":829},{"type":15,"tag":120,"props":1407,"children":1408},{"style":157},[1409],{"type":21,"value":1410}," blank",{"type":15,"tag":120,"props":1412,"children":1413},{"style":157},[1414],{"type":21,"value":160},{"type":15,"tag":120,"props":1416,"children":1417},{"style":127},[1418],{"type":21,"value":165},{"type":15,"tag":120,"props":1420,"children":1421},{"style":168},[1422],{"type":21,"value":1423},"\"text-white bg-neutral-700 hover:bg-neutral-800 active:bg-neutral-900\"",{"type":15,"tag":120,"props":1425,"children":1426},{"style":127},[1427],{"type":21,"value":140},{"type":15,"tag":120,"props":1429,"children":1430},{"class":122,"line":218},[1431],{"type":15,"tag":120,"props":1432,"children":1433},{"style":127},[1434],{"type":21,"value":1435}," Hello\n",{"type":15,"tag":120,"props":1437,"children":1438},{"class":122,"line":227},[1439,1443,1447],{"type":15,"tag":120,"props":1440,"children":1441},{"style":127},[1442],{"type":21,"value":680},{"type":15,"tag":120,"props":1444,"children":1445},{"style":133},[1446],{"type":21,"value":41},{"type":15,"tag":120,"props":1448,"children":1449},{"style":127},[1450],{"type":21,"value":140},{"type":15,"tag":120,"props":1452,"children":1453},{"class":122,"line":251},[1454],{"type":15,"tag":120,"props":1455,"children":1456},{"emptyLinePlaceholder":8},[1457],{"type":21,"value":224},{"type":15,"tag":120,"props":1459,"children":1460},{"class":122,"line":259},[1461,1465],{"type":15,"tag":120,"props":1462,"children":1463},{"style":127},[1464],{"type":21,"value":184},{"type":15,"tag":120,"props":1466,"children":1467},{"style":133},[1468],{"type":21,"value":1469},"SfButton\n",{"type":15,"tag":120,"props":1471,"children":1472},{"class":122,"line":296},[1473,1478,1482],{"type":15,"tag":120,"props":1474,"children":1475},{"style":157},[1476],{"type":21,"value":1477}," variant",{"type":15,"tag":120,"props":1479,"children":1480},{"style":127},[1481],{"type":21,"value":165},{"type":15,"tag":120,"props":1483,"children":1484},{"style":168},[1485],{"type":21,"value":1486},"\"secondary\"\n",{"type":15,"tag":120,"props":1488,"children":1489},{"class":122,"line":313},[1490],{"type":15,"tag":120,"props":1491,"children":1492},{"style":157},[1493],{"type":21,"value":1494}," blank\n",{"type":15,"tag":120,"props":1496,"children":1497},{"class":122,"line":330},[1498,1503,1507],{"type":15,"tag":120,"props":1499,"children":1500},{"style":157},[1501],{"type":21,"value":1502}," class",{"type":15,"tag":120,"props":1504,"children":1505},{"style":127},[1506],{"type":21,"value":165},{"type":15,"tag":120,"props":1508,"children":1509},{"style":168},[1510],{"type":21,"value":1511},"\"text-neutral-700 hover:text-neutral-800 active:text-neutral-900 ring-current hover:bg-neutral-100 active:bg-neutral-200\"\n",{"type":15,"tag":120,"props":1513,"children":1514},{"class":122,"line":338},[1515],{"type":15,"tag":120,"props":1516,"children":1517},{"style":127},[1518],{"type":21,"value":1519}," >\n",{"type":15,"tag":120,"props":1521,"children":1522},{"class":122,"line":374},[1523],{"type":15,"tag":120,"props":1524,"children":1525},{"style":127},[1526],{"type":21,"value":1435},{"type":15,"tag":120,"props":1528,"children":1529},{"class":122,"line":413},[1530,1534,1538],{"type":15,"tag":120,"props":1531,"children":1532},{"style":127},[1533],{"type":21,"value":680},{"type":15,"tag":120,"props":1535,"children":1536},{"style":133},[1537],{"type":21,"value":41},{"type":15,"tag":120,"props":1539,"children":1540},{"style":127},[1541],{"type":21,"value":140},{"type":15,"tag":120,"props":1543,"children":1545},{"class":122,"line":1544},14,[1546],{"type":15,"tag":120,"props":1547,"children":1548},{"emptyLinePlaceholder":8},[1549],{"type":21,"value":224},{"type":15,"tag":120,"props":1551,"children":1553},{"class":122,"line":1552},15,[1554,1558],{"type":15,"tag":120,"props":1555,"children":1556},{"style":127},[1557],{"type":21,"value":184},{"type":15,"tag":120,"props":1559,"children":1560},{"style":133},[1561],{"type":21,"value":1469},{"type":15,"tag":120,"props":1563,"children":1565},{"class":122,"line":1564},16,[1566,1570,1574],{"type":15,"tag":120,"props":1567,"children":1568},{"style":157},[1569],{"type":21,"value":1477},{"type":15,"tag":120,"props":1571,"children":1572},{"style":127},[1573],{"type":21,"value":165},{"type":15,"tag":120,"props":1575,"children":1576},{"style":168},[1577],{"type":21,"value":1578},"\"tertiary\"\n",{"type":15,"tag":120,"props":1580,"children":1582},{"class":122,"line":1581},17,[1583],{"type":15,"tag":120,"props":1584,"children":1585},{"style":157},[1586],{"type":21,"value":1494},{"type":15,"tag":120,"props":1588,"children":1590},{"class":122,"line":1589},18,[1591,1595,1599],{"type":15,"tag":120,"props":1592,"children":1593},{"style":157},[1594],{"type":21,"value":1502},{"type":15,"tag":120,"props":1596,"children":1597},{"style":127},[1598],{"type":21,"value":165},{"type":15,"tag":120,"props":1600,"children":1601},{"style":168},[1602],{"type":21,"value":1603},"\"text-neutral-500 hover:text-neutral-600 active:text-neutral-700 hover:bg-neutral-100 active:bg-neutral-200\"\n",{"type":15,"tag":120,"props":1605,"children":1607},{"class":122,"line":1606},19,[1608],{"type":15,"tag":120,"props":1609,"children":1610},{"style":127},[1611],{"type":21,"value":1519},{"type":15,"tag":120,"props":1613,"children":1615},{"class":122,"line":1614},20,[1616],{"type":15,"tag":120,"props":1617,"children":1618},{"style":127},[1619],{"type":21,"value":1435},{"type":15,"tag":120,"props":1621,"children":1623},{"class":122,"line":1622},21,[1624,1628,1632],{"type":15,"tag":120,"props":1625,"children":1626},{"style":127},[1627],{"type":21,"value":680},{"type":15,"tag":120,"props":1629,"children":1630},{"style":133},[1631],{"type":21,"value":41},{"type":15,"tag":120,"props":1633,"children":1634},{"style":127},[1635],{"type":21,"value":140},{"type":15,"tag":120,"props":1637,"children":1639},{"class":122,"line":1638},22,[1640,1644,1648],{"type":15,"tag":120,"props":1641,"children":1642},{"style":127},[1643],{"type":21,"value":302},{"type":15,"tag":120,"props":1645,"children":1646},{"style":133},[1647],{"type":21,"value":154},{"type":15,"tag":120,"props":1649,"children":1650},{"style":127},[1651],{"type":21,"value":140},{"type":15,"tag":120,"props":1653,"children":1655},{"class":122,"line":1654},23,[1656,1660,1664,1668,1672,1676],{"type":15,"tag":120,"props":1657,"children":1658},{"style":127},[1659],{"type":21,"value":149},{"type":15,"tag":120,"props":1661,"children":1662},{"style":133},[1663],{"type":21,"value":154},{"type":15,"tag":120,"props":1665,"children":1666},{"style":157},[1667],{"type":21,"value":160},{"type":15,"tag":120,"props":1669,"children":1670},{"style":127},[1671],{"type":21,"value":165},{"type":15,"tag":120,"props":1673,"children":1674},{"style":168},[1675],{"type":21,"value":171},{"type":15,"tag":120,"props":1677,"children":1678},{"style":127},[1679],{"type":21,"value":140},{"type":15,"tag":120,"props":1681,"children":1683},{"class":122,"line":1682},24,[1684,1688,1692,1696,1700,1704,1708,1712,1716,1721],{"type":15,"tag":120,"props":1685,"children":1686},{"style":127},[1687],{"type":21,"value":184},{"type":15,"tag":120,"props":1689,"children":1690},{"style":133},[1691],{"type":21,"value":41},{"type":15,"tag":120,"props":1693,"children":1694},{"style":157},[1695],{"type":21,"value":820},{"type":15,"tag":120,"props":1697,"children":1698},{"style":127},[1699],{"type":21,"value":165},{"type":15,"tag":120,"props":1701,"children":1702},{"style":168},[1703],{"type":21,"value":829},{"type":15,"tag":120,"props":1705,"children":1706},{"style":157},[1707],{"type":21,"value":1410},{"type":15,"tag":120,"props":1709,"children":1710},{"style":157},[1711],{"type":21,"value":160},{"type":15,"tag":120,"props":1713,"children":1714},{"style":127},[1715],{"type":21,"value":165},{"type":15,"tag":120,"props":1717,"children":1718},{"style":168},[1719],{"type":21,"value":1720},"\"text-white bg-negative-700 hover:bg-negative-800 active:bg-negative-900\"",{"type":15,"tag":120,"props":1722,"children":1723},{"style":127},[1724],{"type":21,"value":140},{"type":15,"tag":120,"props":1726,"children":1728},{"class":122,"line":1727},25,[1729],{"type":15,"tag":120,"props":1730,"children":1731},{"style":127},[1732],{"type":21,"value":1435},{"type":15,"tag":120,"props":1734,"children":1736},{"class":122,"line":1735},26,[1737,1741,1745],{"type":15,"tag":120,"props":1738,"children":1739},{"style":127},[1740],{"type":21,"value":680},{"type":15,"tag":120,"props":1742,"children":1743},{"style":133},[1744],{"type":21,"value":41},{"type":15,"tag":120,"props":1746,"children":1747},{"style":127},[1748],{"type":21,"value":140},{"type":15,"tag":120,"props":1750,"children":1752},{"class":122,"line":1751},27,[1753],{"type":15,"tag":120,"props":1754,"children":1755},{"emptyLinePlaceholder":8},[1756],{"type":21,"value":224},{"type":15,"tag":120,"props":1758,"children":1760},{"class":122,"line":1759},28,[1761,1765],{"type":15,"tag":120,"props":1762,"children":1763},{"style":127},[1764],{"type":21,"value":184},{"type":15,"tag":120,"props":1766,"children":1767},{"style":133},[1768],{"type":21,"value":1469},{"type":15,"tag":120,"props":1770,"children":1772},{"class":122,"line":1771},29,[1773,1777,1781],{"type":15,"tag":120,"props":1774,"children":1775},{"style":157},[1776],{"type":21,"value":1477},{"type":15,"tag":120,"props":1778,"children":1779},{"style":127},[1780],{"type":21,"value":165},{"type":15,"tag":120,"props":1782,"children":1783},{"style":168},[1784],{"type":21,"value":1486},{"type":15,"tag":120,"props":1786,"children":1788},{"class":122,"line":1787},30,[1789],{"type":15,"tag":120,"props":1790,"children":1791},{"style":157},[1792],{"type":21,"value":1494},{"type":15,"tag":120,"props":1794,"children":1796},{"class":122,"line":1795},31,[1797,1801,1805],{"type":15,"tag":120,"props":1798,"children":1799},{"style":157},[1800],{"type":21,"value":1502},{"type":15,"tag":120,"props":1802,"children":1803},{"style":127},[1804],{"type":21,"value":165},{"type":15,"tag":120,"props":1806,"children":1807},{"style":168},[1808],{"type":21,"value":1809},"\"text-negative-700 hover:text-negative-800 active:text-negative-900 ring-current hover:bg-negative-100 active:bg-negative-200\"\n",{"type":15,"tag":120,"props":1811,"children":1813},{"class":122,"line":1812},32,[1814],{"type":15,"tag":120,"props":1815,"children":1816},{"style":127},[1817],{"type":21,"value":1519},{"type":15,"tag":120,"props":1819,"children":1821},{"class":122,"line":1820},33,[1822],{"type":15,"tag":120,"props":1823,"children":1824},{"style":127},[1825],{"type":21,"value":1435},{"type":15,"tag":120,"props":1827,"children":1829},{"class":122,"line":1828},34,[1830,1834,1838],{"type":15,"tag":120,"props":1831,"children":1832},{"style":127},[1833],{"type":21,"value":680},{"type":15,"tag":120,"props":1835,"children":1836},{"style":133},[1837],{"type":21,"value":41},{"type":15,"tag":120,"props":1839,"children":1840},{"style":127},[1841],{"type":21,"value":140},{"type":15,"tag":120,"props":1843,"children":1845},{"class":122,"line":1844},35,[1846],{"type":15,"tag":120,"props":1847,"children":1848},{"emptyLinePlaceholder":8},[1849],{"type":21,"value":224},{"type":15,"tag":120,"props":1851,"children":1853},{"class":122,"line":1852},36,[1854,1858],{"type":15,"tag":120,"props":1855,"children":1856},{"style":127},[1857],{"type":21,"value":184},{"type":15,"tag":120,"props":1859,"children":1860},{"style":133},[1861],{"type":21,"value":1469},{"type":15,"tag":120,"props":1863,"children":1865},{"class":122,"line":1864},37,[1866,1870,1874],{"type":15,"tag":120,"props":1867,"children":1868},{"style":157},[1869],{"type":21,"value":1477},{"type":15,"tag":120,"props":1871,"children":1872},{"style":127},[1873],{"type":21,"value":165},{"type":15,"tag":120,"props":1875,"children":1876},{"style":168},[1877],{"type":21,"value":1578},{"type":15,"tag":120,"props":1879,"children":1881},{"class":122,"line":1880},38,[1882],{"type":15,"tag":120,"props":1883,"children":1884},{"style":157},[1885],{"type":21,"value":1494},{"type":15,"tag":120,"props":1887,"children":1889},{"class":122,"line":1888},39,[1890,1894,1898],{"type":15,"tag":120,"props":1891,"children":1892},{"style":157},[1893],{"type":21,"value":1502},{"type":15,"tag":120,"props":1895,"children":1896},{"style":127},[1897],{"type":21,"value":165},{"type":15,"tag":120,"props":1899,"children":1900},{"style":168},[1901],{"type":21,"value":1902},"\"text-negative-700 hover:text-negative-800 active:text-negative-900 hover:bg-negative-100 active:bg-negative-200\"\n",{"type":15,"tag":120,"props":1904,"children":1906},{"class":122,"line":1905},40,[1907],{"type":15,"tag":120,"props":1908,"children":1909},{"style":127},[1910],{"type":21,"value":1519},{"type":15,"tag":120,"props":1912,"children":1914},{"class":122,"line":1913},41,[1915],{"type":15,"tag":120,"props":1916,"children":1917},{"style":127},[1918],{"type":21,"value":1435},{"type":15,"tag":120,"props":1920,"children":1922},{"class":122,"line":1921},42,[1923,1927,1931],{"type":15,"tag":120,"props":1924,"children":1925},{"style":127},[1926],{"type":21,"value":680},{"type":15,"tag":120,"props":1928,"children":1929},{"style":133},[1930],{"type":21,"value":41},{"type":15,"tag":120,"props":1932,"children":1933},{"style":127},[1934],{"type":21,"value":140},{"type":15,"tag":120,"props":1936,"children":1938},{"class":122,"line":1937},43,[1939,1943,1947],{"type":15,"tag":120,"props":1940,"children":1941},{"style":127},[1942],{"type":21,"value":302},{"type":15,"tag":120,"props":1944,"children":1945},{"style":133},[1946],{"type":21,"value":154},{"type":15,"tag":120,"props":1948,"children":1949},{"style":127},[1950],{"type":21,"value":140},{"type":15,"tag":120,"props":1952,"children":1954},{"class":122,"line":1953},44,[1955,1959,1963],{"type":15,"tag":120,"props":1956,"children":1957},{"style":127},[1958],{"type":21,"value":319},{"type":15,"tag":120,"props":1960,"children":1961},{"style":133},[1962],{"type":21,"value":28},{"type":15,"tag":120,"props":1964,"children":1965},{"style":127},[1966],{"type":21,"value":140},{"type":15,"tag":120,"props":1968,"children":1970},{"class":122,"line":1969},45,[1971],{"type":15,"tag":120,"props":1972,"children":1973},{"emptyLinePlaceholder":8},[1974],{"type":21,"value":224},{"type":15,"tag":120,"props":1976,"children":1978},{"class":122,"line":1977},46,[1979,1983,1987,1991,1995,1999,2003],{"type":15,"tag":120,"props":1980,"children":1981},{"style":127},[1982],{"type":21,"value":130},{"type":15,"tag":120,"props":1984,"children":1985},{"style":133},[1986],{"type":21,"value":348},{"type":15,"tag":120,"props":1988,"children":1989},{"style":157},[1990],{"type":21,"value":353},{"type":15,"tag":120,"props":1992,"children":1993},{"style":127},[1994],{"type":21,"value":165},{"type":15,"tag":120,"props":1996,"children":1997},{"style":168},[1998],{"type":21,"value":362},{"type":15,"tag":120,"props":2000,"children":2001},{"style":157},[2002],{"type":21,"value":367},{"type":15,"tag":120,"props":2004,"children":2005},{"style":127},[2006],{"type":21,"value":140},{"type":15,"tag":120,"props":2008,"children":2010},{"class":122,"line":2009},47,[2011,2015,2019,2023,2027,2031,2035],{"type":15,"tag":120,"props":2012,"children":2013},{"style":378},[2014],{"type":21,"value":381},{"type":15,"tag":120,"props":2016,"children":2017},{"style":127},[2018],{"type":21,"value":386},{"type":15,"tag":120,"props":2020,"children":2021},{"style":133},[2022],{"type":21,"value":41},{"type":15,"tag":120,"props":2024,"children":2025},{"style":127},[2026],{"type":21,"value":395},{"type":15,"tag":120,"props":2028,"children":2029},{"style":378},[2030],{"type":21,"value":400},{"type":15,"tag":120,"props":2032,"children":2033},{"style":168},[2034],{"type":21,"value":405},{"type":15,"tag":120,"props":2036,"children":2037},{"style":127},[2038],{"type":21,"value":410},{"type":15,"tag":120,"props":2040,"children":2042},{"class":122,"line":2041},48,[2043,2047,2051],{"type":15,"tag":120,"props":2044,"children":2045},{"style":127},[2046],{"type":21,"value":319},{"type":15,"tag":120,"props":2048,"children":2049},{"style":133},[2050],{"type":21,"value":348},{"type":15,"tag":120,"props":2052,"children":2053},{"style":127},[2054],{"type":21,"value":140},{"type":15,"tag":428,"props":2056,"children":2057},{},[2058],{"type":15,"tag":110,"props":2059,"children":2061},{"className":433,"code":2060,"language":435,"meta":9,"style":9},"import { SfButton } from '@storefront-ui\u002Freact';\n\nexport default function ButtonVariants() {\n return (\n \u003C>\n \u003Cdiv className=\"flex flex-col items-center space-y-4 xs:block xs:space-x-4\">\n \u003CSfButton\n variant=\"primary\"\n blank\n className=\"text-white bg-neutral-700 hover:bg-neutral-800 active:bg-neutral-900\"\n >\n Hello\n \u003C\u002FSfButton>\n\n \u003CSfButton\n variant=\"secondary\"\n blank\n className=\"text-neutral-700 hover:text-neutral-800 active:text-neutral-900 ring-current hover:bg-neutral-100 active:bg-neutral-200\"\n >\n Hello\n \u003C\u002FSfButton>\n\n \u003CSfButton\n variant=\"tertiary\"\n blank\n className=\"text-neutral-500 hover:text-neutral-600 active:text-neutral-700 hover:bg-neutral-100 active:bg-neutral-200\"\n >\n Hello\n \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n \u003Cdiv className=\"flex flex-col items-center space-y-4 xs:block xs:space-x-4\">\n \u003CSfButton\n variant=\"primary\"\n blank\n className=\"text-white bg-negative-700 hover:bg-negative-800 active:bg-negative-900\"\n >\n Hello\n \u003C\u002FSfButton>\n\n \u003CSfButton\n variant=\"secondary\"\n blank\n className=\"text-negative-700 hover:text-negative-800 active:text-negative-900 ring-current hover:bg-negative-100 active:bg-negative-200\"\n >\n Hello\n \u003C\u002FSfButton>\n\n \u003CSfButton\n variant=\"tertiary\"\n blank\n className=\"text-negative-700 hover:text-negative-800 active:text-negative-900 hover:bg-negative-100 active:bg-negative-200\"\n >\n Hello\n \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n \u003C\u002F>\n );\n}\n",[2062],{"type":15,"tag":36,"props":2063,"children":2064},{"__ignoreMap":9},[2065,2096,2103,2126,2137,2145,2172,2184,2201,2209,2226,2234,2242,2258,2265,2276,2291,2298,2313,2320,2327,2342,2349,2360,2375,2382,2397,2404,2411,2426,2442,2469,2480,2495,2502,2518,2525,2532,2547,2554,2565,2580,2587,2602,2609,2616,2631,2638,2649,2665,2673,2689,2697,2705,2721,2737,2746,2754],{"type":15,"tag":120,"props":2066,"children":2067},{"class":122,"line":123},[2068,2072,2076,2080,2084,2088,2092],{"type":15,"tag":120,"props":2069,"children":2070},{"style":378},[2071],{"type":21,"value":381},{"type":15,"tag":120,"props":2073,"children":2074},{"style":127},[2075],{"type":21,"value":386},{"type":15,"tag":120,"props":2077,"children":2078},{"style":133},[2079],{"type":21,"value":41},{"type":15,"tag":120,"props":2081,"children":2082},{"style":127},[2083],{"type":21,"value":395},{"type":15,"tag":120,"props":2085,"children":2086},{"style":378},[2087],{"type":21,"value":400},{"type":15,"tag":120,"props":2089,"children":2090},{"style":168},[2091],{"type":21,"value":467},{"type":15,"tag":120,"props":2093,"children":2094},{"style":127},[2095],{"type":21,"value":410},{"type":15,"tag":120,"props":2097,"children":2098},{"class":122,"line":143},[2099],{"type":15,"tag":120,"props":2100,"children":2101},{"emptyLinePlaceholder":8},[2102],{"type":21,"value":224},{"type":15,"tag":120,"props":2104,"children":2105},{"class":122,"line":178},[2106,2110,2114,2118,2122],{"type":15,"tag":120,"props":2107,"children":2108},{"style":378},[2109],{"type":21,"value":486},{"type":15,"tag":120,"props":2111,"children":2112},{"style":378},[2113],{"type":21,"value":491},{"type":15,"tag":120,"props":2115,"children":2116},{"style":378},[2117],{"type":21,"value":496},{"type":15,"tag":120,"props":2119,"children":2120},{"style":499},[2121],{"type":21,"value":1110},{"type":15,"tag":120,"props":2123,"children":2124},{"style":127},[2125],{"type":21,"value":507},{"type":15,"tag":120,"props":2127,"children":2128},{"class":122,"line":218},[2129,2133],{"type":15,"tag":120,"props":2130,"children":2131},{"style":378},[2132],{"type":21,"value":515},{"type":15,"tag":120,"props":2134,"children":2135},{"style":127},[2136],{"type":21,"value":520},{"type":15,"tag":120,"props":2138,"children":2139},{"class":122,"line":227},[2140],{"type":15,"tag":120,"props":2141,"children":2142},{"style":127},[2143],{"type":21,"value":2144}," \u003C>\n",{"type":15,"tag":120,"props":2146,"children":2147},{"class":122,"line":251},[2148,2152,2156,2160,2164,2168],{"type":15,"tag":120,"props":2149,"children":2150},{"style":127},[2151],{"type":21,"value":558},{"type":15,"tag":120,"props":2153,"children":2154},{"style":133},[2155],{"type":21,"value":154},{"type":15,"tag":120,"props":2157,"children":2158},{"style":534},[2159],{"type":21,"value":537},{"type":15,"tag":120,"props":2161,"children":2162},{"style":540},[2163],{"type":21,"value":165},{"type":15,"tag":120,"props":2165,"children":2166},{"style":168},[2167],{"type":21,"value":171},{"type":15,"tag":120,"props":2169,"children":2170},{"style":127},[2171],{"type":21,"value":140},{"type":15,"tag":120,"props":2173,"children":2174},{"class":122,"line":259},[2175,2180],{"type":15,"tag":120,"props":2176,"children":2177},{"style":127},[2178],{"type":21,"value":2179}," \u003C",{"type":15,"tag":120,"props":2181,"children":2182},{"style":561},[2183],{"type":21,"value":1469},{"type":15,"tag":120,"props":2185,"children":2186},{"class":122,"line":296},[2187,2192,2196],{"type":15,"tag":120,"props":2188,"children":2189},{"style":534},[2190],{"type":21,"value":2191}," variant",{"type":15,"tag":120,"props":2193,"children":2194},{"style":540},[2195],{"type":21,"value":165},{"type":15,"tag":120,"props":2197,"children":2198},{"style":168},[2199],{"type":21,"value":2200},"\"primary\"\n",{"type":15,"tag":120,"props":2202,"children":2203},{"class":122,"line":313},[2204],{"type":15,"tag":120,"props":2205,"children":2206},{"style":534},[2207],{"type":21,"value":2208}," blank\n",{"type":15,"tag":120,"props":2210,"children":2211},{"class":122,"line":330},[2212,2217,2221],{"type":15,"tag":120,"props":2213,"children":2214},{"style":534},[2215],{"type":21,"value":2216}," className",{"type":15,"tag":120,"props":2218,"children":2219},{"style":540},[2220],{"type":21,"value":165},{"type":15,"tag":120,"props":2222,"children":2223},{"style":168},[2224],{"type":21,"value":2225},"\"text-white bg-neutral-700 hover:bg-neutral-800 active:bg-neutral-900\"\n",{"type":15,"tag":120,"props":2227,"children":2228},{"class":122,"line":338},[2229],{"type":15,"tag":120,"props":2230,"children":2231},{"style":127},[2232],{"type":21,"value":2233}," >\n",{"type":15,"tag":120,"props":2235,"children":2236},{"class":122,"line":374},[2237],{"type":15,"tag":120,"props":2238,"children":2239},{"style":127},[2240],{"type":21,"value":2241}," Hello\n",{"type":15,"tag":120,"props":2243,"children":2244},{"class":122,"line":413},[2245,2250,2254],{"type":15,"tag":120,"props":2246,"children":2247},{"style":127},[2248],{"type":21,"value":2249}," \u003C\u002F",{"type":15,"tag":120,"props":2251,"children":2252},{"style":561},[2253],{"type":21,"value":41},{"type":15,"tag":120,"props":2255,"children":2256},{"style":127},[2257],{"type":21,"value":140},{"type":15,"tag":120,"props":2259,"children":2260},{"class":122,"line":1544},[2261],{"type":15,"tag":120,"props":2262,"children":2263},{"emptyLinePlaceholder":8},[2264],{"type":21,"value":224},{"type":15,"tag":120,"props":2266,"children":2267},{"class":122,"line":1552},[2268,2272],{"type":15,"tag":120,"props":2269,"children":2270},{"style":127},[2271],{"type":21,"value":2179},{"type":15,"tag":120,"props":2273,"children":2274},{"style":561},[2275],{"type":21,"value":1469},{"type":15,"tag":120,"props":2277,"children":2278},{"class":122,"line":1564},[2279,2283,2287],{"type":15,"tag":120,"props":2280,"children":2281},{"style":534},[2282],{"type":21,"value":2191},{"type":15,"tag":120,"props":2284,"children":2285},{"style":540},[2286],{"type":21,"value":165},{"type":15,"tag":120,"props":2288,"children":2289},{"style":168},[2290],{"type":21,"value":1486},{"type":15,"tag":120,"props":2292,"children":2293},{"class":122,"line":1581},[2294],{"type":15,"tag":120,"props":2295,"children":2296},{"style":534},[2297],{"type":21,"value":2208},{"type":15,"tag":120,"props":2299,"children":2300},{"class":122,"line":1589},[2301,2305,2309],{"type":15,"tag":120,"props":2302,"children":2303},{"style":534},[2304],{"type":21,"value":2216},{"type":15,"tag":120,"props":2306,"children":2307},{"style":540},[2308],{"type":21,"value":165},{"type":15,"tag":120,"props":2310,"children":2311},{"style":168},[2312],{"type":21,"value":1511},{"type":15,"tag":120,"props":2314,"children":2315},{"class":122,"line":1606},[2316],{"type":15,"tag":120,"props":2317,"children":2318},{"style":127},[2319],{"type":21,"value":2233},{"type":15,"tag":120,"props":2321,"children":2322},{"class":122,"line":1614},[2323],{"type":15,"tag":120,"props":2324,"children":2325},{"style":127},[2326],{"type":21,"value":2241},{"type":15,"tag":120,"props":2328,"children":2329},{"class":122,"line":1622},[2330,2334,2338],{"type":15,"tag":120,"props":2331,"children":2332},{"style":127},[2333],{"type":21,"value":2249},{"type":15,"tag":120,"props":2335,"children":2336},{"style":561},[2337],{"type":21,"value":41},{"type":15,"tag":120,"props":2339,"children":2340},{"style":127},[2341],{"type":21,"value":140},{"type":15,"tag":120,"props":2343,"children":2344},{"class":122,"line":1638},[2345],{"type":15,"tag":120,"props":2346,"children":2347},{"emptyLinePlaceholder":8},[2348],{"type":21,"value":224},{"type":15,"tag":120,"props":2350,"children":2351},{"class":122,"line":1654},[2352,2356],{"type":15,"tag":120,"props":2353,"children":2354},{"style":127},[2355],{"type":21,"value":2179},{"type":15,"tag":120,"props":2357,"children":2358},{"style":561},[2359],{"type":21,"value":1469},{"type":15,"tag":120,"props":2361,"children":2362},{"class":122,"line":1682},[2363,2367,2371],{"type":15,"tag":120,"props":2364,"children":2365},{"style":534},[2366],{"type":21,"value":2191},{"type":15,"tag":120,"props":2368,"children":2369},{"style":540},[2370],{"type":21,"value":165},{"type":15,"tag":120,"props":2372,"children":2373},{"style":168},[2374],{"type":21,"value":1578},{"type":15,"tag":120,"props":2376,"children":2377},{"class":122,"line":1727},[2378],{"type":15,"tag":120,"props":2379,"children":2380},{"style":534},[2381],{"type":21,"value":2208},{"type":15,"tag":120,"props":2383,"children":2384},{"class":122,"line":1735},[2385,2389,2393],{"type":15,"tag":120,"props":2386,"children":2387},{"style":534},[2388],{"type":21,"value":2216},{"type":15,"tag":120,"props":2390,"children":2391},{"style":540},[2392],{"type":21,"value":165},{"type":15,"tag":120,"props":2394,"children":2395},{"style":168},[2396],{"type":21,"value":1603},{"type":15,"tag":120,"props":2398,"children":2399},{"class":122,"line":1751},[2400],{"type":15,"tag":120,"props":2401,"children":2402},{"style":127},[2403],{"type":21,"value":2233},{"type":15,"tag":120,"props":2405,"children":2406},{"class":122,"line":1759},[2407],{"type":15,"tag":120,"props":2408,"children":2409},{"style":127},[2410],{"type":21,"value":2241},{"type":15,"tag":120,"props":2412,"children":2413},{"class":122,"line":1771},[2414,2418,2422],{"type":15,"tag":120,"props":2415,"children":2416},{"style":127},[2417],{"type":21,"value":2249},{"type":15,"tag":120,"props":2419,"children":2420},{"style":561},[2421],{"type":21,"value":41},{"type":15,"tag":120,"props":2423,"children":2424},{"style":127},[2425],{"type":21,"value":140},{"type":15,"tag":120,"props":2427,"children":2428},{"class":122,"line":1787},[2429,2434,2438],{"type":15,"tag":120,"props":2430,"children":2431},{"style":127},[2432],{"type":21,"value":2433}," \u003C\u002F",{"type":15,"tag":120,"props":2435,"children":2436},{"style":133},[2437],{"type":21,"value":154},{"type":15,"tag":120,"props":2439,"children":2440},{"style":127},[2441],{"type":21,"value":140},{"type":15,"tag":120,"props":2443,"children":2444},{"class":122,"line":1795},[2445,2449,2453,2457,2461,2465],{"type":15,"tag":120,"props":2446,"children":2447},{"style":127},[2448],{"type":21,"value":558},{"type":15,"tag":120,"props":2450,"children":2451},{"style":133},[2452],{"type":21,"value":154},{"type":15,"tag":120,"props":2454,"children":2455},{"style":534},[2456],{"type":21,"value":537},{"type":15,"tag":120,"props":2458,"children":2459},{"style":540},[2460],{"type":21,"value":165},{"type":15,"tag":120,"props":2462,"children":2463},{"style":168},[2464],{"type":21,"value":171},{"type":15,"tag":120,"props":2466,"children":2467},{"style":127},[2468],{"type":21,"value":140},{"type":15,"tag":120,"props":2470,"children":2471},{"class":122,"line":1812},[2472,2476],{"type":15,"tag":120,"props":2473,"children":2474},{"style":127},[2475],{"type":21,"value":2179},{"type":15,"tag":120,"props":2477,"children":2478},{"style":561},[2479],{"type":21,"value":1469},{"type":15,"tag":120,"props":2481,"children":2482},{"class":122,"line":1820},[2483,2487,2491],{"type":15,"tag":120,"props":2484,"children":2485},{"style":534},[2486],{"type":21,"value":2191},{"type":15,"tag":120,"props":2488,"children":2489},{"style":540},[2490],{"type":21,"value":165},{"type":15,"tag":120,"props":2492,"children":2493},{"style":168},[2494],{"type":21,"value":2200},{"type":15,"tag":120,"props":2496,"children":2497},{"class":122,"line":1828},[2498],{"type":15,"tag":120,"props":2499,"children":2500},{"style":534},[2501],{"type":21,"value":2208},{"type":15,"tag":120,"props":2503,"children":2504},{"class":122,"line":1844},[2505,2509,2513],{"type":15,"tag":120,"props":2506,"children":2507},{"style":534},[2508],{"type":21,"value":2216},{"type":15,"tag":120,"props":2510,"children":2511},{"style":540},[2512],{"type":21,"value":165},{"type":15,"tag":120,"props":2514,"children":2515},{"style":168},[2516],{"type":21,"value":2517},"\"text-white bg-negative-700 hover:bg-negative-800 active:bg-negative-900\"\n",{"type":15,"tag":120,"props":2519,"children":2520},{"class":122,"line":1852},[2521],{"type":15,"tag":120,"props":2522,"children":2523},{"style":127},[2524],{"type":21,"value":2233},{"type":15,"tag":120,"props":2526,"children":2527},{"class":122,"line":1864},[2528],{"type":15,"tag":120,"props":2529,"children":2530},{"style":127},[2531],{"type":21,"value":2241},{"type":15,"tag":120,"props":2533,"children":2534},{"class":122,"line":1880},[2535,2539,2543],{"type":15,"tag":120,"props":2536,"children":2537},{"style":127},[2538],{"type":21,"value":2249},{"type":15,"tag":120,"props":2540,"children":2541},{"style":561},[2542],{"type":21,"value":41},{"type":15,"tag":120,"props":2544,"children":2545},{"style":127},[2546],{"type":21,"value":140},{"type":15,"tag":120,"props":2548,"children":2549},{"class":122,"line":1888},[2550],{"type":15,"tag":120,"props":2551,"children":2552},{"emptyLinePlaceholder":8},[2553],{"type":21,"value":224},{"type":15,"tag":120,"props":2555,"children":2556},{"class":122,"line":1905},[2557,2561],{"type":15,"tag":120,"props":2558,"children":2559},{"style":127},[2560],{"type":21,"value":2179},{"type":15,"tag":120,"props":2562,"children":2563},{"style":561},[2564],{"type":21,"value":1469},{"type":15,"tag":120,"props":2566,"children":2567},{"class":122,"line":1913},[2568,2572,2576],{"type":15,"tag":120,"props":2569,"children":2570},{"style":534},[2571],{"type":21,"value":2191},{"type":15,"tag":120,"props":2573,"children":2574},{"style":540},[2575],{"type":21,"value":165},{"type":15,"tag":120,"props":2577,"children":2578},{"style":168},[2579],{"type":21,"value":1486},{"type":15,"tag":120,"props":2581,"children":2582},{"class":122,"line":1921},[2583],{"type":15,"tag":120,"props":2584,"children":2585},{"style":534},[2586],{"type":21,"value":2208},{"type":15,"tag":120,"props":2588,"children":2589},{"class":122,"line":1937},[2590,2594,2598],{"type":15,"tag":120,"props":2591,"children":2592},{"style":534},[2593],{"type":21,"value":2216},{"type":15,"tag":120,"props":2595,"children":2596},{"style":540},[2597],{"type":21,"value":165},{"type":15,"tag":120,"props":2599,"children":2600},{"style":168},[2601],{"type":21,"value":1809},{"type":15,"tag":120,"props":2603,"children":2604},{"class":122,"line":1953},[2605],{"type":15,"tag":120,"props":2606,"children":2607},{"style":127},[2608],{"type":21,"value":2233},{"type":15,"tag":120,"props":2610,"children":2611},{"class":122,"line":1969},[2612],{"type":15,"tag":120,"props":2613,"children":2614},{"style":127},[2615],{"type":21,"value":2241},{"type":15,"tag":120,"props":2617,"children":2618},{"class":122,"line":1977},[2619,2623,2627],{"type":15,"tag":120,"props":2620,"children":2621},{"style":127},[2622],{"type":21,"value":2249},{"type":15,"tag":120,"props":2624,"children":2625},{"style":561},[2626],{"type":21,"value":41},{"type":15,"tag":120,"props":2628,"children":2629},{"style":127},[2630],{"type":21,"value":140},{"type":15,"tag":120,"props":2632,"children":2633},{"class":122,"line":2009},[2634],{"type":15,"tag":120,"props":2635,"children":2636},{"emptyLinePlaceholder":8},[2637],{"type":21,"value":224},{"type":15,"tag":120,"props":2639,"children":2640},{"class":122,"line":2041},[2641,2645],{"type":15,"tag":120,"props":2642,"children":2643},{"style":127},[2644],{"type":21,"value":2179},{"type":15,"tag":120,"props":2646,"children":2647},{"style":561},[2648],{"type":21,"value":1469},{"type":15,"tag":120,"props":2650,"children":2652},{"class":122,"line":2651},49,[2653,2657,2661],{"type":15,"tag":120,"props":2654,"children":2655},{"style":534},[2656],{"type":21,"value":2191},{"type":15,"tag":120,"props":2658,"children":2659},{"style":540},[2660],{"type":21,"value":165},{"type":15,"tag":120,"props":2662,"children":2663},{"style":168},[2664],{"type":21,"value":1578},{"type":15,"tag":120,"props":2666,"children":2668},{"class":122,"line":2667},50,[2669],{"type":15,"tag":120,"props":2670,"children":2671},{"style":534},[2672],{"type":21,"value":2208},{"type":15,"tag":120,"props":2674,"children":2676},{"class":122,"line":2675},51,[2677,2681,2685],{"type":15,"tag":120,"props":2678,"children":2679},{"style":534},[2680],{"type":21,"value":2216},{"type":15,"tag":120,"props":2682,"children":2683},{"style":540},[2684],{"type":21,"value":165},{"type":15,"tag":120,"props":2686,"children":2687},{"style":168},[2688],{"type":21,"value":1902},{"type":15,"tag":120,"props":2690,"children":2692},{"class":122,"line":2691},52,[2693],{"type":15,"tag":120,"props":2694,"children":2695},{"style":127},[2696],{"type":21,"value":2233},{"type":15,"tag":120,"props":2698,"children":2700},{"class":122,"line":2699},53,[2701],{"type":15,"tag":120,"props":2702,"children":2703},{"style":127},[2704],{"type":21,"value":2241},{"type":15,"tag":120,"props":2706,"children":2708},{"class":122,"line":2707},54,[2709,2713,2717],{"type":15,"tag":120,"props":2710,"children":2711},{"style":127},[2712],{"type":21,"value":2249},{"type":15,"tag":120,"props":2714,"children":2715},{"style":561},[2716],{"type":21,"value":41},{"type":15,"tag":120,"props":2718,"children":2719},{"style":127},[2720],{"type":21,"value":140},{"type":15,"tag":120,"props":2722,"children":2724},{"class":122,"line":2723},55,[2725,2729,2733],{"type":15,"tag":120,"props":2726,"children":2727},{"style":127},[2728],{"type":21,"value":2433},{"type":15,"tag":120,"props":2730,"children":2731},{"style":133},[2732],{"type":21,"value":154},{"type":15,"tag":120,"props":2734,"children":2735},{"style":127},[2736],{"type":21,"value":140},{"type":15,"tag":120,"props":2738,"children":2740},{"class":122,"line":2739},56,[2741],{"type":15,"tag":120,"props":2742,"children":2743},{"style":127},[2744],{"type":21,"value":2745}," \u003C\u002F>\n",{"type":15,"tag":120,"props":2747,"children":2749},{"class":122,"line":2748},57,[2750],{"type":15,"tag":120,"props":2751,"children":2752},{"style":127},[2753],{"type":21,"value":696},{"type":15,"tag":120,"props":2755,"children":2757},{"class":122,"line":2756},58,[2758],{"type":15,"tag":120,"props":2759,"children":2760},{"style":127},[2761],{"type":21,"value":704},{"type":15,"tag":52,"props":2763,"children":2765},{"id":2764},"button-as-a-link",[2766],{"type":21,"value":2767},"Button as a link",{"type":15,"tag":106,"props":2769,"children":2770},{},[2771],{"type":15,"tag":32,"props":2772,"children":2773},{},[2774,2776,2782],{"type":21,"value":2775},"This component can be used as a link (or any other tag) that can be set via the ",{"type":15,"tag":36,"props":2777,"children":2779},{"className":2778},[],[2780],{"type":21,"value":2781},"tag",{"type":21,"value":2783}," prop.",{"type":15,"tag":428,"props":2785,"children":2786},{},[2787],{"type":15,"tag":32,"props":2788,"children":2789},{},[2790,2791,2797],{"type":21,"value":2775},{"type":15,"tag":36,"props":2792,"children":2794},{"className":2793},[],[2795],{"type":21,"value":2796},"as",{"type":21,"value":2783},{"type":15,"tag":100,"props":2799,"children":2801},{"showcase-name":2800,"style":103},"Button\u002FButtonAsLink",[2802,3212],{"type":15,"tag":106,"props":2803,"children":2804},{},[2805],{"type":15,"tag":110,"props":2806,"children":2808},{"className":112,"code":2807,"language":114,"meta":9,"style":9},"\u003Ctemplate>\n \u003Cdiv class=\"flex flex-col items-center space-y-4 xs:block xs:space-x-4\">\n \u003CSfButton tag=\"a\" href=\"#\"> Link \u003C\u002FSfButton>\n\n \u003CSfButton :tag=\"NuxtLink\" to=\"#\"> NuxtLink \u003C\u002FSfButton>\n\n \u003CSfButton tag=\"router-link\" to=\"#\"> router-link \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { resolveComponent } from 'vue';\nimport { SfButton } from '@storefront-ui\u002Fvue';\n\nconst NuxtLink = resolveComponent('NuxtLink');\n\u003C\u002Fscript>\n\n",[2809],{"type":15,"tag":36,"props":2810,"children":2811},{"__ignoreMap":9},[2812,2827,2854,2906,2913,2964,2971,3020,3035,3050,3057,3088,3121,3152,3159,3197],{"type":15,"tag":120,"props":2813,"children":2814},{"class":122,"line":123},[2815,2819,2823],{"type":15,"tag":120,"props":2816,"children":2817},{"style":127},[2818],{"type":21,"value":130},{"type":15,"tag":120,"props":2820,"children":2821},{"style":133},[2822],{"type":21,"value":28},{"type":15,"tag":120,"props":2824,"children":2825},{"style":127},[2826],{"type":21,"value":140},{"type":15,"tag":120,"props":2828,"children":2829},{"class":122,"line":143},[2830,2834,2838,2842,2846,2850],{"type":15,"tag":120,"props":2831,"children":2832},{"style":127},[2833],{"type":21,"value":149},{"type":15,"tag":120,"props":2835,"children":2836},{"style":133},[2837],{"type":21,"value":154},{"type":15,"tag":120,"props":2839,"children":2840},{"style":157},[2841],{"type":21,"value":160},{"type":15,"tag":120,"props":2843,"children":2844},{"style":127},[2845],{"type":21,"value":165},{"type":15,"tag":120,"props":2847,"children":2848},{"style":168},[2849],{"type":21,"value":171},{"type":15,"tag":120,"props":2851,"children":2852},{"style":127},[2853],{"type":21,"value":140},{"type":15,"tag":120,"props":2855,"children":2856},{"class":122,"line":178},[2857,2861,2865,2870,2874,2879,2884,2888,2893,2898,2902],{"type":15,"tag":120,"props":2858,"children":2859},{"style":127},[2860],{"type":21,"value":184},{"type":15,"tag":120,"props":2862,"children":2863},{"style":133},[2864],{"type":21,"value":41},{"type":15,"tag":120,"props":2866,"children":2867},{"style":157},[2868],{"type":21,"value":2869}," tag",{"type":15,"tag":120,"props":2871,"children":2872},{"style":127},[2873],{"type":21,"value":165},{"type":15,"tag":120,"props":2875,"children":2876},{"style":168},[2877],{"type":21,"value":2878},"\"a\"",{"type":15,"tag":120,"props":2880,"children":2881},{"style":157},[2882],{"type":21,"value":2883}," href",{"type":15,"tag":120,"props":2885,"children":2886},{"style":127},[2887],{"type":21,"value":165},{"type":15,"tag":120,"props":2889,"children":2890},{"style":168},[2891],{"type":21,"value":2892},"\"#\"",{"type":15,"tag":120,"props":2894,"children":2895},{"style":127},[2896],{"type":21,"value":2897},"> Link \u003C\u002F",{"type":15,"tag":120,"props":2899,"children":2900},{"style":133},[2901],{"type":21,"value":41},{"type":15,"tag":120,"props":2903,"children":2904},{"style":127},[2905],{"type":21,"value":140},{"type":15,"tag":120,"props":2907,"children":2908},{"class":122,"line":218},[2909],{"type":15,"tag":120,"props":2910,"children":2911},{"emptyLinePlaceholder":8},[2912],{"type":21,"value":224},{"type":15,"tag":120,"props":2914,"children":2915},{"class":122,"line":227},[2916,2920,2924,2929,2933,2938,2943,2947,2951,2956,2960],{"type":15,"tag":120,"props":2917,"children":2918},{"style":127},[2919],{"type":21,"value":184},{"type":15,"tag":120,"props":2921,"children":2922},{"style":133},[2923],{"type":21,"value":41},{"type":15,"tag":120,"props":2925,"children":2926},{"style":157},[2927],{"type":21,"value":2928}," :tag",{"type":15,"tag":120,"props":2930,"children":2931},{"style":127},[2932],{"type":21,"value":165},{"type":15,"tag":120,"props":2934,"children":2935},{"style":168},[2936],{"type":21,"value":2937},"\"NuxtLink\"",{"type":15,"tag":120,"props":2939,"children":2940},{"style":157},[2941],{"type":21,"value":2942}," to",{"type":15,"tag":120,"props":2944,"children":2945},{"style":127},[2946],{"type":21,"value":165},{"type":15,"tag":120,"props":2948,"children":2949},{"style":168},[2950],{"type":21,"value":2892},{"type":15,"tag":120,"props":2952,"children":2953},{"style":127},[2954],{"type":21,"value":2955},"> NuxtLink \u003C\u002F",{"type":15,"tag":120,"props":2957,"children":2958},{"style":133},[2959],{"type":21,"value":41},{"type":15,"tag":120,"props":2961,"children":2962},{"style":127},[2963],{"type":21,"value":140},{"type":15,"tag":120,"props":2965,"children":2966},{"class":122,"line":251},[2967],{"type":15,"tag":120,"props":2968,"children":2969},{"emptyLinePlaceholder":8},[2970],{"type":21,"value":224},{"type":15,"tag":120,"props":2972,"children":2973},{"class":122,"line":259},[2974,2978,2982,2986,2990,2995,2999,3003,3007,3012,3016],{"type":15,"tag":120,"props":2975,"children":2976},{"style":127},[2977],{"type":21,"value":184},{"type":15,"tag":120,"props":2979,"children":2980},{"style":133},[2981],{"type":21,"value":41},{"type":15,"tag":120,"props":2983,"children":2984},{"style":157},[2985],{"type":21,"value":2869},{"type":15,"tag":120,"props":2987,"children":2988},{"style":127},[2989],{"type":21,"value":165},{"type":15,"tag":120,"props":2991,"children":2992},{"style":168},[2993],{"type":21,"value":2994},"\"router-link\"",{"type":15,"tag":120,"props":2996,"children":2997},{"style":157},[2998],{"type":21,"value":2942},{"type":15,"tag":120,"props":3000,"children":3001},{"style":127},[3002],{"type":21,"value":165},{"type":15,"tag":120,"props":3004,"children":3005},{"style":168},[3006],{"type":21,"value":2892},{"type":15,"tag":120,"props":3008,"children":3009},{"style":127},[3010],{"type":21,"value":3011},"> router-link \u003C\u002F",{"type":15,"tag":120,"props":3013,"children":3014},{"style":133},[3015],{"type":21,"value":41},{"type":15,"tag":120,"props":3017,"children":3018},{"style":127},[3019],{"type":21,"value":140},{"type":15,"tag":120,"props":3021,"children":3022},{"class":122,"line":296},[3023,3027,3031],{"type":15,"tag":120,"props":3024,"children":3025},{"style":127},[3026],{"type":21,"value":302},{"type":15,"tag":120,"props":3028,"children":3029},{"style":133},[3030],{"type":21,"value":154},{"type":15,"tag":120,"props":3032,"children":3033},{"style":127},[3034],{"type":21,"value":140},{"type":15,"tag":120,"props":3036,"children":3037},{"class":122,"line":313},[3038,3042,3046],{"type":15,"tag":120,"props":3039,"children":3040},{"style":127},[3041],{"type":21,"value":319},{"type":15,"tag":120,"props":3043,"children":3044},{"style":133},[3045],{"type":21,"value":28},{"type":15,"tag":120,"props":3047,"children":3048},{"style":127},[3049],{"type":21,"value":140},{"type":15,"tag":120,"props":3051,"children":3052},{"class":122,"line":330},[3053],{"type":15,"tag":120,"props":3054,"children":3055},{"emptyLinePlaceholder":8},[3056],{"type":21,"value":224},{"type":15,"tag":120,"props":3058,"children":3059},{"class":122,"line":338},[3060,3064,3068,3072,3076,3080,3084],{"type":15,"tag":120,"props":3061,"children":3062},{"style":127},[3063],{"type":21,"value":130},{"type":15,"tag":120,"props":3065,"children":3066},{"style":133},[3067],{"type":21,"value":348},{"type":15,"tag":120,"props":3069,"children":3070},{"style":157},[3071],{"type":21,"value":353},{"type":15,"tag":120,"props":3073,"children":3074},{"style":127},[3075],{"type":21,"value":165},{"type":15,"tag":120,"props":3077,"children":3078},{"style":168},[3079],{"type":21,"value":362},{"type":15,"tag":120,"props":3081,"children":3082},{"style":157},[3083],{"type":21,"value":367},{"type":15,"tag":120,"props":3085,"children":3086},{"style":127},[3087],{"type":21,"value":140},{"type":15,"tag":120,"props":3089,"children":3090},{"class":122,"line":374},[3091,3095,3099,3104,3108,3112,3117],{"type":15,"tag":120,"props":3092,"children":3093},{"style":378},[3094],{"type":21,"value":381},{"type":15,"tag":120,"props":3096,"children":3097},{"style":127},[3098],{"type":21,"value":386},{"type":15,"tag":120,"props":3100,"children":3101},{"style":133},[3102],{"type":21,"value":3103},"resolveComponent",{"type":15,"tag":120,"props":3105,"children":3106},{"style":127},[3107],{"type":21,"value":395},{"type":15,"tag":120,"props":3109,"children":3110},{"style":378},[3111],{"type":21,"value":400},{"type":15,"tag":120,"props":3113,"children":3114},{"style":168},[3115],{"type":21,"value":3116}," 'vue'",{"type":15,"tag":120,"props":3118,"children":3119},{"style":127},[3120],{"type":21,"value":410},{"type":15,"tag":120,"props":3122,"children":3123},{"class":122,"line":413},[3124,3128,3132,3136,3140,3144,3148],{"type":15,"tag":120,"props":3125,"children":3126},{"style":378},[3127],{"type":21,"value":381},{"type":15,"tag":120,"props":3129,"children":3130},{"style":127},[3131],{"type":21,"value":386},{"type":15,"tag":120,"props":3133,"children":3134},{"style":133},[3135],{"type":21,"value":41},{"type":15,"tag":120,"props":3137,"children":3138},{"style":127},[3139],{"type":21,"value":395},{"type":15,"tag":120,"props":3141,"children":3142},{"style":378},[3143],{"type":21,"value":400},{"type":15,"tag":120,"props":3145,"children":3146},{"style":168},[3147],{"type":21,"value":405},{"type":15,"tag":120,"props":3149,"children":3150},{"style":127},[3151],{"type":21,"value":410},{"type":15,"tag":120,"props":3153,"children":3154},{"class":122,"line":1544},[3155],{"type":15,"tag":120,"props":3156,"children":3157},{"emptyLinePlaceholder":8},[3158],{"type":21,"value":224},{"type":15,"tag":120,"props":3160,"children":3161},{"class":122,"line":1552},[3162,3167,3172,3177,3182,3187,3192],{"type":15,"tag":120,"props":3163,"children":3164},{"style":378},[3165],{"type":21,"value":3166},"const",{"type":15,"tag":120,"props":3168,"children":3169},{"style":561},[3170],{"type":21,"value":3171}," NuxtLink",{"type":15,"tag":120,"props":3173,"children":3174},{"style":540},[3175],{"type":21,"value":3176}," =",{"type":15,"tag":120,"props":3178,"children":3179},{"style":499},[3180],{"type":21,"value":3181}," resolveComponent",{"type":15,"tag":120,"props":3183,"children":3184},{"style":127},[3185],{"type":21,"value":3186},"(",{"type":15,"tag":120,"props":3188,"children":3189},{"style":168},[3190],{"type":21,"value":3191},"'NuxtLink'",{"type":15,"tag":120,"props":3193,"children":3194},{"style":127},[3195],{"type":21,"value":3196},");\n",{"type":15,"tag":120,"props":3198,"children":3199},{"class":122,"line":1564},[3200,3204,3208],{"type":15,"tag":120,"props":3201,"children":3202},{"style":127},[3203],{"type":21,"value":319},{"type":15,"tag":120,"props":3205,"children":3206},{"style":133},[3207],{"type":21,"value":348},{"type":15,"tag":120,"props":3209,"children":3210},{"style":127},[3211],{"type":21,"value":140},{"type":15,"tag":428,"props":3213,"children":3214},{},[3215],{"type":15,"tag":110,"props":3216,"children":3218},{"className":433,"code":3217,"language":435,"meta":9,"style":9},"import { SfButton } from '@storefront-ui\u002Freact';\nimport Link from 'next\u002Flink';\n\nexport default function ButtonAsLink() {\n return (\n \u003Cdiv className=\"flex flex-col items-center space-y-4 xs:block xs:space-x-4\">\n \u003CSfButton as=\"a\" href=\"#\">\n Link\n \u003C\u002FSfButton>\n \u003CLink href=\"#\" passHref legacyBehavior>\n \u003CSfButton as=\"a\">NextLink\u003C\u002FSfButton>\n \u003C\u002FLink>\n \u003C\u002Fdiv>\n );\n}\n",[3219],{"type":15,"tag":36,"props":3220,"children":3221},{"__ignoreMap":9},[3222,3253,3279,3286,3310,3321,3348,3388,3396,3411,3449,3485,3500,3515,3522],{"type":15,"tag":120,"props":3223,"children":3224},{"class":122,"line":123},[3225,3229,3233,3237,3241,3245,3249],{"type":15,"tag":120,"props":3226,"children":3227},{"style":378},[3228],{"type":21,"value":381},{"type":15,"tag":120,"props":3230,"children":3231},{"style":127},[3232],{"type":21,"value":386},{"type":15,"tag":120,"props":3234,"children":3235},{"style":133},[3236],{"type":21,"value":41},{"type":15,"tag":120,"props":3238,"children":3239},{"style":127},[3240],{"type":21,"value":395},{"type":15,"tag":120,"props":3242,"children":3243},{"style":378},[3244],{"type":21,"value":400},{"type":15,"tag":120,"props":3246,"children":3247},{"style":168},[3248],{"type":21,"value":467},{"type":15,"tag":120,"props":3250,"children":3251},{"style":127},[3252],{"type":21,"value":410},{"type":15,"tag":120,"props":3254,"children":3255},{"class":122,"line":143},[3256,3260,3265,3270,3275],{"type":15,"tag":120,"props":3257,"children":3258},{"style":378},[3259],{"type":21,"value":381},{"type":15,"tag":120,"props":3261,"children":3262},{"style":133},[3263],{"type":21,"value":3264}," Link",{"type":15,"tag":120,"props":3266,"children":3267},{"style":378},[3268],{"type":21,"value":3269}," from",{"type":15,"tag":120,"props":3271,"children":3272},{"style":168},[3273],{"type":21,"value":3274}," 'next\u002Flink'",{"type":15,"tag":120,"props":3276,"children":3277},{"style":127},[3278],{"type":21,"value":410},{"type":15,"tag":120,"props":3280,"children":3281},{"class":122,"line":178},[3282],{"type":15,"tag":120,"props":3283,"children":3284},{"emptyLinePlaceholder":8},[3285],{"type":21,"value":224},{"type":15,"tag":120,"props":3287,"children":3288},{"class":122,"line":218},[3289,3293,3297,3301,3306],{"type":15,"tag":120,"props":3290,"children":3291},{"style":378},[3292],{"type":21,"value":486},{"type":15,"tag":120,"props":3294,"children":3295},{"style":378},[3296],{"type":21,"value":491},{"type":15,"tag":120,"props":3298,"children":3299},{"style":378},[3300],{"type":21,"value":496},{"type":15,"tag":120,"props":3302,"children":3303},{"style":499},[3304],{"type":21,"value":3305}," ButtonAsLink",{"type":15,"tag":120,"props":3307,"children":3308},{"style":127},[3309],{"type":21,"value":507},{"type":15,"tag":120,"props":3311,"children":3312},{"class":122,"line":227},[3313,3317],{"type":15,"tag":120,"props":3314,"children":3315},{"style":378},[3316],{"type":21,"value":515},{"type":15,"tag":120,"props":3318,"children":3319},{"style":127},[3320],{"type":21,"value":520},{"type":15,"tag":120,"props":3322,"children":3323},{"class":122,"line":251},[3324,3328,3332,3336,3340,3344],{"type":15,"tag":120,"props":3325,"children":3326},{"style":127},[3327],{"type":21,"value":184},{"type":15,"tag":120,"props":3329,"children":3330},{"style":133},[3331],{"type":21,"value":154},{"type":15,"tag":120,"props":3333,"children":3334},{"style":534},[3335],{"type":21,"value":537},{"type":15,"tag":120,"props":3337,"children":3338},{"style":540},[3339],{"type":21,"value":165},{"type":15,"tag":120,"props":3341,"children":3342},{"style":168},[3343],{"type":21,"value":171},{"type":15,"tag":120,"props":3345,"children":3346},{"style":127},[3347],{"type":21,"value":140},{"type":15,"tag":120,"props":3349,"children":3350},{"class":122,"line":259},[3351,3355,3359,3364,3368,3372,3376,3380,3384],{"type":15,"tag":120,"props":3352,"children":3353},{"style":127},[3354],{"type":21,"value":558},{"type":15,"tag":120,"props":3356,"children":3357},{"style":561},[3358],{"type":21,"value":41},{"type":15,"tag":120,"props":3360,"children":3361},{"style":534},[3362],{"type":21,"value":3363}," as",{"type":15,"tag":120,"props":3365,"children":3366},{"style":540},[3367],{"type":21,"value":165},{"type":15,"tag":120,"props":3369,"children":3370},{"style":168},[3371],{"type":21,"value":2878},{"type":15,"tag":120,"props":3373,"children":3374},{"style":534},[3375],{"type":21,"value":2883},{"type":15,"tag":120,"props":3377,"children":3378},{"style":540},[3379],{"type":21,"value":165},{"type":15,"tag":120,"props":3381,"children":3382},{"style":168},[3383],{"type":21,"value":2892},{"type":15,"tag":120,"props":3385,"children":3386},{"style":127},[3387],{"type":21,"value":140},{"type":15,"tag":120,"props":3389,"children":3390},{"class":122,"line":296},[3391],{"type":15,"tag":120,"props":3392,"children":3393},{"style":127},[3394],{"type":21,"value":3395}," Link\n",{"type":15,"tag":120,"props":3397,"children":3398},{"class":122,"line":313},[3399,3403,3407],{"type":15,"tag":120,"props":3400,"children":3401},{"style":127},[3402],{"type":21,"value":2433},{"type":15,"tag":120,"props":3404,"children":3405},{"style":561},[3406],{"type":21,"value":41},{"type":15,"tag":120,"props":3408,"children":3409},{"style":127},[3410],{"type":21,"value":140},{"type":15,"tag":120,"props":3412,"children":3413},{"class":122,"line":330},[3414,3418,3423,3427,3431,3435,3440,3445],{"type":15,"tag":120,"props":3415,"children":3416},{"style":127},[3417],{"type":21,"value":558},{"type":15,"tag":120,"props":3419,"children":3420},{"style":561},[3421],{"type":21,"value":3422},"Link",{"type":15,"tag":120,"props":3424,"children":3425},{"style":534},[3426],{"type":21,"value":2883},{"type":15,"tag":120,"props":3428,"children":3429},{"style":540},[3430],{"type":21,"value":165},{"type":15,"tag":120,"props":3432,"children":3433},{"style":168},[3434],{"type":21,"value":2892},{"type":15,"tag":120,"props":3436,"children":3437},{"style":534},[3438],{"type":21,"value":3439}," passHref",{"type":15,"tag":120,"props":3441,"children":3442},{"style":534},[3443],{"type":21,"value":3444}," legacyBehavior",{"type":15,"tag":120,"props":3446,"children":3447},{"style":127},[3448],{"type":21,"value":140},{"type":15,"tag":120,"props":3450,"children":3451},{"class":122,"line":338},[3452,3456,3460,3464,3468,3472,3477,3481],{"type":15,"tag":120,"props":3453,"children":3454},{"style":127},[3455],{"type":21,"value":2179},{"type":15,"tag":120,"props":3457,"children":3458},{"style":561},[3459],{"type":21,"value":41},{"type":15,"tag":120,"props":3461,"children":3462},{"style":534},[3463],{"type":21,"value":3363},{"type":15,"tag":120,"props":3465,"children":3466},{"style":540},[3467],{"type":21,"value":165},{"type":15,"tag":120,"props":3469,"children":3470},{"style":168},[3471],{"type":21,"value":2878},{"type":15,"tag":120,"props":3473,"children":3474},{"style":127},[3475],{"type":21,"value":3476},">NextLink\u003C\u002F",{"type":15,"tag":120,"props":3478,"children":3479},{"style":561},[3480],{"type":21,"value":41},{"type":15,"tag":120,"props":3482,"children":3483},{"style":127},[3484],{"type":21,"value":140},{"type":15,"tag":120,"props":3486,"children":3487},{"class":122,"line":374},[3488,3492,3496],{"type":15,"tag":120,"props":3489,"children":3490},{"style":127},[3491],{"type":21,"value":2433},{"type":15,"tag":120,"props":3493,"children":3494},{"style":561},[3495],{"type":21,"value":3422},{"type":15,"tag":120,"props":3497,"children":3498},{"style":127},[3499],{"type":21,"value":140},{"type":15,"tag":120,"props":3501,"children":3502},{"class":122,"line":413},[3503,3507,3511],{"type":15,"tag":120,"props":3504,"children":3505},{"style":127},[3506],{"type":21,"value":680},{"type":15,"tag":120,"props":3508,"children":3509},{"style":133},[3510],{"type":21,"value":154},{"type":15,"tag":120,"props":3512,"children":3513},{"style":127},[3514],{"type":21,"value":140},{"type":15,"tag":120,"props":3516,"children":3517},{"class":122,"line":1544},[3518],{"type":15,"tag":120,"props":3519,"children":3520},{"style":127},[3521],{"type":21,"value":696},{"type":15,"tag":120,"props":3523,"children":3524},{"class":122,"line":1552},[3525],{"type":15,"tag":120,"props":3526,"children":3527},{"style":127},[3528],{"type":21,"value":704},{"type":15,"tag":52,"props":3530,"children":3532},{"id":3531},"button-block",[3533],{"type":21,"value":3534},"Button block",{"type":15,"tag":32,"props":3536,"children":3537},{},[3538,3540,3546],{"type":21,"value":3539},"You can create a full-width button with Tailwind's ",{"type":15,"tag":36,"props":3541,"children":3543},{"className":3542},[],[3544],{"type":21,"value":3545},"w-full",{"type":21,"value":3547}," class.",{"type":15,"tag":100,"props":3549,"children":3551},{"showcase-name":3550},"Button\u002FButtonBlock",[3552,3712],{"type":15,"tag":106,"props":3553,"children":3554},{},[3555],{"type":15,"tag":110,"props":3556,"children":3558},{"className":112,"code":3557,"language":114,"meta":9,"style":9},"\u003Ctemplate>\n \u003CSfButton class=\"w-full\"> Hello \u003C\u002FSfButton>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfButton } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[3559],{"type":15,"tag":36,"props":3560,"children":3561},{"__ignoreMap":9},[3562,3577,3613,3628,3635,3666,3697],{"type":15,"tag":120,"props":3563,"children":3564},{"class":122,"line":123},[3565,3569,3573],{"type":15,"tag":120,"props":3566,"children":3567},{"style":127},[3568],{"type":21,"value":130},{"type":15,"tag":120,"props":3570,"children":3571},{"style":133},[3572],{"type":21,"value":28},{"type":15,"tag":120,"props":3574,"children":3575},{"style":127},[3576],{"type":21,"value":140},{"type":15,"tag":120,"props":3578,"children":3579},{"class":122,"line":143},[3580,3584,3588,3592,3596,3601,3605,3609],{"type":15,"tag":120,"props":3581,"children":3582},{"style":127},[3583],{"type":21,"value":149},{"type":15,"tag":120,"props":3585,"children":3586},{"style":133},[3587],{"type":21,"value":41},{"type":15,"tag":120,"props":3589,"children":3590},{"style":157},[3591],{"type":21,"value":160},{"type":15,"tag":120,"props":3593,"children":3594},{"style":127},[3595],{"type":21,"value":165},{"type":15,"tag":120,"props":3597,"children":3598},{"style":168},[3599],{"type":21,"value":3600},"\"w-full\"",{"type":15,"tag":120,"props":3602,"children":3603},{"style":127},[3604],{"type":21,"value":834},{"type":15,"tag":120,"props":3606,"children":3607},{"style":133},[3608],{"type":21,"value":41},{"type":15,"tag":120,"props":3610,"children":3611},{"style":127},[3612],{"type":21,"value":140},{"type":15,"tag":120,"props":3614,"children":3615},{"class":122,"line":178},[3616,3620,3624],{"type":15,"tag":120,"props":3617,"children":3618},{"style":127},[3619],{"type":21,"value":319},{"type":15,"tag":120,"props":3621,"children":3622},{"style":133},[3623],{"type":21,"value":28},{"type":15,"tag":120,"props":3625,"children":3626},{"style":127},[3627],{"type":21,"value":140},{"type":15,"tag":120,"props":3629,"children":3630},{"class":122,"line":218},[3631],{"type":15,"tag":120,"props":3632,"children":3633},{"emptyLinePlaceholder":8},[3634],{"type":21,"value":224},{"type":15,"tag":120,"props":3636,"children":3637},{"class":122,"line":227},[3638,3642,3646,3650,3654,3658,3662],{"type":15,"tag":120,"props":3639,"children":3640},{"style":127},[3641],{"type":21,"value":130},{"type":15,"tag":120,"props":3643,"children":3644},{"style":133},[3645],{"type":21,"value":348},{"type":15,"tag":120,"props":3647,"children":3648},{"style":157},[3649],{"type":21,"value":353},{"type":15,"tag":120,"props":3651,"children":3652},{"style":127},[3653],{"type":21,"value":165},{"type":15,"tag":120,"props":3655,"children":3656},{"style":168},[3657],{"type":21,"value":362},{"type":15,"tag":120,"props":3659,"children":3660},{"style":157},[3661],{"type":21,"value":367},{"type":15,"tag":120,"props":3663,"children":3664},{"style":127},[3665],{"type":21,"value":140},{"type":15,"tag":120,"props":3667,"children":3668},{"class":122,"line":251},[3669,3673,3677,3681,3685,3689,3693],{"type":15,"tag":120,"props":3670,"children":3671},{"style":378},[3672],{"type":21,"value":381},{"type":15,"tag":120,"props":3674,"children":3675},{"style":127},[3676],{"type":21,"value":386},{"type":15,"tag":120,"props":3678,"children":3679},{"style":133},[3680],{"type":21,"value":41},{"type":15,"tag":120,"props":3682,"children":3683},{"style":127},[3684],{"type":21,"value":395},{"type":15,"tag":120,"props":3686,"children":3687},{"style":378},[3688],{"type":21,"value":400},{"type":15,"tag":120,"props":3690,"children":3691},{"style":168},[3692],{"type":21,"value":405},{"type":15,"tag":120,"props":3694,"children":3695},{"style":127},[3696],{"type":21,"value":410},{"type":15,"tag":120,"props":3698,"children":3699},{"class":122,"line":259},[3700,3704,3708],{"type":15,"tag":120,"props":3701,"children":3702},{"style":127},[3703],{"type":21,"value":319},{"type":15,"tag":120,"props":3705,"children":3706},{"style":133},[3707],{"type":21,"value":348},{"type":15,"tag":120,"props":3709,"children":3710},{"style":127},[3711],{"type":21,"value":140},{"type":15,"tag":428,"props":3713,"children":3714},{},[3715],{"type":15,"tag":110,"props":3716,"children":3718},{"className":433,"code":3717,"language":435,"meta":9,"style":9},"import { SfButton } from '@storefront-ui\u002Freact';\n\nexport default function ButtonBlock() {\n return \u003CSfButton className=\"w-full\">Hello\u003C\u002FSfButton>;\n}\n",[3719],{"type":15,"tag":36,"props":3720,"children":3721},{"__ignoreMap":9},[3722,3753,3760,3784,3825],{"type":15,"tag":120,"props":3723,"children":3724},{"class":122,"line":123},[3725,3729,3733,3737,3741,3745,3749],{"type":15,"tag":120,"props":3726,"children":3727},{"style":378},[3728],{"type":21,"value":381},{"type":15,"tag":120,"props":3730,"children":3731},{"style":127},[3732],{"type":21,"value":386},{"type":15,"tag":120,"props":3734,"children":3735},{"style":133},[3736],{"type":21,"value":41},{"type":15,"tag":120,"props":3738,"children":3739},{"style":127},[3740],{"type":21,"value":395},{"type":15,"tag":120,"props":3742,"children":3743},{"style":378},[3744],{"type":21,"value":400},{"type":15,"tag":120,"props":3746,"children":3747},{"style":168},[3748],{"type":21,"value":467},{"type":15,"tag":120,"props":3750,"children":3751},{"style":127},[3752],{"type":21,"value":410},{"type":15,"tag":120,"props":3754,"children":3755},{"class":122,"line":143},[3756],{"type":15,"tag":120,"props":3757,"children":3758},{"emptyLinePlaceholder":8},[3759],{"type":21,"value":224},{"type":15,"tag":120,"props":3761,"children":3762},{"class":122,"line":178},[3763,3767,3771,3775,3780],{"type":15,"tag":120,"props":3764,"children":3765},{"style":378},[3766],{"type":21,"value":486},{"type":15,"tag":120,"props":3768,"children":3769},{"style":378},[3770],{"type":21,"value":491},{"type":15,"tag":120,"props":3772,"children":3773},{"style":378},[3774],{"type":21,"value":496},{"type":15,"tag":120,"props":3776,"children":3777},{"style":499},[3778],{"type":21,"value":3779}," ButtonBlock",{"type":15,"tag":120,"props":3781,"children":3782},{"style":127},[3783],{"type":21,"value":507},{"type":15,"tag":120,"props":3785,"children":3786},{"class":122,"line":218},[3787,3791,3796,3800,3804,3808,3812,3816,3820],{"type":15,"tag":120,"props":3788,"children":3789},{"style":378},[3790],{"type":21,"value":515},{"type":15,"tag":120,"props":3792,"children":3793},{"style":127},[3794],{"type":21,"value":3795}," \u003C",{"type":15,"tag":120,"props":3797,"children":3798},{"style":561},[3799],{"type":21,"value":41},{"type":15,"tag":120,"props":3801,"children":3802},{"style":534},[3803],{"type":21,"value":537},{"type":15,"tag":120,"props":3805,"children":3806},{"style":540},[3807],{"type":21,"value":165},{"type":15,"tag":120,"props":3809,"children":3810},{"style":168},[3811],{"type":21,"value":3600},{"type":15,"tag":120,"props":3813,"children":3814},{"style":127},[3815],{"type":21,"value":207},{"type":15,"tag":120,"props":3817,"children":3818},{"style":561},[3819],{"type":21,"value":41},{"type":15,"tag":120,"props":3821,"children":3822},{"style":127},[3823],{"type":21,"value":3824},">;\n",{"type":15,"tag":120,"props":3826,"children":3827},{"class":122,"line":227},[3828],{"type":15,"tag":120,"props":3829,"children":3830},{"style":127},[3831],{"type":21,"value":704},{"type":15,"tag":52,"props":3833,"children":3835},{"id":3834},"button-truncation",[3836],{"type":21,"value":3837},"Button truncation",{"type":15,"tag":32,"props":3839,"children":3840},{},[3841,3843,3849,3851,3857],{"type":21,"value":3842},"You can truncate button content with Tailwind using ",{"type":15,"tag":36,"props":3844,"children":3846},{"className":3845},[],[3847],{"type":21,"value":3848},"max-w-",{"type":21,"value":3850}," and ",{"type":15,"tag":36,"props":3852,"children":3854},{"className":3853},[],[3855],{"type":21,"value":3856},"truncate",{"type":21,"value":3858}," classes.",{"type":15,"tag":100,"props":3860,"children":3862},{"showcase-name":3861},"Button\u002FButtonTruncation",[3863,4054],{"type":15,"tag":106,"props":3864,"children":3865},{},[3866],{"type":15,"tag":110,"props":3867,"children":3869},{"className":112,"code":3868,"language":114,"meta":9,"style":9},"\u003Ctemplate>\n \u003CSfButton>\n \u003Cspan class=\"truncate max-w-[200px]\"> Too long description for button \u003C\u002Fspan>\n \u003C\u002FSfButton>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfButton } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[3870],{"type":15,"tag":36,"props":3871,"children":3872},{"__ignoreMap":9},[3873,3888,3903,3940,3955,3970,3977,4008,4039],{"type":15,"tag":120,"props":3874,"children":3875},{"class":122,"line":123},[3876,3880,3884],{"type":15,"tag":120,"props":3877,"children":3878},{"style":127},[3879],{"type":21,"value":130},{"type":15,"tag":120,"props":3881,"children":3882},{"style":133},[3883],{"type":21,"value":28},{"type":15,"tag":120,"props":3885,"children":3886},{"style":127},[3887],{"type":21,"value":140},{"type":15,"tag":120,"props":3889,"children":3890},{"class":122,"line":143},[3891,3895,3899],{"type":15,"tag":120,"props":3892,"children":3893},{"style":127},[3894],{"type":21,"value":149},{"type":15,"tag":120,"props":3896,"children":3897},{"style":133},[3898],{"type":21,"value":41},{"type":15,"tag":120,"props":3900,"children":3901},{"style":127},[3902],{"type":21,"value":140},{"type":15,"tag":120,"props":3904,"children":3905},{"class":122,"line":178},[3906,3910,3914,3918,3922,3927,3932,3936],{"type":15,"tag":120,"props":3907,"children":3908},{"style":127},[3909],{"type":21,"value":184},{"type":15,"tag":120,"props":3911,"children":3912},{"style":133},[3913],{"type":21,"value":120},{"type":15,"tag":120,"props":3915,"children":3916},{"style":157},[3917],{"type":21,"value":160},{"type":15,"tag":120,"props":3919,"children":3920},{"style":127},[3921],{"type":21,"value":165},{"type":15,"tag":120,"props":3923,"children":3924},{"style":168},[3925],{"type":21,"value":3926},"\"truncate max-w-[200px]\"",{"type":15,"tag":120,"props":3928,"children":3929},{"style":127},[3930],{"type":21,"value":3931},"> Too long description for button \u003C\u002F",{"type":15,"tag":120,"props":3933,"children":3934},{"style":133},[3935],{"type":21,"value":120},{"type":15,"tag":120,"props":3937,"children":3938},{"style":127},[3939],{"type":21,"value":140},{"type":15,"tag":120,"props":3941,"children":3942},{"class":122,"line":218},[3943,3947,3951],{"type":15,"tag":120,"props":3944,"children":3945},{"style":127},[3946],{"type":21,"value":302},{"type":15,"tag":120,"props":3948,"children":3949},{"style":133},[3950],{"type":21,"value":41},{"type":15,"tag":120,"props":3952,"children":3953},{"style":127},[3954],{"type":21,"value":140},{"type":15,"tag":120,"props":3956,"children":3957},{"class":122,"line":227},[3958,3962,3966],{"type":15,"tag":120,"props":3959,"children":3960},{"style":127},[3961],{"type":21,"value":319},{"type":15,"tag":120,"props":3963,"children":3964},{"style":133},[3965],{"type":21,"value":28},{"type":15,"tag":120,"props":3967,"children":3968},{"style":127},[3969],{"type":21,"value":140},{"type":15,"tag":120,"props":3971,"children":3972},{"class":122,"line":251},[3973],{"type":15,"tag":120,"props":3974,"children":3975},{"emptyLinePlaceholder":8},[3976],{"type":21,"value":224},{"type":15,"tag":120,"props":3978,"children":3979},{"class":122,"line":259},[3980,3984,3988,3992,3996,4000,4004],{"type":15,"tag":120,"props":3981,"children":3982},{"style":127},[3983],{"type":21,"value":130},{"type":15,"tag":120,"props":3985,"children":3986},{"style":133},[3987],{"type":21,"value":348},{"type":15,"tag":120,"props":3989,"children":3990},{"style":157},[3991],{"type":21,"value":353},{"type":15,"tag":120,"props":3993,"children":3994},{"style":127},[3995],{"type":21,"value":165},{"type":15,"tag":120,"props":3997,"children":3998},{"style":168},[3999],{"type":21,"value":362},{"type":15,"tag":120,"props":4001,"children":4002},{"style":157},[4003],{"type":21,"value":367},{"type":15,"tag":120,"props":4005,"children":4006},{"style":127},[4007],{"type":21,"value":140},{"type":15,"tag":120,"props":4009,"children":4010},{"class":122,"line":296},[4011,4015,4019,4023,4027,4031,4035],{"type":15,"tag":120,"props":4012,"children":4013},{"style":378},[4014],{"type":21,"value":381},{"type":15,"tag":120,"props":4016,"children":4017},{"style":127},[4018],{"type":21,"value":386},{"type":15,"tag":120,"props":4020,"children":4021},{"style":133},[4022],{"type":21,"value":41},{"type":15,"tag":120,"props":4024,"children":4025},{"style":127},[4026],{"type":21,"value":395},{"type":15,"tag":120,"props":4028,"children":4029},{"style":378},[4030],{"type":21,"value":400},{"type":15,"tag":120,"props":4032,"children":4033},{"style":168},[4034],{"type":21,"value":405},{"type":15,"tag":120,"props":4036,"children":4037},{"style":127},[4038],{"type":21,"value":410},{"type":15,"tag":120,"props":4040,"children":4041},{"class":122,"line":313},[4042,4046,4050],{"type":15,"tag":120,"props":4043,"children":4044},{"style":127},[4045],{"type":21,"value":319},{"type":15,"tag":120,"props":4047,"children":4048},{"style":133},[4049],{"type":21,"value":348},{"type":15,"tag":120,"props":4051,"children":4052},{"style":127},[4053],{"type":21,"value":140},{"type":15,"tag":428,"props":4055,"children":4056},{},[4057],{"type":15,"tag":110,"props":4058,"children":4060},{"className":433,"code":4059,"language":435,"meta":9,"style":9},"import { SfButton } from '@storefront-ui\u002Freact';\n\nexport default function ButtonTruncation() {\n return (\n \u003CSfButton>\n \u003Cspan className=\"truncate max-w-[200px]\"> Too long description for button \u003C\u002Fspan>\n \u003C\u002FSfButton>\n );\n}\n",[4061],{"type":15,"tag":36,"props":4062,"children":4063},{"__ignoreMap":9},[4064,4095,4102,4126,4137,4152,4187,4202,4209],{"type":15,"tag":120,"props":4065,"children":4066},{"class":122,"line":123},[4067,4071,4075,4079,4083,4087,4091],{"type":15,"tag":120,"props":4068,"children":4069},{"style":378},[4070],{"type":21,"value":381},{"type":15,"tag":120,"props":4072,"children":4073},{"style":127},[4074],{"type":21,"value":386},{"type":15,"tag":120,"props":4076,"children":4077},{"style":133},[4078],{"type":21,"value":41},{"type":15,"tag":120,"props":4080,"children":4081},{"style":127},[4082],{"type":21,"value":395},{"type":15,"tag":120,"props":4084,"children":4085},{"style":378},[4086],{"type":21,"value":400},{"type":15,"tag":120,"props":4088,"children":4089},{"style":168},[4090],{"type":21,"value":467},{"type":15,"tag":120,"props":4092,"children":4093},{"style":127},[4094],{"type":21,"value":410},{"type":15,"tag":120,"props":4096,"children":4097},{"class":122,"line":143},[4098],{"type":15,"tag":120,"props":4099,"children":4100},{"emptyLinePlaceholder":8},[4101],{"type":21,"value":224},{"type":15,"tag":120,"props":4103,"children":4104},{"class":122,"line":178},[4105,4109,4113,4117,4122],{"type":15,"tag":120,"props":4106,"children":4107},{"style":378},[4108],{"type":21,"value":486},{"type":15,"tag":120,"props":4110,"children":4111},{"style":378},[4112],{"type":21,"value":491},{"type":15,"tag":120,"props":4114,"children":4115},{"style":378},[4116],{"type":21,"value":496},{"type":15,"tag":120,"props":4118,"children":4119},{"style":499},[4120],{"type":21,"value":4121}," ButtonTruncation",{"type":15,"tag":120,"props":4123,"children":4124},{"style":127},[4125],{"type":21,"value":507},{"type":15,"tag":120,"props":4127,"children":4128},{"class":122,"line":218},[4129,4133],{"type":15,"tag":120,"props":4130,"children":4131},{"style":378},[4132],{"type":21,"value":515},{"type":15,"tag":120,"props":4134,"children":4135},{"style":127},[4136],{"type":21,"value":520},{"type":15,"tag":120,"props":4138,"children":4139},{"class":122,"line":227},[4140,4144,4148],{"type":15,"tag":120,"props":4141,"children":4142},{"style":127},[4143],{"type":21,"value":184},{"type":15,"tag":120,"props":4145,"children":4146},{"style":561},[4147],{"type":21,"value":41},{"type":15,"tag":120,"props":4149,"children":4150},{"style":127},[4151],{"type":21,"value":140},{"type":15,"tag":120,"props":4153,"children":4154},{"class":122,"line":251},[4155,4159,4163,4167,4171,4175,4179,4183],{"type":15,"tag":120,"props":4156,"children":4157},{"style":127},[4158],{"type":21,"value":558},{"type":15,"tag":120,"props":4160,"children":4161},{"style":133},[4162],{"type":21,"value":120},{"type":15,"tag":120,"props":4164,"children":4165},{"style":534},[4166],{"type":21,"value":537},{"type":15,"tag":120,"props":4168,"children":4169},{"style":540},[4170],{"type":21,"value":165},{"type":15,"tag":120,"props":4172,"children":4173},{"style":168},[4174],{"type":21,"value":3926},{"type":15,"tag":120,"props":4176,"children":4177},{"style":127},[4178],{"type":21,"value":3931},{"type":15,"tag":120,"props":4180,"children":4181},{"style":133},[4182],{"type":21,"value":120},{"type":15,"tag":120,"props":4184,"children":4185},{"style":127},[4186],{"type":21,"value":140},{"type":15,"tag":120,"props":4188,"children":4189},{"class":122,"line":259},[4190,4194,4198],{"type":15,"tag":120,"props":4191,"children":4192},{"style":127},[4193],{"type":21,"value":680},{"type":15,"tag":120,"props":4195,"children":4196},{"style":561},[4197],{"type":21,"value":41},{"type":15,"tag":120,"props":4199,"children":4200},{"style":127},[4201],{"type":21,"value":140},{"type":15,"tag":120,"props":4203,"children":4204},{"class":122,"line":296},[4205],{"type":15,"tag":120,"props":4206,"children":4207},{"style":127},[4208],{"type":21,"value":696},{"type":15,"tag":120,"props":4210,"children":4211},{"class":122,"line":313},[4212],{"type":15,"tag":120,"props":4213,"children":4214},{"style":127},[4215],{"type":21,"value":704},{"type":15,"tag":52,"props":4217,"children":4219},{"id":4218},"button-content",[4220],{"type":21,"value":4221},"Button content",{"type":15,"tag":106,"props":4223,"children":4224},{},[4225],{"type":15,"tag":32,"props":4226,"children":4227},{},[4228,4233,4235,4241,4242,4248],{"type":15,"tag":36,"props":4229,"children":4231},{"className":4230},[],[4232],{"type":21,"value":41},{"type":21,"value":4234}," provides ",{"type":15,"tag":36,"props":4236,"children":4238},{"className":4237},[],[4239],{"type":21,"value":4240},"prefix",{"type":21,"value":3850},{"type":15,"tag":36,"props":4243,"children":4245},{"className":4244},[],[4246],{"type":21,"value":4247},"suffix",{"type":21,"value":4249}," slots that you can use to add custom content before\u002Fafter your default content. This can be useful for adding icons or badges to your buttons.",{"type":15,"tag":428,"props":4251,"children":4252},{},[4253],{"type":15,"tag":32,"props":4254,"children":4255},{},[4256,4261,4262,4268,4269,4275],{"type":15,"tag":36,"props":4257,"children":4259},{"className":4258},[],[4260],{"type":21,"value":41},{"type":21,"value":4234},{"type":15,"tag":36,"props":4263,"children":4265},{"className":4264},[],[4266],{"type":21,"value":4267},"slotPrefix",{"type":21,"value":3850},{"type":15,"tag":36,"props":4270,"children":4272},{"className":4271},[],[4273],{"type":21,"value":4274},"slotSuffix",{"type":21,"value":4276}," props that you can use to add custom content before\u002Fafter your default content. This can be useful for adding icons or badges to your buttons.",{"type":15,"tag":100,"props":4278,"children":4280},{"showcase-name":4279,"style":103},"Button\u002FButtonContent",[4281,4745],{"type":15,"tag":106,"props":4282,"children":4283},{},[4284],{"type":15,"tag":110,"props":4285,"children":4287},{"className":112,"code":4286,"language":114,"meta":9,"style":9},"\u003Ctemplate>\n \u003Cdiv class=\"flex flex-col items-center space-y-4 xs:flex-row xs:space-y-0 xs:space-x-4\">\n \u003CSfButton>\n \u003Ctemplate #prefix>\n \u003CSfIconHome \u002F>\n \u003C\u002Ftemplate>\n Home\n \u003C\u002FSfButton>\n\n \u003CSfButton>\n \u003Ctemplate #suffix>\n \u003CSfIconStar \u002F>\n \u003C\u002Ftemplate>\n Hello\n \u003C\u002FSfButton>\n\n \u003CSfButton :square=\"true\" aria-label=\"Add to cart\">\n \u003CSfIconAdd \u002F>\n \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfButton, SfIconHome, SfIconStar, SfIconAdd } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[4288],{"type":15,"tag":36,"props":4289,"children":4290},{"__ignoreMap":9},[4291,4306,4334,4349,4373,4390,4405,4413,4428,4435,4450,4473,4489,4504,4511,4526,4533,4576,4592,4607,4622,4637,4644,4675,4730],{"type":15,"tag":120,"props":4292,"children":4293},{"class":122,"line":123},[4294,4298,4302],{"type":15,"tag":120,"props":4295,"children":4296},{"style":127},[4297],{"type":21,"value":130},{"type":15,"tag":120,"props":4299,"children":4300},{"style":133},[4301],{"type":21,"value":28},{"type":15,"tag":120,"props":4303,"children":4304},{"style":127},[4305],{"type":21,"value":140},{"type":15,"tag":120,"props":4307,"children":4308},{"class":122,"line":143},[4309,4313,4317,4321,4325,4330],{"type":15,"tag":120,"props":4310,"children":4311},{"style":127},[4312],{"type":21,"value":149},{"type":15,"tag":120,"props":4314,"children":4315},{"style":133},[4316],{"type":21,"value":154},{"type":15,"tag":120,"props":4318,"children":4319},{"style":157},[4320],{"type":21,"value":160},{"type":15,"tag":120,"props":4322,"children":4323},{"style":127},[4324],{"type":21,"value":165},{"type":15,"tag":120,"props":4326,"children":4327},{"style":168},[4328],{"type":21,"value":4329},"\"flex flex-col items-center space-y-4 xs:flex-row xs:space-y-0 xs:space-x-4\"",{"type":15,"tag":120,"props":4331,"children":4332},{"style":127},[4333],{"type":21,"value":140},{"type":15,"tag":120,"props":4335,"children":4336},{"class":122,"line":178},[4337,4341,4345],{"type":15,"tag":120,"props":4338,"children":4339},{"style":127},[4340],{"type":21,"value":184},{"type":15,"tag":120,"props":4342,"children":4343},{"style":133},[4344],{"type":21,"value":41},{"type":15,"tag":120,"props":4346,"children":4347},{"style":127},[4348],{"type":21,"value":140},{"type":15,"tag":120,"props":4350,"children":4351},{"class":122,"line":218},[4352,4356,4360,4365,4369],{"type":15,"tag":120,"props":4353,"children":4354},{"style":127},[4355],{"type":21,"value":558},{"type":15,"tag":120,"props":4357,"children":4358},{"style":133},[4359],{"type":21,"value":28},{"type":15,"tag":120,"props":4361,"children":4362},{"style":127},[4363],{"type":21,"value":4364}," #",{"type":15,"tag":120,"props":4366,"children":4367},{"style":157},[4368],{"type":21,"value":4240},{"type":15,"tag":120,"props":4370,"children":4371},{"style":127},[4372],{"type":21,"value":140},{"type":15,"tag":120,"props":4374,"children":4375},{"class":122,"line":227},[4376,4380,4385],{"type":15,"tag":120,"props":4377,"children":4378},{"style":127},[4379],{"type":21,"value":2179},{"type":15,"tag":120,"props":4381,"children":4382},{"style":133},[4383],{"type":21,"value":4384},"SfIconHome",{"type":15,"tag":120,"props":4386,"children":4387},{"style":127},[4388],{"type":21,"value":4389}," \u002F>\n",{"type":15,"tag":120,"props":4391,"children":4392},{"class":122,"line":251},[4393,4397,4401],{"type":15,"tag":120,"props":4394,"children":4395},{"style":127},[4396],{"type":21,"value":2433},{"type":15,"tag":120,"props":4398,"children":4399},{"style":133},[4400],{"type":21,"value":28},{"type":15,"tag":120,"props":4402,"children":4403},{"style":127},[4404],{"type":21,"value":140},{"type":15,"tag":120,"props":4406,"children":4407},{"class":122,"line":259},[4408],{"type":15,"tag":120,"props":4409,"children":4410},{"style":127},[4411],{"type":21,"value":4412}," Home\n",{"type":15,"tag":120,"props":4414,"children":4415},{"class":122,"line":296},[4416,4420,4424],{"type":15,"tag":120,"props":4417,"children":4418},{"style":127},[4419],{"type":21,"value":680},{"type":15,"tag":120,"props":4421,"children":4422},{"style":133},[4423],{"type":21,"value":41},{"type":15,"tag":120,"props":4425,"children":4426},{"style":127},[4427],{"type":21,"value":140},{"type":15,"tag":120,"props":4429,"children":4430},{"class":122,"line":313},[4431],{"type":15,"tag":120,"props":4432,"children":4433},{"emptyLinePlaceholder":8},[4434],{"type":21,"value":224},{"type":15,"tag":120,"props":4436,"children":4437},{"class":122,"line":330},[4438,4442,4446],{"type":15,"tag":120,"props":4439,"children":4440},{"style":127},[4441],{"type":21,"value":184},{"type":15,"tag":120,"props":4443,"children":4444},{"style":133},[4445],{"type":21,"value":41},{"type":15,"tag":120,"props":4447,"children":4448},{"style":127},[4449],{"type":21,"value":140},{"type":15,"tag":120,"props":4451,"children":4452},{"class":122,"line":338},[4453,4457,4461,4465,4469],{"type":15,"tag":120,"props":4454,"children":4455},{"style":127},[4456],{"type":21,"value":558},{"type":15,"tag":120,"props":4458,"children":4459},{"style":133},[4460],{"type":21,"value":28},{"type":15,"tag":120,"props":4462,"children":4463},{"style":127},[4464],{"type":21,"value":4364},{"type":15,"tag":120,"props":4466,"children":4467},{"style":157},[4468],{"type":21,"value":4247},{"type":15,"tag":120,"props":4470,"children":4471},{"style":127},[4472],{"type":21,"value":140},{"type":15,"tag":120,"props":4474,"children":4475},{"class":122,"line":374},[4476,4480,4485],{"type":15,"tag":120,"props":4477,"children":4478},{"style":127},[4479],{"type":21,"value":2179},{"type":15,"tag":120,"props":4481,"children":4482},{"style":133},[4483],{"type":21,"value":4484},"SfIconStar",{"type":15,"tag":120,"props":4486,"children":4487},{"style":127},[4488],{"type":21,"value":4389},{"type":15,"tag":120,"props":4490,"children":4491},{"class":122,"line":413},[4492,4496,4500],{"type":15,"tag":120,"props":4493,"children":4494},{"style":127},[4495],{"type":21,"value":2433},{"type":15,"tag":120,"props":4497,"children":4498},{"style":133},[4499],{"type":21,"value":28},{"type":15,"tag":120,"props":4501,"children":4502},{"style":127},[4503],{"type":21,"value":140},{"type":15,"tag":120,"props":4505,"children":4506},{"class":122,"line":1544},[4507],{"type":15,"tag":120,"props":4508,"children":4509},{"style":127},[4510],{"type":21,"value":1435},{"type":15,"tag":120,"props":4512,"children":4513},{"class":122,"line":1552},[4514,4518,4522],{"type":15,"tag":120,"props":4515,"children":4516},{"style":127},[4517],{"type":21,"value":680},{"type":15,"tag":120,"props":4519,"children":4520},{"style":133},[4521],{"type":21,"value":41},{"type":15,"tag":120,"props":4523,"children":4524},{"style":127},[4525],{"type":21,"value":140},{"type":15,"tag":120,"props":4527,"children":4528},{"class":122,"line":1564},[4529],{"type":15,"tag":120,"props":4530,"children":4531},{"emptyLinePlaceholder":8},[4532],{"type":21,"value":224},{"type":15,"tag":120,"props":4534,"children":4535},{"class":122,"line":1581},[4536,4540,4544,4549,4553,4558,4563,4567,4572],{"type":15,"tag":120,"props":4537,"children":4538},{"style":127},[4539],{"type":21,"value":184},{"type":15,"tag":120,"props":4541,"children":4542},{"style":133},[4543],{"type":21,"value":41},{"type":15,"tag":120,"props":4545,"children":4546},{"style":157},[4547],{"type":21,"value":4548}," :square",{"type":15,"tag":120,"props":4550,"children":4551},{"style":127},[4552],{"type":21,"value":165},{"type":15,"tag":120,"props":4554,"children":4555},{"style":168},[4556],{"type":21,"value":4557},"\"true\"",{"type":15,"tag":120,"props":4559,"children":4560},{"style":157},[4561],{"type":21,"value":4562}," aria-label",{"type":15,"tag":120,"props":4564,"children":4565},{"style":127},[4566],{"type":21,"value":165},{"type":15,"tag":120,"props":4568,"children":4569},{"style":168},[4570],{"type":21,"value":4571},"\"Add to cart\"",{"type":15,"tag":120,"props":4573,"children":4574},{"style":127},[4575],{"type":21,"value":140},{"type":15,"tag":120,"props":4577,"children":4578},{"class":122,"line":1589},[4579,4583,4588],{"type":15,"tag":120,"props":4580,"children":4581},{"style":127},[4582],{"type":21,"value":558},{"type":15,"tag":120,"props":4584,"children":4585},{"style":133},[4586],{"type":21,"value":4587},"SfIconAdd",{"type":15,"tag":120,"props":4589,"children":4590},{"style":127},[4591],{"type":21,"value":4389},{"type":15,"tag":120,"props":4593,"children":4594},{"class":122,"line":1606},[4595,4599,4603],{"type":15,"tag":120,"props":4596,"children":4597},{"style":127},[4598],{"type":21,"value":680},{"type":15,"tag":120,"props":4600,"children":4601},{"style":133},[4602],{"type":21,"value":41},{"type":15,"tag":120,"props":4604,"children":4605},{"style":127},[4606],{"type":21,"value":140},{"type":15,"tag":120,"props":4608,"children":4609},{"class":122,"line":1614},[4610,4614,4618],{"type":15,"tag":120,"props":4611,"children":4612},{"style":127},[4613],{"type":21,"value":302},{"type":15,"tag":120,"props":4615,"children":4616},{"style":133},[4617],{"type":21,"value":154},{"type":15,"tag":120,"props":4619,"children":4620},{"style":127},[4621],{"type":21,"value":140},{"type":15,"tag":120,"props":4623,"children":4624},{"class":122,"line":1622},[4625,4629,4633],{"type":15,"tag":120,"props":4626,"children":4627},{"style":127},[4628],{"type":21,"value":319},{"type":15,"tag":120,"props":4630,"children":4631},{"style":133},[4632],{"type":21,"value":28},{"type":15,"tag":120,"props":4634,"children":4635},{"style":127},[4636],{"type":21,"value":140},{"type":15,"tag":120,"props":4638,"children":4639},{"class":122,"line":1638},[4640],{"type":15,"tag":120,"props":4641,"children":4642},{"emptyLinePlaceholder":8},[4643],{"type":21,"value":224},{"type":15,"tag":120,"props":4645,"children":4646},{"class":122,"line":1654},[4647,4651,4655,4659,4663,4667,4671],{"type":15,"tag":120,"props":4648,"children":4649},{"style":127},[4650],{"type":21,"value":130},{"type":15,"tag":120,"props":4652,"children":4653},{"style":133},[4654],{"type":21,"value":348},{"type":15,"tag":120,"props":4656,"children":4657},{"style":157},[4658],{"type":21,"value":353},{"type":15,"tag":120,"props":4660,"children":4661},{"style":127},[4662],{"type":21,"value":165},{"type":15,"tag":120,"props":4664,"children":4665},{"style":168},[4666],{"type":21,"value":362},{"type":15,"tag":120,"props":4668,"children":4669},{"style":157},[4670],{"type":21,"value":367},{"type":15,"tag":120,"props":4672,"children":4673},{"style":127},[4674],{"type":21,"value":140},{"type":15,"tag":120,"props":4676,"children":4677},{"class":122,"line":1682},[4678,4682,4686,4690,4694,4698,4702,4706,4710,4714,4718,4722,4726],{"type":15,"tag":120,"props":4679,"children":4680},{"style":378},[4681],{"type":21,"value":381},{"type":15,"tag":120,"props":4683,"children":4684},{"style":127},[4685],{"type":21,"value":386},{"type":15,"tag":120,"props":4687,"children":4688},{"style":133},[4689],{"type":21,"value":41},{"type":15,"tag":120,"props":4691,"children":4692},{"style":127},[4693],{"type":21,"value":83},{"type":15,"tag":120,"props":4695,"children":4696},{"style":133},[4697],{"type":21,"value":4384},{"type":15,"tag":120,"props":4699,"children":4700},{"style":127},[4701],{"type":21,"value":83},{"type":15,"tag":120,"props":4703,"children":4704},{"style":133},[4705],{"type":21,"value":4484},{"type":15,"tag":120,"props":4707,"children":4708},{"style":127},[4709],{"type":21,"value":83},{"type":15,"tag":120,"props":4711,"children":4712},{"style":133},[4713],{"type":21,"value":4587},{"type":15,"tag":120,"props":4715,"children":4716},{"style":127},[4717],{"type":21,"value":395},{"type":15,"tag":120,"props":4719,"children":4720},{"style":378},[4721],{"type":21,"value":400},{"type":15,"tag":120,"props":4723,"children":4724},{"style":168},[4725],{"type":21,"value":405},{"type":15,"tag":120,"props":4727,"children":4728},{"style":127},[4729],{"type":21,"value":410},{"type":15,"tag":120,"props":4731,"children":4732},{"class":122,"line":1727},[4733,4737,4741],{"type":15,"tag":120,"props":4734,"children":4735},{"style":127},[4736],{"type":21,"value":319},{"type":15,"tag":120,"props":4738,"children":4739},{"style":133},[4740],{"type":21,"value":348},{"type":15,"tag":120,"props":4742,"children":4743},{"style":127},[4744],{"type":21,"value":140},{"type":15,"tag":428,"props":4746,"children":4747},{},[4748],{"type":15,"tag":110,"props":4749,"children":4751},{"className":433,"code":4750,"language":435,"meta":9,"style":9},"import { SfButton, SfIconHome, SfIconStar, SfIconShoppingCart } from '@storefront-ui\u002Freact';\n\nexport default function ButtonContent() {\n return (\n \u003Cdiv className=\"flex flex-col items-center space-y-4 xs:flex-row xs:space-y-0 xs:space-x-4\">\n \u003CSfButton slotPrefix={\u003CSfIconHome \u002F>}>Home\u003C\u002FSfButton>\n\n \u003CSfButton slotSuffix={\u003CSfIconStar \u002F>}>Hello\u003C\u002FSfButton>\n\n \u003CSfButton square aria-label=\"Add to cart\">\n \u003CSfIconShoppingCart \u002F>\n \u003C\u002FSfButton>\n \u003C\u002Fdiv>\n );\n}\n",[4752],{"type":15,"tag":36,"props":4753,"children":4754},{"__ignoreMap":9},[4755,4811,4818,4842,4853,4880,4936,4943,4995,5002,5034,5049,5064,5079,5086],{"type":15,"tag":120,"props":4756,"children":4757},{"class":122,"line":123},[4758,4762,4766,4770,4774,4778,4782,4786,4790,4795,4799,4803,4807],{"type":15,"tag":120,"props":4759,"children":4760},{"style":378},[4761],{"type":21,"value":381},{"type":15,"tag":120,"props":4763,"children":4764},{"style":127},[4765],{"type":21,"value":386},{"type":15,"tag":120,"props":4767,"children":4768},{"style":133},[4769],{"type":21,"value":41},{"type":15,"tag":120,"props":4771,"children":4772},{"style":127},[4773],{"type":21,"value":83},{"type":15,"tag":120,"props":4775,"children":4776},{"style":133},[4777],{"type":21,"value":4384},{"type":15,"tag":120,"props":4779,"children":4780},{"style":127},[4781],{"type":21,"value":83},{"type":15,"tag":120,"props":4783,"children":4784},{"style":133},[4785],{"type":21,"value":4484},{"type":15,"tag":120,"props":4787,"children":4788},{"style":127},[4789],{"type":21,"value":83},{"type":15,"tag":120,"props":4791,"children":4792},{"style":133},[4793],{"type":21,"value":4794},"SfIconShoppingCart",{"type":15,"tag":120,"props":4796,"children":4797},{"style":127},[4798],{"type":21,"value":395},{"type":15,"tag":120,"props":4800,"children":4801},{"style":378},[4802],{"type":21,"value":400},{"type":15,"tag":120,"props":4804,"children":4805},{"style":168},[4806],{"type":21,"value":467},{"type":15,"tag":120,"props":4808,"children":4809},{"style":127},[4810],{"type":21,"value":410},{"type":15,"tag":120,"props":4812,"children":4813},{"class":122,"line":143},[4814],{"type":15,"tag":120,"props":4815,"children":4816},{"emptyLinePlaceholder":8},[4817],{"type":21,"value":224},{"type":15,"tag":120,"props":4819,"children":4820},{"class":122,"line":178},[4821,4825,4829,4833,4838],{"type":15,"tag":120,"props":4822,"children":4823},{"style":378},[4824],{"type":21,"value":486},{"type":15,"tag":120,"props":4826,"children":4827},{"style":378},[4828],{"type":21,"value":491},{"type":15,"tag":120,"props":4830,"children":4831},{"style":378},[4832],{"type":21,"value":496},{"type":15,"tag":120,"props":4834,"children":4835},{"style":499},[4836],{"type":21,"value":4837}," ButtonContent",{"type":15,"tag":120,"props":4839,"children":4840},{"style":127},[4841],{"type":21,"value":507},{"type":15,"tag":120,"props":4843,"children":4844},{"class":122,"line":218},[4845,4849],{"type":15,"tag":120,"props":4846,"children":4847},{"style":378},[4848],{"type":21,"value":515},{"type":15,"tag":120,"props":4850,"children":4851},{"style":127},[4852],{"type":21,"value":520},{"type":15,"tag":120,"props":4854,"children":4855},{"class":122,"line":227},[4856,4860,4864,4868,4872,4876],{"type":15,"tag":120,"props":4857,"children":4858},{"style":127},[4859],{"type":21,"value":184},{"type":15,"tag":120,"props":4861,"children":4862},{"style":133},[4863],{"type":21,"value":154},{"type":15,"tag":120,"props":4865,"children":4866},{"style":534},[4867],{"type":21,"value":537},{"type":15,"tag":120,"props":4869,"children":4870},{"style":540},[4871],{"type":21,"value":165},{"type":15,"tag":120,"props":4873,"children":4874},{"style":168},[4875],{"type":21,"value":4329},{"type":15,"tag":120,"props":4877,"children":4878},{"style":127},[4879],{"type":21,"value":140},{"type":15,"tag":120,"props":4881,"children":4882},{"class":122,"line":251},[4883,4887,4891,4896,4900,4905,4909,4913,4918,4923,4928,4932],{"type":15,"tag":120,"props":4884,"children":4885},{"style":127},[4886],{"type":21,"value":558},{"type":15,"tag":120,"props":4888,"children":4889},{"style":561},[4890],{"type":21,"value":41},{"type":15,"tag":120,"props":4892,"children":4893},{"style":534},[4894],{"type":21,"value":4895}," slotPrefix",{"type":15,"tag":120,"props":4897,"children":4898},{"style":540},[4899],{"type":21,"value":165},{"type":15,"tag":120,"props":4901,"children":4902},{"style":378},[4903],{"type":21,"value":4904},"{",{"type":15,"tag":120,"props":4906,"children":4907},{"style":127},[4908],{"type":21,"value":130},{"type":15,"tag":120,"props":4910,"children":4911},{"style":561},[4912],{"type":21,"value":4384},{"type":15,"tag":120,"props":4914,"children":4915},{"style":127},[4916],{"type":21,"value":4917}," \u002F>",{"type":15,"tag":120,"props":4919,"children":4920},{"style":378},[4921],{"type":21,"value":4922},"}",{"type":15,"tag":120,"props":4924,"children":4925},{"style":127},[4926],{"type":21,"value":4927},">Home\u003C\u002F",{"type":15,"tag":120,"props":4929,"children":4930},{"style":561},[4931],{"type":21,"value":41},{"type":15,"tag":120,"props":4933,"children":4934},{"style":127},[4935],{"type":21,"value":140},{"type":15,"tag":120,"props":4937,"children":4938},{"class":122,"line":259},[4939],{"type":15,"tag":120,"props":4940,"children":4941},{"emptyLinePlaceholder":8},[4942],{"type":21,"value":224},{"type":15,"tag":120,"props":4944,"children":4945},{"class":122,"line":296},[4946,4950,4954,4959,4963,4967,4971,4975,4979,4983,4987,4991],{"type":15,"tag":120,"props":4947,"children":4948},{"style":127},[4949],{"type":21,"value":558},{"type":15,"tag":120,"props":4951,"children":4952},{"style":561},[4953],{"type":21,"value":41},{"type":15,"tag":120,"props":4955,"children":4956},{"style":534},[4957],{"type":21,"value":4958}," slotSuffix",{"type":15,"tag":120,"props":4960,"children":4961},{"style":540},[4962],{"type":21,"value":165},{"type":15,"tag":120,"props":4964,"children":4965},{"style":378},[4966],{"type":21,"value":4904},{"type":15,"tag":120,"props":4968,"children":4969},{"style":127},[4970],{"type":21,"value":130},{"type":15,"tag":120,"props":4972,"children":4973},{"style":561},[4974],{"type":21,"value":4484},{"type":15,"tag":120,"props":4976,"children":4977},{"style":127},[4978],{"type":21,"value":4917},{"type":15,"tag":120,"props":4980,"children":4981},{"style":378},[4982],{"type":21,"value":4922},{"type":15,"tag":120,"props":4984,"children":4985},{"style":127},[4986],{"type":21,"value":207},{"type":15,"tag":120,"props":4988,"children":4989},{"style":561},[4990],{"type":21,"value":41},{"type":15,"tag":120,"props":4992,"children":4993},{"style":127},[4994],{"type":21,"value":140},{"type":15,"tag":120,"props":4996,"children":4997},{"class":122,"line":313},[4998],{"type":15,"tag":120,"props":4999,"children":5000},{"emptyLinePlaceholder":8},[5001],{"type":21,"value":224},{"type":15,"tag":120,"props":5003,"children":5004},{"class":122,"line":330},[5005,5009,5013,5018,5022,5026,5030],{"type":15,"tag":120,"props":5006,"children":5007},{"style":127},[5008],{"type":21,"value":558},{"type":15,"tag":120,"props":5010,"children":5011},{"style":561},[5012],{"type":21,"value":41},{"type":15,"tag":120,"props":5014,"children":5015},{"style":534},[5016],{"type":21,"value":5017}," square",{"type":15,"tag":120,"props":5019,"children":5020},{"style":534},[5021],{"type":21,"value":4562},{"type":15,"tag":120,"props":5023,"children":5024},{"style":540},[5025],{"type":21,"value":165},{"type":15,"tag":120,"props":5027,"children":5028},{"style":168},[5029],{"type":21,"value":4571},{"type":15,"tag":120,"props":5031,"children":5032},{"style":127},[5033],{"type":21,"value":140},{"type":15,"tag":120,"props":5035,"children":5036},{"class":122,"line":338},[5037,5041,5045],{"type":15,"tag":120,"props":5038,"children":5039},{"style":127},[5040],{"type":21,"value":2179},{"type":15,"tag":120,"props":5042,"children":5043},{"style":561},[5044],{"type":21,"value":4794},{"type":15,"tag":120,"props":5046,"children":5047},{"style":127},[5048],{"type":21,"value":4389},{"type":15,"tag":120,"props":5050,"children":5051},{"class":122,"line":374},[5052,5056,5060],{"type":15,"tag":120,"props":5053,"children":5054},{"style":127},[5055],{"type":21,"value":2433},{"type":15,"tag":120,"props":5057,"children":5058},{"style":561},[5059],{"type":21,"value":41},{"type":15,"tag":120,"props":5061,"children":5062},{"style":127},[5063],{"type":21,"value":140},{"type":15,"tag":120,"props":5065,"children":5066},{"class":122,"line":413},[5067,5071,5075],{"type":15,"tag":120,"props":5068,"children":5069},{"style":127},[5070],{"type":21,"value":680},{"type":15,"tag":120,"props":5072,"children":5073},{"style":133},[5074],{"type":21,"value":154},{"type":15,"tag":120,"props":5076,"children":5077},{"style":127},[5078],{"type":21,"value":140},{"type":15,"tag":120,"props":5080,"children":5081},{"class":122,"line":1544},[5082],{"type":15,"tag":120,"props":5083,"children":5084},{"style":127},[5085],{"type":21,"value":696},{"type":15,"tag":120,"props":5087,"children":5088},{"class":122,"line":1552},[5089],{"type":15,"tag":120,"props":5090,"children":5091},{"style":127},[5092],{"type":21,"value":704},{"type":15,"tag":45,"props":5094,"children":5096},{"id":5095},"accessibility-notes",[5097],{"type":21,"value":5098},"Accessibility notes",{"type":15,"tag":106,"props":5100,"children":5101},{},[5102],{"type":15,"tag":32,"props":5103,"children":5104},{},[5105,5107,5113,5115,5121,5123,5128,5130,5135,5137,5143,5145,5151],{"type":21,"value":5106},"Button component can be rendered as ",{"type":15,"tag":36,"props":5108,"children":5110},{"className":5109},[],[5111],{"type":21,"value":5112},"\u003Cbutton>",{"type":21,"value":5114}," or ",{"type":15,"tag":36,"props":5116,"children":5118},{"className":5117},[],[5119],{"type":21,"value":5120},"\u003Ca>",{"type":21,"value":5122}," or any other tag by providing it with prop ",{"type":15,"tag":36,"props":5124,"children":5126},{"className":5125},[],[5127],{"type":21,"value":2781},{"type":21,"value":5129},". When rendered as ",{"type":15,"tag":36,"props":5131,"children":5133},{"className":5132},[],[5134],{"type":21,"value":5112},{"type":21,"value":5136}," this component applies default ",{"type":15,"tag":36,"props":5138,"children":5140},{"className":5139},[],[5141],{"type":21,"value":5142},"type='button'",{"type":21,"value":5144}," if no other ",{"type":15,"tag":36,"props":5146,"children":5148},{"className":5147},[],[5149],{"type":21,"value":5150},"type",{"type":21,"value":5152}," is passed as a prop.",{"type":15,"tag":428,"props":5154,"children":5155},{},[5156],{"type":15,"tag":32,"props":5157,"children":5158},{},[5159,5160,5165,5166,5171,5172,5177,5178,5183,5184,5189,5190,5195],{"type":21,"value":5106},{"type":15,"tag":36,"props":5161,"children":5163},{"className":5162},[],[5164],{"type":21,"value":5112},{"type":21,"value":5114},{"type":15,"tag":36,"props":5167,"children":5169},{"className":5168},[],[5170],{"type":21,"value":5120},{"type":21,"value":5122},{"type":15,"tag":36,"props":5173,"children":5175},{"className":5174},[],[5176],{"type":21,"value":2796},{"type":21,"value":5129},{"type":15,"tag":36,"props":5179,"children":5181},{"className":5180},[],[5182],{"type":21,"value":5112},{"type":21,"value":5136},{"type":15,"tag":36,"props":5185,"children":5187},{"className":5186},[],[5188],{"type":21,"value":5142},{"type":21,"value":5144},{"type":15,"tag":36,"props":5191,"children":5193},{"className":5192},[],[5194],{"type":21,"value":5150},{"type":21,"value":5152},{"type":15,"tag":5197,"props":5198,"children":5199},"warning",{},[5200,5203],{"type":15,"tag":28,"props":5201,"children":5202},{"v-slot:title":9},[],{"type":15,"tag":32,"props":5204,"children":5205},{},[5206],{"type":21,"value":5207},"Avoid using buttons to navigate the page. Use links or tabs.",{"type":15,"tag":32,"props":5209,"children":5210},{},[5211,5213,5218,5220,5226,5228,5234,5236,5242],{"type":21,"value":5212},"If you need to use Button with non-",{"type":15,"tag":36,"props":5214,"children":5216},{"className":5215},[],[5217],{"type":21,"value":5112},{"type":21,"value":5219}," tags like ",{"type":15,"tag":36,"props":5221,"children":5223},{"className":5222},[],[5224],{"type":21,"value":5225},"\u003Cdiv>",{"type":21,"value":5227}," you need to add ",{"type":15,"tag":36,"props":5229,"children":5231},{"className":5230},[],[5232],{"type":21,"value":5233},"role='button'",{"type":21,"value":5235},". When this role is added to an element, the browser will send out an accessible alert event to assistive technology products which can then notify the user. You can override this behaviour by passing ",{"type":15,"tag":36,"props":5237,"children":5239},{"className":5238},[],[5240],{"type":21,"value":5241},"role",{"type":21,"value":5243}," prop by yourself.",{"type":15,"tag":45,"props":5245,"children":5247},{"id":5246},"playground",[5248],{"type":21,"value":5249},"Playground",{"type":15,"tag":5251,"props":5252,"children":5254},"generate",{"style":5253},"height: 450px",[],{"type":15,"tag":28,"props":5256,"children":5257},{"v-slot:tab-2":9},[5258,5264,5497,5825],{"type":15,"tag":45,"props":5259,"children":5261},{"id":5260},"props",[5262],{"type":21,"value":5263},"Props",{"type":15,"tag":106,"props":5265,"children":5266},{},[5267],{"type":15,"tag":5268,"props":5269,"children":5270},"table",{},[5271,5300],{"type":15,"tag":5272,"props":5273,"children":5274},"thead",{},[5275],{"type":15,"tag":5276,"props":5277,"children":5278},"tr",{},[5279,5285,5290,5295],{"type":15,"tag":5280,"props":5281,"children":5282},"th",{},[5283],{"type":21,"value":5284},"Prop name",{"type":15,"tag":5280,"props":5286,"children":5287},{},[5288],{"type":21,"value":5289},"Type",{"type":15,"tag":5280,"props":5291,"children":5292},{},[5293],{"type":21,"value":5294},"Default value",{"type":15,"tag":5280,"props":5296,"children":5297},{},[5298],{"type":21,"value":5299},"Possible values",{"type":15,"tag":5301,"props":5302,"children":5303},"tbody",{},[5304,5353,5401,5434,5465],{"type":15,"tag":5276,"props":5305,"children":5306},{},[5307,5316,5325,5333],{"type":15,"tag":5308,"props":5309,"children":5310},"td",{},[5311],{"type":15,"tag":36,"props":5312,"children":5314},{"className":5313},[],[5315],{"type":21,"value":726},{"type":15,"tag":5308,"props":5317,"children":5318},{},[5319],{"type":15,"tag":36,"props":5320,"children":5322},{"className":5321},[],[5323],{"type":21,"value":5324},"SfButtonVariant",{"type":15,"tag":5308,"props":5326,"children":5327},{},[5328],{"type":15,"tag":36,"props":5329,"children":5331},{"className":5330},[],[5332],{"type":21,"value":733},{"type":15,"tag":5308,"props":5334,"children":5335},{},[5336,5341,5342,5347,5348],{"type":15,"tag":36,"props":5337,"children":5339},{"className":5338},[],[5340],{"type":21,"value":733},{"type":21,"value":83},{"type":15,"tag":36,"props":5343,"children":5345},{"className":5344},[],[5346],{"type":21,"value":740},{"type":21,"value":83},{"type":15,"tag":36,"props":5349,"children":5351},{"className":5350},[],[5352],{"type":21,"value":747},{"type":15,"tag":5276,"props":5354,"children":5355},{},[5356,5364,5373,5381],{"type":15,"tag":5308,"props":5357,"children":5358},{},[5359],{"type":15,"tag":36,"props":5360,"children":5362},{"className":5361},[],[5363],{"type":21,"value":73},{"type":15,"tag":5308,"props":5365,"children":5366},{},[5367],{"type":15,"tag":36,"props":5368,"children":5370},{"className":5369},[],[5371],{"type":21,"value":5372},"VsfButtonSize",{"type":15,"tag":5308,"props":5374,"children":5375},{},[5376],{"type":15,"tag":36,"props":5377,"children":5379},{"className":5378},[],[5380],{"type":21,"value":89},{"type":15,"tag":5308,"props":5382,"children":5383},{},[5384,5389,5390,5395,5396],{"type":15,"tag":36,"props":5385,"children":5387},{"className":5386},[],[5388],{"type":21,"value":81},{"type":21,"value":83},{"type":15,"tag":36,"props":5391,"children":5393},{"className":5392},[],[5394],{"type":21,"value":89},{"type":21,"value":83},{"type":15,"tag":36,"props":5397,"children":5399},{"className":5398},[],[5400],{"type":21,"value":96},{"type":15,"tag":5276,"props":5402,"children":5403},{},[5404,5413,5422,5431],{"type":15,"tag":5308,"props":5405,"children":5406},{},[5407],{"type":15,"tag":36,"props":5408,"children":5410},{"className":5409},[],[5411],{"type":21,"value":5412},"disabled",{"type":15,"tag":5308,"props":5414,"children":5415},{},[5416],{"type":15,"tag":36,"props":5417,"children":5419},{"className":5418},[],[5420],{"type":21,"value":5421},"boolean",{"type":15,"tag":5308,"props":5423,"children":5424},{},[5425],{"type":15,"tag":36,"props":5426,"children":5428},{"className":5427},[],[5429],{"type":21,"value":5430},"false",{"type":15,"tag":5308,"props":5432,"children":5433},{},[],{"type":15,"tag":5276,"props":5435,"children":5436},{},[5437,5446,5454,5462],{"type":15,"tag":5308,"props":5438,"children":5439},{},[5440],{"type":15,"tag":36,"props":5441,"children":5443},{"className":5442},[],[5444],{"type":21,"value":5445},"square",{"type":15,"tag":5308,"props":5447,"children":5448},{},[5449],{"type":15,"tag":36,"props":5450,"children":5452},{"className":5451},[],[5453],{"type":21,"value":5421},{"type":15,"tag":5308,"props":5455,"children":5456},{},[5457],{"type":15,"tag":36,"props":5458,"children":5460},{"className":5459},[],[5461],{"type":21,"value":5430},{"type":15,"tag":5308,"props":5463,"children":5464},{},[],{"type":15,"tag":5276,"props":5466,"children":5467},{},[5468,5476,5485,5494],{"type":15,"tag":5308,"props":5469,"children":5470},{},[5471],{"type":15,"tag":36,"props":5472,"children":5474},{"className":5473},[],[5475],{"type":21,"value":2781},{"type":15,"tag":5308,"props":5477,"children":5478},{},[5479],{"type":15,"tag":36,"props":5480,"children":5482},{"className":5481},[],[5483],{"type":21,"value":5484},"string",{"type":15,"tag":5308,"props":5486,"children":5487},{},[5488],{"type":15,"tag":36,"props":5489,"children":5491},{"className":5490},[],[5492],{"type":21,"value":5493},"'button'",{"type":15,"tag":5308,"props":5495,"children":5496},{},[],{"type":15,"tag":428,"props":5498,"children":5499},{},[5500],{"type":15,"tag":5268,"props":5501,"children":5502},{},[5503,5525],{"type":15,"tag":5272,"props":5504,"children":5505},{},[5506],{"type":15,"tag":5276,"props":5507,"children":5508},{},[5509,5513,5517,5521],{"type":15,"tag":5280,"props":5510,"children":5511},{},[5512],{"type":21,"value":5284},{"type":15,"tag":5280,"props":5514,"children":5515},{},[5516],{"type":21,"value":5289},{"type":15,"tag":5280,"props":5518,"children":5519},{},[5520],{"type":21,"value":5294},{"type":15,"tag":5280,"props":5522,"children":5523},{},[5524],{"type":21,"value":5299},{"type":15,"tag":5301,"props":5526,"children":5527},{},[5528,5575,5622,5652,5682,5711,5744,5771,5798],{"type":15,"tag":5276,"props":5529,"children":5530},{},[5531,5539,5547,5555],{"type":15,"tag":5308,"props":5532,"children":5533},{},[5534],{"type":15,"tag":36,"props":5535,"children":5537},{"className":5536},[],[5538],{"type":21,"value":726},{"type":15,"tag":5308,"props":5540,"children":5541},{},[5542],{"type":15,"tag":36,"props":5543,"children":5545},{"className":5544},[],[5546],{"type":21,"value":5324},{"type":15,"tag":5308,"props":5548,"children":5549},{},[5550],{"type":15,"tag":36,"props":5551,"children":5553},{"className":5552},[],[5554],{"type":21,"value":733},{"type":15,"tag":5308,"props":5556,"children":5557},{},[5558,5563,5564,5569,5570],{"type":15,"tag":36,"props":5559,"children":5561},{"className":5560},[],[5562],{"type":21,"value":733},{"type":21,"value":83},{"type":15,"tag":36,"props":5565,"children":5567},{"className":5566},[],[5568],{"type":21,"value":740},{"type":21,"value":83},{"type":15,"tag":36,"props":5571,"children":5573},{"className":5572},[],[5574],{"type":21,"value":747},{"type":15,"tag":5276,"props":5576,"children":5577},{},[5578,5586,5594,5602],{"type":15,"tag":5308,"props":5579,"children":5580},{},[5581],{"type":15,"tag":36,"props":5582,"children":5584},{"className":5583},[],[5585],{"type":21,"value":73},{"type":15,"tag":5308,"props":5587,"children":5588},{},[5589],{"type":15,"tag":36,"props":5590,"children":5592},{"className":5591},[],[5593],{"type":21,"value":5372},{"type":15,"tag":5308,"props":5595,"children":5596},{},[5597],{"type":15,"tag":36,"props":5598,"children":5600},{"className":5599},[],[5601],{"type":21,"value":89},{"type":15,"tag":5308,"props":5603,"children":5604},{},[5605,5610,5611,5616,5617],{"type":15,"tag":36,"props":5606,"children":5608},{"className":5607},[],[5609],{"type":21,"value":81},{"type":21,"value":83},{"type":15,"tag":36,"props":5612,"children":5614},{"className":5613},[],[5615],{"type":21,"value":89},{"type":21,"value":83},{"type":15,"tag":36,"props":5618,"children":5620},{"className":5619},[],[5621],{"type":21,"value":96},{"type":15,"tag":5276,"props":5623,"children":5624},{},[5625,5633,5641,5649],{"type":15,"tag":5308,"props":5626,"children":5627},{},[5628],{"type":15,"tag":36,"props":5629,"children":5631},{"className":5630},[],[5632],{"type":21,"value":5412},{"type":15,"tag":5308,"props":5634,"children":5635},{},[5636],{"type":15,"tag":36,"props":5637,"children":5639},{"className":5638},[],[5640],{"type":21,"value":5421},{"type":15,"tag":5308,"props":5642,"children":5643},{},[5644],{"type":15,"tag":36,"props":5645,"children":5647},{"className":5646},[],[5648],{"type":21,"value":5430},{"type":15,"tag":5308,"props":5650,"children":5651},{},[],{"type":15,"tag":5276,"props":5653,"children":5654},{},[5655,5663,5671,5679],{"type":15,"tag":5308,"props":5656,"children":5657},{},[5658],{"type":15,"tag":36,"props":5659,"children":5661},{"className":5660},[],[5662],{"type":21,"value":5445},{"type":15,"tag":5308,"props":5664,"children":5665},{},[5666],{"type":15,"tag":36,"props":5667,"children":5669},{"className":5668},[],[5670],{"type":21,"value":5421},{"type":15,"tag":5308,"props":5672,"children":5673},{},[5674],{"type":15,"tag":36,"props":5675,"children":5677},{"className":5676},[],[5678],{"type":21,"value":5430},{"type":15,"tag":5308,"props":5680,"children":5681},{},[],{"type":15,"tag":5276,"props":5683,"children":5684},{},[5685,5694,5703,5706],{"type":15,"tag":5308,"props":5686,"children":5687},{},[5688],{"type":15,"tag":36,"props":5689,"children":5691},{"className":5690},[],[5692],{"type":21,"value":5693},"children",{"type":15,"tag":5308,"props":5695,"children":5696},{},[5697],{"type":15,"tag":36,"props":5698,"children":5700},{"className":5699},[],[5701],{"type":21,"value":5702},"ReactNode",{"type":15,"tag":5308,"props":5704,"children":5705},{},[],{"type":15,"tag":5308,"props":5707,"children":5708},{},[5709],{"type":21,"value":5710},"Default slotted content",{"type":15,"tag":5276,"props":5712,"children":5713},{},[5714,5722,5731,5739],{"type":15,"tag":5308,"props":5715,"children":5716},{},[5717],{"type":15,"tag":36,"props":5718,"children":5720},{"className":5719},[],[5721],{"type":21,"value":2796},{"type":15,"tag":5308,"props":5723,"children":5724},{},[5725],{"type":15,"tag":36,"props":5726,"children":5728},{"className":5727},[],[5729],{"type":21,"value":5730},"ReactElement",{"type":15,"tag":5308,"props":5732,"children":5733},{},[5734],{"type":15,"tag":36,"props":5735,"children":5737},{"className":5736},[],[5738],{"type":21,"value":5493},{"type":15,"tag":5308,"props":5740,"children":5741},{},[5742],{"type":21,"value":5743},"any tag name",{"type":15,"tag":5276,"props":5745,"children":5746},{},[5747,5755,5763,5766],{"type":15,"tag":5308,"props":5748,"children":5749},{},[5750],{"type":15,"tag":36,"props":5751,"children":5753},{"className":5752},[],[5754],{"type":21,"value":4267},{"type":15,"tag":5308,"props":5756,"children":5757},{},[5758],{"type":15,"tag":36,"props":5759,"children":5761},{"className":5760},[],[5762],{"type":21,"value":5702},{"type":15,"tag":5308,"props":5764,"children":5765},{},[],{"type":15,"tag":5308,"props":5767,"children":5768},{},[5769],{"type":21,"value":5770},"Left side slotted content",{"type":15,"tag":5276,"props":5772,"children":5773},{},[5774,5782,5790,5793],{"type":15,"tag":5308,"props":5775,"children":5776},{},[5777],{"type":15,"tag":36,"props":5778,"children":5780},{"className":5779},[],[5781],{"type":21,"value":4274},{"type":15,"tag":5308,"props":5783,"children":5784},{},[5785],{"type":15,"tag":36,"props":5786,"children":5788},{"className":5787},[],[5789],{"type":21,"value":5702},{"type":15,"tag":5308,"props":5791,"children":5792},{},[],{"type":15,"tag":5308,"props":5794,"children":5795},{},[5796],{"type":21,"value":5797},"Right side slotted content",{"type":15,"tag":5276,"props":5799,"children":5800},{},[5801,5810,5819,5822],{"type":15,"tag":5308,"props":5802,"children":5803},{},[5804],{"type":15,"tag":36,"props":5805,"children":5807},{"className":5806},[],[5808],{"type":21,"value":5809},"onClick",{"type":15,"tag":5308,"props":5811,"children":5812},{},[5813],{"type":15,"tag":36,"props":5814,"children":5816},{"className":5815},[],[5817],{"type":21,"value":5818},"Function",{"type":15,"tag":5308,"props":5820,"children":5821},{},[],{"type":15,"tag":5308,"props":5823,"children":5824},{},[],{"type":15,"tag":106,"props":5826,"children":5827},{},[5828,5834],{"type":15,"tag":45,"props":5829,"children":5831},{"id":5830},"slots",[5832],{"type":21,"value":5833},"Slots",{"type":15,"tag":5268,"props":5835,"children":5836},{},[5837,5853],{"type":15,"tag":5272,"props":5838,"children":5839},{},[5840],{"type":15,"tag":5276,"props":5841,"children":5842},{},[5843,5848],{"type":15,"tag":5280,"props":5844,"children":5845},{},[5846],{"type":21,"value":5847},"Slot name",{"type":15,"tag":5280,"props":5849,"children":5850},{},[5851],{"type":21,"value":5852},"Description",{"type":15,"tag":5301,"props":5854,"children":5855},{},[5856,5872,5889],{"type":15,"tag":5276,"props":5857,"children":5858},{},[5859,5867],{"type":15,"tag":5308,"props":5860,"children":5861},{},[5862],{"type":15,"tag":36,"props":5863,"children":5865},{"className":5864},[],[5866],{"type":21,"value":4240},{"type":15,"tag":5308,"props":5868,"children":5869},{},[5870],{"type":21,"value":5871},"before default slot",{"type":15,"tag":5276,"props":5873,"children":5874},{},[5875,5884],{"type":15,"tag":5308,"props":5876,"children":5877},{},[5878],{"type":15,"tag":36,"props":5879,"children":5881},{"className":5880},[],[5882],{"type":21,"value":5883},"default",{"type":15,"tag":5308,"props":5885,"children":5886},{},[5887],{"type":21,"value":5888},"replaces the default content",{"type":15,"tag":5276,"props":5890,"children":5891},{},[5892,5900],{"type":15,"tag":5308,"props":5893,"children":5894},{},[5895],{"type":15,"tag":36,"props":5896,"children":5898},{"className":5897},[],[5899],{"type":21,"value":4247},{"type":15,"tag":5308,"props":5901,"children":5902},{},[5903],{"type":21,"value":5904},"after default slot",{"type":15,"tag":28,"props":5906,"children":5907},{"v-slot:tab-3":9},[5908,5913,8022],{"type":15,"tag":5909,"props":5910,"children":5912},"partial",{"content":5911},"block-callout",[],{"type":15,"tag":106,"props":5914,"children":5915},{},[5916],{"type":15,"tag":110,"props":5917,"children":5919},{"className":112,"code":5918,"language":114,"meta":9,"style":9},"\u003Cscript lang=\"ts\">\nexport const variantClasses = {\n [SfButtonVariant.primary]: 'shadow-sm hover:shadow-md active:shadow-sm disabled:bg-disabled-300',\n [SfButtonVariant.secondary]:\n 'ring-1 ring-inset shadow-sm hover:shadow-md active:shadow-sm disabled:ring-1 disabled:ring-disabled-300 disabled:bg-white\u002F50',\n [SfButtonVariant.tertiary]: 'disabled:bg-transparent',\n};\nexport const variantColorClasses = {\n [SfButtonVariant.primary]: 'text-white bg-primary-700 hover:bg-primary-800 active:bg-primary-900',\n [SfButtonVariant.secondary]:\n 'text-primary-700 hover:bg-primary-100 hover:text-primary-800 active:bg-primary-200 active:text-primary-900 ring-primary-700 hover:ring-primary-800 active:ring-primary-900',\n [SfButtonVariant.tertiary]:\n 'text-primary-700 hover:bg-primary-100 hover:text-primary-800 active:bg-primary-200 active:text-primary-900',\n};\n\u003C\u002Fscript>\n\n\u003Cscript lang=\"ts\" setup>\nimport { type PropType, type ConcreteComponent, computed, toRefs } from 'vue';\nimport { useAttrsRef, SfButtonSize, SfButtonVariant, twMerge, useTwMergeRoot } from '@storefront-ui\u002Fvue';\n\nconst props = defineProps({\n size: {\n type: String as PropType\u003C`${SfButtonSize}`>,\n default: SfButtonSize.base,\n },\n variant: {\n type: String as PropType\u003C`${SfButtonVariant}`>,\n default: SfButtonVariant.primary,\n },\n blank: {\n type: Boolean,\n default: false,\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n square: {\n type: Boolean,\n default: false,\n },\n tag: {\n type: [String, Object] as PropType\u003Cstring | ConcreteComponent>,\n default: undefined,\n },\n});\ndefineOptions({\n inheritAttrs: false,\n});\nconst { attrsWithoutClass } = useTwMergeRoot();\n\nconst { size, tag, square } = toRefs(props);\n\nconst sizeClasses = computed(() => {\n switch (size.value) {\n case SfButtonSize.sm:\n return [square.value ? 'p-1.5' : 'leading-5 text-sm py-1.5 px-3', 'gap-1.5'];\n case SfButtonSize.lg:\n return [square.value ? 'p-3' : 'py-3 leading-6 px-6', 'gap-3'];\n default:\n return [square.value ? 'p-2' : 'py-2 leading-6 px-4', 'gap-2'];\n }\n});\nconst tagWithDefaults = computed(() => tag?.value || 'button');\n\nconst attrs = useAttrsRef();\nconst type = computed(\n () =>\n attrs.value.type ??\n (typeof tagWithDefaults.value === 'string' && tagWithDefaults.value.toLowerCase() === 'button'\n ? 'button'\n : undefined),\n);\n\u003C\u002Fscript>\n\u003Ctemplate>\n \u003Ccomponent\n :is=\"tagWithDefaults\"\n data-testid=\"button\"\n v-bind=\"attrsWithoutClass\"\n :type=\"type\"\n :disabled=\"disabled\"\n :class=\"\n twMerge(\n 'inline-flex items-center justify-center font-medium text-base focus-visible:outline focus-visible:outline-offset rounded-full disabled:text-disabled-500 disabled:bg-disabled-300 disabled:shadow-none disabled:ring-0 disabled:cursor-not-allowed',\n ...sizeClasses,\n variantClasses[variant],\n { [variantColorClasses[variant]]: !blank },\n $attrs.class,\n )\n \"\n >\n \u003Cslot v-if=\"$slots.prefix\" name=\"prefix\" \u002F>\n \u003Cslot \u002F>\n \u003Cslot v-if=\"$slots.suffix\" name=\"suffix\" \u002F>\n \u003C\u002Fcomponent>\n\u003C\u002Ftemplate>\n\n",[5920],{"type":15,"tag":36,"props":5921,"children":5922},{"__ignoreMap":9},[5923,5950,5976,6008,6029,6041,6070,6078,6102,6130,6149,6161,6180,6192,6199,6214,6221,6252,6319,6386,6393,6419,6432,6489,6518,6526,6538,6589,6617,6624,6636,6656,6675,6682,6694,6713,6732,6739,6751,6770,6789,6796,6808,6868,6888,6895,6903,6915,6935,6942,6976,6983,7039,7046,7081,7112,7139,7198,7222,7277,7289,7344,7353,7361,7417,7425,7451,7477,7491,7521,7598,7611,7630,7638,7654,7670,7683,7701,7719,7737,7755,7773,7791,7800,7809,7818,7827,7836,7845,7854,7863,7872,7923,7943,7989,8006],{"type":15,"tag":120,"props":5924,"children":5925},{"class":122,"line":123},[5926,5930,5934,5938,5942,5946],{"type":15,"tag":120,"props":5927,"children":5928},{"style":127},[5929],{"type":21,"value":130},{"type":15,"tag":120,"props":5931,"children":5932},{"style":133},[5933],{"type":21,"value":348},{"type":15,"tag":120,"props":5935,"children":5936},{"style":157},[5937],{"type":21,"value":353},{"type":15,"tag":120,"props":5939,"children":5940},{"style":127},[5941],{"type":21,"value":165},{"type":15,"tag":120,"props":5943,"children":5944},{"style":168},[5945],{"type":21,"value":362},{"type":15,"tag":120,"props":5947,"children":5948},{"style":127},[5949],{"type":21,"value":140},{"type":15,"tag":120,"props":5951,"children":5952},{"class":122,"line":143},[5953,5957,5962,5967,5971],{"type":15,"tag":120,"props":5954,"children":5955},{"style":378},[5956],{"type":21,"value":486},{"type":15,"tag":120,"props":5958,"children":5959},{"style":378},[5960],{"type":21,"value":5961}," const",{"type":15,"tag":120,"props":5963,"children":5964},{"style":561},[5965],{"type":21,"value":5966}," variantClasses",{"type":15,"tag":120,"props":5968,"children":5969},{"style":540},[5970],{"type":21,"value":3176},{"type":15,"tag":120,"props":5972,"children":5973},{"style":127},[5974],{"type":21,"value":5975}," {\n",{"type":15,"tag":120,"props":5977,"children":5978},{"class":122,"line":178},[5979,5984,5988,5993,5998,6003],{"type":15,"tag":120,"props":5980,"children":5981},{"style":127},[5982],{"type":21,"value":5983}," [",{"type":15,"tag":120,"props":5985,"children":5986},{"style":561},[5987],{"type":21,"value":5324},{"type":15,"tag":120,"props":5989,"children":5990},{"style":133},[5991],{"type":21,"value":5992},".primary",{"type":15,"tag":120,"props":5994,"children":5995},{"style":127},[5996],{"type":21,"value":5997},"]: ",{"type":15,"tag":120,"props":5999,"children":6000},{"style":168},[6001],{"type":21,"value":6002},"'shadow-sm hover:shadow-md active:shadow-sm disabled:bg-disabled-300'",{"type":15,"tag":120,"props":6004,"children":6005},{"style":127},[6006],{"type":21,"value":6007},",\n",{"type":15,"tag":120,"props":6009,"children":6010},{"class":122,"line":218},[6011,6015,6019,6024],{"type":15,"tag":120,"props":6012,"children":6013},{"style":127},[6014],{"type":21,"value":5983},{"type":15,"tag":120,"props":6016,"children":6017},{"style":561},[6018],{"type":21,"value":5324},{"type":15,"tag":120,"props":6020,"children":6021},{"style":133},[6022],{"type":21,"value":6023},".secondary",{"type":15,"tag":120,"props":6025,"children":6026},{"style":127},[6027],{"type":21,"value":6028},"]:\n",{"type":15,"tag":120,"props":6030,"children":6031},{"class":122,"line":227},[6032,6037],{"type":15,"tag":120,"props":6033,"children":6034},{"style":168},[6035],{"type":21,"value":6036}," 'ring-1 ring-inset shadow-sm hover:shadow-md active:shadow-sm disabled:ring-1 disabled:ring-disabled-300 disabled:bg-white\u002F50'",{"type":15,"tag":120,"props":6038,"children":6039},{"style":127},[6040],{"type":21,"value":6007},{"type":15,"tag":120,"props":6042,"children":6043},{"class":122,"line":251},[6044,6048,6052,6057,6061,6066],{"type":15,"tag":120,"props":6045,"children":6046},{"style":127},[6047],{"type":21,"value":5983},{"type":15,"tag":120,"props":6049,"children":6050},{"style":561},[6051],{"type":21,"value":5324},{"type":15,"tag":120,"props":6053,"children":6054},{"style":133},[6055],{"type":21,"value":6056},".tertiary",{"type":15,"tag":120,"props":6058,"children":6059},{"style":127},[6060],{"type":21,"value":5997},{"type":15,"tag":120,"props":6062,"children":6063},{"style":168},[6064],{"type":21,"value":6065},"'disabled:bg-transparent'",{"type":15,"tag":120,"props":6067,"children":6068},{"style":127},[6069],{"type":21,"value":6007},{"type":15,"tag":120,"props":6071,"children":6072},{"class":122,"line":259},[6073],{"type":15,"tag":120,"props":6074,"children":6075},{"style":127},[6076],{"type":21,"value":6077},"};\n",{"type":15,"tag":120,"props":6079,"children":6080},{"class":122,"line":296},[6081,6085,6089,6094,6098],{"type":15,"tag":120,"props":6082,"children":6083},{"style":378},[6084],{"type":21,"value":486},{"type":15,"tag":120,"props":6086,"children":6087},{"style":378},[6088],{"type":21,"value":5961},{"type":15,"tag":120,"props":6090,"children":6091},{"style":561},[6092],{"type":21,"value":6093}," variantColorClasses",{"type":15,"tag":120,"props":6095,"children":6096},{"style":540},[6097],{"type":21,"value":3176},{"type":15,"tag":120,"props":6099,"children":6100},{"style":127},[6101],{"type":21,"value":5975},{"type":15,"tag":120,"props":6103,"children":6104},{"class":122,"line":313},[6105,6109,6113,6117,6121,6126],{"type":15,"tag":120,"props":6106,"children":6107},{"style":127},[6108],{"type":21,"value":5983},{"type":15,"tag":120,"props":6110,"children":6111},{"style":561},[6112],{"type":21,"value":5324},{"type":15,"tag":120,"props":6114,"children":6115},{"style":133},[6116],{"type":21,"value":5992},{"type":15,"tag":120,"props":6118,"children":6119},{"style":127},[6120],{"type":21,"value":5997},{"type":15,"tag":120,"props":6122,"children":6123},{"style":168},[6124],{"type":21,"value":6125},"'text-white bg-primary-700 hover:bg-primary-800 active:bg-primary-900'",{"type":15,"tag":120,"props":6127,"children":6128},{"style":127},[6129],{"type":21,"value":6007},{"type":15,"tag":120,"props":6131,"children":6132},{"class":122,"line":330},[6133,6137,6141,6145],{"type":15,"tag":120,"props":6134,"children":6135},{"style":127},[6136],{"type":21,"value":5983},{"type":15,"tag":120,"props":6138,"children":6139},{"style":561},[6140],{"type":21,"value":5324},{"type":15,"tag":120,"props":6142,"children":6143},{"style":133},[6144],{"type":21,"value":6023},{"type":15,"tag":120,"props":6146,"children":6147},{"style":127},[6148],{"type":21,"value":6028},{"type":15,"tag":120,"props":6150,"children":6151},{"class":122,"line":338},[6152,6157],{"type":15,"tag":120,"props":6153,"children":6154},{"style":168},[6155],{"type":21,"value":6156}," 'text-primary-700 hover:bg-primary-100 hover:text-primary-800 active:bg-primary-200 active:text-primary-900 ring-primary-700 hover:ring-primary-800 active:ring-primary-900'",{"type":15,"tag":120,"props":6158,"children":6159},{"style":127},[6160],{"type":21,"value":6007},{"type":15,"tag":120,"props":6162,"children":6163},{"class":122,"line":374},[6164,6168,6172,6176],{"type":15,"tag":120,"props":6165,"children":6166},{"style":127},[6167],{"type":21,"value":5983},{"type":15,"tag":120,"props":6169,"children":6170},{"style":561},[6171],{"type":21,"value":5324},{"type":15,"tag":120,"props":6173,"children":6174},{"style":133},[6175],{"type":21,"value":6056},{"type":15,"tag":120,"props":6177,"children":6178},{"style":127},[6179],{"type":21,"value":6028},{"type":15,"tag":120,"props":6181,"children":6182},{"class":122,"line":413},[6183,6188],{"type":15,"tag":120,"props":6184,"children":6185},{"style":168},[6186],{"type":21,"value":6187}," 'text-primary-700 hover:bg-primary-100 hover:text-primary-800 active:bg-primary-200 active:text-primary-900'",{"type":15,"tag":120,"props":6189,"children":6190},{"style":127},[6191],{"type":21,"value":6007},{"type":15,"tag":120,"props":6193,"children":6194},{"class":122,"line":1544},[6195],{"type":15,"tag":120,"props":6196,"children":6197},{"style":127},[6198],{"type":21,"value":6077},{"type":15,"tag":120,"props":6200,"children":6201},{"class":122,"line":1552},[6202,6206,6210],{"type":15,"tag":120,"props":6203,"children":6204},{"style":127},[6205],{"type":21,"value":319},{"type":15,"tag":120,"props":6207,"children":6208},{"style":133},[6209],{"type":21,"value":348},{"type":15,"tag":120,"props":6211,"children":6212},{"style":127},[6213],{"type":21,"value":140},{"type":15,"tag":120,"props":6215,"children":6216},{"class":122,"line":1564},[6217],{"type":15,"tag":120,"props":6218,"children":6219},{"emptyLinePlaceholder":8},[6220],{"type":21,"value":224},{"type":15,"tag":120,"props":6222,"children":6223},{"class":122,"line":1581},[6224,6228,6232,6236,6240,6244,6248],{"type":15,"tag":120,"props":6225,"children":6226},{"style":127},[6227],{"type":21,"value":130},{"type":15,"tag":120,"props":6229,"children":6230},{"style":133},[6231],{"type":21,"value":348},{"type":15,"tag":120,"props":6233,"children":6234},{"style":157},[6235],{"type":21,"value":353},{"type":15,"tag":120,"props":6237,"children":6238},{"style":127},[6239],{"type":21,"value":165},{"type":15,"tag":120,"props":6241,"children":6242},{"style":168},[6243],{"type":21,"value":362},{"type":15,"tag":120,"props":6245,"children":6246},{"style":157},[6247],{"type":21,"value":367},{"type":15,"tag":120,"props":6249,"children":6250},{"style":127},[6251],{"type":21,"value":140},{"type":15,"tag":120,"props":6253,"children":6254},{"class":122,"line":1589},[6255,6259,6263,6267,6272,6276,6280,6285,6289,6294,6298,6303,6307,6311,6315],{"type":15,"tag":120,"props":6256,"children":6257},{"style":378},[6258],{"type":21,"value":381},{"type":15,"tag":120,"props":6260,"children":6261},{"style":127},[6262],{"type":21,"value":386},{"type":15,"tag":120,"props":6264,"children":6265},{"style":378},[6266],{"type":21,"value":5150},{"type":15,"tag":120,"props":6268,"children":6269},{"style":133},[6270],{"type":21,"value":6271}," PropType",{"type":15,"tag":120,"props":6273,"children":6274},{"style":127},[6275],{"type":21,"value":83},{"type":15,"tag":120,"props":6277,"children":6278},{"style":378},[6279],{"type":21,"value":5150},{"type":15,"tag":120,"props":6281,"children":6282},{"style":133},[6283],{"type":21,"value":6284}," ConcreteComponent",{"type":15,"tag":120,"props":6286,"children":6287},{"style":127},[6288],{"type":21,"value":83},{"type":15,"tag":120,"props":6290,"children":6291},{"style":133},[6292],{"type":21,"value":6293},"computed",{"type":15,"tag":120,"props":6295,"children":6296},{"style":127},[6297],{"type":21,"value":83},{"type":15,"tag":120,"props":6299,"children":6300},{"style":133},[6301],{"type":21,"value":6302},"toRefs",{"type":15,"tag":120,"props":6304,"children":6305},{"style":127},[6306],{"type":21,"value":395},{"type":15,"tag":120,"props":6308,"children":6309},{"style":378},[6310],{"type":21,"value":400},{"type":15,"tag":120,"props":6312,"children":6313},{"style":168},[6314],{"type":21,"value":3116},{"type":15,"tag":120,"props":6316,"children":6317},{"style":127},[6318],{"type":21,"value":410},{"type":15,"tag":120,"props":6320,"children":6321},{"class":122,"line":1606},[6322,6326,6330,6335,6339,6344,6348,6352,6356,6361,6365,6370,6374,6378,6382],{"type":15,"tag":120,"props":6323,"children":6324},{"style":378},[6325],{"type":21,"value":381},{"type":15,"tag":120,"props":6327,"children":6328},{"style":127},[6329],{"type":21,"value":386},{"type":15,"tag":120,"props":6331,"children":6332},{"style":133},[6333],{"type":21,"value":6334},"useAttrsRef",{"type":15,"tag":120,"props":6336,"children":6337},{"style":127},[6338],{"type":21,"value":83},{"type":15,"tag":120,"props":6340,"children":6341},{"style":133},[6342],{"type":21,"value":6343},"SfButtonSize",{"type":15,"tag":120,"props":6345,"children":6346},{"style":127},[6347],{"type":21,"value":83},{"type":15,"tag":120,"props":6349,"children":6350},{"style":133},[6351],{"type":21,"value":5324},{"type":15,"tag":120,"props":6353,"children":6354},{"style":127},[6355],{"type":21,"value":83},{"type":15,"tag":120,"props":6357,"children":6358},{"style":133},[6359],{"type":21,"value":6360},"twMerge",{"type":15,"tag":120,"props":6362,"children":6363},{"style":127},[6364],{"type":21,"value":83},{"type":15,"tag":120,"props":6366,"children":6367},{"style":133},[6368],{"type":21,"value":6369},"useTwMergeRoot",{"type":15,"tag":120,"props":6371,"children":6372},{"style":127},[6373],{"type":21,"value":395},{"type":15,"tag":120,"props":6375,"children":6376},{"style":378},[6377],{"type":21,"value":400},{"type":15,"tag":120,"props":6379,"children":6380},{"style":168},[6381],{"type":21,"value":405},{"type":15,"tag":120,"props":6383,"children":6384},{"style":127},[6385],{"type":21,"value":410},{"type":15,"tag":120,"props":6387,"children":6388},{"class":122,"line":1614},[6389],{"type":15,"tag":120,"props":6390,"children":6391},{"emptyLinePlaceholder":8},[6392],{"type":21,"value":224},{"type":15,"tag":120,"props":6394,"children":6395},{"class":122,"line":1622},[6396,6400,6405,6409,6414],{"type":15,"tag":120,"props":6397,"children":6398},{"style":378},[6399],{"type":21,"value":3166},{"type":15,"tag":120,"props":6401,"children":6402},{"style":561},[6403],{"type":21,"value":6404}," props",{"type":15,"tag":120,"props":6406,"children":6407},{"style":540},[6408],{"type":21,"value":3176},{"type":15,"tag":120,"props":6410,"children":6411},{"style":499},[6412],{"type":21,"value":6413}," defineProps",{"type":15,"tag":120,"props":6415,"children":6416},{"style":127},[6417],{"type":21,"value":6418},"({\n",{"type":15,"tag":120,"props":6420,"children":6421},{"class":122,"line":1638},[6422,6427],{"type":15,"tag":120,"props":6423,"children":6424},{"style":133},[6425],{"type":21,"value":6426}," size",{"type":15,"tag":120,"props":6428,"children":6429},{"style":127},[6430],{"type":21,"value":6431},": {\n",{"type":15,"tag":120,"props":6433,"children":6434},{"class":122,"line":1654},[6435,6440,6445,6450,6454,6458,6462,6467,6472,6476,6480,6484],{"type":15,"tag":120,"props":6436,"children":6437},{"style":133},[6438],{"type":21,"value":6439}," type",{"type":15,"tag":120,"props":6441,"children":6442},{"style":127},[6443],{"type":21,"value":6444},": ",{"type":15,"tag":120,"props":6446,"children":6447},{"style":133},[6448],{"type":21,"value":6449},"String",{"type":15,"tag":120,"props":6451,"children":6452},{"style":378},[6453],{"type":21,"value":3363},{"type":15,"tag":120,"props":6455,"children":6456},{"style":561},[6457],{"type":21,"value":6271},{"type":15,"tag":120,"props":6459,"children":6460},{"style":127},[6461],{"type":21,"value":130},{"type":15,"tag":120,"props":6463,"children":6464},{"style":168},[6465],{"type":21,"value":6466},"`",{"type":15,"tag":120,"props":6468,"children":6469},{"style":378},[6470],{"type":21,"value":6471},"${",{"type":15,"tag":120,"props":6473,"children":6474},{"style":561},[6475],{"type":21,"value":6343},{"type":15,"tag":120,"props":6477,"children":6478},{"style":378},[6479],{"type":21,"value":4922},{"type":15,"tag":120,"props":6481,"children":6482},{"style":168},[6483],{"type":21,"value":6466},{"type":15,"tag":120,"props":6485,"children":6486},{"style":127},[6487],{"type":21,"value":6488},">,\n",{"type":15,"tag":120,"props":6490,"children":6491},{"class":122,"line":1682},[6492,6497,6501,6505,6509,6514],{"type":15,"tag":120,"props":6493,"children":6494},{"style":133},[6495],{"type":21,"value":6496}," default",{"type":15,"tag":120,"props":6498,"children":6499},{"style":127},[6500],{"type":21,"value":6444},{"type":15,"tag":120,"props":6502,"children":6503},{"style":561},[6504],{"type":21,"value":6343},{"type":15,"tag":120,"props":6506,"children":6507},{"style":127},[6508],{"type":21,"value":98},{"type":15,"tag":120,"props":6510,"children":6511},{"style":133},[6512],{"type":21,"value":6513},"base",{"type":15,"tag":120,"props":6515,"children":6516},{"style":127},[6517],{"type":21,"value":6007},{"type":15,"tag":120,"props":6519,"children":6520},{"class":122,"line":1727},[6521],{"type":15,"tag":120,"props":6522,"children":6523},{"style":127},[6524],{"type":21,"value":6525}," },\n",{"type":15,"tag":120,"props":6527,"children":6528},{"class":122,"line":1735},[6529,6534],{"type":15,"tag":120,"props":6530,"children":6531},{"style":133},[6532],{"type":21,"value":6533}," variant",{"type":15,"tag":120,"props":6535,"children":6536},{"style":127},[6537],{"type":21,"value":6431},{"type":15,"tag":120,"props":6539,"children":6540},{"class":122,"line":1751},[6541,6545,6549,6553,6557,6561,6565,6569,6573,6577,6581,6585],{"type":15,"tag":120,"props":6542,"children":6543},{"style":133},[6544],{"type":21,"value":6439},{"type":15,"tag":120,"props":6546,"children":6547},{"style":127},[6548],{"type":21,"value":6444},{"type":15,"tag":120,"props":6550,"children":6551},{"style":133},[6552],{"type":21,"value":6449},{"type":15,"tag":120,"props":6554,"children":6555},{"style":378},[6556],{"type":21,"value":3363},{"type":15,"tag":120,"props":6558,"children":6559},{"style":561},[6560],{"type":21,"value":6271},{"type":15,"tag":120,"props":6562,"children":6563},{"style":127},[6564],{"type":21,"value":130},{"type":15,"tag":120,"props":6566,"children":6567},{"style":168},[6568],{"type":21,"value":6466},{"type":15,"tag":120,"props":6570,"children":6571},{"style":378},[6572],{"type":21,"value":6471},{"type":15,"tag":120,"props":6574,"children":6575},{"style":561},[6576],{"type":21,"value":5324},{"type":15,"tag":120,"props":6578,"children":6579},{"style":378},[6580],{"type":21,"value":4922},{"type":15,"tag":120,"props":6582,"children":6583},{"style":168},[6584],{"type":21,"value":6466},{"type":15,"tag":120,"props":6586,"children":6587},{"style":127},[6588],{"type":21,"value":6488},{"type":15,"tag":120,"props":6590,"children":6591},{"class":122,"line":1759},[6592,6596,6600,6604,6608,6613],{"type":15,"tag":120,"props":6593,"children":6594},{"style":133},[6595],{"type":21,"value":6496},{"type":15,"tag":120,"props":6597,"children":6598},{"style":127},[6599],{"type":21,"value":6444},{"type":15,"tag":120,"props":6601,"children":6602},{"style":561},[6603],{"type":21,"value":5324},{"type":15,"tag":120,"props":6605,"children":6606},{"style":127},[6607],{"type":21,"value":98},{"type":15,"tag":120,"props":6609,"children":6610},{"style":133},[6611],{"type":21,"value":6612},"primary",{"type":15,"tag":120,"props":6614,"children":6615},{"style":127},[6616],{"type":21,"value":6007},{"type":15,"tag":120,"props":6618,"children":6619},{"class":122,"line":1771},[6620],{"type":15,"tag":120,"props":6621,"children":6622},{"style":127},[6623],{"type":21,"value":6525},{"type":15,"tag":120,"props":6625,"children":6626},{"class":122,"line":1787},[6627,6632],{"type":15,"tag":120,"props":6628,"children":6629},{"style":133},[6630],{"type":21,"value":6631}," blank",{"type":15,"tag":120,"props":6633,"children":6634},{"style":127},[6635],{"type":21,"value":6431},{"type":15,"tag":120,"props":6637,"children":6638},{"class":122,"line":1795},[6639,6643,6647,6652],{"type":15,"tag":120,"props":6640,"children":6641},{"style":133},[6642],{"type":21,"value":6439},{"type":15,"tag":120,"props":6644,"children":6645},{"style":127},[6646],{"type":21,"value":6444},{"type":15,"tag":120,"props":6648,"children":6649},{"style":133},[6650],{"type":21,"value":6651},"Boolean",{"type":15,"tag":120,"props":6653,"children":6654},{"style":127},[6655],{"type":21,"value":6007},{"type":15,"tag":120,"props":6657,"children":6658},{"class":122,"line":1812},[6659,6663,6667,6671],{"type":15,"tag":120,"props":6660,"children":6661},{"style":133},[6662],{"type":21,"value":6496},{"type":15,"tag":120,"props":6664,"children":6665},{"style":127},[6666],{"type":21,"value":6444},{"type":15,"tag":120,"props":6668,"children":6669},{"style":157},[6670],{"type":21,"value":5430},{"type":15,"tag":120,"props":6672,"children":6673},{"style":127},[6674],{"type":21,"value":6007},{"type":15,"tag":120,"props":6676,"children":6677},{"class":122,"line":1820},[6678],{"type":15,"tag":120,"props":6679,"children":6680},{"style":127},[6681],{"type":21,"value":6525},{"type":15,"tag":120,"props":6683,"children":6684},{"class":122,"line":1828},[6685,6690],{"type":15,"tag":120,"props":6686,"children":6687},{"style":133},[6688],{"type":21,"value":6689}," disabled",{"type":15,"tag":120,"props":6691,"children":6692},{"style":127},[6693],{"type":21,"value":6431},{"type":15,"tag":120,"props":6695,"children":6696},{"class":122,"line":1844},[6697,6701,6705,6709],{"type":15,"tag":120,"props":6698,"children":6699},{"style":133},[6700],{"type":21,"value":6439},{"type":15,"tag":120,"props":6702,"children":6703},{"style":127},[6704],{"type":21,"value":6444},{"type":15,"tag":120,"props":6706,"children":6707},{"style":133},[6708],{"type":21,"value":6651},{"type":15,"tag":120,"props":6710,"children":6711},{"style":127},[6712],{"type":21,"value":6007},{"type":15,"tag":120,"props":6714,"children":6715},{"class":122,"line":1852},[6716,6720,6724,6728],{"type":15,"tag":120,"props":6717,"children":6718},{"style":133},[6719],{"type":21,"value":6496},{"type":15,"tag":120,"props":6721,"children":6722},{"style":127},[6723],{"type":21,"value":6444},{"type":15,"tag":120,"props":6725,"children":6726},{"style":157},[6727],{"type":21,"value":5430},{"type":15,"tag":120,"props":6729,"children":6730},{"style":127},[6731],{"type":21,"value":6007},{"type":15,"tag":120,"props":6733,"children":6734},{"class":122,"line":1864},[6735],{"type":15,"tag":120,"props":6736,"children":6737},{"style":127},[6738],{"type":21,"value":6525},{"type":15,"tag":120,"props":6740,"children":6741},{"class":122,"line":1880},[6742,6747],{"type":15,"tag":120,"props":6743,"children":6744},{"style":133},[6745],{"type":21,"value":6746}," square",{"type":15,"tag":120,"props":6748,"children":6749},{"style":127},[6750],{"type":21,"value":6431},{"type":15,"tag":120,"props":6752,"children":6753},{"class":122,"line":1888},[6754,6758,6762,6766],{"type":15,"tag":120,"props":6755,"children":6756},{"style":133},[6757],{"type":21,"value":6439},{"type":15,"tag":120,"props":6759,"children":6760},{"style":127},[6761],{"type":21,"value":6444},{"type":15,"tag":120,"props":6763,"children":6764},{"style":133},[6765],{"type":21,"value":6651},{"type":15,"tag":120,"props":6767,"children":6768},{"style":127},[6769],{"type":21,"value":6007},{"type":15,"tag":120,"props":6771,"children":6772},{"class":122,"line":1905},[6773,6777,6781,6785],{"type":15,"tag":120,"props":6774,"children":6775},{"style":133},[6776],{"type":21,"value":6496},{"type":15,"tag":120,"props":6778,"children":6779},{"style":127},[6780],{"type":21,"value":6444},{"type":15,"tag":120,"props":6782,"children":6783},{"style":157},[6784],{"type":21,"value":5430},{"type":15,"tag":120,"props":6786,"children":6787},{"style":127},[6788],{"type":21,"value":6007},{"type":15,"tag":120,"props":6790,"children":6791},{"class":122,"line":1913},[6792],{"type":15,"tag":120,"props":6793,"children":6794},{"style":127},[6795],{"type":21,"value":6525},{"type":15,"tag":120,"props":6797,"children":6798},{"class":122,"line":1921},[6799,6804],{"type":15,"tag":120,"props":6800,"children":6801},{"style":133},[6802],{"type":21,"value":6803}," tag",{"type":15,"tag":120,"props":6805,"children":6806},{"style":127},[6807],{"type":21,"value":6431},{"type":15,"tag":120,"props":6809,"children":6810},{"class":122,"line":1937},[6811,6815,6820,6824,6828,6833,6838,6842,6846,6850,6854,6859,6864],{"type":15,"tag":120,"props":6812,"children":6813},{"style":133},[6814],{"type":21,"value":6439},{"type":15,"tag":120,"props":6816,"children":6817},{"style":127},[6818],{"type":21,"value":6819},": [",{"type":15,"tag":120,"props":6821,"children":6822},{"style":133},[6823],{"type":21,"value":6449},{"type":15,"tag":120,"props":6825,"children":6826},{"style":127},[6827],{"type":21,"value":83},{"type":15,"tag":120,"props":6829,"children":6830},{"style":133},[6831],{"type":21,"value":6832},"Object",{"type":15,"tag":120,"props":6834,"children":6835},{"style":127},[6836],{"type":21,"value":6837},"] ",{"type":15,"tag":120,"props":6839,"children":6840},{"style":378},[6841],{"type":21,"value":2796},{"type":15,"tag":120,"props":6843,"children":6844},{"style":561},[6845],{"type":21,"value":6271},{"type":15,"tag":120,"props":6847,"children":6848},{"style":127},[6849],{"type":21,"value":130},{"type":15,"tag":120,"props":6851,"children":6852},{"style":561},[6853],{"type":21,"value":5484},{"type":15,"tag":120,"props":6855,"children":6856},{"style":127},[6857],{"type":21,"value":6858}," | ",{"type":15,"tag":120,"props":6860,"children":6861},{"style":561},[6862],{"type":21,"value":6863},"ConcreteComponent",{"type":15,"tag":120,"props":6865,"children":6866},{"style":127},[6867],{"type":21,"value":6488},{"type":15,"tag":120,"props":6869,"children":6870},{"class":122,"line":1953},[6871,6875,6879,6884],{"type":15,"tag":120,"props":6872,"children":6873},{"style":133},[6874],{"type":21,"value":6496},{"type":15,"tag":120,"props":6876,"children":6877},{"style":127},[6878],{"type":21,"value":6444},{"type":15,"tag":120,"props":6880,"children":6881},{"style":157},[6882],{"type":21,"value":6883},"undefined",{"type":15,"tag":120,"props":6885,"children":6886},{"style":127},[6887],{"type":21,"value":6007},{"type":15,"tag":120,"props":6889,"children":6890},{"class":122,"line":1969},[6891],{"type":15,"tag":120,"props":6892,"children":6893},{"style":127},[6894],{"type":21,"value":6525},{"type":15,"tag":120,"props":6896,"children":6897},{"class":122,"line":1977},[6898],{"type":15,"tag":120,"props":6899,"children":6900},{"style":127},[6901],{"type":21,"value":6902},"});\n",{"type":15,"tag":120,"props":6904,"children":6905},{"class":122,"line":2009},[6906,6911],{"type":15,"tag":120,"props":6907,"children":6908},{"style":499},[6909],{"type":21,"value":6910},"defineOptions",{"type":15,"tag":120,"props":6912,"children":6913},{"style":127},[6914],{"type":21,"value":6418},{"type":15,"tag":120,"props":6916,"children":6917},{"class":122,"line":2041},[6918,6923,6927,6931],{"type":15,"tag":120,"props":6919,"children":6920},{"style":133},[6921],{"type":21,"value":6922}," inheritAttrs",{"type":15,"tag":120,"props":6924,"children":6925},{"style":127},[6926],{"type":21,"value":6444},{"type":15,"tag":120,"props":6928,"children":6929},{"style":157},[6930],{"type":21,"value":5430},{"type":15,"tag":120,"props":6932,"children":6933},{"style":127},[6934],{"type":21,"value":6007},{"type":15,"tag":120,"props":6936,"children":6937},{"class":122,"line":2651},[6938],{"type":15,"tag":120,"props":6939,"children":6940},{"style":127},[6941],{"type":21,"value":6902},{"type":15,"tag":120,"props":6943,"children":6944},{"class":122,"line":2667},[6945,6949,6953,6958,6962,6966,6971],{"type":15,"tag":120,"props":6946,"children":6947},{"style":378},[6948],{"type":21,"value":3166},{"type":15,"tag":120,"props":6950,"children":6951},{"style":127},[6952],{"type":21,"value":386},{"type":15,"tag":120,"props":6954,"children":6955},{"style":561},[6956],{"type":21,"value":6957},"attrsWithoutClass",{"type":15,"tag":120,"props":6959,"children":6960},{"style":127},[6961],{"type":21,"value":395},{"type":15,"tag":120,"props":6963,"children":6964},{"style":540},[6965],{"type":21,"value":165},{"type":15,"tag":120,"props":6967,"children":6968},{"style":499},[6969],{"type":21,"value":6970}," useTwMergeRoot",{"type":15,"tag":120,"props":6972,"children":6973},{"style":127},[6974],{"type":21,"value":6975},"();\n",{"type":15,"tag":120,"props":6977,"children":6978},{"class":122,"line":2675},[6979],{"type":15,"tag":120,"props":6980,"children":6981},{"emptyLinePlaceholder":8},[6982],{"type":21,"value":224},{"type":15,"tag":120,"props":6984,"children":6985},{"class":122,"line":2691},[6986,6990,6994,6998,7002,7006,7010,7014,7018,7022,7027,7031,7035],{"type":15,"tag":120,"props":6987,"children":6988},{"style":378},[6989],{"type":21,"value":3166},{"type":15,"tag":120,"props":6991,"children":6992},{"style":127},[6993],{"type":21,"value":386},{"type":15,"tag":120,"props":6995,"children":6996},{"style":561},[6997],{"type":21,"value":73},{"type":15,"tag":120,"props":6999,"children":7000},{"style":127},[7001],{"type":21,"value":83},{"type":15,"tag":120,"props":7003,"children":7004},{"style":561},[7005],{"type":21,"value":2781},{"type":15,"tag":120,"props":7007,"children":7008},{"style":127},[7009],{"type":21,"value":83},{"type":15,"tag":120,"props":7011,"children":7012},{"style":561},[7013],{"type":21,"value":5445},{"type":15,"tag":120,"props":7015,"children":7016},{"style":127},[7017],{"type":21,"value":395},{"type":15,"tag":120,"props":7019,"children":7020},{"style":540},[7021],{"type":21,"value":165},{"type":15,"tag":120,"props":7023,"children":7024},{"style":499},[7025],{"type":21,"value":7026}," toRefs",{"type":15,"tag":120,"props":7028,"children":7029},{"style":127},[7030],{"type":21,"value":3186},{"type":15,"tag":120,"props":7032,"children":7033},{"style":133},[7034],{"type":21,"value":5260},{"type":15,"tag":120,"props":7036,"children":7037},{"style":127},[7038],{"type":21,"value":3196},{"type":15,"tag":120,"props":7040,"children":7041},{"class":122,"line":2699},[7042],{"type":15,"tag":120,"props":7043,"children":7044},{"emptyLinePlaceholder":8},[7045],{"type":21,"value":224},{"type":15,"tag":120,"props":7047,"children":7048},{"class":122,"line":2707},[7049,7053,7058,7062,7067,7072,7077],{"type":15,"tag":120,"props":7050,"children":7051},{"style":378},[7052],{"type":21,"value":3166},{"type":15,"tag":120,"props":7054,"children":7055},{"style":561},[7056],{"type":21,"value":7057}," sizeClasses",{"type":15,"tag":120,"props":7059,"children":7060},{"style":540},[7061],{"type":21,"value":3176},{"type":15,"tag":120,"props":7063,"children":7064},{"style":499},[7065],{"type":21,"value":7066}," computed",{"type":15,"tag":120,"props":7068,"children":7069},{"style":127},[7070],{"type":21,"value":7071},"(() ",{"type":15,"tag":120,"props":7073,"children":7074},{"style":378},[7075],{"type":21,"value":7076},"=>",{"type":15,"tag":120,"props":7078,"children":7079},{"style":127},[7080],{"type":21,"value":5975},{"type":15,"tag":120,"props":7082,"children":7083},{"class":122,"line":2723},[7084,7089,7094,7098,7102,7107],{"type":15,"tag":120,"props":7085,"children":7086},{"style":378},[7087],{"type":21,"value":7088}," switch",{"type":15,"tag":120,"props":7090,"children":7091},{"style":127},[7092],{"type":21,"value":7093}," (",{"type":15,"tag":120,"props":7095,"children":7096},{"style":561},[7097],{"type":21,"value":73},{"type":15,"tag":120,"props":7099,"children":7100},{"style":127},[7101],{"type":21,"value":98},{"type":15,"tag":120,"props":7103,"children":7104},{"style":133},[7105],{"type":21,"value":7106},"value",{"type":15,"tag":120,"props":7108,"children":7109},{"style":127},[7110],{"type":21,"value":7111},") {\n",{"type":15,"tag":120,"props":7113,"children":7114},{"class":122,"line":2739},[7115,7120,7125,7129,7134],{"type":15,"tag":120,"props":7116,"children":7117},{"style":378},[7118],{"type":21,"value":7119}," case",{"type":15,"tag":120,"props":7121,"children":7122},{"style":561},[7123],{"type":21,"value":7124}," SfButtonSize",{"type":15,"tag":120,"props":7126,"children":7127},{"style":127},[7128],{"type":21,"value":98},{"type":15,"tag":120,"props":7130,"children":7131},{"style":133},[7132],{"type":21,"value":7133},"sm",{"type":15,"tag":120,"props":7135,"children":7136},{"style":127},[7137],{"type":21,"value":7138},":\n",{"type":15,"tag":120,"props":7140,"children":7141},{"class":122,"line":2748},[7142,7147,7152,7156,7160,7164,7169,7174,7179,7184,7188,7193],{"type":15,"tag":120,"props":7143,"children":7144},{"style":378},[7145],{"type":21,"value":7146}," return",{"type":15,"tag":120,"props":7148,"children":7149},{"style":127},[7150],{"type":21,"value":7151}," [",{"type":15,"tag":120,"props":7153,"children":7154},{"style":561},[7155],{"type":21,"value":5445},{"type":15,"tag":120,"props":7157,"children":7158},{"style":127},[7159],{"type":21,"value":98},{"type":15,"tag":120,"props":7161,"children":7162},{"style":133},[7163],{"type":21,"value":7106},{"type":15,"tag":120,"props":7165,"children":7166},{"style":378},[7167],{"type":21,"value":7168}," ?",{"type":15,"tag":120,"props":7170,"children":7171},{"style":168},[7172],{"type":21,"value":7173}," 'p-1.5'",{"type":15,"tag":120,"props":7175,"children":7176},{"style":378},[7177],{"type":21,"value":7178}," :",{"type":15,"tag":120,"props":7180,"children":7181},{"style":168},[7182],{"type":21,"value":7183}," 'leading-5 text-sm py-1.5 px-3'",{"type":15,"tag":120,"props":7185,"children":7186},{"style":127},[7187],{"type":21,"value":83},{"type":15,"tag":120,"props":7189,"children":7190},{"style":168},[7191],{"type":21,"value":7192},"'gap-1.5'",{"type":15,"tag":120,"props":7194,"children":7195},{"style":127},[7196],{"type":21,"value":7197},"];\n",{"type":15,"tag":120,"props":7199,"children":7200},{"class":122,"line":2756},[7201,7205,7209,7213,7218],{"type":15,"tag":120,"props":7202,"children":7203},{"style":378},[7204],{"type":21,"value":7119},{"type":15,"tag":120,"props":7206,"children":7207},{"style":561},[7208],{"type":21,"value":7124},{"type":15,"tag":120,"props":7210,"children":7211},{"style":127},[7212],{"type":21,"value":98},{"type":15,"tag":120,"props":7214,"children":7215},{"style":133},[7216],{"type":21,"value":7217},"lg",{"type":15,"tag":120,"props":7219,"children":7220},{"style":127},[7221],{"type":21,"value":7138},{"type":15,"tag":120,"props":7223,"children":7225},{"class":122,"line":7224},59,[7226,7230,7234,7238,7242,7246,7250,7255,7259,7264,7268,7273],{"type":15,"tag":120,"props":7227,"children":7228},{"style":378},[7229],{"type":21,"value":7146},{"type":15,"tag":120,"props":7231,"children":7232},{"style":127},[7233],{"type":21,"value":7151},{"type":15,"tag":120,"props":7235,"children":7236},{"style":561},[7237],{"type":21,"value":5445},{"type":15,"tag":120,"props":7239,"children":7240},{"style":127},[7241],{"type":21,"value":98},{"type":15,"tag":120,"props":7243,"children":7244},{"style":133},[7245],{"type":21,"value":7106},{"type":15,"tag":120,"props":7247,"children":7248},{"style":378},[7249],{"type":21,"value":7168},{"type":15,"tag":120,"props":7251,"children":7252},{"style":168},[7253],{"type":21,"value":7254}," 'p-3'",{"type":15,"tag":120,"props":7256,"children":7257},{"style":378},[7258],{"type":21,"value":7178},{"type":15,"tag":120,"props":7260,"children":7261},{"style":168},[7262],{"type":21,"value":7263}," 'py-3 leading-6 px-6'",{"type":15,"tag":120,"props":7265,"children":7266},{"style":127},[7267],{"type":21,"value":83},{"type":15,"tag":120,"props":7269,"children":7270},{"style":168},[7271],{"type":21,"value":7272},"'gap-3'",{"type":15,"tag":120,"props":7274,"children":7275},{"style":127},[7276],{"type":21,"value":7197},{"type":15,"tag":120,"props":7278,"children":7280},{"class":122,"line":7279},60,[7281,7285],{"type":15,"tag":120,"props":7282,"children":7283},{"style":378},[7284],{"type":21,"value":6496},{"type":15,"tag":120,"props":7286,"children":7287},{"style":127},[7288],{"type":21,"value":7138},{"type":15,"tag":120,"props":7290,"children":7292},{"class":122,"line":7291},61,[7293,7297,7301,7305,7309,7313,7317,7322,7326,7331,7335,7340],{"type":15,"tag":120,"props":7294,"children":7295},{"style":378},[7296],{"type":21,"value":7146},{"type":15,"tag":120,"props":7298,"children":7299},{"style":127},[7300],{"type":21,"value":7151},{"type":15,"tag":120,"props":7302,"children":7303},{"style":561},[7304],{"type":21,"value":5445},{"type":15,"tag":120,"props":7306,"children":7307},{"style":127},[7308],{"type":21,"value":98},{"type":15,"tag":120,"props":7310,"children":7311},{"style":133},[7312],{"type":21,"value":7106},{"type":15,"tag":120,"props":7314,"children":7315},{"style":378},[7316],{"type":21,"value":7168},{"type":15,"tag":120,"props":7318,"children":7319},{"style":168},[7320],{"type":21,"value":7321}," 'p-2'",{"type":15,"tag":120,"props":7323,"children":7324},{"style":378},[7325],{"type":21,"value":7178},{"type":15,"tag":120,"props":7327,"children":7328},{"style":168},[7329],{"type":21,"value":7330}," 'py-2 leading-6 px-4'",{"type":15,"tag":120,"props":7332,"children":7333},{"style":127},[7334],{"type":21,"value":83},{"type":15,"tag":120,"props":7336,"children":7337},{"style":168},[7338],{"type":21,"value":7339},"'gap-2'",{"type":15,"tag":120,"props":7341,"children":7342},{"style":127},[7343],{"type":21,"value":7197},{"type":15,"tag":120,"props":7345,"children":7347},{"class":122,"line":7346},62,[7348],{"type":15,"tag":120,"props":7349,"children":7350},{"style":127},[7351],{"type":21,"value":7352}," }\n",{"type":15,"tag":120,"props":7354,"children":7356},{"class":122,"line":7355},63,[7357],{"type":15,"tag":120,"props":7358,"children":7359},{"style":127},[7360],{"type":21,"value":6902},{"type":15,"tag":120,"props":7362,"children":7364},{"class":122,"line":7363},64,[7365,7369,7374,7378,7382,7386,7390,7394,7399,7403,7408,7413],{"type":15,"tag":120,"props":7366,"children":7367},{"style":378},[7368],{"type":21,"value":3166},{"type":15,"tag":120,"props":7370,"children":7371},{"style":561},[7372],{"type":21,"value":7373}," tagWithDefaults",{"type":15,"tag":120,"props":7375,"children":7376},{"style":540},[7377],{"type":21,"value":3176},{"type":15,"tag":120,"props":7379,"children":7380},{"style":499},[7381],{"type":21,"value":7066},{"type":15,"tag":120,"props":7383,"children":7384},{"style":127},[7385],{"type":21,"value":7071},{"type":15,"tag":120,"props":7387,"children":7388},{"style":378},[7389],{"type":21,"value":7076},{"type":15,"tag":120,"props":7391,"children":7392},{"style":561},[7393],{"type":21,"value":2869},{"type":15,"tag":120,"props":7395,"children":7396},{"style":127},[7397],{"type":21,"value":7398},"?.",{"type":15,"tag":120,"props":7400,"children":7401},{"style":133},[7402],{"type":21,"value":7106},{"type":15,"tag":120,"props":7404,"children":7405},{"style":540},[7406],{"type":21,"value":7407}," ||",{"type":15,"tag":120,"props":7409,"children":7410},{"style":168},[7411],{"type":21,"value":7412}," 'button'",{"type":15,"tag":120,"props":7414,"children":7415},{"style":127},[7416],{"type":21,"value":3196},{"type":15,"tag":120,"props":7418,"children":7420},{"class":122,"line":7419},65,[7421],{"type":15,"tag":120,"props":7422,"children":7423},{"emptyLinePlaceholder":8},[7424],{"type":21,"value":224},{"type":15,"tag":120,"props":7426,"children":7428},{"class":122,"line":7427},66,[7429,7433,7438,7442,7447],{"type":15,"tag":120,"props":7430,"children":7431},{"style":378},[7432],{"type":21,"value":3166},{"type":15,"tag":120,"props":7434,"children":7435},{"style":561},[7436],{"type":21,"value":7437}," attrs",{"type":15,"tag":120,"props":7439,"children":7440},{"style":540},[7441],{"type":21,"value":3176},{"type":15,"tag":120,"props":7443,"children":7444},{"style":499},[7445],{"type":21,"value":7446}," useAttrsRef",{"type":15,"tag":120,"props":7448,"children":7449},{"style":127},[7450],{"type":21,"value":6975},{"type":15,"tag":120,"props":7452,"children":7454},{"class":122,"line":7453},67,[7455,7459,7464,7468,7472],{"type":15,"tag":120,"props":7456,"children":7457},{"style":378},[7458],{"type":21,"value":3166},{"type":15,"tag":120,"props":7460,"children":7461},{"style":561},[7462],{"type":21,"value":7463}," type",{"type":15,"tag":120,"props":7465,"children":7466},{"style":540},[7467],{"type":21,"value":3176},{"type":15,"tag":120,"props":7469,"children":7470},{"style":499},[7471],{"type":21,"value":7066},{"type":15,"tag":120,"props":7473,"children":7474},{"style":127},[7475],{"type":21,"value":7476},"(\n",{"type":15,"tag":120,"props":7478,"children":7480},{"class":122,"line":7479},68,[7481,7486],{"type":15,"tag":120,"props":7482,"children":7483},{"style":127},[7484],{"type":21,"value":7485}," () ",{"type":15,"tag":120,"props":7487,"children":7488},{"style":378},[7489],{"type":21,"value":7490},"=>\n",{"type":15,"tag":120,"props":7492,"children":7494},{"class":122,"line":7493},69,[7495,7500,7504,7508,7512,7516],{"type":15,"tag":120,"props":7496,"children":7497},{"style":561},[7498],{"type":21,"value":7499}," attrs",{"type":15,"tag":120,"props":7501,"children":7502},{"style":127},[7503],{"type":21,"value":98},{"type":15,"tag":120,"props":7505,"children":7506},{"style":561},[7507],{"type":21,"value":7106},{"type":15,"tag":120,"props":7509,"children":7510},{"style":127},[7511],{"type":21,"value":98},{"type":15,"tag":120,"props":7513,"children":7514},{"style":133},[7515],{"type":21,"value":5150},{"type":15,"tag":120,"props":7517,"children":7518},{"style":540},[7519],{"type":21,"value":7520}," ??\n",{"type":15,"tag":120,"props":7522,"children":7524},{"class":122,"line":7523},70,[7525,7530,7535,7539,7543,7547,7552,7557,7562,7566,7570,7574,7578,7583,7588,7593],{"type":15,"tag":120,"props":7526,"children":7527},{"style":127},[7528],{"type":21,"value":7529}," (",{"type":15,"tag":120,"props":7531,"children":7532},{"style":378},[7533],{"type":21,"value":7534},"typeof",{"type":15,"tag":120,"props":7536,"children":7537},{"style":561},[7538],{"type":21,"value":7373},{"type":15,"tag":120,"props":7540,"children":7541},{"style":127},[7542],{"type":21,"value":98},{"type":15,"tag":120,"props":7544,"children":7545},{"style":133},[7546],{"type":21,"value":7106},{"type":15,"tag":120,"props":7548,"children":7549},{"style":540},[7550],{"type":21,"value":7551}," ===",{"type":15,"tag":120,"props":7553,"children":7554},{"style":168},[7555],{"type":21,"value":7556}," 'string'",{"type":15,"tag":120,"props":7558,"children":7559},{"style":540},[7560],{"type":21,"value":7561}," &&",{"type":15,"tag":120,"props":7563,"children":7564},{"style":561},[7565],{"type":21,"value":7373},{"type":15,"tag":120,"props":7567,"children":7568},{"style":127},[7569],{"type":21,"value":98},{"type":15,"tag":120,"props":7571,"children":7572},{"style":561},[7573],{"type":21,"value":7106},{"type":15,"tag":120,"props":7575,"children":7576},{"style":127},[7577],{"type":21,"value":98},{"type":15,"tag":120,"props":7579,"children":7580},{"style":499},[7581],{"type":21,"value":7582},"toLowerCase",{"type":15,"tag":120,"props":7584,"children":7585},{"style":127},[7586],{"type":21,"value":7587},"() ",{"type":15,"tag":120,"props":7589,"children":7590},{"style":540},[7591],{"type":21,"value":7592},"===",{"type":15,"tag":120,"props":7594,"children":7595},{"style":168},[7596],{"type":21,"value":7597}," 'button'\n",{"type":15,"tag":120,"props":7599,"children":7601},{"class":122,"line":7600},71,[7602,7607],{"type":15,"tag":120,"props":7603,"children":7604},{"style":378},[7605],{"type":21,"value":7606}," ?",{"type":15,"tag":120,"props":7608,"children":7609},{"style":168},[7610],{"type":21,"value":7597},{"type":15,"tag":120,"props":7612,"children":7614},{"class":122,"line":7613},72,[7615,7620,7625],{"type":15,"tag":120,"props":7616,"children":7617},{"style":378},[7618],{"type":21,"value":7619}," :",{"type":15,"tag":120,"props":7621,"children":7622},{"style":157},[7623],{"type":21,"value":7624}," undefined",{"type":15,"tag":120,"props":7626,"children":7627},{"style":127},[7628],{"type":21,"value":7629},"),\n",{"type":15,"tag":120,"props":7631,"children":7633},{"class":122,"line":7632},73,[7634],{"type":15,"tag":120,"props":7635,"children":7636},{"style":127},[7637],{"type":21,"value":3196},{"type":15,"tag":120,"props":7639,"children":7641},{"class":122,"line":7640},74,[7642,7646,7650],{"type":15,"tag":120,"props":7643,"children":7644},{"style":127},[7645],{"type":21,"value":319},{"type":15,"tag":120,"props":7647,"children":7648},{"style":133},[7649],{"type":21,"value":348},{"type":15,"tag":120,"props":7651,"children":7652},{"style":127},[7653],{"type":21,"value":140},{"type":15,"tag":120,"props":7655,"children":7657},{"class":122,"line":7656},75,[7658,7662,7666],{"type":15,"tag":120,"props":7659,"children":7660},{"style":127},[7661],{"type":21,"value":130},{"type":15,"tag":120,"props":7663,"children":7664},{"style":133},[7665],{"type":21,"value":28},{"type":15,"tag":120,"props":7667,"children":7668},{"style":127},[7669],{"type":21,"value":140},{"type":15,"tag":120,"props":7671,"children":7673},{"class":122,"line":7672},76,[7674,7678],{"type":15,"tag":120,"props":7675,"children":7676},{"style":127},[7677],{"type":21,"value":149},{"type":15,"tag":120,"props":7679,"children":7680},{"style":133},[7681],{"type":21,"value":7682},"component\n",{"type":15,"tag":120,"props":7684,"children":7686},{"class":122,"line":7685},77,[7687,7692,7696],{"type":15,"tag":120,"props":7688,"children":7689},{"style":157},[7690],{"type":21,"value":7691}," :is",{"type":15,"tag":120,"props":7693,"children":7694},{"style":127},[7695],{"type":21,"value":165},{"type":15,"tag":120,"props":7697,"children":7698},{"style":168},[7699],{"type":21,"value":7700},"\"tagWithDefaults\"\n",{"type":15,"tag":120,"props":7702,"children":7704},{"class":122,"line":7703},78,[7705,7710,7714],{"type":15,"tag":120,"props":7706,"children":7707},{"style":157},[7708],{"type":21,"value":7709}," data-testid",{"type":15,"tag":120,"props":7711,"children":7712},{"style":127},[7713],{"type":21,"value":165},{"type":15,"tag":120,"props":7715,"children":7716},{"style":168},[7717],{"type":21,"value":7718},"\"button\"\n",{"type":15,"tag":120,"props":7720,"children":7722},{"class":122,"line":7721},79,[7723,7728,7732],{"type":15,"tag":120,"props":7724,"children":7725},{"style":157},[7726],{"type":21,"value":7727}," v-bind",{"type":15,"tag":120,"props":7729,"children":7730},{"style":127},[7731],{"type":21,"value":165},{"type":15,"tag":120,"props":7733,"children":7734},{"style":168},[7735],{"type":21,"value":7736},"\"attrsWithoutClass\"\n",{"type":15,"tag":120,"props":7738,"children":7740},{"class":122,"line":7739},80,[7741,7746,7750],{"type":15,"tag":120,"props":7742,"children":7743},{"style":157},[7744],{"type":21,"value":7745}," :type",{"type":15,"tag":120,"props":7747,"children":7748},{"style":127},[7749],{"type":21,"value":165},{"type":15,"tag":120,"props":7751,"children":7752},{"style":168},[7753],{"type":21,"value":7754},"\"type\"\n",{"type":15,"tag":120,"props":7756,"children":7758},{"class":122,"line":7757},81,[7759,7764,7768],{"type":15,"tag":120,"props":7760,"children":7761},{"style":157},[7762],{"type":21,"value":7763}," :disabled",{"type":15,"tag":120,"props":7765,"children":7766},{"style":127},[7767],{"type":21,"value":165},{"type":15,"tag":120,"props":7769,"children":7770},{"style":168},[7771],{"type":21,"value":7772},"\"disabled\"\n",{"type":15,"tag":120,"props":7774,"children":7776},{"class":122,"line":7775},82,[7777,7782,7786],{"type":15,"tag":120,"props":7778,"children":7779},{"style":157},[7780],{"type":21,"value":7781}," :class",{"type":15,"tag":120,"props":7783,"children":7784},{"style":127},[7785],{"type":21,"value":165},{"type":15,"tag":120,"props":7787,"children":7788},{"style":168},[7789],{"type":21,"value":7790},"\"\n",{"type":15,"tag":120,"props":7792,"children":7794},{"class":122,"line":7793},83,[7795],{"type":15,"tag":120,"props":7796,"children":7797},{"style":168},[7798],{"type":21,"value":7799}," twMerge(\n",{"type":15,"tag":120,"props":7801,"children":7803},{"class":122,"line":7802},84,[7804],{"type":15,"tag":120,"props":7805,"children":7806},{"style":168},[7807],{"type":21,"value":7808}," 'inline-flex items-center justify-center font-medium text-base focus-visible:outline focus-visible:outline-offset rounded-full disabled:text-disabled-500 disabled:bg-disabled-300 disabled:shadow-none disabled:ring-0 disabled:cursor-not-allowed',\n",{"type":15,"tag":120,"props":7810,"children":7812},{"class":122,"line":7811},85,[7813],{"type":15,"tag":120,"props":7814,"children":7815},{"style":168},[7816],{"type":21,"value":7817}," ...sizeClasses,\n",{"type":15,"tag":120,"props":7819,"children":7821},{"class":122,"line":7820},86,[7822],{"type":15,"tag":120,"props":7823,"children":7824},{"style":168},[7825],{"type":21,"value":7826}," variantClasses[variant],\n",{"type":15,"tag":120,"props":7828,"children":7830},{"class":122,"line":7829},87,[7831],{"type":15,"tag":120,"props":7832,"children":7833},{"style":168},[7834],{"type":21,"value":7835}," { [variantColorClasses[variant]]: !blank },\n",{"type":15,"tag":120,"props":7837,"children":7839},{"class":122,"line":7838},88,[7840],{"type":15,"tag":120,"props":7841,"children":7842},{"style":168},[7843],{"type":21,"value":7844}," $attrs.class,\n",{"type":15,"tag":120,"props":7846,"children":7848},{"class":122,"line":7847},89,[7849],{"type":15,"tag":120,"props":7850,"children":7851},{"style":168},[7852],{"type":21,"value":7853}," )\n",{"type":15,"tag":120,"props":7855,"children":7857},{"class":122,"line":7856},90,[7858],{"type":15,"tag":120,"props":7859,"children":7860},{"style":168},[7861],{"type":21,"value":7862}," \"\n",{"type":15,"tag":120,"props":7864,"children":7866},{"class":122,"line":7865},91,[7867],{"type":15,"tag":120,"props":7868,"children":7869},{"style":127},[7870],{"type":21,"value":7871}," >\n",{"type":15,"tag":120,"props":7873,"children":7875},{"class":122,"line":7874},92,[7876,7880,7885,7890,7894,7899,7904,7908,7913,7919],{"type":15,"tag":120,"props":7877,"children":7878},{"style":127},[7879],{"type":21,"value":184},{"type":15,"tag":120,"props":7881,"children":7882},{"style":133},[7883],{"type":21,"value":7884},"slot",{"type":15,"tag":120,"props":7886,"children":7887},{"style":157},[7888],{"type":21,"value":7889}," v-if",{"type":15,"tag":120,"props":7891,"children":7892},{"style":127},[7893],{"type":21,"value":165},{"type":15,"tag":120,"props":7895,"children":7896},{"style":168},[7897],{"type":21,"value":7898},"\"$slots.prefix\"",{"type":15,"tag":120,"props":7900,"children":7901},{"style":157},[7902],{"type":21,"value":7903}," name",{"type":15,"tag":120,"props":7905,"children":7906},{"style":127},[7907],{"type":21,"value":165},{"type":15,"tag":120,"props":7909,"children":7910},{"style":168},[7911],{"type":21,"value":7912},"\"prefix\"",{"type":15,"tag":120,"props":7914,"children":7916},{"style":7915},"--shiki-default:#FFFFFF",[7917],{"type":21,"value":7918}," \u002F",{"type":15,"tag":120,"props":7920,"children":7921},{"style":127},[7922],{"type":21,"value":140},{"type":15,"tag":120,"props":7924,"children":7926},{"class":122,"line":7925},93,[7927,7931,7935,7939],{"type":15,"tag":120,"props":7928,"children":7929},{"style":127},[7930],{"type":21,"value":184},{"type":15,"tag":120,"props":7932,"children":7933},{"style":133},[7934],{"type":21,"value":7884},{"type":15,"tag":120,"props":7936,"children":7937},{"style":7915},[7938],{"type":21,"value":7918},{"type":15,"tag":120,"props":7940,"children":7941},{"style":127},[7942],{"type":21,"value":140},{"type":15,"tag":120,"props":7944,"children":7946},{"class":122,"line":7945},94,[7947,7951,7955,7959,7963,7968,7972,7976,7981,7985],{"type":15,"tag":120,"props":7948,"children":7949},{"style":127},[7950],{"type":21,"value":184},{"type":15,"tag":120,"props":7952,"children":7953},{"style":133},[7954],{"type":21,"value":7884},{"type":15,"tag":120,"props":7956,"children":7957},{"style":157},[7958],{"type":21,"value":7889},{"type":15,"tag":120,"props":7960,"children":7961},{"style":127},[7962],{"type":21,"value":165},{"type":15,"tag":120,"props":7964,"children":7965},{"style":168},[7966],{"type":21,"value":7967},"\"$slots.suffix\"",{"type":15,"tag":120,"props":7969,"children":7970},{"style":157},[7971],{"type":21,"value":7903},{"type":15,"tag":120,"props":7973,"children":7974},{"style":127},[7975],{"type":21,"value":165},{"type":15,"tag":120,"props":7977,"children":7978},{"style":168},[7979],{"type":21,"value":7980},"\"suffix\"",{"type":15,"tag":120,"props":7982,"children":7983},{"style":7915},[7984],{"type":21,"value":7918},{"type":15,"tag":120,"props":7986,"children":7987},{"style":127},[7988],{"type":21,"value":140},{"type":15,"tag":120,"props":7990,"children":7992},{"class":122,"line":7991},95,[7993,7997,8002],{"type":15,"tag":120,"props":7994,"children":7995},{"style":127},[7996],{"type":21,"value":302},{"type":15,"tag":120,"props":7998,"children":7999},{"style":133},[8000],{"type":21,"value":8001},"component",{"type":15,"tag":120,"props":8003,"children":8004},{"style":127},[8005],{"type":21,"value":140},{"type":15,"tag":120,"props":8007,"children":8009},{"class":122,"line":8008},96,[8010,8014,8018],{"type":15,"tag":120,"props":8011,"children":8012},{"style":127},[8013],{"type":21,"value":319},{"type":15,"tag":120,"props":8015,"children":8016},{"style":133},[8017],{"type":21,"value":28},{"type":15,"tag":120,"props":8019,"children":8020},{"style":127},[8021],{"type":21,"value":140},{"type":15,"tag":428,"props":8023,"children":8024},{},[8025],{"type":15,"tag":110,"props":8026,"children":8028},{"className":433,"code":8027,"language":435,"meta":9,"style":9},"import {\n type SfButtonProps,\n SfButtonSize,\n SfButtonVariant,\n polymorphicForwardRef,\n twMerge,\n} from '@storefront-ui\u002Freact';\n\nconst defaultButtonTag = 'button';\n\nexport const variantClasses = {\n [SfButtonVariant.primary]: 'shadow-sm hover:shadow-md active:shadow-sm disabled:bg-disabled-300',\n [SfButtonVariant.secondary]:\n 'ring-1 ring-inset shadow-sm hover:shadow-md active:shadow-sm disabled:ring-1 disabled:ring-disabled-300 disabled:bg-white\u002F50',\n [SfButtonVariant.tertiary]: 'disabled:bg-transparent',\n};\nexport const variantColorClasses = {\n [SfButtonVariant.primary]: 'text-white bg-primary-700 hover:bg-primary-800 active:bg-primary-900',\n [SfButtonVariant.secondary]:\n 'text-primary-700 hover:bg-primary-100 hover:text-primary-800 active:bg-primary-200 active:text-primary-900 ring-primary-700 hover:ring-primary-800 active:ring-primary-900',\n [SfButtonVariant.tertiary]:\n 'text-primary-700 hover:bg-primary-100 hover:text-primary-800 active:bg-primary-200 active:text-primary-900',\n};\n\nconst getSizeClasses = (size: SfButtonProps['size'], square: SfButtonProps['square']) => {\n switch (size) {\n case SfButtonSize.sm:\n return [square ? 'p-1.5' : 'leading-5 text-sm py-1.5 px-3', 'gap-1.5'];\n case SfButtonSize.lg:\n return [square ? 'p-3' : 'py-3 leading-6 px-6', 'gap-3'];\n default:\n return [square ? 'p-2' : 'py-2 leading-6 px-4', 'gap-2'];\n }\n};\n\nconst SfButton = polymorphicForwardRef\u003Ctypeof defaultButtonTag, SfButtonProps>((props, ref) => {\n const {\n as,\n className,\n size = SfButtonSize.base,\n variant = SfButtonVariant.primary,\n blank,\n square,\n children,\n slotPrefix,\n slotSuffix,\n ...attributes\n } = props;\n const Tag = as || defaultButtonTag;\n\n return (\n \u003CTag\n ref={ref}\n type={typeof Tag === 'string' && Tag.toLowerCase() === 'button' ? 'button' : undefined}\n className={twMerge(\n 'inline-flex items-center justify-center font-medium text-base focus-visible:outline focus-visible:outline-offset rounded-full disabled:text-disabled-500 disabled:bg-disabled-300 disabled:shadow-none disabled:ring-0 disabled:cursor-not-allowed',\n ...getSizeClasses(size, square),\n variantClasses[variant],\n { [variantColorClasses[variant]]: !blank },\n className,\n )}\n data-testid=\"button\"\n {...attributes}\n >\n {slotPrefix}\n {children}\n {slotSuffix}\n \u003C\u002FTag>\n );\n});\n\nexport default SfButton;\n\n",[8029],{"type":15,"tag":36,"props":8030,"children":8031},{"__ignoreMap":9},[8032,8043,8060,8072,8084,8096,8108,8128,8135,8159,8166,8189,8216,8235,8246,8273,8280,8303,8330,8349,8360,8379,8390,8397,8404,8487,8506,8529,8572,8595,8638,8649,8692,8699,8706,8713,8785,8797,8809,8821,8849,8878,8890,8902,8914,8926,8938,8951,8971,9003,9010,9021,9033,9057,9134,9158,9170,9203,9224,9264,9276,9288,9304,9326,9333,9348,9363,9378,9394,9401,9408,9415],{"type":15,"tag":120,"props":8033,"children":8034},{"class":122,"line":123},[8035,8039],{"type":15,"tag":120,"props":8036,"children":8037},{"style":378},[8038],{"type":21,"value":381},{"type":15,"tag":120,"props":8040,"children":8041},{"style":127},[8042],{"type":21,"value":5975},{"type":15,"tag":120,"props":8044,"children":8045},{"class":122,"line":143},[8046,8051,8056],{"type":15,"tag":120,"props":8047,"children":8048},{"style":378},[8049],{"type":21,"value":8050}," type",{"type":15,"tag":120,"props":8052,"children":8053},{"style":133},[8054],{"type":21,"value":8055}," SfButtonProps",{"type":15,"tag":120,"props":8057,"children":8058},{"style":127},[8059],{"type":21,"value":6007},{"type":15,"tag":120,"props":8061,"children":8062},{"class":122,"line":178},[8063,8068],{"type":15,"tag":120,"props":8064,"children":8065},{"style":133},[8066],{"type":21,"value":8067}," SfButtonSize",{"type":15,"tag":120,"props":8069,"children":8070},{"style":127},[8071],{"type":21,"value":6007},{"type":15,"tag":120,"props":8073,"children":8074},{"class":122,"line":218},[8075,8080],{"type":15,"tag":120,"props":8076,"children":8077},{"style":133},[8078],{"type":21,"value":8079}," SfButtonVariant",{"type":15,"tag":120,"props":8081,"children":8082},{"style":127},[8083],{"type":21,"value":6007},{"type":15,"tag":120,"props":8085,"children":8086},{"class":122,"line":227},[8087,8092],{"type":15,"tag":120,"props":8088,"children":8089},{"style":133},[8090],{"type":21,"value":8091}," polymorphicForwardRef",{"type":15,"tag":120,"props":8093,"children":8094},{"style":127},[8095],{"type":21,"value":6007},{"type":15,"tag":120,"props":8097,"children":8098},{"class":122,"line":251},[8099,8104],{"type":15,"tag":120,"props":8100,"children":8101},{"style":133},[8102],{"type":21,"value":8103}," twMerge",{"type":15,"tag":120,"props":8105,"children":8106},{"style":127},[8107],{"type":21,"value":6007},{"type":15,"tag":120,"props":8109,"children":8110},{"class":122,"line":259},[8111,8116,8120,8124],{"type":15,"tag":120,"props":8112,"children":8113},{"style":127},[8114],{"type":21,"value":8115},"} ",{"type":15,"tag":120,"props":8117,"children":8118},{"style":378},[8119],{"type":21,"value":400},{"type":15,"tag":120,"props":8121,"children":8122},{"style":168},[8123],{"type":21,"value":467},{"type":15,"tag":120,"props":8125,"children":8126},{"style":127},[8127],{"type":21,"value":410},{"type":15,"tag":120,"props":8129,"children":8130},{"class":122,"line":296},[8131],{"type":15,"tag":120,"props":8132,"children":8133},{"emptyLinePlaceholder":8},[8134],{"type":21,"value":224},{"type":15,"tag":120,"props":8136,"children":8137},{"class":122,"line":313},[8138,8142,8147,8151,8155],{"type":15,"tag":120,"props":8139,"children":8140},{"style":378},[8141],{"type":21,"value":3166},{"type":15,"tag":120,"props":8143,"children":8144},{"style":561},[8145],{"type":21,"value":8146}," defaultButtonTag",{"type":15,"tag":120,"props":8148,"children":8149},{"style":540},[8150],{"type":21,"value":3176},{"type":15,"tag":120,"props":8152,"children":8153},{"style":168},[8154],{"type":21,"value":7412},{"type":15,"tag":120,"props":8156,"children":8157},{"style":127},[8158],{"type":21,"value":410},{"type":15,"tag":120,"props":8160,"children":8161},{"class":122,"line":330},[8162],{"type":15,"tag":120,"props":8163,"children":8164},{"emptyLinePlaceholder":8},[8165],{"type":21,"value":224},{"type":15,"tag":120,"props":8167,"children":8168},{"class":122,"line":338},[8169,8173,8177,8181,8185],{"type":15,"tag":120,"props":8170,"children":8171},{"style":378},[8172],{"type":21,"value":486},{"type":15,"tag":120,"props":8174,"children":8175},{"style":378},[8176],{"type":21,"value":5961},{"type":15,"tag":120,"props":8178,"children":8179},{"style":561},[8180],{"type":21,"value":5966},{"type":15,"tag":120,"props":8182,"children":8183},{"style":540},[8184],{"type":21,"value":3176},{"type":15,"tag":120,"props":8186,"children":8187},{"style":127},[8188],{"type":21,"value":5975},{"type":15,"tag":120,"props":8190,"children":8191},{"class":122,"line":374},[8192,8196,8200,8204,8208,8212],{"type":15,"tag":120,"props":8193,"children":8194},{"style":127},[8195],{"type":21,"value":5983},{"type":15,"tag":120,"props":8197,"children":8198},{"style":561},[8199],{"type":21,"value":5324},{"type":15,"tag":120,"props":8201,"children":8202},{"style":133},[8203],{"type":21,"value":5992},{"type":15,"tag":120,"props":8205,"children":8206},{"style":127},[8207],{"type":21,"value":5997},{"type":15,"tag":120,"props":8209,"children":8210},{"style":168},[8211],{"type":21,"value":6002},{"type":15,"tag":120,"props":8213,"children":8214},{"style":127},[8215],{"type":21,"value":6007},{"type":15,"tag":120,"props":8217,"children":8218},{"class":122,"line":413},[8219,8223,8227,8231],{"type":15,"tag":120,"props":8220,"children":8221},{"style":127},[8222],{"type":21,"value":5983},{"type":15,"tag":120,"props":8224,"children":8225},{"style":561},[8226],{"type":21,"value":5324},{"type":15,"tag":120,"props":8228,"children":8229},{"style":133},[8230],{"type":21,"value":6023},{"type":15,"tag":120,"props":8232,"children":8233},{"style":127},[8234],{"type":21,"value":6028},{"type":15,"tag":120,"props":8236,"children":8237},{"class":122,"line":1544},[8238,8242],{"type":15,"tag":120,"props":8239,"children":8240},{"style":168},[8241],{"type":21,"value":6036},{"type":15,"tag":120,"props":8243,"children":8244},{"style":127},[8245],{"type":21,"value":6007},{"type":15,"tag":120,"props":8247,"children":8248},{"class":122,"line":1552},[8249,8253,8257,8261,8265,8269],{"type":15,"tag":120,"props":8250,"children":8251},{"style":127},[8252],{"type":21,"value":5983},{"type":15,"tag":120,"props":8254,"children":8255},{"style":561},[8256],{"type":21,"value":5324},{"type":15,"tag":120,"props":8258,"children":8259},{"style":133},[8260],{"type":21,"value":6056},{"type":15,"tag":120,"props":8262,"children":8263},{"style":127},[8264],{"type":21,"value":5997},{"type":15,"tag":120,"props":8266,"children":8267},{"style":168},[8268],{"type":21,"value":6065},{"type":15,"tag":120,"props":8270,"children":8271},{"style":127},[8272],{"type":21,"value":6007},{"type":15,"tag":120,"props":8274,"children":8275},{"class":122,"line":1564},[8276],{"type":15,"tag":120,"props":8277,"children":8278},{"style":127},[8279],{"type":21,"value":6077},{"type":15,"tag":120,"props":8281,"children":8282},{"class":122,"line":1581},[8283,8287,8291,8295,8299],{"type":15,"tag":120,"props":8284,"children":8285},{"style":378},[8286],{"type":21,"value":486},{"type":15,"tag":120,"props":8288,"children":8289},{"style":378},[8290],{"type":21,"value":5961},{"type":15,"tag":120,"props":8292,"children":8293},{"style":561},[8294],{"type":21,"value":6093},{"type":15,"tag":120,"props":8296,"children":8297},{"style":540},[8298],{"type":21,"value":3176},{"type":15,"tag":120,"props":8300,"children":8301},{"style":127},[8302],{"type":21,"value":5975},{"type":15,"tag":120,"props":8304,"children":8305},{"class":122,"line":1589},[8306,8310,8314,8318,8322,8326],{"type":15,"tag":120,"props":8307,"children":8308},{"style":127},[8309],{"type":21,"value":5983},{"type":15,"tag":120,"props":8311,"children":8312},{"style":561},[8313],{"type":21,"value":5324},{"type":15,"tag":120,"props":8315,"children":8316},{"style":133},[8317],{"type":21,"value":5992},{"type":15,"tag":120,"props":8319,"children":8320},{"style":127},[8321],{"type":21,"value":5997},{"type":15,"tag":120,"props":8323,"children":8324},{"style":168},[8325],{"type":21,"value":6125},{"type":15,"tag":120,"props":8327,"children":8328},{"style":127},[8329],{"type":21,"value":6007},{"type":15,"tag":120,"props":8331,"children":8332},{"class":122,"line":1606},[8333,8337,8341,8345],{"type":15,"tag":120,"props":8334,"children":8335},{"style":127},[8336],{"type":21,"value":5983},{"type":15,"tag":120,"props":8338,"children":8339},{"style":561},[8340],{"type":21,"value":5324},{"type":15,"tag":120,"props":8342,"children":8343},{"style":133},[8344],{"type":21,"value":6023},{"type":15,"tag":120,"props":8346,"children":8347},{"style":127},[8348],{"type":21,"value":6028},{"type":15,"tag":120,"props":8350,"children":8351},{"class":122,"line":1614},[8352,8356],{"type":15,"tag":120,"props":8353,"children":8354},{"style":168},[8355],{"type":21,"value":6156},{"type":15,"tag":120,"props":8357,"children":8358},{"style":127},[8359],{"type":21,"value":6007},{"type":15,"tag":120,"props":8361,"children":8362},{"class":122,"line":1622},[8363,8367,8371,8375],{"type":15,"tag":120,"props":8364,"children":8365},{"style":127},[8366],{"type":21,"value":5983},{"type":15,"tag":120,"props":8368,"children":8369},{"style":561},[8370],{"type":21,"value":5324},{"type":15,"tag":120,"props":8372,"children":8373},{"style":133},[8374],{"type":21,"value":6056},{"type":15,"tag":120,"props":8376,"children":8377},{"style":127},[8378],{"type":21,"value":6028},{"type":15,"tag":120,"props":8380,"children":8381},{"class":122,"line":1638},[8382,8386],{"type":15,"tag":120,"props":8383,"children":8384},{"style":168},[8385],{"type":21,"value":6187},{"type":15,"tag":120,"props":8387,"children":8388},{"style":127},[8389],{"type":21,"value":6007},{"type":15,"tag":120,"props":8391,"children":8392},{"class":122,"line":1654},[8393],{"type":15,"tag":120,"props":8394,"children":8395},{"style":127},[8396],{"type":21,"value":6077},{"type":15,"tag":120,"props":8398,"children":8399},{"class":122,"line":1682},[8400],{"type":15,"tag":120,"props":8401,"children":8402},{"emptyLinePlaceholder":8},[8403],{"type":21,"value":224},{"type":15,"tag":120,"props":8405,"children":8406},{"class":122,"line":1727},[8407,8411,8416,8420,8424,8429,8433,8438,8443,8448,8453,8457,8461,8465,8469,8474,8479,8483],{"type":15,"tag":120,"props":8408,"children":8409},{"style":378},[8410],{"type":21,"value":3166},{"type":15,"tag":120,"props":8412,"children":8413},{"style":499},[8414],{"type":21,"value":8415}," getSizeClasses",{"type":15,"tag":120,"props":8417,"children":8418},{"style":540},[8419],{"type":21,"value":3176},{"type":15,"tag":120,"props":8421,"children":8422},{"style":127},[8423],{"type":21,"value":7093},{"type":15,"tag":120,"props":8425,"children":8427},{"style":8426},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[8428],{"type":21,"value":73},{"type":15,"tag":120,"props":8430,"children":8431},{"style":127},[8432],{"type":21,"value":6444},{"type":15,"tag":120,"props":8434,"children":8435},{"style":561},[8436],{"type":21,"value":8437},"SfButtonProps",{"type":15,"tag":120,"props":8439,"children":8440},{"style":127},[8441],{"type":21,"value":8442},"[",{"type":15,"tag":120,"props":8444,"children":8445},{"style":168},[8446],{"type":21,"value":8447},"'size'",{"type":15,"tag":120,"props":8449,"children":8450},{"style":127},[8451],{"type":21,"value":8452},"], ",{"type":15,"tag":120,"props":8454,"children":8455},{"style":8426},[8456],{"type":21,"value":5445},{"type":15,"tag":120,"props":8458,"children":8459},{"style":127},[8460],{"type":21,"value":6444},{"type":15,"tag":120,"props":8462,"children":8463},{"style":561},[8464],{"type":21,"value":8437},{"type":15,"tag":120,"props":8466,"children":8467},{"style":127},[8468],{"type":21,"value":8442},{"type":15,"tag":120,"props":8470,"children":8471},{"style":168},[8472],{"type":21,"value":8473},"'square'",{"type":15,"tag":120,"props":8475,"children":8476},{"style":127},[8477],{"type":21,"value":8478},"]) ",{"type":15,"tag":120,"props":8480,"children":8481},{"style":378},[8482],{"type":21,"value":7076},{"type":15,"tag":120,"props":8484,"children":8485},{"style":127},[8486],{"type":21,"value":5975},{"type":15,"tag":120,"props":8488,"children":8489},{"class":122,"line":1735},[8490,8494,8498,8502],{"type":15,"tag":120,"props":8491,"children":8492},{"style":378},[8493],{"type":21,"value":7088},{"type":15,"tag":120,"props":8495,"children":8496},{"style":127},[8497],{"type":21,"value":7093},{"type":15,"tag":120,"props":8499,"children":8500},{"style":133},[8501],{"type":21,"value":73},{"type":15,"tag":120,"props":8503,"children":8504},{"style":127},[8505],{"type":21,"value":7111},{"type":15,"tag":120,"props":8507,"children":8508},{"class":122,"line":1751},[8509,8513,8517,8521,8525],{"type":15,"tag":120,"props":8510,"children":8511},{"style":378},[8512],{"type":21,"value":7119},{"type":15,"tag":120,"props":8514,"children":8515},{"style":561},[8516],{"type":21,"value":7124},{"type":15,"tag":120,"props":8518,"children":8519},{"style":127},[8520],{"type":21,"value":98},{"type":15,"tag":120,"props":8522,"children":8523},{"style":133},[8524],{"type":21,"value":7133},{"type":15,"tag":120,"props":8526,"children":8527},{"style":127},[8528],{"type":21,"value":7138},{"type":15,"tag":120,"props":8530,"children":8531},{"class":122,"line":1759},[8532,8536,8540,8544,8548,8552,8556,8560,8564,8568],{"type":15,"tag":120,"props":8533,"children":8534},{"style":378},[8535],{"type":21,"value":7146},{"type":15,"tag":120,"props":8537,"children":8538},{"style":127},[8539],{"type":21,"value":7151},{"type":15,"tag":120,"props":8541,"children":8542},{"style":133},[8543],{"type":21,"value":5445},{"type":15,"tag":120,"props":8545,"children":8546},{"style":378},[8547],{"type":21,"value":7168},{"type":15,"tag":120,"props":8549,"children":8550},{"style":168},[8551],{"type":21,"value":7173},{"type":15,"tag":120,"props":8553,"children":8554},{"style":378},[8555],{"type":21,"value":7178},{"type":15,"tag":120,"props":8557,"children":8558},{"style":168},[8559],{"type":21,"value":7183},{"type":15,"tag":120,"props":8561,"children":8562},{"style":127},[8563],{"type":21,"value":83},{"type":15,"tag":120,"props":8565,"children":8566},{"style":168},[8567],{"type":21,"value":7192},{"type":15,"tag":120,"props":8569,"children":8570},{"style":127},[8571],{"type":21,"value":7197},{"type":15,"tag":120,"props":8573,"children":8574},{"class":122,"line":1771},[8575,8579,8583,8587,8591],{"type":15,"tag":120,"props":8576,"children":8577},{"style":378},[8578],{"type":21,"value":7119},{"type":15,"tag":120,"props":8580,"children":8581},{"style":561},[8582],{"type":21,"value":7124},{"type":15,"tag":120,"props":8584,"children":8585},{"style":127},[8586],{"type":21,"value":98},{"type":15,"tag":120,"props":8588,"children":8589},{"style":133},[8590],{"type":21,"value":7217},{"type":15,"tag":120,"props":8592,"children":8593},{"style":127},[8594],{"type":21,"value":7138},{"type":15,"tag":120,"props":8596,"children":8597},{"class":122,"line":1787},[8598,8602,8606,8610,8614,8618,8622,8626,8630,8634],{"type":15,"tag":120,"props":8599,"children":8600},{"style":378},[8601],{"type":21,"value":7146},{"type":15,"tag":120,"props":8603,"children":8604},{"style":127},[8605],{"type":21,"value":7151},{"type":15,"tag":120,"props":8607,"children":8608},{"style":133},[8609],{"type":21,"value":5445},{"type":15,"tag":120,"props":8611,"children":8612},{"style":378},[8613],{"type":21,"value":7168},{"type":15,"tag":120,"props":8615,"children":8616},{"style":168},[8617],{"type":21,"value":7254},{"type":15,"tag":120,"props":8619,"children":8620},{"style":378},[8621],{"type":21,"value":7178},{"type":15,"tag":120,"props":8623,"children":8624},{"style":168},[8625],{"type":21,"value":7263},{"type":15,"tag":120,"props":8627,"children":8628},{"style":127},[8629],{"type":21,"value":83},{"type":15,"tag":120,"props":8631,"children":8632},{"style":168},[8633],{"type":21,"value":7272},{"type":15,"tag":120,"props":8635,"children":8636},{"style":127},[8637],{"type":21,"value":7197},{"type":15,"tag":120,"props":8639,"children":8640},{"class":122,"line":1795},[8641,8645],{"type":15,"tag":120,"props":8642,"children":8643},{"style":378},[8644],{"type":21,"value":6496},{"type":15,"tag":120,"props":8646,"children":8647},{"style":127},[8648],{"type":21,"value":7138},{"type":15,"tag":120,"props":8650,"children":8651},{"class":122,"line":1812},[8652,8656,8660,8664,8668,8672,8676,8680,8684,8688],{"type":15,"tag":120,"props":8653,"children":8654},{"style":378},[8655],{"type":21,"value":7146},{"type":15,"tag":120,"props":8657,"children":8658},{"style":127},[8659],{"type":21,"value":7151},{"type":15,"tag":120,"props":8661,"children":8662},{"style":133},[8663],{"type":21,"value":5445},{"type":15,"tag":120,"props":8665,"children":8666},{"style":378},[8667],{"type":21,"value":7168},{"type":15,"tag":120,"props":8669,"children":8670},{"style":168},[8671],{"type":21,"value":7321},{"type":15,"tag":120,"props":8673,"children":8674},{"style":378},[8675],{"type":21,"value":7178},{"type":15,"tag":120,"props":8677,"children":8678},{"style":168},[8679],{"type":21,"value":7330},{"type":15,"tag":120,"props":8681,"children":8682},{"style":127},[8683],{"type":21,"value":83},{"type":15,"tag":120,"props":8685,"children":8686},{"style":168},[8687],{"type":21,"value":7339},{"type":15,"tag":120,"props":8689,"children":8690},{"style":127},[8691],{"type":21,"value":7197},{"type":15,"tag":120,"props":8693,"children":8694},{"class":122,"line":1820},[8695],{"type":15,"tag":120,"props":8696,"children":8697},{"style":127},[8698],{"type":21,"value":7352},{"type":15,"tag":120,"props":8700,"children":8701},{"class":122,"line":1828},[8702],{"type":15,"tag":120,"props":8703,"children":8704},{"style":127},[8705],{"type":21,"value":6077},{"type":15,"tag":120,"props":8707,"children":8708},{"class":122,"line":1844},[8709],{"type":15,"tag":120,"props":8710,"children":8711},{"emptyLinePlaceholder":8},[8712],{"type":21,"value":224},{"type":15,"tag":120,"props":8714,"children":8715},{"class":122,"line":1852},[8716,8720,8725,8729,8734,8738,8742,8746,8750,8754,8759,8763,8767,8772,8777,8781],{"type":15,"tag":120,"props":8717,"children":8718},{"style":378},[8719],{"type":21,"value":3166},{"type":15,"tag":120,"props":8721,"children":8722},{"style":561},[8723],{"type":21,"value":8724}," SfButton",{"type":15,"tag":120,"props":8726,"children":8727},{"style":540},[8728],{"type":21,"value":3176},{"type":15,"tag":120,"props":8730,"children":8731},{"style":499},[8732],{"type":21,"value":8733}," polymorphicForwardRef",{"type":15,"tag":120,"props":8735,"children":8736},{"style":127},[8737],{"type":21,"value":130},{"type":15,"tag":120,"props":8739,"children":8740},{"style":378},[8741],{"type":21,"value":7534},{"type":15,"tag":120,"props":8743,"children":8744},{"style":133},[8745],{"type":21,"value":8146},{"type":15,"tag":120,"props":8747,"children":8748},{"style":127},[8749],{"type":21,"value":83},{"type":15,"tag":120,"props":8751,"children":8752},{"style":561},[8753],{"type":21,"value":8437},{"type":15,"tag":120,"props":8755,"children":8756},{"style":127},[8757],{"type":21,"value":8758},">((",{"type":15,"tag":120,"props":8760,"children":8761},{"style":8426},[8762],{"type":21,"value":5260},{"type":15,"tag":120,"props":8764,"children":8765},{"style":127},[8766],{"type":21,"value":83},{"type":15,"tag":120,"props":8768,"children":8769},{"style":8426},[8770],{"type":21,"value":8771},"ref",{"type":15,"tag":120,"props":8773,"children":8774},{"style":127},[8775],{"type":21,"value":8776},") ",{"type":15,"tag":120,"props":8778,"children":8779},{"style":378},[8780],{"type":21,"value":7076},{"type":15,"tag":120,"props":8782,"children":8783},{"style":127},[8784],{"type":21,"value":5975},{"type":15,"tag":120,"props":8786,"children":8787},{"class":122,"line":1864},[8788,8793],{"type":15,"tag":120,"props":8789,"children":8790},{"style":378},[8791],{"type":21,"value":8792}," const",{"type":15,"tag":120,"props":8794,"children":8795},{"style":127},[8796],{"type":21,"value":5975},{"type":15,"tag":120,"props":8798,"children":8799},{"class":122,"line":1880},[8800,8805],{"type":15,"tag":120,"props":8801,"children":8802},{"style":561},[8803],{"type":21,"value":8804}," as",{"type":15,"tag":120,"props":8806,"children":8807},{"style":127},[8808],{"type":21,"value":6007},{"type":15,"tag":120,"props":8810,"children":8811},{"class":122,"line":1888},[8812,8817],{"type":15,"tag":120,"props":8813,"children":8814},{"style":561},[8815],{"type":21,"value":8816}," className",{"type":15,"tag":120,"props":8818,"children":8819},{"style":127},[8820],{"type":21,"value":6007},{"type":15,"tag":120,"props":8822,"children":8823},{"class":122,"line":1905},[8824,8829,8833,8837,8841,8845],{"type":15,"tag":120,"props":8825,"children":8826},{"style":561},[8827],{"type":21,"value":8828}," size",{"type":15,"tag":120,"props":8830,"children":8831},{"style":540},[8832],{"type":21,"value":3176},{"type":15,"tag":120,"props":8834,"children":8835},{"style":561},[8836],{"type":21,"value":7124},{"type":15,"tag":120,"props":8838,"children":8839},{"style":127},[8840],{"type":21,"value":98},{"type":15,"tag":120,"props":8842,"children":8843},{"style":133},[8844],{"type":21,"value":6513},{"type":15,"tag":120,"props":8846,"children":8847},{"style":127},[8848],{"type":21,"value":6007},{"type":15,"tag":120,"props":8850,"children":8851},{"class":122,"line":1913},[8852,8857,8861,8866,8870,8874],{"type":15,"tag":120,"props":8853,"children":8854},{"style":561},[8855],{"type":21,"value":8856}," variant",{"type":15,"tag":120,"props":8858,"children":8859},{"style":540},[8860],{"type":21,"value":3176},{"type":15,"tag":120,"props":8862,"children":8863},{"style":561},[8864],{"type":21,"value":8865}," SfButtonVariant",{"type":15,"tag":120,"props":8867,"children":8868},{"style":127},[8869],{"type":21,"value":98},{"type":15,"tag":120,"props":8871,"children":8872},{"style":133},[8873],{"type":21,"value":6612},{"type":15,"tag":120,"props":8875,"children":8876},{"style":127},[8877],{"type":21,"value":6007},{"type":15,"tag":120,"props":8879,"children":8880},{"class":122,"line":1921},[8881,8886],{"type":15,"tag":120,"props":8882,"children":8883},{"style":561},[8884],{"type":21,"value":8885}," blank",{"type":15,"tag":120,"props":8887,"children":8888},{"style":127},[8889],{"type":21,"value":6007},{"type":15,"tag":120,"props":8891,"children":8892},{"class":122,"line":1937},[8893,8898],{"type":15,"tag":120,"props":8894,"children":8895},{"style":561},[8896],{"type":21,"value":8897}," square",{"type":15,"tag":120,"props":8899,"children":8900},{"style":127},[8901],{"type":21,"value":6007},{"type":15,"tag":120,"props":8903,"children":8904},{"class":122,"line":1953},[8905,8910],{"type":15,"tag":120,"props":8906,"children":8907},{"style":561},[8908],{"type":21,"value":8909}," children",{"type":15,"tag":120,"props":8911,"children":8912},{"style":127},[8913],{"type":21,"value":6007},{"type":15,"tag":120,"props":8915,"children":8916},{"class":122,"line":1969},[8917,8922],{"type":15,"tag":120,"props":8918,"children":8919},{"style":561},[8920],{"type":21,"value":8921}," slotPrefix",{"type":15,"tag":120,"props":8923,"children":8924},{"style":127},[8925],{"type":21,"value":6007},{"type":15,"tag":120,"props":8927,"children":8928},{"class":122,"line":1977},[8929,8934],{"type":15,"tag":120,"props":8930,"children":8931},{"style":561},[8932],{"type":21,"value":8933}," slotSuffix",{"type":15,"tag":120,"props":8935,"children":8936},{"style":127},[8937],{"type":21,"value":6007},{"type":15,"tag":120,"props":8939,"children":8940},{"class":122,"line":2009},[8941,8946],{"type":15,"tag":120,"props":8942,"children":8943},{"style":127},[8944],{"type":21,"value":8945}," ...",{"type":15,"tag":120,"props":8947,"children":8948},{"style":561},[8949],{"type":21,"value":8950},"attributes\n",{"type":15,"tag":120,"props":8952,"children":8953},{"class":122,"line":2041},[8954,8959,8963,8967],{"type":15,"tag":120,"props":8955,"children":8956},{"style":127},[8957],{"type":21,"value":8958}," } ",{"type":15,"tag":120,"props":8960,"children":8961},{"style":540},[8962],{"type":21,"value":165},{"type":15,"tag":120,"props":8964,"children":8965},{"style":133},[8966],{"type":21,"value":6404},{"type":15,"tag":120,"props":8968,"children":8969},{"style":127},[8970],{"type":21,"value":410},{"type":15,"tag":120,"props":8972,"children":8973},{"class":122,"line":2651},[8974,8978,8983,8987,8991,8995,8999],{"type":15,"tag":120,"props":8975,"children":8976},{"style":378},[8977],{"type":21,"value":8792},{"type":15,"tag":120,"props":8979,"children":8980},{"style":561},[8981],{"type":21,"value":8982}," Tag",{"type":15,"tag":120,"props":8984,"children":8985},{"style":540},[8986],{"type":21,"value":3176},{"type":15,"tag":120,"props":8988,"children":8989},{"style":378},[8990],{"type":21,"value":3363},{"type":15,"tag":120,"props":8992,"children":8993},{"style":540},[8994],{"type":21,"value":7407},{"type":15,"tag":120,"props":8996,"children":8997},{"style":133},[8998],{"type":21,"value":8146},{"type":15,"tag":120,"props":9000,"children":9001},{"style":127},[9002],{"type":21,"value":410},{"type":15,"tag":120,"props":9004,"children":9005},{"class":122,"line":2667},[9006],{"type":15,"tag":120,"props":9007,"children":9008},{"emptyLinePlaceholder":8},[9009],{"type":21,"value":224},{"type":15,"tag":120,"props":9011,"children":9012},{"class":122,"line":2675},[9013,9017],{"type":15,"tag":120,"props":9014,"children":9015},{"style":378},[9016],{"type":21,"value":515},{"type":15,"tag":120,"props":9018,"children":9019},{"style":127},[9020],{"type":21,"value":520},{"type":15,"tag":120,"props":9022,"children":9023},{"class":122,"line":2691},[9024,9028],{"type":15,"tag":120,"props":9025,"children":9026},{"style":127},[9027],{"type":21,"value":184},{"type":15,"tag":120,"props":9029,"children":9030},{"style":561},[9031],{"type":21,"value":9032},"Tag\n",{"type":15,"tag":120,"props":9034,"children":9035},{"class":122,"line":2699},[9036,9041,9045,9049,9053],{"type":15,"tag":120,"props":9037,"children":9038},{"style":534},[9039],{"type":21,"value":9040}," ref",{"type":15,"tag":120,"props":9042,"children":9043},{"style":540},[9044],{"type":21,"value":165},{"type":15,"tag":120,"props":9046,"children":9047},{"style":378},[9048],{"type":21,"value":4904},{"type":15,"tag":120,"props":9050,"children":9051},{"style":133},[9052],{"type":21,"value":8771},{"type":15,"tag":120,"props":9054,"children":9055},{"style":378},[9056],{"type":21,"value":704},{"type":15,"tag":120,"props":9058,"children":9059},{"class":122,"line":2707},[9060,9065,9069,9074,9078,9082,9086,9090,9094,9098,9102,9106,9110,9114,9118,9122,9126,9130],{"type":15,"tag":120,"props":9061,"children":9062},{"style":534},[9063],{"type":21,"value":9064}," type",{"type":15,"tag":120,"props":9066,"children":9067},{"style":540},[9068],{"type":21,"value":165},{"type":15,"tag":120,"props":9070,"children":9071},{"style":378},[9072],{"type":21,"value":9073},"{typeof",{"type":15,"tag":120,"props":9075,"children":9076},{"style":133},[9077],{"type":21,"value":8982},{"type":15,"tag":120,"props":9079,"children":9080},{"style":540},[9081],{"type":21,"value":7551},{"type":15,"tag":120,"props":9083,"children":9084},{"style":168},[9085],{"type":21,"value":7556},{"type":15,"tag":120,"props":9087,"children":9088},{"style":540},[9089],{"type":21,"value":7561},{"type":15,"tag":120,"props":9091,"children":9092},{"style":561},[9093],{"type":21,"value":8982},{"type":15,"tag":120,"props":9095,"children":9096},{"style":127},[9097],{"type":21,"value":98},{"type":15,"tag":120,"props":9099,"children":9100},{"style":499},[9101],{"type":21,"value":7582},{"type":15,"tag":120,"props":9103,"children":9104},{"style":127},[9105],{"type":21,"value":7587},{"type":15,"tag":120,"props":9107,"children":9108},{"style":540},[9109],{"type":21,"value":7592},{"type":15,"tag":120,"props":9111,"children":9112},{"style":168},[9113],{"type":21,"value":7412},{"type":15,"tag":120,"props":9115,"children":9116},{"style":378},[9117],{"type":21,"value":7168},{"type":15,"tag":120,"props":9119,"children":9120},{"style":168},[9121],{"type":21,"value":7412},{"type":15,"tag":120,"props":9123,"children":9124},{"style":378},[9125],{"type":21,"value":7178},{"type":15,"tag":120,"props":9127,"children":9128},{"style":157},[9129],{"type":21,"value":7624},{"type":15,"tag":120,"props":9131,"children":9132},{"style":378},[9133],{"type":21,"value":704},{"type":15,"tag":120,"props":9135,"children":9136},{"class":122,"line":2723},[9137,9142,9146,9150,9154],{"type":15,"tag":120,"props":9138,"children":9139},{"style":534},[9140],{"type":21,"value":9141}," className",{"type":15,"tag":120,"props":9143,"children":9144},{"style":540},[9145],{"type":21,"value":165},{"type":15,"tag":120,"props":9147,"children":9148},{"style":378},[9149],{"type":21,"value":4904},{"type":15,"tag":120,"props":9151,"children":9152},{"style":499},[9153],{"type":21,"value":6360},{"type":15,"tag":120,"props":9155,"children":9156},{"style":127},[9157],{"type":21,"value":7476},{"type":15,"tag":120,"props":9159,"children":9160},{"class":122,"line":2739},[9161,9166],{"type":15,"tag":120,"props":9162,"children":9163},{"style":168},[9164],{"type":21,"value":9165}," 'inline-flex items-center justify-center font-medium text-base focus-visible:outline focus-visible:outline-offset rounded-full disabled:text-disabled-500 disabled:bg-disabled-300 disabled:shadow-none disabled:ring-0 disabled:cursor-not-allowed'",{"type":15,"tag":120,"props":9167,"children":9168},{"style":127},[9169],{"type":21,"value":6007},{"type":15,"tag":120,"props":9171,"children":9172},{"class":122,"line":2748},[9173,9178,9183,9187,9191,9195,9199],{"type":15,"tag":120,"props":9174,"children":9175},{"style":127},[9176],{"type":21,"value":9177}," ...",{"type":15,"tag":120,"props":9179,"children":9180},{"style":499},[9181],{"type":21,"value":9182},"getSizeClasses",{"type":15,"tag":120,"props":9184,"children":9185},{"style":127},[9186],{"type":21,"value":3186},{"type":15,"tag":120,"props":9188,"children":9189},{"style":133},[9190],{"type":21,"value":73},{"type":15,"tag":120,"props":9192,"children":9193},{"style":127},[9194],{"type":21,"value":83},{"type":15,"tag":120,"props":9196,"children":9197},{"style":133},[9198],{"type":21,"value":5445},{"type":15,"tag":120,"props":9200,"children":9201},{"style":127},[9202],{"type":21,"value":7629},{"type":15,"tag":120,"props":9204,"children":9205},{"class":122,"line":2756},[9206,9211,9215,9219],{"type":15,"tag":120,"props":9207,"children":9208},{"style":133},[9209],{"type":21,"value":9210}," variantClasses",{"type":15,"tag":120,"props":9212,"children":9213},{"style":127},[9214],{"type":21,"value":8442},{"type":15,"tag":120,"props":9216,"children":9217},{"style":133},[9218],{"type":21,"value":726},{"type":15,"tag":120,"props":9220,"children":9221},{"style":127},[9222],{"type":21,"value":9223},"],\n",{"type":15,"tag":120,"props":9225,"children":9226},{"class":122,"line":7224},[9227,9232,9237,9241,9245,9250,9255,9259],{"type":15,"tag":120,"props":9228,"children":9229},{"style":127},[9230],{"type":21,"value":9231}," { [",{"type":15,"tag":120,"props":9233,"children":9234},{"style":133},[9235],{"type":21,"value":9236},"variantColorClasses",{"type":15,"tag":120,"props":9238,"children":9239},{"style":127},[9240],{"type":21,"value":8442},{"type":15,"tag":120,"props":9242,"children":9243},{"style":133},[9244],{"type":21,"value":726},{"type":15,"tag":120,"props":9246,"children":9247},{"style":127},[9248],{"type":21,"value":9249},"]]: ",{"type":15,"tag":120,"props":9251,"children":9252},{"style":540},[9253],{"type":21,"value":9254},"!",{"type":15,"tag":120,"props":9256,"children":9257},{"style":133},[9258],{"type":21,"value":1317},{"type":15,"tag":120,"props":9260,"children":9261},{"style":127},[9262],{"type":21,"value":9263}," },\n",{"type":15,"tag":120,"props":9265,"children":9266},{"class":122,"line":7279},[9267,9272],{"type":15,"tag":120,"props":9268,"children":9269},{"style":133},[9270],{"type":21,"value":9271}," className",{"type":15,"tag":120,"props":9273,"children":9274},{"style":127},[9275],{"type":21,"value":6007},{"type":15,"tag":120,"props":9277,"children":9278},{"class":122,"line":7291},[9279,9284],{"type":15,"tag":120,"props":9280,"children":9281},{"style":127},[9282],{"type":21,"value":9283}," )",{"type":15,"tag":120,"props":9285,"children":9286},{"style":378},[9287],{"type":21,"value":704},{"type":15,"tag":120,"props":9289,"children":9290},{"class":122,"line":7346},[9291,9296,9300],{"type":15,"tag":120,"props":9292,"children":9293},{"style":534},[9294],{"type":21,"value":9295}," data-testid",{"type":15,"tag":120,"props":9297,"children":9298},{"style":540},[9299],{"type":21,"value":165},{"type":15,"tag":120,"props":9301,"children":9302},{"style":168},[9303],{"type":21,"value":7718},{"type":15,"tag":120,"props":9305,"children":9306},{"class":122,"line":7355},[9307,9312,9317,9322],{"type":15,"tag":120,"props":9308,"children":9309},{"style":378},[9310],{"type":21,"value":9311}," {",{"type":15,"tag":120,"props":9313,"children":9314},{"style":127},[9315],{"type":21,"value":9316},"...",{"type":15,"tag":120,"props":9318,"children":9319},{"style":133},[9320],{"type":21,"value":9321},"attributes",{"type":15,"tag":120,"props":9323,"children":9324},{"style":378},[9325],{"type":21,"value":704},{"type":15,"tag":120,"props":9327,"children":9328},{"class":122,"line":7363},[9329],{"type":15,"tag":120,"props":9330,"children":9331},{"style":127},[9332],{"type":21,"value":1519},{"type":15,"tag":120,"props":9334,"children":9335},{"class":122,"line":7419},[9336,9340,9344],{"type":15,"tag":120,"props":9337,"children":9338},{"style":378},[9339],{"type":21,"value":9311},{"type":15,"tag":120,"props":9341,"children":9342},{"style":133},[9343],{"type":21,"value":4267},{"type":15,"tag":120,"props":9345,"children":9346},{"style":378},[9347],{"type":21,"value":704},{"type":15,"tag":120,"props":9349,"children":9350},{"class":122,"line":7427},[9351,9355,9359],{"type":15,"tag":120,"props":9352,"children":9353},{"style":378},[9354],{"type":21,"value":9311},{"type":15,"tag":120,"props":9356,"children":9357},{"style":133},[9358],{"type":21,"value":5693},{"type":15,"tag":120,"props":9360,"children":9361},{"style":378},[9362],{"type":21,"value":704},{"type":15,"tag":120,"props":9364,"children":9365},{"class":122,"line":7453},[9366,9370,9374],{"type":15,"tag":120,"props":9367,"children":9368},{"style":378},[9369],{"type":21,"value":9311},{"type":15,"tag":120,"props":9371,"children":9372},{"style":133},[9373],{"type":21,"value":4274},{"type":15,"tag":120,"props":9375,"children":9376},{"style":378},[9377],{"type":21,"value":704},{"type":15,"tag":120,"props":9379,"children":9380},{"class":122,"line":7479},[9381,9385,9390],{"type":15,"tag":120,"props":9382,"children":9383},{"style":127},[9384],{"type":21,"value":680},{"type":15,"tag":120,"props":9386,"children":9387},{"style":561},[9388],{"type":21,"value":9389},"Tag",{"type":15,"tag":120,"props":9391,"children":9392},{"style":127},[9393],{"type":21,"value":140},{"type":15,"tag":120,"props":9395,"children":9396},{"class":122,"line":7493},[9397],{"type":15,"tag":120,"props":9398,"children":9399},{"style":127},[9400],{"type":21,"value":696},{"type":15,"tag":120,"props":9402,"children":9403},{"class":122,"line":7523},[9404],{"type":15,"tag":120,"props":9405,"children":9406},{"style":127},[9407],{"type":21,"value":6902},{"type":15,"tag":120,"props":9409,"children":9410},{"class":122,"line":7600},[9411],{"type":15,"tag":120,"props":9412,"children":9413},{"emptyLinePlaceholder":8},[9414],{"type":21,"value":224},{"type":15,"tag":120,"props":9416,"children":9417},{"class":122,"line":7613},[9418,9422,9426,9430],{"type":15,"tag":120,"props":9419,"children":9420},{"style":378},[9421],{"type":21,"value":486},{"type":15,"tag":120,"props":9423,"children":9424},{"style":378},[9425],{"type":21,"value":491},{"type":15,"tag":120,"props":9427,"children":9428},{"style":133},[9429],{"type":21,"value":8724},{"type":15,"tag":120,"props":9431,"children":9432},{"style":127},[9433],{"type":21,"value":410},{"type":15,"tag":9435,"props":9436,"children":9437},"style",{},[9438],{"type":21,"value":9439},"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":227,"depth":143,"links":9441},[9442,9451,9452,9453,9454],{"id":47,"depth":143,"text":50,"children":9443},[9444,9445,9446,9447,9448,9449,9450],{"id":54,"depth":178,"text":57},{"id":707,"depth":178,"text":710},{"id":1303,"depth":178,"text":1306},{"id":2764,"depth":178,"text":2767},{"id":3531,"depth":178,"text":3534},{"id":3834,"depth":178,"text":3837},{"id":4218,"depth":178,"text":4221},{"id":5095,"depth":143,"text":5098},{"id":5246,"depth":143,"text":5249},{"id":5260,"depth":143,"text":5263},{"id":5830,"depth":143,"text":5833},"markdown","content:_components:button.md","content","_components\u002Fbutton.md","_components\u002Fbutton","md",[9462],{"_path":9463,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":9464,"sidebarRoot":8,"_id":9467,"_type":9468,"title":9469,"_source":9457,"_file":9470,"_stem":9471,"_extension":9472},"\u002F_dir",{"title":9465,"icon":9466},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":9474,"sidebarRoot":9476},[9475,9478,9490],{"title":9465,"_path":9476,"_id":9467,"layout":9477,"sidebarRoot":8,"icon":9466},"\u002F","fullscreen",{"title":9479,"_path":9480,"children":9481,"_id":9489,"layout":5883},"Getting Started","\u002Fgetting-started",[9482,9485],{"title":9483,"_path":9480,"_id":9484,"layout":5883},"Installation","content:2.getting-started:1.index.md",{"title":9486,"_path":9487,"_id":9488,"layout":5883},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":9491,"_path":9492,"children":9493},"Customization","\u002Fcustomization",[9494,9498,9502,9506],{"title":9495,"_path":9496,"_id":9497,"layout":5883},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":9499,"_path":9500,"_id":9501,"layout":5883},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":9503,"_path":9504,"_id":9505,"layout":5883},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":9507,"_path":9508,"_id":9509,"layout":5883},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574913824]