[{"data":1,"prerenderedAt":6543},["ShallowReactive",2],{"reference":3,"content-query-y5JXgyO3mu":4,"sidebar-roots":6495,"$dNTcUNV7nV":6507},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":9,"body":11,"_type":6490,"_id":6491,"_source":3371,"_file":6492,"_stem":6493,"_extension":6494,"layout":4231},"\u002F_components\u002Ficonbase","_components",false,true,"","Icons",{"type":12,"children":13,"toc":6478},"root",[14,22,6472],{"type":15,"tag":16,"props":17,"children":19},"element","h1",{"id":18},"icons",[20],{"type":21,"value":10},"text",{"type":15,"tag":23,"props":24,"children":26},"tabs",{":titles":25},"[\"Usage\", \"API\", \"Source Code\"]",[27,3904,4251],{"type":15,"tag":28,"props":29,"children":30},"template",{"v-slot:tab-1":9},[31,54,61,66,1993,1999,2006,2076,2780,2786,2819,3340,3346,3358,3374,3382,3411,3843,3849,3874,3880,3893,3899],{"type":15,"tag":32,"props":33,"children":34},"p",{},[35,37,44,46,52],{"type":21,"value":36},"Storefront UI ships with a default set of icons available with the naming convention ",{"type":15,"tag":38,"props":39,"children":41},"code",{"className":40},[],[42],{"type":21,"value":43},"SfIcon{Name}",{"type":21,"value":45},". Each icon is a component that extends the ",{"type":15,"tag":38,"props":47,"children":49},{"className":48},[],[50],{"type":21,"value":51},"SfIconBase",{"type":21,"value":53}," component.",{"type":15,"tag":55,"props":56,"children":58},"h2",{"id":57},"list-of-icons",[59],{"type":21,"value":60},"List of icons",{"type":15,"tag":32,"props":62,"children":63},{},[64],{"type":21,"value":65},"List of all icons shipped with Storefront UI below. Click on any of the icons to copy its name.",{"type":15,"tag":67,"props":68,"children":71},"showcase",{"showcase-name":69,"allow":70},"IconBase\u002FListOfIcons","clipboard-write",[72,937],{"type":15,"tag":73,"props":74,"children":75},"vue-only",{},[76],{"type":15,"tag":77,"props":78,"children":82},"pre",{"className":79,"code":80,"language":81,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n  \u003Cbutton\n    v-for=\"componentName in componentsNames\"\n    :key=\"componentName\"\n    type=\"button\"\n    class=\"inline-block border border-neutral-100 cursor-pointer\"\n    :data-tooltip=\"componentName\"\n    @click=\"copyToClipboard(componentName)\"\n  >\n    \u003Ccomponent :is=\"SfIcons[componentName]\" \u002F>\n  \u003C\u002Fbutton>\n\n  \u003Cp v-if=\"copied\" class=\"mt-1 text-sm\">"{{ copied }}" has been copied to clipboard\u003C\u002Fp>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport * as SfIcons from '@storefront-ui\u002Fvue';\n\nconst componentsNames = Object.keys(SfIcons).filter(\n  (exportName): exportName is keyof typeof SfIcons => exportName !== 'SfIconSize' && exportName.includes('SfIcon'),\n);\nconst copied = ref('');\nconst copyToClipboard = (componentName: string) => {\n  navigator.clipboard.writeText(componentName);\n  copied.value = componentName;\n  setTimeout(() => {\n    copied.value = '';\n  }, 1000);\n};\n\u003C\u002Fscript>\n\n","vue",[83],{"type":15,"tag":38,"props":84,"children":85},{"__ignoreMap":9},[86,108,122,143,161,179,197,214,232,241,274,292,301,373,390,398,434,474,511,519,581,676,685,720,772,811,842,864,894,912,921],{"type":15,"tag":87,"props":88,"children":91},"span",{"class":89,"line":90},"line",1,[92,98,103],{"type":15,"tag":87,"props":93,"children":95},{"style":94},"--shiki-default:#ABB2BF",[96],{"type":21,"value":97},"\u003C",{"type":15,"tag":87,"props":99,"children":101},{"style":100},"--shiki-default:#E06C75",[102],{"type":21,"value":28},{"type":15,"tag":87,"props":104,"children":105},{"style":94},[106],{"type":21,"value":107},">\n",{"type":15,"tag":87,"props":109,"children":111},{"class":89,"line":110},2,[112,117],{"type":15,"tag":87,"props":113,"children":114},{"style":94},[115],{"type":21,"value":116},"  \u003C",{"type":15,"tag":87,"props":118,"children":119},{"style":100},[120],{"type":21,"value":121},"button\n",{"type":15,"tag":87,"props":123,"children":125},{"class":89,"line":124},3,[126,132,137],{"type":15,"tag":87,"props":127,"children":129},{"style":128},"--shiki-default:#D19A66",[130],{"type":21,"value":131},"    v-for",{"type":15,"tag":87,"props":133,"children":134},{"style":94},[135],{"type":21,"value":136},"=",{"type":15,"tag":87,"props":138,"children":140},{"style":139},"--shiki-default:#98C379",[141],{"type":21,"value":142},"\"componentName in componentsNames\"\n",{"type":15,"tag":87,"props":144,"children":146},{"class":89,"line":145},4,[147,152,156],{"type":15,"tag":87,"props":148,"children":149},{"style":128},[150],{"type":21,"value":151},"    :key",{"type":15,"tag":87,"props":153,"children":154},{"style":94},[155],{"type":21,"value":136},{"type":15,"tag":87,"props":157,"children":158},{"style":139},[159],{"type":21,"value":160},"\"componentName\"\n",{"type":15,"tag":87,"props":162,"children":164},{"class":89,"line":163},5,[165,170,174],{"type":15,"tag":87,"props":166,"children":167},{"style":128},[168],{"type":21,"value":169},"    type",{"type":15,"tag":87,"props":171,"children":172},{"style":94},[173],{"type":21,"value":136},{"type":15,"tag":87,"props":175,"children":176},{"style":139},[177],{"type":21,"value":178},"\"button\"\n",{"type":15,"tag":87,"props":180,"children":182},{"class":89,"line":181},6,[183,188,192],{"type":15,"tag":87,"props":184,"children":185},{"style":128},[186],{"type":21,"value":187},"    class",{"type":15,"tag":87,"props":189,"children":190},{"style":94},[191],{"type":21,"value":136},{"type":15,"tag":87,"props":193,"children":194},{"style":139},[195],{"type":21,"value":196},"\"inline-block border border-neutral-100 cursor-pointer\"\n",{"type":15,"tag":87,"props":198,"children":200},{"class":89,"line":199},7,[201,206,210],{"type":15,"tag":87,"props":202,"children":203},{"style":128},[204],{"type":21,"value":205},"    :data-tooltip",{"type":15,"tag":87,"props":207,"children":208},{"style":94},[209],{"type":21,"value":136},{"type":15,"tag":87,"props":211,"children":212},{"style":139},[213],{"type":21,"value":160},{"type":15,"tag":87,"props":215,"children":217},{"class":89,"line":216},8,[218,223,227],{"type":15,"tag":87,"props":219,"children":220},{"style":128},[221],{"type":21,"value":222},"    @click",{"type":15,"tag":87,"props":224,"children":225},{"style":94},[226],{"type":21,"value":136},{"type":15,"tag":87,"props":228,"children":229},{"style":139},[230],{"type":21,"value":231},"\"copyToClipboard(componentName)\"\n",{"type":15,"tag":87,"props":233,"children":235},{"class":89,"line":234},9,[236],{"type":15,"tag":87,"props":237,"children":238},{"style":94},[239],{"type":21,"value":240},"  >\n",{"type":15,"tag":87,"props":242,"children":244},{"class":89,"line":243},10,[245,250,255,260,264,269],{"type":15,"tag":87,"props":246,"children":247},{"style":94},[248],{"type":21,"value":249},"    \u003C",{"type":15,"tag":87,"props":251,"children":252},{"style":100},[253],{"type":21,"value":254},"component",{"type":15,"tag":87,"props":256,"children":257},{"style":128},[258],{"type":21,"value":259}," :is",{"type":15,"tag":87,"props":261,"children":262},{"style":94},[263],{"type":21,"value":136},{"type":15,"tag":87,"props":265,"children":266},{"style":139},[267],{"type":21,"value":268},"\"SfIcons[componentName]\"",{"type":15,"tag":87,"props":270,"children":271},{"style":94},[272],{"type":21,"value":273}," \u002F>\n",{"type":15,"tag":87,"props":275,"children":277},{"class":89,"line":276},11,[278,283,288],{"type":15,"tag":87,"props":279,"children":280},{"style":94},[281],{"type":21,"value":282},"  \u003C\u002F",{"type":15,"tag":87,"props":284,"children":285},{"style":100},[286],{"type":21,"value":287},"button",{"type":15,"tag":87,"props":289,"children":290},{"style":94},[291],{"type":21,"value":107},{"type":15,"tag":87,"props":293,"children":295},{"class":89,"line":294},12,[296],{"type":15,"tag":87,"props":297,"children":298},{"emptyLinePlaceholder":8},[299],{"type":21,"value":300},"\n",{"type":15,"tag":87,"props":302,"children":304},{"class":89,"line":303},13,[305,309,313,318,322,327,332,336,341,346,351,356,360,365,369],{"type":15,"tag":87,"props":306,"children":307},{"style":94},[308],{"type":21,"value":116},{"type":15,"tag":87,"props":310,"children":311},{"style":100},[312],{"type":21,"value":32},{"type":15,"tag":87,"props":314,"children":315},{"style":128},[316],{"type":21,"value":317}," v-if",{"type":15,"tag":87,"props":319,"children":320},{"style":94},[321],{"type":21,"value":136},{"type":15,"tag":87,"props":323,"children":324},{"style":139},[325],{"type":21,"value":326},"\"copied\"",{"type":15,"tag":87,"props":328,"children":329},{"style":128},[330],{"type":21,"value":331}," class",{"type":15,"tag":87,"props":333,"children":334},{"style":94},[335],{"type":21,"value":136},{"type":15,"tag":87,"props":337,"children":338},{"style":139},[339],{"type":21,"value":340},"\"mt-1 text-sm\"",{"type":15,"tag":87,"props":342,"children":343},{"style":94},[344],{"type":21,"value":345},">",{"type":15,"tag":87,"props":347,"children":348},{"style":100},[349],{"type":21,"value":350},""",{"type":15,"tag":87,"props":352,"children":353},{"style":94},[354],{"type":21,"value":355},"{{ copied }}",{"type":15,"tag":87,"props":357,"children":358},{"style":100},[359],{"type":21,"value":350},{"type":15,"tag":87,"props":361,"children":362},{"style":94},[363],{"type":21,"value":364}," has been copied to clipboard\u003C\u002F",{"type":15,"tag":87,"props":366,"children":367},{"style":100},[368],{"type":21,"value":32},{"type":15,"tag":87,"props":370,"children":371},{"style":94},[372],{"type":21,"value":107},{"type":15,"tag":87,"props":374,"children":376},{"class":89,"line":375},14,[377,382,386],{"type":15,"tag":87,"props":378,"children":379},{"style":94},[380],{"type":21,"value":381},"\u003C\u002F",{"type":15,"tag":87,"props":383,"children":384},{"style":100},[385],{"type":21,"value":28},{"type":15,"tag":87,"props":387,"children":388},{"style":94},[389],{"type":21,"value":107},{"type":15,"tag":87,"props":391,"children":393},{"class":89,"line":392},15,[394],{"type":15,"tag":87,"props":395,"children":396},{"emptyLinePlaceholder":8},[397],{"type":21,"value":300},{"type":15,"tag":87,"props":399,"children":401},{"class":89,"line":400},16,[402,406,411,416,420,425,430],{"type":15,"tag":87,"props":403,"children":404},{"style":94},[405],{"type":21,"value":97},{"type":15,"tag":87,"props":407,"children":408},{"style":100},[409],{"type":21,"value":410},"script",{"type":15,"tag":87,"props":412,"children":413},{"style":128},[414],{"type":21,"value":415}," lang",{"type":15,"tag":87,"props":417,"children":418},{"style":94},[419],{"type":21,"value":136},{"type":15,"tag":87,"props":421,"children":422},{"style":139},[423],{"type":21,"value":424},"\"ts\"",{"type":15,"tag":87,"props":426,"children":427},{"style":128},[428],{"type":21,"value":429}," setup",{"type":15,"tag":87,"props":431,"children":432},{"style":94},[433],{"type":21,"value":107},{"type":15,"tag":87,"props":435,"children":437},{"class":89,"line":436},17,[438,444,449,454,459,464,469],{"type":15,"tag":87,"props":439,"children":441},{"style":440},"--shiki-default:#C678DD",[442],{"type":21,"value":443},"import",{"type":15,"tag":87,"props":445,"children":446},{"style":94},[447],{"type":21,"value":448}," { ",{"type":15,"tag":87,"props":450,"children":451},{"style":100},[452],{"type":21,"value":453},"ref",{"type":15,"tag":87,"props":455,"children":456},{"style":94},[457],{"type":21,"value":458}," } ",{"type":15,"tag":87,"props":460,"children":461},{"style":440},[462],{"type":21,"value":463},"from",{"type":15,"tag":87,"props":465,"children":466},{"style":139},[467],{"type":21,"value":468}," 'vue'",{"type":15,"tag":87,"props":470,"children":471},{"style":94},[472],{"type":21,"value":473},";\n",{"type":15,"tag":87,"props":475,"children":477},{"class":89,"line":476},18,[478,482,487,492,497,502,507],{"type":15,"tag":87,"props":479,"children":480},{"style":440},[481],{"type":21,"value":443},{"type":15,"tag":87,"props":483,"children":484},{"style":128},[485],{"type":21,"value":486}," *",{"type":15,"tag":87,"props":488,"children":489},{"style":440},[490],{"type":21,"value":491}," as",{"type":15,"tag":87,"props":493,"children":494},{"style":100},[495],{"type":21,"value":496}," SfIcons",{"type":15,"tag":87,"props":498,"children":499},{"style":440},[500],{"type":21,"value":501}," from",{"type":15,"tag":87,"props":503,"children":504},{"style":139},[505],{"type":21,"value":506}," '@storefront-ui\u002Fvue'",{"type":15,"tag":87,"props":508,"children":509},{"style":94},[510],{"type":21,"value":473},{"type":15,"tag":87,"props":512,"children":514},{"class":89,"line":513},19,[515],{"type":15,"tag":87,"props":516,"children":517},{"emptyLinePlaceholder":8},[518],{"type":21,"value":300},{"type":15,"tag":87,"props":520,"children":522},{"class":89,"line":521},20,[523,528,534,540,545,550,556,561,566,571,576],{"type":15,"tag":87,"props":524,"children":525},{"style":440},[526],{"type":21,"value":527},"const",{"type":15,"tag":87,"props":529,"children":531},{"style":530},"--shiki-default:#E5C07B",[532],{"type":21,"value":533}," componentsNames",{"type":15,"tag":87,"props":535,"children":537},{"style":536},"--shiki-default:#56B6C2",[538],{"type":21,"value":539}," =",{"type":15,"tag":87,"props":541,"children":542},{"style":530},[543],{"type":21,"value":544}," Object",{"type":15,"tag":87,"props":546,"children":547},{"style":94},[548],{"type":21,"value":549},".",{"type":15,"tag":87,"props":551,"children":553},{"style":552},"--shiki-default:#61AFEF",[554],{"type":21,"value":555},"keys",{"type":15,"tag":87,"props":557,"children":558},{"style":94},[559],{"type":21,"value":560},"(",{"type":15,"tag":87,"props":562,"children":563},{"style":100},[564],{"type":21,"value":565},"SfIcons",{"type":15,"tag":87,"props":567,"children":568},{"style":94},[569],{"type":21,"value":570},").",{"type":15,"tag":87,"props":572,"children":573},{"style":552},[574],{"type":21,"value":575},"filter",{"type":15,"tag":87,"props":577,"children":578},{"style":94},[579],{"type":21,"value":580},"(\n",{"type":15,"tag":87,"props":582,"children":584},{"class":89,"line":583},21,[585,590,596,601,605,610,615,620,624,629,634,639,644,649,653,657,662,666,671],{"type":15,"tag":87,"props":586,"children":587},{"style":94},[588],{"type":21,"value":589},"  (",{"type":15,"tag":87,"props":591,"children":593},{"style":592},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[594],{"type":21,"value":595},"exportName",{"type":15,"tag":87,"props":597,"children":598},{"style":94},[599],{"type":21,"value":600},"): ",{"type":15,"tag":87,"props":602,"children":603},{"style":592},[604],{"type":21,"value":595},{"type":15,"tag":87,"props":606,"children":607},{"style":440},[608],{"type":21,"value":609}," is",{"type":15,"tag":87,"props":611,"children":612},{"style":440},[613],{"type":21,"value":614}," keyof",{"type":15,"tag":87,"props":616,"children":617},{"style":440},[618],{"type":21,"value":619}," typeof",{"type":15,"tag":87,"props":621,"children":622},{"style":592},[623],{"type":21,"value":496},{"type":15,"tag":87,"props":625,"children":626},{"style":440},[627],{"type":21,"value":628}," =>",{"type":15,"tag":87,"props":630,"children":631},{"style":100},[632],{"type":21,"value":633}," exportName",{"type":15,"tag":87,"props":635,"children":636},{"style":536},[637],{"type":21,"value":638}," !==",{"type":15,"tag":87,"props":640,"children":641},{"style":139},[642],{"type":21,"value":643}," 'SfIconSize'",{"type":15,"tag":87,"props":645,"children":646},{"style":536},[647],{"type":21,"value":648}," &&",{"type":15,"tag":87,"props":650,"children":651},{"style":530},[652],{"type":21,"value":633},{"type":15,"tag":87,"props":654,"children":655},{"style":94},[656],{"type":21,"value":549},{"type":15,"tag":87,"props":658,"children":659},{"style":552},[660],{"type":21,"value":661},"includes",{"type":15,"tag":87,"props":663,"children":664},{"style":94},[665],{"type":21,"value":560},{"type":15,"tag":87,"props":667,"children":668},{"style":139},[669],{"type":21,"value":670},"'SfIcon'",{"type":15,"tag":87,"props":672,"children":673},{"style":94},[674],{"type":21,"value":675},"),\n",{"type":15,"tag":87,"props":677,"children":679},{"class":89,"line":678},22,[680],{"type":15,"tag":87,"props":681,"children":682},{"style":94},[683],{"type":21,"value":684},");\n",{"type":15,"tag":87,"props":686,"children":688},{"class":89,"line":687},23,[689,693,698,702,707,711,716],{"type":15,"tag":87,"props":690,"children":691},{"style":440},[692],{"type":21,"value":527},{"type":15,"tag":87,"props":694,"children":695},{"style":530},[696],{"type":21,"value":697}," copied",{"type":15,"tag":87,"props":699,"children":700},{"style":536},[701],{"type":21,"value":539},{"type":15,"tag":87,"props":703,"children":704},{"style":552},[705],{"type":21,"value":706}," ref",{"type":15,"tag":87,"props":708,"children":709},{"style":94},[710],{"type":21,"value":560},{"type":15,"tag":87,"props":712,"children":713},{"style":139},[714],{"type":21,"value":715},"''",{"type":15,"tag":87,"props":717,"children":718},{"style":94},[719],{"type":21,"value":684},{"type":15,"tag":87,"props":721,"children":723},{"class":89,"line":722},24,[724,728,733,737,742,747,752,757,762,767],{"type":15,"tag":87,"props":725,"children":726},{"style":440},[727],{"type":21,"value":527},{"type":15,"tag":87,"props":729,"children":730},{"style":552},[731],{"type":21,"value":732}," copyToClipboard",{"type":15,"tag":87,"props":734,"children":735},{"style":536},[736],{"type":21,"value":539},{"type":15,"tag":87,"props":738,"children":739},{"style":94},[740],{"type":21,"value":741}," (",{"type":15,"tag":87,"props":743,"children":744},{"style":592},[745],{"type":21,"value":746},"componentName",{"type":15,"tag":87,"props":748,"children":749},{"style":94},[750],{"type":21,"value":751},": ",{"type":15,"tag":87,"props":753,"children":754},{"style":530},[755],{"type":21,"value":756},"string",{"type":15,"tag":87,"props":758,"children":759},{"style":94},[760],{"type":21,"value":761},") ",{"type":15,"tag":87,"props":763,"children":764},{"style":440},[765],{"type":21,"value":766},"=>",{"type":15,"tag":87,"props":768,"children":769},{"style":94},[770],{"type":21,"value":771}," {\n",{"type":15,"tag":87,"props":773,"children":775},{"class":89,"line":774},25,[776,781,785,790,794,799,803,807],{"type":15,"tag":87,"props":777,"children":778},{"style":530},[779],{"type":21,"value":780},"  navigator",{"type":15,"tag":87,"props":782,"children":783},{"style":94},[784],{"type":21,"value":549},{"type":15,"tag":87,"props":786,"children":787},{"style":530},[788],{"type":21,"value":789},"clipboard",{"type":15,"tag":87,"props":791,"children":792},{"style":94},[793],{"type":21,"value":549},{"type":15,"tag":87,"props":795,"children":796},{"style":552},[797],{"type":21,"value":798},"writeText",{"type":15,"tag":87,"props":800,"children":801},{"style":94},[802],{"type":21,"value":560},{"type":15,"tag":87,"props":804,"children":805},{"style":100},[806],{"type":21,"value":746},{"type":15,"tag":87,"props":808,"children":809},{"style":94},[810],{"type":21,"value":684},{"type":15,"tag":87,"props":812,"children":814},{"class":89,"line":813},26,[815,820,824,829,833,838],{"type":15,"tag":87,"props":816,"children":817},{"style":530},[818],{"type":21,"value":819},"  copied",{"type":15,"tag":87,"props":821,"children":822},{"style":94},[823],{"type":21,"value":549},{"type":15,"tag":87,"props":825,"children":826},{"style":100},[827],{"type":21,"value":828},"value",{"type":15,"tag":87,"props":830,"children":831},{"style":536},[832],{"type":21,"value":539},{"type":15,"tag":87,"props":834,"children":835},{"style":100},[836],{"type":21,"value":837}," componentName",{"type":15,"tag":87,"props":839,"children":840},{"style":94},[841],{"type":21,"value":473},{"type":15,"tag":87,"props":843,"children":845},{"class":89,"line":844},27,[846,851,856,860],{"type":15,"tag":87,"props":847,"children":848},{"style":552},[849],{"type":21,"value":850},"  setTimeout",{"type":15,"tag":87,"props":852,"children":853},{"style":94},[854],{"type":21,"value":855},"(() ",{"type":15,"tag":87,"props":857,"children":858},{"style":440},[859],{"type":21,"value":766},{"type":15,"tag":87,"props":861,"children":862},{"style":94},[863],{"type":21,"value":771},{"type":15,"tag":87,"props":865,"children":867},{"class":89,"line":866},28,[868,873,877,881,885,890],{"type":15,"tag":87,"props":869,"children":870},{"style":530},[871],{"type":21,"value":872},"    copied",{"type":15,"tag":87,"props":874,"children":875},{"style":94},[876],{"type":21,"value":549},{"type":15,"tag":87,"props":878,"children":879},{"style":100},[880],{"type":21,"value":828},{"type":15,"tag":87,"props":882,"children":883},{"style":536},[884],{"type":21,"value":539},{"type":15,"tag":87,"props":886,"children":887},{"style":139},[888],{"type":21,"value":889}," ''",{"type":15,"tag":87,"props":891,"children":892},{"style":94},[893],{"type":21,"value":473},{"type":15,"tag":87,"props":895,"children":897},{"class":89,"line":896},29,[898,903,908],{"type":15,"tag":87,"props":899,"children":900},{"style":94},[901],{"type":21,"value":902},"  }, ",{"type":15,"tag":87,"props":904,"children":905},{"style":128},[906],{"type":21,"value":907},"1000",{"type":15,"tag":87,"props":909,"children":910},{"style":94},[911],{"type":21,"value":684},{"type":15,"tag":87,"props":913,"children":915},{"class":89,"line":914},30,[916],{"type":15,"tag":87,"props":917,"children":918},{"style":94},[919],{"type":21,"value":920},"};\n",{"type":15,"tag":87,"props":922,"children":924},{"class":89,"line":923},31,[925,929,933],{"type":15,"tag":87,"props":926,"children":927},{"style":94},[928],{"type":21,"value":381},{"type":15,"tag":87,"props":930,"children":931},{"style":100},[932],{"type":21,"value":410},{"type":15,"tag":87,"props":934,"children":935},{"style":94},[936],{"type":21,"value":107},{"type":15,"tag":938,"props":939,"children":940},"react-only",{},[941],{"type":15,"tag":77,"props":942,"children":946},{"className":943,"code":944,"language":945,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import { useState, createElement } from 'react';\nimport * as AllSfComponents from '@storefront-ui\u002Freact';\nimport useSWR from 'swr';\n\nconst fetcher = (url: string) => fetch(url).then((res) => res.json());\nexport default function IconList() {\n  const [copied, setCopied] = useState('');\n  const { data: componentsNames = [] } = useSWR\u003Cstring[]>(\n    `${process.env.DOCS_EXAMPLES_REACT_PATH || ''}\u002Fapi\u002FgetIcons`,\n    fetcher,\n  );\n\n  const copyToClipboard = (componentName: string) => {\n    navigator.clipboard.writeText(componentName);\n    setCopied(componentName);\n    setTimeout(() => {\n      setCopied('');\n    }, 1000);\n  };\n\n  return (\n    \u003C>\n      {componentsNames.map((componentName) => (\n        \u003Cbutton\n          type=\"button\"\n          key={componentName}\n          className=\"inline-block border border-neutral-100 cursor-pointer\"\n          data-tooltip={componentName}\n          onClick={() => {\n            copyToClipboard(componentName);\n          }}\n        >\n          {createElement((AllSfComponents as unknown as Record\u003Cstring, string>)[componentName])}\n        \u003C\u002Fbutton>\n      ))}\n\n      {copied && \u003Cp className=\"mt-1 text-sm\">"{copied}" has been copied to clipboard\u003C\u002Fp>}\n    \u003C\u002F>\n  );\n}\n","tsx",[947],{"type":15,"tag":38,"props":948,"children":949},{"__ignoreMap":9},[950,993,1026,1051,1058,1158,1186,1239,1294,1354,1366,1374,1381,1424,1460,1480,1500,1520,1536,1544,1551,1564,1572,1613,1625,1642,1668,1684,1708,1737,1757,1769,1778,1852,1869,1882,1890,1968,1977,1985],{"type":15,"tag":87,"props":951,"children":952},{"class":89,"line":90},[953,957,961,966,971,976,980,984,989],{"type":15,"tag":87,"props":954,"children":955},{"style":440},[956],{"type":21,"value":443},{"type":15,"tag":87,"props":958,"children":959},{"style":94},[960],{"type":21,"value":448},{"type":15,"tag":87,"props":962,"children":963},{"style":100},[964],{"type":21,"value":965},"useState",{"type":15,"tag":87,"props":967,"children":968},{"style":94},[969],{"type":21,"value":970},", ",{"type":15,"tag":87,"props":972,"children":973},{"style":100},[974],{"type":21,"value":975},"createElement",{"type":15,"tag":87,"props":977,"children":978},{"style":94},[979],{"type":21,"value":458},{"type":15,"tag":87,"props":981,"children":982},{"style":440},[983],{"type":21,"value":463},{"type":15,"tag":87,"props":985,"children":986},{"style":139},[987],{"type":21,"value":988}," 'react'",{"type":15,"tag":87,"props":990,"children":991},{"style":94},[992],{"type":21,"value":473},{"type":15,"tag":87,"props":994,"children":995},{"class":89,"line":110},[996,1000,1004,1008,1013,1017,1022],{"type":15,"tag":87,"props":997,"children":998},{"style":440},[999],{"type":21,"value":443},{"type":15,"tag":87,"props":1001,"children":1002},{"style":128},[1003],{"type":21,"value":486},{"type":15,"tag":87,"props":1005,"children":1006},{"style":440},[1007],{"type":21,"value":491},{"type":15,"tag":87,"props":1009,"children":1010},{"style":100},[1011],{"type":21,"value":1012}," AllSfComponents",{"type":15,"tag":87,"props":1014,"children":1015},{"style":440},[1016],{"type":21,"value":501},{"type":15,"tag":87,"props":1018,"children":1019},{"style":139},[1020],{"type":21,"value":1021}," '@storefront-ui\u002Freact'",{"type":15,"tag":87,"props":1023,"children":1024},{"style":94},[1025],{"type":21,"value":473},{"type":15,"tag":87,"props":1027,"children":1028},{"class":89,"line":124},[1029,1033,1038,1042,1047],{"type":15,"tag":87,"props":1030,"children":1031},{"style":440},[1032],{"type":21,"value":443},{"type":15,"tag":87,"props":1034,"children":1035},{"style":100},[1036],{"type":21,"value":1037}," useSWR",{"type":15,"tag":87,"props":1039,"children":1040},{"style":440},[1041],{"type":21,"value":501},{"type":15,"tag":87,"props":1043,"children":1044},{"style":139},[1045],{"type":21,"value":1046}," 'swr'",{"type":15,"tag":87,"props":1048,"children":1049},{"style":94},[1050],{"type":21,"value":473},{"type":15,"tag":87,"props":1052,"children":1053},{"class":89,"line":145},[1054],{"type":15,"tag":87,"props":1055,"children":1056},{"emptyLinePlaceholder":8},[1057],{"type":21,"value":300},{"type":15,"tag":87,"props":1059,"children":1060},{"class":89,"line":163},[1061,1065,1070,1074,1078,1083,1087,1091,1095,1099,1104,1108,1112,1116,1121,1126,1131,1135,1139,1144,1148,1153],{"type":15,"tag":87,"props":1062,"children":1063},{"style":440},[1064],{"type":21,"value":527},{"type":15,"tag":87,"props":1066,"children":1067},{"style":552},[1068],{"type":21,"value":1069}," fetcher",{"type":15,"tag":87,"props":1071,"children":1072},{"style":536},[1073],{"type":21,"value":539},{"type":15,"tag":87,"props":1075,"children":1076},{"style":94},[1077],{"type":21,"value":741},{"type":15,"tag":87,"props":1079,"children":1080},{"style":592},[1081],{"type":21,"value":1082},"url",{"type":15,"tag":87,"props":1084,"children":1085},{"style":94},[1086],{"type":21,"value":751},{"type":15,"tag":87,"props":1088,"children":1089},{"style":530},[1090],{"type":21,"value":756},{"type":15,"tag":87,"props":1092,"children":1093},{"style":94},[1094],{"type":21,"value":761},{"type":15,"tag":87,"props":1096,"children":1097},{"style":440},[1098],{"type":21,"value":766},{"type":15,"tag":87,"props":1100,"children":1101},{"style":552},[1102],{"type":21,"value":1103}," fetch",{"type":15,"tag":87,"props":1105,"children":1106},{"style":94},[1107],{"type":21,"value":560},{"type":15,"tag":87,"props":1109,"children":1110},{"style":100},[1111],{"type":21,"value":1082},{"type":15,"tag":87,"props":1113,"children":1114},{"style":94},[1115],{"type":21,"value":570},{"type":15,"tag":87,"props":1117,"children":1118},{"style":552},[1119],{"type":21,"value":1120},"then",{"type":15,"tag":87,"props":1122,"children":1123},{"style":94},[1124],{"type":21,"value":1125},"((",{"type":15,"tag":87,"props":1127,"children":1128},{"style":592},[1129],{"type":21,"value":1130},"res",{"type":15,"tag":87,"props":1132,"children":1133},{"style":94},[1134],{"type":21,"value":761},{"type":15,"tag":87,"props":1136,"children":1137},{"style":440},[1138],{"type":21,"value":766},{"type":15,"tag":87,"props":1140,"children":1141},{"style":530},[1142],{"type":21,"value":1143}," res",{"type":15,"tag":87,"props":1145,"children":1146},{"style":94},[1147],{"type":21,"value":549},{"type":15,"tag":87,"props":1149,"children":1150},{"style":552},[1151],{"type":21,"value":1152},"json",{"type":15,"tag":87,"props":1154,"children":1155},{"style":94},[1156],{"type":21,"value":1157},"());\n",{"type":15,"tag":87,"props":1159,"children":1160},{"class":89,"line":181},[1161,1166,1171,1176,1181],{"type":15,"tag":87,"props":1162,"children":1163},{"style":440},[1164],{"type":21,"value":1165},"export",{"type":15,"tag":87,"props":1167,"children":1168},{"style":440},[1169],{"type":21,"value":1170}," default",{"type":15,"tag":87,"props":1172,"children":1173},{"style":440},[1174],{"type":21,"value":1175}," function",{"type":15,"tag":87,"props":1177,"children":1178},{"style":552},[1179],{"type":21,"value":1180}," IconList",{"type":15,"tag":87,"props":1182,"children":1183},{"style":94},[1184],{"type":21,"value":1185},"() {\n",{"type":15,"tag":87,"props":1187,"children":1188},{"class":89,"line":199},[1189,1194,1199,1204,1208,1213,1218,1222,1227,1231,1235],{"type":15,"tag":87,"props":1190,"children":1191},{"style":440},[1192],{"type":21,"value":1193},"  const",{"type":15,"tag":87,"props":1195,"children":1196},{"style":94},[1197],{"type":21,"value":1198}," [",{"type":15,"tag":87,"props":1200,"children":1201},{"style":530},[1202],{"type":21,"value":1203},"copied",{"type":15,"tag":87,"props":1205,"children":1206},{"style":94},[1207],{"type":21,"value":970},{"type":15,"tag":87,"props":1209,"children":1210},{"style":530},[1211],{"type":21,"value":1212},"setCopied",{"type":15,"tag":87,"props":1214,"children":1215},{"style":94},[1216],{"type":21,"value":1217},"] ",{"type":15,"tag":87,"props":1219,"children":1220},{"style":536},[1221],{"type":21,"value":136},{"type":15,"tag":87,"props":1223,"children":1224},{"style":552},[1225],{"type":21,"value":1226}," useState",{"type":15,"tag":87,"props":1228,"children":1229},{"style":94},[1230],{"type":21,"value":560},{"type":15,"tag":87,"props":1232,"children":1233},{"style":139},[1234],{"type":21,"value":715},{"type":15,"tag":87,"props":1236,"children":1237},{"style":94},[1238],{"type":21,"value":684},{"type":15,"tag":87,"props":1240,"children":1241},{"class":89,"line":216},[1242,1246,1250,1255,1259,1264,1268,1273,1277,1281,1285,1289],{"type":15,"tag":87,"props":1243,"children":1244},{"style":440},[1245],{"type":21,"value":1193},{"type":15,"tag":87,"props":1247,"children":1248},{"style":94},[1249],{"type":21,"value":448},{"type":15,"tag":87,"props":1251,"children":1252},{"style":100},[1253],{"type":21,"value":1254},"data",{"type":15,"tag":87,"props":1256,"children":1257},{"style":94},[1258],{"type":21,"value":751},{"type":15,"tag":87,"props":1260,"children":1261},{"style":530},[1262],{"type":21,"value":1263},"componentsNames",{"type":15,"tag":87,"props":1265,"children":1266},{"style":536},[1267],{"type":21,"value":539},{"type":15,"tag":87,"props":1269,"children":1270},{"style":94},[1271],{"type":21,"value":1272}," [] } ",{"type":15,"tag":87,"props":1274,"children":1275},{"style":536},[1276],{"type":21,"value":136},{"type":15,"tag":87,"props":1278,"children":1279},{"style":552},[1280],{"type":21,"value":1037},{"type":15,"tag":87,"props":1282,"children":1283},{"style":94},[1284],{"type":21,"value":97},{"type":15,"tag":87,"props":1286,"children":1287},{"style":530},[1288],{"type":21,"value":756},{"type":15,"tag":87,"props":1290,"children":1291},{"style":94},[1292],{"type":21,"value":1293},"[]>(\n",{"type":15,"tag":87,"props":1295,"children":1296},{"class":89,"line":234},[1297,1302,1307,1312,1316,1321,1325,1330,1335,1339,1344,1349],{"type":15,"tag":87,"props":1298,"children":1299},{"style":139},[1300],{"type":21,"value":1301},"    `",{"type":15,"tag":87,"props":1303,"children":1304},{"style":440},[1305],{"type":21,"value":1306},"${",{"type":15,"tag":87,"props":1308,"children":1309},{"style":530},[1310],{"type":21,"value":1311},"process",{"type":15,"tag":87,"props":1313,"children":1314},{"style":94},[1315],{"type":21,"value":549},{"type":15,"tag":87,"props":1317,"children":1318},{"style":530},[1319],{"type":21,"value":1320},"env",{"type":15,"tag":87,"props":1322,"children":1323},{"style":94},[1324],{"type":21,"value":549},{"type":15,"tag":87,"props":1326,"children":1327},{"style":100},[1328],{"type":21,"value":1329},"DOCS_EXAMPLES_REACT_PATH",{"type":15,"tag":87,"props":1331,"children":1332},{"style":536},[1333],{"type":21,"value":1334}," ||",{"type":15,"tag":87,"props":1336,"children":1337},{"style":139},[1338],{"type":21,"value":889},{"type":15,"tag":87,"props":1340,"children":1341},{"style":440},[1342],{"type":21,"value":1343},"}",{"type":15,"tag":87,"props":1345,"children":1346},{"style":139},[1347],{"type":21,"value":1348},"\u002Fapi\u002FgetIcons`",{"type":15,"tag":87,"props":1350,"children":1351},{"style":94},[1352],{"type":21,"value":1353},",\n",{"type":15,"tag":87,"props":1355,"children":1356},{"class":89,"line":243},[1357,1362],{"type":15,"tag":87,"props":1358,"children":1359},{"style":100},[1360],{"type":21,"value":1361},"    fetcher",{"type":15,"tag":87,"props":1363,"children":1364},{"style":94},[1365],{"type":21,"value":1353},{"type":15,"tag":87,"props":1367,"children":1368},{"class":89,"line":276},[1369],{"type":15,"tag":87,"props":1370,"children":1371},{"style":94},[1372],{"type":21,"value":1373},"  );\n",{"type":15,"tag":87,"props":1375,"children":1376},{"class":89,"line":294},[1377],{"type":15,"tag":87,"props":1378,"children":1379},{"emptyLinePlaceholder":8},[1380],{"type":21,"value":300},{"type":15,"tag":87,"props":1382,"children":1383},{"class":89,"line":303},[1384,1388,1392,1396,1400,1404,1408,1412,1416,1420],{"type":15,"tag":87,"props":1385,"children":1386},{"style":440},[1387],{"type":21,"value":1193},{"type":15,"tag":87,"props":1389,"children":1390},{"style":552},[1391],{"type":21,"value":732},{"type":15,"tag":87,"props":1393,"children":1394},{"style":536},[1395],{"type":21,"value":539},{"type":15,"tag":87,"props":1397,"children":1398},{"style":94},[1399],{"type":21,"value":741},{"type":15,"tag":87,"props":1401,"children":1402},{"style":592},[1403],{"type":21,"value":746},{"type":15,"tag":87,"props":1405,"children":1406},{"style":94},[1407],{"type":21,"value":751},{"type":15,"tag":87,"props":1409,"children":1410},{"style":530},[1411],{"type":21,"value":756},{"type":15,"tag":87,"props":1413,"children":1414},{"style":94},[1415],{"type":21,"value":761},{"type":15,"tag":87,"props":1417,"children":1418},{"style":440},[1419],{"type":21,"value":766},{"type":15,"tag":87,"props":1421,"children":1422},{"style":94},[1423],{"type":21,"value":771},{"type":15,"tag":87,"props":1425,"children":1426},{"class":89,"line":375},[1427,1432,1436,1440,1444,1448,1452,1456],{"type":15,"tag":87,"props":1428,"children":1429},{"style":530},[1430],{"type":21,"value":1431},"    navigator",{"type":15,"tag":87,"props":1433,"children":1434},{"style":94},[1435],{"type":21,"value":549},{"type":15,"tag":87,"props":1437,"children":1438},{"style":530},[1439],{"type":21,"value":789},{"type":15,"tag":87,"props":1441,"children":1442},{"style":94},[1443],{"type":21,"value":549},{"type":15,"tag":87,"props":1445,"children":1446},{"style":552},[1447],{"type":21,"value":798},{"type":15,"tag":87,"props":1449,"children":1450},{"style":94},[1451],{"type":21,"value":560},{"type":15,"tag":87,"props":1453,"children":1454},{"style":100},[1455],{"type":21,"value":746},{"type":15,"tag":87,"props":1457,"children":1458},{"style":94},[1459],{"type":21,"value":684},{"type":15,"tag":87,"props":1461,"children":1462},{"class":89,"line":392},[1463,1468,1472,1476],{"type":15,"tag":87,"props":1464,"children":1465},{"style":552},[1466],{"type":21,"value":1467},"    setCopied",{"type":15,"tag":87,"props":1469,"children":1470},{"style":94},[1471],{"type":21,"value":560},{"type":15,"tag":87,"props":1473,"children":1474},{"style":100},[1475],{"type":21,"value":746},{"type":15,"tag":87,"props":1477,"children":1478},{"style":94},[1479],{"type":21,"value":684},{"type":15,"tag":87,"props":1481,"children":1482},{"class":89,"line":400},[1483,1488,1492,1496],{"type":15,"tag":87,"props":1484,"children":1485},{"style":552},[1486],{"type":21,"value":1487},"    setTimeout",{"type":15,"tag":87,"props":1489,"children":1490},{"style":94},[1491],{"type":21,"value":855},{"type":15,"tag":87,"props":1493,"children":1494},{"style":440},[1495],{"type":21,"value":766},{"type":15,"tag":87,"props":1497,"children":1498},{"style":94},[1499],{"type":21,"value":771},{"type":15,"tag":87,"props":1501,"children":1502},{"class":89,"line":436},[1503,1508,1512,1516],{"type":15,"tag":87,"props":1504,"children":1505},{"style":552},[1506],{"type":21,"value":1507},"      setCopied",{"type":15,"tag":87,"props":1509,"children":1510},{"style":94},[1511],{"type":21,"value":560},{"type":15,"tag":87,"props":1513,"children":1514},{"style":139},[1515],{"type":21,"value":715},{"type":15,"tag":87,"props":1517,"children":1518},{"style":94},[1519],{"type":21,"value":684},{"type":15,"tag":87,"props":1521,"children":1522},{"class":89,"line":476},[1523,1528,1532],{"type":15,"tag":87,"props":1524,"children":1525},{"style":94},[1526],{"type":21,"value":1527},"    }, ",{"type":15,"tag":87,"props":1529,"children":1530},{"style":128},[1531],{"type":21,"value":907},{"type":15,"tag":87,"props":1533,"children":1534},{"style":94},[1535],{"type":21,"value":684},{"type":15,"tag":87,"props":1537,"children":1538},{"class":89,"line":513},[1539],{"type":15,"tag":87,"props":1540,"children":1541},{"style":94},[1542],{"type":21,"value":1543},"  };\n",{"type":15,"tag":87,"props":1545,"children":1546},{"class":89,"line":521},[1547],{"type":15,"tag":87,"props":1548,"children":1549},{"emptyLinePlaceholder":8},[1550],{"type":21,"value":300},{"type":15,"tag":87,"props":1552,"children":1553},{"class":89,"line":583},[1554,1559],{"type":15,"tag":87,"props":1555,"children":1556},{"style":440},[1557],{"type":21,"value":1558},"  return",{"type":15,"tag":87,"props":1560,"children":1561},{"style":94},[1562],{"type":21,"value":1563}," (\n",{"type":15,"tag":87,"props":1565,"children":1566},{"class":89,"line":678},[1567],{"type":15,"tag":87,"props":1568,"children":1569},{"style":94},[1570],{"type":21,"value":1571},"    \u003C>\n",{"type":15,"tag":87,"props":1573,"children":1574},{"class":89,"line":687},[1575,1580,1584,1588,1593,1597,1601,1605,1609],{"type":15,"tag":87,"props":1576,"children":1577},{"style":440},[1578],{"type":21,"value":1579},"      {",{"type":15,"tag":87,"props":1581,"children":1582},{"style":530},[1583],{"type":21,"value":1263},{"type":15,"tag":87,"props":1585,"children":1586},{"style":94},[1587],{"type":21,"value":549},{"type":15,"tag":87,"props":1589,"children":1590},{"style":552},[1591],{"type":21,"value":1592},"map",{"type":15,"tag":87,"props":1594,"children":1595},{"style":94},[1596],{"type":21,"value":1125},{"type":15,"tag":87,"props":1598,"children":1599},{"style":592},[1600],{"type":21,"value":746},{"type":15,"tag":87,"props":1602,"children":1603},{"style":94},[1604],{"type":21,"value":761},{"type":15,"tag":87,"props":1606,"children":1607},{"style":440},[1608],{"type":21,"value":766},{"type":15,"tag":87,"props":1610,"children":1611},{"style":94},[1612],{"type":21,"value":1563},{"type":15,"tag":87,"props":1614,"children":1615},{"class":89,"line":722},[1616,1621],{"type":15,"tag":87,"props":1617,"children":1618},{"style":94},[1619],{"type":21,"value":1620},"        \u003C",{"type":15,"tag":87,"props":1622,"children":1623},{"style":100},[1624],{"type":21,"value":121},{"type":15,"tag":87,"props":1626,"children":1627},{"class":89,"line":774},[1628,1634,1638],{"type":15,"tag":87,"props":1629,"children":1631},{"style":1630},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[1632],{"type":21,"value":1633},"          type",{"type":15,"tag":87,"props":1635,"children":1636},{"style":536},[1637],{"type":21,"value":136},{"type":15,"tag":87,"props":1639,"children":1640},{"style":139},[1641],{"type":21,"value":178},{"type":15,"tag":87,"props":1643,"children":1644},{"class":89,"line":813},[1645,1650,1654,1659,1663],{"type":15,"tag":87,"props":1646,"children":1647},{"style":1630},[1648],{"type":21,"value":1649},"          key",{"type":15,"tag":87,"props":1651,"children":1652},{"style":536},[1653],{"type":21,"value":136},{"type":15,"tag":87,"props":1655,"children":1656},{"style":440},[1657],{"type":21,"value":1658},"{",{"type":15,"tag":87,"props":1660,"children":1661},{"style":100},[1662],{"type":21,"value":746},{"type":15,"tag":87,"props":1664,"children":1665},{"style":440},[1666],{"type":21,"value":1667},"}\n",{"type":15,"tag":87,"props":1669,"children":1670},{"class":89,"line":844},[1671,1676,1680],{"type":15,"tag":87,"props":1672,"children":1673},{"style":1630},[1674],{"type":21,"value":1675},"          className",{"type":15,"tag":87,"props":1677,"children":1678},{"style":536},[1679],{"type":21,"value":136},{"type":15,"tag":87,"props":1681,"children":1682},{"style":139},[1683],{"type":21,"value":196},{"type":15,"tag":87,"props":1685,"children":1686},{"class":89,"line":866},[1687,1692,1696,1700,1704],{"type":15,"tag":87,"props":1688,"children":1689},{"style":1630},[1690],{"type":21,"value":1691},"          data-tooltip",{"type":15,"tag":87,"props":1693,"children":1694},{"style":536},[1695],{"type":21,"value":136},{"type":15,"tag":87,"props":1697,"children":1698},{"style":440},[1699],{"type":21,"value":1658},{"type":15,"tag":87,"props":1701,"children":1702},{"style":100},[1703],{"type":21,"value":746},{"type":15,"tag":87,"props":1705,"children":1706},{"style":440},[1707],{"type":21,"value":1667},{"type":15,"tag":87,"props":1709,"children":1710},{"class":89,"line":896},[1711,1716,1720,1724,1729,1733],{"type":15,"tag":87,"props":1712,"children":1713},{"style":1630},[1714],{"type":21,"value":1715},"          onClick",{"type":15,"tag":87,"props":1717,"children":1718},{"style":536},[1719],{"type":21,"value":136},{"type":15,"tag":87,"props":1721,"children":1722},{"style":440},[1723],{"type":21,"value":1658},{"type":15,"tag":87,"props":1725,"children":1726},{"style":94},[1727],{"type":21,"value":1728},"() ",{"type":15,"tag":87,"props":1730,"children":1731},{"style":440},[1732],{"type":21,"value":766},{"type":15,"tag":87,"props":1734,"children":1735},{"style":94},[1736],{"type":21,"value":771},{"type":15,"tag":87,"props":1738,"children":1739},{"class":89,"line":914},[1740,1745,1749,1753],{"type":15,"tag":87,"props":1741,"children":1742},{"style":552},[1743],{"type":21,"value":1744},"            copyToClipboard",{"type":15,"tag":87,"props":1746,"children":1747},{"style":94},[1748],{"type":21,"value":560},{"type":15,"tag":87,"props":1750,"children":1751},{"style":100},[1752],{"type":21,"value":746},{"type":15,"tag":87,"props":1754,"children":1755},{"style":94},[1756],{"type":21,"value":684},{"type":15,"tag":87,"props":1758,"children":1759},{"class":89,"line":923},[1760,1765],{"type":15,"tag":87,"props":1761,"children":1762},{"style":94},[1763],{"type":21,"value":1764},"          }",{"type":15,"tag":87,"props":1766,"children":1767},{"style":440},[1768],{"type":21,"value":1667},{"type":15,"tag":87,"props":1770,"children":1772},{"class":89,"line":1771},32,[1773],{"type":15,"tag":87,"props":1774,"children":1775},{"style":94},[1776],{"type":21,"value":1777},"        >\n",{"type":15,"tag":87,"props":1779,"children":1781},{"class":89,"line":1780},33,[1782,1787,1791,1795,1800,1804,1809,1813,1818,1822,1826,1830,1834,1839,1843,1848],{"type":15,"tag":87,"props":1783,"children":1784},{"style":440},[1785],{"type":21,"value":1786},"          {",{"type":15,"tag":87,"props":1788,"children":1789},{"style":552},[1790],{"type":21,"value":975},{"type":15,"tag":87,"props":1792,"children":1793},{"style":94},[1794],{"type":21,"value":1125},{"type":15,"tag":87,"props":1796,"children":1797},{"style":100},[1798],{"type":21,"value":1799},"AllSfComponents",{"type":15,"tag":87,"props":1801,"children":1802},{"style":440},[1803],{"type":21,"value":491},{"type":15,"tag":87,"props":1805,"children":1806},{"style":530},[1807],{"type":21,"value":1808}," unknown",{"type":15,"tag":87,"props":1810,"children":1811},{"style":440},[1812],{"type":21,"value":491},{"type":15,"tag":87,"props":1814,"children":1815},{"style":530},[1816],{"type":21,"value":1817}," Record",{"type":15,"tag":87,"props":1819,"children":1820},{"style":94},[1821],{"type":21,"value":97},{"type":15,"tag":87,"props":1823,"children":1824},{"style":530},[1825],{"type":21,"value":756},{"type":15,"tag":87,"props":1827,"children":1828},{"style":94},[1829],{"type":21,"value":970},{"type":15,"tag":87,"props":1831,"children":1832},{"style":530},[1833],{"type":21,"value":756},{"type":15,"tag":87,"props":1835,"children":1836},{"style":94},[1837],{"type":21,"value":1838},">)[",{"type":15,"tag":87,"props":1840,"children":1841},{"style":100},[1842],{"type":21,"value":746},{"type":15,"tag":87,"props":1844,"children":1845},{"style":94},[1846],{"type":21,"value":1847},"])",{"type":15,"tag":87,"props":1849,"children":1850},{"style":440},[1851],{"type":21,"value":1667},{"type":15,"tag":87,"props":1853,"children":1855},{"class":89,"line":1854},34,[1856,1861,1865],{"type":15,"tag":87,"props":1857,"children":1858},{"style":94},[1859],{"type":21,"value":1860},"        \u003C\u002F",{"type":15,"tag":87,"props":1862,"children":1863},{"style":100},[1864],{"type":21,"value":287},{"type":15,"tag":87,"props":1866,"children":1867},{"style":94},[1868],{"type":21,"value":107},{"type":15,"tag":87,"props":1870,"children":1872},{"class":89,"line":1871},35,[1873,1878],{"type":15,"tag":87,"props":1874,"children":1875},{"style":94},[1876],{"type":21,"value":1877},"      ))",{"type":15,"tag":87,"props":1879,"children":1880},{"style":440},[1881],{"type":21,"value":1667},{"type":15,"tag":87,"props":1883,"children":1885},{"class":89,"line":1884},36,[1886],{"type":15,"tag":87,"props":1887,"children":1888},{"emptyLinePlaceholder":8},[1889],{"type":21,"value":300},{"type":15,"tag":87,"props":1891,"children":1893},{"class":89,"line":1892},37,[1894,1898,1902,1906,1911,1915,1920,1924,1928,1932,1936,1940,1944,1948,1952,1956,1960,1964],{"type":15,"tag":87,"props":1895,"children":1896},{"style":440},[1897],{"type":21,"value":1579},{"type":15,"tag":87,"props":1899,"children":1900},{"style":100},[1901],{"type":21,"value":1203},{"type":15,"tag":87,"props":1903,"children":1904},{"style":536},[1905],{"type":21,"value":648},{"type":15,"tag":87,"props":1907,"children":1908},{"style":94},[1909],{"type":21,"value":1910}," \u003C",{"type":15,"tag":87,"props":1912,"children":1913},{"style":100},[1914],{"type":21,"value":32},{"type":15,"tag":87,"props":1916,"children":1917},{"style":1630},[1918],{"type":21,"value":1919}," className",{"type":15,"tag":87,"props":1921,"children":1922},{"style":536},[1923],{"type":21,"value":136},{"type":15,"tag":87,"props":1925,"children":1926},{"style":139},[1927],{"type":21,"value":340},{"type":15,"tag":87,"props":1929,"children":1930},{"style":94},[1931],{"type":21,"value":345},{"type":15,"tag":87,"props":1933,"children":1934},{"style":100},[1935],{"type":21,"value":350},{"type":15,"tag":87,"props":1937,"children":1938},{"style":440},[1939],{"type":21,"value":1658},{"type":15,"tag":87,"props":1941,"children":1942},{"style":100},[1943],{"type":21,"value":1203},{"type":15,"tag":87,"props":1945,"children":1946},{"style":440},[1947],{"type":21,"value":1343},{"type":15,"tag":87,"props":1949,"children":1950},{"style":100},[1951],{"type":21,"value":350},{"type":15,"tag":87,"props":1953,"children":1954},{"style":94},[1955],{"type":21,"value":364},{"type":15,"tag":87,"props":1957,"children":1958},{"style":100},[1959],{"type":21,"value":32},{"type":15,"tag":87,"props":1961,"children":1962},{"style":94},[1963],{"type":21,"value":345},{"type":15,"tag":87,"props":1965,"children":1966},{"style":440},[1967],{"type":21,"value":1667},{"type":15,"tag":87,"props":1969,"children":1971},{"class":89,"line":1970},38,[1972],{"type":15,"tag":87,"props":1973,"children":1974},{"style":94},[1975],{"type":21,"value":1976},"    \u003C\u002F>\n",{"type":15,"tag":87,"props":1978,"children":1980},{"class":89,"line":1979},39,[1981],{"type":15,"tag":87,"props":1982,"children":1983},{"style":94},[1984],{"type":21,"value":1373},{"type":15,"tag":87,"props":1986,"children":1988},{"class":89,"line":1987},40,[1989],{"type":15,"tag":87,"props":1990,"children":1991},{"style":94},[1992],{"type":21,"value":1667},{"type":15,"tag":55,"props":1994,"children":1996},{"id":1995},"examples",[1997],{"type":21,"value":1998},"Examples",{"type":15,"tag":2000,"props":2001,"children":2003},"h3",{"id":2002},"sizes",[2004],{"type":21,"value":2005},"Sizes",{"type":15,"tag":32,"props":2007,"children":2008},{},[2009,2011,2017,2019,2025,2026,2032,2033,2039,2040,2046,2047,2053,2054,2060,2061,2067,2068,2074],{"type":21,"value":2010},"All Icon components supports various sizes that can be set with the ",{"type":15,"tag":38,"props":2012,"children":2014},{"className":2013},[],[2015],{"type":21,"value":2016},"size",{"type":21,"value":2018}," prop: ",{"type":15,"tag":38,"props":2020,"children":2022},{"className":2021},[],[2023],{"type":21,"value":2024},"'xs'",{"type":21,"value":970},{"type":15,"tag":38,"props":2027,"children":2029},{"className":2028},[],[2030],{"type":21,"value":2031},"'sm'",{"type":21,"value":970},{"type":15,"tag":38,"props":2034,"children":2036},{"className":2035},[],[2037],{"type":21,"value":2038},"'base'",{"type":21,"value":970},{"type":15,"tag":38,"props":2041,"children":2043},{"className":2042},[],[2044],{"type":21,"value":2045},"'lg'",{"type":21,"value":970},{"type":15,"tag":38,"props":2048,"children":2050},{"className":2049},[],[2051],{"type":21,"value":2052},"'xl'",{"type":21,"value":970},{"type":15,"tag":38,"props":2055,"children":2057},{"className":2056},[],[2058],{"type":21,"value":2059},"'2xl'",{"type":21,"value":970},{"type":15,"tag":38,"props":2062,"children":2064},{"className":2063},[],[2065],{"type":21,"value":2066},"'3xl'",{"type":21,"value":970},{"type":15,"tag":38,"props":2069,"children":2071},{"className":2070},[],[2072],{"type":21,"value":2073},"'4xl'",{"type":21,"value":2075}," . Size can be overwritten by applying new styling on icon.",{"type":15,"tag":67,"props":2077,"children":2080},{"showcase-name":2078,"style":2079},"IconBase\u002FIconBaseSizes","min-height:300px",[2081,2462],{"type":15,"tag":73,"props":2082,"children":2083},{},[2084],{"type":15,"tag":77,"props":2085,"children":2087},{"className":79,"code":2086,"language":81,"meta":9,"style":9},"\u003Ctemplate>\n  \u003Cdiv class=\"flex flex-col flex-wrap sm:flex-row\">\n    \u003CSfIconHome size=\"xs\" \u002F>\n    \u003CSfIconHome size=\"sm\" \u002F>\n    \u003CSfIconHome \u002F>\n    \u003CSfIconHome size=\"lg\" \u002F>\n    \u003CSfIconHome size=\"xl\" \u002F>\n    \u003CSfIconHome size=\"2xl\" \u002F>\n    \u003CSfIconHome size=\"3xl\" \u002F>\n    \u003CSfIconHome size=\"4xl\" \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfIconHome } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[2088],{"type":15,"tag":38,"props":2089,"children":2090},{"__ignoreMap":9},[2091,2106,2135,2165,2193,2208,2236,2264,2292,2320,2348,2363,2378,2385,2416,2447],{"type":15,"tag":87,"props":2092,"children":2093},{"class":89,"line":90},[2094,2098,2102],{"type":15,"tag":87,"props":2095,"children":2096},{"style":94},[2097],{"type":21,"value":97},{"type":15,"tag":87,"props":2099,"children":2100},{"style":100},[2101],{"type":21,"value":28},{"type":15,"tag":87,"props":2103,"children":2104},{"style":94},[2105],{"type":21,"value":107},{"type":15,"tag":87,"props":2107,"children":2108},{"class":89,"line":110},[2109,2113,2118,2122,2126,2131],{"type":15,"tag":87,"props":2110,"children":2111},{"style":94},[2112],{"type":21,"value":116},{"type":15,"tag":87,"props":2114,"children":2115},{"style":100},[2116],{"type":21,"value":2117},"div",{"type":15,"tag":87,"props":2119,"children":2120},{"style":128},[2121],{"type":21,"value":331},{"type":15,"tag":87,"props":2123,"children":2124},{"style":94},[2125],{"type":21,"value":136},{"type":15,"tag":87,"props":2127,"children":2128},{"style":139},[2129],{"type":21,"value":2130},"\"flex flex-col flex-wrap sm:flex-row\"",{"type":15,"tag":87,"props":2132,"children":2133},{"style":94},[2134],{"type":21,"value":107},{"type":15,"tag":87,"props":2136,"children":2137},{"class":89,"line":124},[2138,2142,2147,2152,2156,2161],{"type":15,"tag":87,"props":2139,"children":2140},{"style":94},[2141],{"type":21,"value":249},{"type":15,"tag":87,"props":2143,"children":2144},{"style":100},[2145],{"type":21,"value":2146},"SfIconHome",{"type":15,"tag":87,"props":2148,"children":2149},{"style":128},[2150],{"type":21,"value":2151}," size",{"type":15,"tag":87,"props":2153,"children":2154},{"style":94},[2155],{"type":21,"value":136},{"type":15,"tag":87,"props":2157,"children":2158},{"style":139},[2159],{"type":21,"value":2160},"\"xs\"",{"type":15,"tag":87,"props":2162,"children":2163},{"style":94},[2164],{"type":21,"value":273},{"type":15,"tag":87,"props":2166,"children":2167},{"class":89,"line":145},[2168,2172,2176,2180,2184,2189],{"type":15,"tag":87,"props":2169,"children":2170},{"style":94},[2171],{"type":21,"value":249},{"type":15,"tag":87,"props":2173,"children":2174},{"style":100},[2175],{"type":21,"value":2146},{"type":15,"tag":87,"props":2177,"children":2178},{"style":128},[2179],{"type":21,"value":2151},{"type":15,"tag":87,"props":2181,"children":2182},{"style":94},[2183],{"type":21,"value":136},{"type":15,"tag":87,"props":2185,"children":2186},{"style":139},[2187],{"type":21,"value":2188},"\"sm\"",{"type":15,"tag":87,"props":2190,"children":2191},{"style":94},[2192],{"type":21,"value":273},{"type":15,"tag":87,"props":2194,"children":2195},{"class":89,"line":163},[2196,2200,2204],{"type":15,"tag":87,"props":2197,"children":2198},{"style":94},[2199],{"type":21,"value":249},{"type":15,"tag":87,"props":2201,"children":2202},{"style":100},[2203],{"type":21,"value":2146},{"type":15,"tag":87,"props":2205,"children":2206},{"style":94},[2207],{"type":21,"value":273},{"type":15,"tag":87,"props":2209,"children":2210},{"class":89,"line":181},[2211,2215,2219,2223,2227,2232],{"type":15,"tag":87,"props":2212,"children":2213},{"style":94},[2214],{"type":21,"value":249},{"type":15,"tag":87,"props":2216,"children":2217},{"style":100},[2218],{"type":21,"value":2146},{"type":15,"tag":87,"props":2220,"children":2221},{"style":128},[2222],{"type":21,"value":2151},{"type":15,"tag":87,"props":2224,"children":2225},{"style":94},[2226],{"type":21,"value":136},{"type":15,"tag":87,"props":2228,"children":2229},{"style":139},[2230],{"type":21,"value":2231},"\"lg\"",{"type":15,"tag":87,"props":2233,"children":2234},{"style":94},[2235],{"type":21,"value":273},{"type":15,"tag":87,"props":2237,"children":2238},{"class":89,"line":199},[2239,2243,2247,2251,2255,2260],{"type":15,"tag":87,"props":2240,"children":2241},{"style":94},[2242],{"type":21,"value":249},{"type":15,"tag":87,"props":2244,"children":2245},{"style":100},[2246],{"type":21,"value":2146},{"type":15,"tag":87,"props":2248,"children":2249},{"style":128},[2250],{"type":21,"value":2151},{"type":15,"tag":87,"props":2252,"children":2253},{"style":94},[2254],{"type":21,"value":136},{"type":15,"tag":87,"props":2256,"children":2257},{"style":139},[2258],{"type":21,"value":2259},"\"xl\"",{"type":15,"tag":87,"props":2261,"children":2262},{"style":94},[2263],{"type":21,"value":273},{"type":15,"tag":87,"props":2265,"children":2266},{"class":89,"line":216},[2267,2271,2275,2279,2283,2288],{"type":15,"tag":87,"props":2268,"children":2269},{"style":94},[2270],{"type":21,"value":249},{"type":15,"tag":87,"props":2272,"children":2273},{"style":100},[2274],{"type":21,"value":2146},{"type":15,"tag":87,"props":2276,"children":2277},{"style":128},[2278],{"type":21,"value":2151},{"type":15,"tag":87,"props":2280,"children":2281},{"style":94},[2282],{"type":21,"value":136},{"type":15,"tag":87,"props":2284,"children":2285},{"style":139},[2286],{"type":21,"value":2287},"\"2xl\"",{"type":15,"tag":87,"props":2289,"children":2290},{"style":94},[2291],{"type":21,"value":273},{"type":15,"tag":87,"props":2293,"children":2294},{"class":89,"line":234},[2295,2299,2303,2307,2311,2316],{"type":15,"tag":87,"props":2296,"children":2297},{"style":94},[2298],{"type":21,"value":249},{"type":15,"tag":87,"props":2300,"children":2301},{"style":100},[2302],{"type":21,"value":2146},{"type":15,"tag":87,"props":2304,"children":2305},{"style":128},[2306],{"type":21,"value":2151},{"type":15,"tag":87,"props":2308,"children":2309},{"style":94},[2310],{"type":21,"value":136},{"type":15,"tag":87,"props":2312,"children":2313},{"style":139},[2314],{"type":21,"value":2315},"\"3xl\"",{"type":15,"tag":87,"props":2317,"children":2318},{"style":94},[2319],{"type":21,"value":273},{"type":15,"tag":87,"props":2321,"children":2322},{"class":89,"line":243},[2323,2327,2331,2335,2339,2344],{"type":15,"tag":87,"props":2324,"children":2325},{"style":94},[2326],{"type":21,"value":249},{"type":15,"tag":87,"props":2328,"children":2329},{"style":100},[2330],{"type":21,"value":2146},{"type":15,"tag":87,"props":2332,"children":2333},{"style":128},[2334],{"type":21,"value":2151},{"type":15,"tag":87,"props":2336,"children":2337},{"style":94},[2338],{"type":21,"value":136},{"type":15,"tag":87,"props":2340,"children":2341},{"style":139},[2342],{"type":21,"value":2343},"\"4xl\"",{"type":15,"tag":87,"props":2345,"children":2346},{"style":94},[2347],{"type":21,"value":273},{"type":15,"tag":87,"props":2349,"children":2350},{"class":89,"line":276},[2351,2355,2359],{"type":15,"tag":87,"props":2352,"children":2353},{"style":94},[2354],{"type":21,"value":282},{"type":15,"tag":87,"props":2356,"children":2357},{"style":100},[2358],{"type":21,"value":2117},{"type":15,"tag":87,"props":2360,"children":2361},{"style":94},[2362],{"type":21,"value":107},{"type":15,"tag":87,"props":2364,"children":2365},{"class":89,"line":294},[2366,2370,2374],{"type":15,"tag":87,"props":2367,"children":2368},{"style":94},[2369],{"type":21,"value":381},{"type":15,"tag":87,"props":2371,"children":2372},{"style":100},[2373],{"type":21,"value":28},{"type":15,"tag":87,"props":2375,"children":2376},{"style":94},[2377],{"type":21,"value":107},{"type":15,"tag":87,"props":2379,"children":2380},{"class":89,"line":303},[2381],{"type":15,"tag":87,"props":2382,"children":2383},{"emptyLinePlaceholder":8},[2384],{"type":21,"value":300},{"type":15,"tag":87,"props":2386,"children":2387},{"class":89,"line":375},[2388,2392,2396,2400,2404,2408,2412],{"type":15,"tag":87,"props":2389,"children":2390},{"style":94},[2391],{"type":21,"value":97},{"type":15,"tag":87,"props":2393,"children":2394},{"style":100},[2395],{"type":21,"value":410},{"type":15,"tag":87,"props":2397,"children":2398},{"style":128},[2399],{"type":21,"value":415},{"type":15,"tag":87,"props":2401,"children":2402},{"style":94},[2403],{"type":21,"value":136},{"type":15,"tag":87,"props":2405,"children":2406},{"style":139},[2407],{"type":21,"value":424},{"type":15,"tag":87,"props":2409,"children":2410},{"style":128},[2411],{"type":21,"value":429},{"type":15,"tag":87,"props":2413,"children":2414},{"style":94},[2415],{"type":21,"value":107},{"type":15,"tag":87,"props":2417,"children":2418},{"class":89,"line":392},[2419,2423,2427,2431,2435,2439,2443],{"type":15,"tag":87,"props":2420,"children":2421},{"style":440},[2422],{"type":21,"value":443},{"type":15,"tag":87,"props":2424,"children":2425},{"style":94},[2426],{"type":21,"value":448},{"type":15,"tag":87,"props":2428,"children":2429},{"style":100},[2430],{"type":21,"value":2146},{"type":15,"tag":87,"props":2432,"children":2433},{"style":94},[2434],{"type":21,"value":458},{"type":15,"tag":87,"props":2436,"children":2437},{"style":440},[2438],{"type":21,"value":463},{"type":15,"tag":87,"props":2440,"children":2441},{"style":139},[2442],{"type":21,"value":506},{"type":15,"tag":87,"props":2444,"children":2445},{"style":94},[2446],{"type":21,"value":473},{"type":15,"tag":87,"props":2448,"children":2449},{"class":89,"line":400},[2450,2454,2458],{"type":15,"tag":87,"props":2451,"children":2452},{"style":94},[2453],{"type":21,"value":381},{"type":15,"tag":87,"props":2455,"children":2456},{"style":100},[2457],{"type":21,"value":410},{"type":15,"tag":87,"props":2459,"children":2460},{"style":94},[2461],{"type":21,"value":107},{"type":15,"tag":938,"props":2463,"children":2464},{},[2465],{"type":15,"tag":77,"props":2466,"children":2468},{"className":943,"code":2467,"language":945,"meta":9,"style":9},"import { SfIconHome } from '@storefront-ui\u002Freact';\n\nexport default function IconSizesDemo() {\n  return (\n    \u003Cdiv className=\"flex flex-col flex-wrap sm:flex-row\">\n      \u003CSfIconHome size=\"sm\" \u002F>\n      \u003CSfIconHome \u002F>\n      \u003CSfIconHome size=\"lg\" \u002F>\n      \u003CSfIconHome size=\"xl\" \u002F>\n      \u003CSfIconHome size=\"2xl\" \u002F>\n      \u003CSfIconHome size=\"3xl\" \u002F>\n      \u003CSfIconHome size=\"4xl\" \u002F>\n    \u003C\u002Fdiv>\n  );\n}\n",[2469],{"type":15,"tag":38,"props":2470,"children":2471},{"__ignoreMap":9},[2472,2503,2510,2534,2545,2572,2600,2615,2642,2669,2696,2723,2750,2766,2773],{"type":15,"tag":87,"props":2473,"children":2474},{"class":89,"line":90},[2475,2479,2483,2487,2491,2495,2499],{"type":15,"tag":87,"props":2476,"children":2477},{"style":440},[2478],{"type":21,"value":443},{"type":15,"tag":87,"props":2480,"children":2481},{"style":94},[2482],{"type":21,"value":448},{"type":15,"tag":87,"props":2484,"children":2485},{"style":100},[2486],{"type":21,"value":2146},{"type":15,"tag":87,"props":2488,"children":2489},{"style":94},[2490],{"type":21,"value":458},{"type":15,"tag":87,"props":2492,"children":2493},{"style":440},[2494],{"type":21,"value":463},{"type":15,"tag":87,"props":2496,"children":2497},{"style":139},[2498],{"type":21,"value":1021},{"type":15,"tag":87,"props":2500,"children":2501},{"style":94},[2502],{"type":21,"value":473},{"type":15,"tag":87,"props":2504,"children":2505},{"class":89,"line":110},[2506],{"type":15,"tag":87,"props":2507,"children":2508},{"emptyLinePlaceholder":8},[2509],{"type":21,"value":300},{"type":15,"tag":87,"props":2511,"children":2512},{"class":89,"line":124},[2513,2517,2521,2525,2530],{"type":15,"tag":87,"props":2514,"children":2515},{"style":440},[2516],{"type":21,"value":1165},{"type":15,"tag":87,"props":2518,"children":2519},{"style":440},[2520],{"type":21,"value":1170},{"type":15,"tag":87,"props":2522,"children":2523},{"style":440},[2524],{"type":21,"value":1175},{"type":15,"tag":87,"props":2526,"children":2527},{"style":552},[2528],{"type":21,"value":2529}," IconSizesDemo",{"type":15,"tag":87,"props":2531,"children":2532},{"style":94},[2533],{"type":21,"value":1185},{"type":15,"tag":87,"props":2535,"children":2536},{"class":89,"line":145},[2537,2541],{"type":15,"tag":87,"props":2538,"children":2539},{"style":440},[2540],{"type":21,"value":1558},{"type":15,"tag":87,"props":2542,"children":2543},{"style":94},[2544],{"type":21,"value":1563},{"type":15,"tag":87,"props":2546,"children":2547},{"class":89,"line":163},[2548,2552,2556,2560,2564,2568],{"type":15,"tag":87,"props":2549,"children":2550},{"style":94},[2551],{"type":21,"value":249},{"type":15,"tag":87,"props":2553,"children":2554},{"style":100},[2555],{"type":21,"value":2117},{"type":15,"tag":87,"props":2557,"children":2558},{"style":1630},[2559],{"type":21,"value":1919},{"type":15,"tag":87,"props":2561,"children":2562},{"style":536},[2563],{"type":21,"value":136},{"type":15,"tag":87,"props":2565,"children":2566},{"style":139},[2567],{"type":21,"value":2130},{"type":15,"tag":87,"props":2569,"children":2570},{"style":94},[2571],{"type":21,"value":107},{"type":15,"tag":87,"props":2573,"children":2574},{"class":89,"line":181},[2575,2580,2584,2588,2592,2596],{"type":15,"tag":87,"props":2576,"children":2577},{"style":94},[2578],{"type":21,"value":2579},"      \u003C",{"type":15,"tag":87,"props":2581,"children":2582},{"style":530},[2583],{"type":21,"value":2146},{"type":15,"tag":87,"props":2585,"children":2586},{"style":1630},[2587],{"type":21,"value":2151},{"type":15,"tag":87,"props":2589,"children":2590},{"style":536},[2591],{"type":21,"value":136},{"type":15,"tag":87,"props":2593,"children":2594},{"style":139},[2595],{"type":21,"value":2188},{"type":15,"tag":87,"props":2597,"children":2598},{"style":94},[2599],{"type":21,"value":273},{"type":15,"tag":87,"props":2601,"children":2602},{"class":89,"line":199},[2603,2607,2611],{"type":15,"tag":87,"props":2604,"children":2605},{"style":94},[2606],{"type":21,"value":2579},{"type":15,"tag":87,"props":2608,"children":2609},{"style":530},[2610],{"type":21,"value":2146},{"type":15,"tag":87,"props":2612,"children":2613},{"style":94},[2614],{"type":21,"value":273},{"type":15,"tag":87,"props":2616,"children":2617},{"class":89,"line":216},[2618,2622,2626,2630,2634,2638],{"type":15,"tag":87,"props":2619,"children":2620},{"style":94},[2621],{"type":21,"value":2579},{"type":15,"tag":87,"props":2623,"children":2624},{"style":530},[2625],{"type":21,"value":2146},{"type":15,"tag":87,"props":2627,"children":2628},{"style":1630},[2629],{"type":21,"value":2151},{"type":15,"tag":87,"props":2631,"children":2632},{"style":536},[2633],{"type":21,"value":136},{"type":15,"tag":87,"props":2635,"children":2636},{"style":139},[2637],{"type":21,"value":2231},{"type":15,"tag":87,"props":2639,"children":2640},{"style":94},[2641],{"type":21,"value":273},{"type":15,"tag":87,"props":2643,"children":2644},{"class":89,"line":234},[2645,2649,2653,2657,2661,2665],{"type":15,"tag":87,"props":2646,"children":2647},{"style":94},[2648],{"type":21,"value":2579},{"type":15,"tag":87,"props":2650,"children":2651},{"style":530},[2652],{"type":21,"value":2146},{"type":15,"tag":87,"props":2654,"children":2655},{"style":1630},[2656],{"type":21,"value":2151},{"type":15,"tag":87,"props":2658,"children":2659},{"style":536},[2660],{"type":21,"value":136},{"type":15,"tag":87,"props":2662,"children":2663},{"style":139},[2664],{"type":21,"value":2259},{"type":15,"tag":87,"props":2666,"children":2667},{"style":94},[2668],{"type":21,"value":273},{"type":15,"tag":87,"props":2670,"children":2671},{"class":89,"line":243},[2672,2676,2680,2684,2688,2692],{"type":15,"tag":87,"props":2673,"children":2674},{"style":94},[2675],{"type":21,"value":2579},{"type":15,"tag":87,"props":2677,"children":2678},{"style":530},[2679],{"type":21,"value":2146},{"type":15,"tag":87,"props":2681,"children":2682},{"style":1630},[2683],{"type":21,"value":2151},{"type":15,"tag":87,"props":2685,"children":2686},{"style":536},[2687],{"type":21,"value":136},{"type":15,"tag":87,"props":2689,"children":2690},{"style":139},[2691],{"type":21,"value":2287},{"type":15,"tag":87,"props":2693,"children":2694},{"style":94},[2695],{"type":21,"value":273},{"type":15,"tag":87,"props":2697,"children":2698},{"class":89,"line":276},[2699,2703,2707,2711,2715,2719],{"type":15,"tag":87,"props":2700,"children":2701},{"style":94},[2702],{"type":21,"value":2579},{"type":15,"tag":87,"props":2704,"children":2705},{"style":530},[2706],{"type":21,"value":2146},{"type":15,"tag":87,"props":2708,"children":2709},{"style":1630},[2710],{"type":21,"value":2151},{"type":15,"tag":87,"props":2712,"children":2713},{"style":536},[2714],{"type":21,"value":136},{"type":15,"tag":87,"props":2716,"children":2717},{"style":139},[2718],{"type":21,"value":2315},{"type":15,"tag":87,"props":2720,"children":2721},{"style":94},[2722],{"type":21,"value":273},{"type":15,"tag":87,"props":2724,"children":2725},{"class":89,"line":294},[2726,2730,2734,2738,2742,2746],{"type":15,"tag":87,"props":2727,"children":2728},{"style":94},[2729],{"type":21,"value":2579},{"type":15,"tag":87,"props":2731,"children":2732},{"style":530},[2733],{"type":21,"value":2146},{"type":15,"tag":87,"props":2735,"children":2736},{"style":1630},[2737],{"type":21,"value":2151},{"type":15,"tag":87,"props":2739,"children":2740},{"style":536},[2741],{"type":21,"value":136},{"type":15,"tag":87,"props":2743,"children":2744},{"style":139},[2745],{"type":21,"value":2343},{"type":15,"tag":87,"props":2747,"children":2748},{"style":94},[2749],{"type":21,"value":273},{"type":15,"tag":87,"props":2751,"children":2752},{"class":89,"line":303},[2753,2758,2762],{"type":15,"tag":87,"props":2754,"children":2755},{"style":94},[2756],{"type":21,"value":2757},"    \u003C\u002F",{"type":15,"tag":87,"props":2759,"children":2760},{"style":100},[2761],{"type":21,"value":2117},{"type":15,"tag":87,"props":2763,"children":2764},{"style":94},[2765],{"type":21,"value":107},{"type":15,"tag":87,"props":2767,"children":2768},{"class":89,"line":375},[2769],{"type":15,"tag":87,"props":2770,"children":2771},{"style":94},[2772],{"type":21,"value":1373},{"type":15,"tag":87,"props":2774,"children":2775},{"class":89,"line":392},[2776],{"type":15,"tag":87,"props":2777,"children":2778},{"style":94},[2779],{"type":21,"value":1667},{"type":15,"tag":2000,"props":2781,"children":2783},{"id":2782},"colors",[2784],{"type":21,"value":2785},"Colors",{"type":15,"tag":32,"props":2787,"children":2788},{},[2789,2791,2804,2806,2817],{"type":21,"value":2790},"All Icon components inherit the current text color using Tailwind's ",{"type":15,"tag":2792,"props":2793,"children":2797},"a",{"href":2794,"rel":2795},"https:\u002F\u002Ftailwindcss.com\u002Fdocs\u002Ffill",[2796],"nofollow",[2798],{"type":15,"tag":38,"props":2799,"children":2801},{"className":2800},[],[2802],{"type":21,"value":2803},"fill-current",{"type":21,"value":2805}," class. You can customize the color of an icon with any of Tailwind's ",{"type":15,"tag":2792,"props":2807,"children":2810},{"href":2808,"rel":2809},"https:\u002F\u002Ftailwindcss.com\u002Fdocs\u002Ftext-color",[2796],[2811],{"type":15,"tag":38,"props":2812,"children":2814},{"className":2813},[],[2815],{"type":21,"value":2816},"text color",{"type":21,"value":2818}," classes.",{"type":15,"tag":67,"props":2820,"children":2822},{"showcase-name":2821},"IconBase\u002FIconBaseColors",[2823,3090],{"type":15,"tag":73,"props":2824,"children":2825},{},[2826],{"type":15,"tag":77,"props":2827,"children":2829},{"className":79,"code":2828,"language":81,"meta":9,"style":9},"\u003Ctemplate>\n  \u003CSfIconThumbUp class=\"text-red-600\" \u002F>\n  \u003CSfIconThumbUp class=\"text-purple-500\" \u002F>\n  \u003CSfIconThumbUp class=\"text-cyan-700\" \u002F>\n  \u003Cspan class=\"text-gray-500\">\n    \u003CSfIconThumbUp \u002F>\n  \u003C\u002Fspan>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfIconThumbUp } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[2830],{"type":15,"tag":38,"props":2831,"children":2832},{"__ignoreMap":9},[2833,2848,2877,2905,2933,2961,2976,2991,3006,3013,3044,3075],{"type":15,"tag":87,"props":2834,"children":2835},{"class":89,"line":90},[2836,2840,2844],{"type":15,"tag":87,"props":2837,"children":2838},{"style":94},[2839],{"type":21,"value":97},{"type":15,"tag":87,"props":2841,"children":2842},{"style":100},[2843],{"type":21,"value":28},{"type":15,"tag":87,"props":2845,"children":2846},{"style":94},[2847],{"type":21,"value":107},{"type":15,"tag":87,"props":2849,"children":2850},{"class":89,"line":110},[2851,2855,2860,2864,2868,2873],{"type":15,"tag":87,"props":2852,"children":2853},{"style":94},[2854],{"type":21,"value":116},{"type":15,"tag":87,"props":2856,"children":2857},{"style":100},[2858],{"type":21,"value":2859},"SfIconThumbUp",{"type":15,"tag":87,"props":2861,"children":2862},{"style":128},[2863],{"type":21,"value":331},{"type":15,"tag":87,"props":2865,"children":2866},{"style":94},[2867],{"type":21,"value":136},{"type":15,"tag":87,"props":2869,"children":2870},{"style":139},[2871],{"type":21,"value":2872},"\"text-red-600\"",{"type":15,"tag":87,"props":2874,"children":2875},{"style":94},[2876],{"type":21,"value":273},{"type":15,"tag":87,"props":2878,"children":2879},{"class":89,"line":124},[2880,2884,2888,2892,2896,2901],{"type":15,"tag":87,"props":2881,"children":2882},{"style":94},[2883],{"type":21,"value":116},{"type":15,"tag":87,"props":2885,"children":2886},{"style":100},[2887],{"type":21,"value":2859},{"type":15,"tag":87,"props":2889,"children":2890},{"style":128},[2891],{"type":21,"value":331},{"type":15,"tag":87,"props":2893,"children":2894},{"style":94},[2895],{"type":21,"value":136},{"type":15,"tag":87,"props":2897,"children":2898},{"style":139},[2899],{"type":21,"value":2900},"\"text-purple-500\"",{"type":15,"tag":87,"props":2902,"children":2903},{"style":94},[2904],{"type":21,"value":273},{"type":15,"tag":87,"props":2906,"children":2907},{"class":89,"line":145},[2908,2912,2916,2920,2924,2929],{"type":15,"tag":87,"props":2909,"children":2910},{"style":94},[2911],{"type":21,"value":116},{"type":15,"tag":87,"props":2913,"children":2914},{"style":100},[2915],{"type":21,"value":2859},{"type":15,"tag":87,"props":2917,"children":2918},{"style":128},[2919],{"type":21,"value":331},{"type":15,"tag":87,"props":2921,"children":2922},{"style":94},[2923],{"type":21,"value":136},{"type":15,"tag":87,"props":2925,"children":2926},{"style":139},[2927],{"type":21,"value":2928},"\"text-cyan-700\"",{"type":15,"tag":87,"props":2930,"children":2931},{"style":94},[2932],{"type":21,"value":273},{"type":15,"tag":87,"props":2934,"children":2935},{"class":89,"line":163},[2936,2940,2944,2948,2952,2957],{"type":15,"tag":87,"props":2937,"children":2938},{"style":94},[2939],{"type":21,"value":116},{"type":15,"tag":87,"props":2941,"children":2942},{"style":100},[2943],{"type":21,"value":87},{"type":15,"tag":87,"props":2945,"children":2946},{"style":128},[2947],{"type":21,"value":331},{"type":15,"tag":87,"props":2949,"children":2950},{"style":94},[2951],{"type":21,"value":136},{"type":15,"tag":87,"props":2953,"children":2954},{"style":139},[2955],{"type":21,"value":2956},"\"text-gray-500\"",{"type":15,"tag":87,"props":2958,"children":2959},{"style":94},[2960],{"type":21,"value":107},{"type":15,"tag":87,"props":2962,"children":2963},{"class":89,"line":181},[2964,2968,2972],{"type":15,"tag":87,"props":2965,"children":2966},{"style":94},[2967],{"type":21,"value":249},{"type":15,"tag":87,"props":2969,"children":2970},{"style":100},[2971],{"type":21,"value":2859},{"type":15,"tag":87,"props":2973,"children":2974},{"style":94},[2975],{"type":21,"value":273},{"type":15,"tag":87,"props":2977,"children":2978},{"class":89,"line":199},[2979,2983,2987],{"type":15,"tag":87,"props":2980,"children":2981},{"style":94},[2982],{"type":21,"value":282},{"type":15,"tag":87,"props":2984,"children":2985},{"style":100},[2986],{"type":21,"value":87},{"type":15,"tag":87,"props":2988,"children":2989},{"style":94},[2990],{"type":21,"value":107},{"type":15,"tag":87,"props":2992,"children":2993},{"class":89,"line":216},[2994,2998,3002],{"type":15,"tag":87,"props":2995,"children":2996},{"style":94},[2997],{"type":21,"value":381},{"type":15,"tag":87,"props":2999,"children":3000},{"style":100},[3001],{"type":21,"value":28},{"type":15,"tag":87,"props":3003,"children":3004},{"style":94},[3005],{"type":21,"value":107},{"type":15,"tag":87,"props":3007,"children":3008},{"class":89,"line":234},[3009],{"type":15,"tag":87,"props":3010,"children":3011},{"emptyLinePlaceholder":8},[3012],{"type":21,"value":300},{"type":15,"tag":87,"props":3014,"children":3015},{"class":89,"line":243},[3016,3020,3024,3028,3032,3036,3040],{"type":15,"tag":87,"props":3017,"children":3018},{"style":94},[3019],{"type":21,"value":97},{"type":15,"tag":87,"props":3021,"children":3022},{"style":100},[3023],{"type":21,"value":410},{"type":15,"tag":87,"props":3025,"children":3026},{"style":128},[3027],{"type":21,"value":415},{"type":15,"tag":87,"props":3029,"children":3030},{"style":94},[3031],{"type":21,"value":136},{"type":15,"tag":87,"props":3033,"children":3034},{"style":139},[3035],{"type":21,"value":424},{"type":15,"tag":87,"props":3037,"children":3038},{"style":128},[3039],{"type":21,"value":429},{"type":15,"tag":87,"props":3041,"children":3042},{"style":94},[3043],{"type":21,"value":107},{"type":15,"tag":87,"props":3045,"children":3046},{"class":89,"line":276},[3047,3051,3055,3059,3063,3067,3071],{"type":15,"tag":87,"props":3048,"children":3049},{"style":440},[3050],{"type":21,"value":443},{"type":15,"tag":87,"props":3052,"children":3053},{"style":94},[3054],{"type":21,"value":448},{"type":15,"tag":87,"props":3056,"children":3057},{"style":100},[3058],{"type":21,"value":2859},{"type":15,"tag":87,"props":3060,"children":3061},{"style":94},[3062],{"type":21,"value":458},{"type":15,"tag":87,"props":3064,"children":3065},{"style":440},[3066],{"type":21,"value":463},{"type":15,"tag":87,"props":3068,"children":3069},{"style":139},[3070],{"type":21,"value":506},{"type":15,"tag":87,"props":3072,"children":3073},{"style":94},[3074],{"type":21,"value":473},{"type":15,"tag":87,"props":3076,"children":3077},{"class":89,"line":294},[3078,3082,3086],{"type":15,"tag":87,"props":3079,"children":3080},{"style":94},[3081],{"type":21,"value":381},{"type":15,"tag":87,"props":3083,"children":3084},{"style":100},[3085],{"type":21,"value":410},{"type":15,"tag":87,"props":3087,"children":3088},{"style":94},[3089],{"type":21,"value":107},{"type":15,"tag":938,"props":3091,"children":3092},{},[3093],{"type":15,"tag":77,"props":3094,"children":3096},{"className":943,"code":3095,"language":945,"meta":9,"style":9},"import { SfIconThumbUp } from '@storefront-ui\u002Freact';\n\nexport default function IconColors() {\n  return (\n    \u003C>\n      \u003CSfIconThumbUp className=\"text-red-600\" \u002F>\n      \u003CSfIconThumbUp className=\"text-purple-500\" \u002F>\n      \u003CSfIconThumbUp className=\"text-cyan-700\" \u002F>\n      \u003Cspan className=\"text-gray-500\">\n        \u003CSfIconThumbUp \u002F>\n      \u003C\u002Fspan>\n    \u003C\u002F>\n  );\n}\n",[3097],{"type":15,"tag":38,"props":3098,"children":3099},{"__ignoreMap":9},[3100,3131,3138,3162,3173,3180,3207,3234,3261,3288,3303,3319,3326,3333],{"type":15,"tag":87,"props":3101,"children":3102},{"class":89,"line":90},[3103,3107,3111,3115,3119,3123,3127],{"type":15,"tag":87,"props":3104,"children":3105},{"style":440},[3106],{"type":21,"value":443},{"type":15,"tag":87,"props":3108,"children":3109},{"style":94},[3110],{"type":21,"value":448},{"type":15,"tag":87,"props":3112,"children":3113},{"style":100},[3114],{"type":21,"value":2859},{"type":15,"tag":87,"props":3116,"children":3117},{"style":94},[3118],{"type":21,"value":458},{"type":15,"tag":87,"props":3120,"children":3121},{"style":440},[3122],{"type":21,"value":463},{"type":15,"tag":87,"props":3124,"children":3125},{"style":139},[3126],{"type":21,"value":1021},{"type":15,"tag":87,"props":3128,"children":3129},{"style":94},[3130],{"type":21,"value":473},{"type":15,"tag":87,"props":3132,"children":3133},{"class":89,"line":110},[3134],{"type":15,"tag":87,"props":3135,"children":3136},{"emptyLinePlaceholder":8},[3137],{"type":21,"value":300},{"type":15,"tag":87,"props":3139,"children":3140},{"class":89,"line":124},[3141,3145,3149,3153,3158],{"type":15,"tag":87,"props":3142,"children":3143},{"style":440},[3144],{"type":21,"value":1165},{"type":15,"tag":87,"props":3146,"children":3147},{"style":440},[3148],{"type":21,"value":1170},{"type":15,"tag":87,"props":3150,"children":3151},{"style":440},[3152],{"type":21,"value":1175},{"type":15,"tag":87,"props":3154,"children":3155},{"style":552},[3156],{"type":21,"value":3157}," IconColors",{"type":15,"tag":87,"props":3159,"children":3160},{"style":94},[3161],{"type":21,"value":1185},{"type":15,"tag":87,"props":3163,"children":3164},{"class":89,"line":145},[3165,3169],{"type":15,"tag":87,"props":3166,"children":3167},{"style":440},[3168],{"type":21,"value":1558},{"type":15,"tag":87,"props":3170,"children":3171},{"style":94},[3172],{"type":21,"value":1563},{"type":15,"tag":87,"props":3174,"children":3175},{"class":89,"line":163},[3176],{"type":15,"tag":87,"props":3177,"children":3178},{"style":94},[3179],{"type":21,"value":1571},{"type":15,"tag":87,"props":3181,"children":3182},{"class":89,"line":181},[3183,3187,3191,3195,3199,3203],{"type":15,"tag":87,"props":3184,"children":3185},{"style":94},[3186],{"type":21,"value":2579},{"type":15,"tag":87,"props":3188,"children":3189},{"style":530},[3190],{"type":21,"value":2859},{"type":15,"tag":87,"props":3192,"children":3193},{"style":1630},[3194],{"type":21,"value":1919},{"type":15,"tag":87,"props":3196,"children":3197},{"style":536},[3198],{"type":21,"value":136},{"type":15,"tag":87,"props":3200,"children":3201},{"style":139},[3202],{"type":21,"value":2872},{"type":15,"tag":87,"props":3204,"children":3205},{"style":94},[3206],{"type":21,"value":273},{"type":15,"tag":87,"props":3208,"children":3209},{"class":89,"line":199},[3210,3214,3218,3222,3226,3230],{"type":15,"tag":87,"props":3211,"children":3212},{"style":94},[3213],{"type":21,"value":2579},{"type":15,"tag":87,"props":3215,"children":3216},{"style":530},[3217],{"type":21,"value":2859},{"type":15,"tag":87,"props":3219,"children":3220},{"style":1630},[3221],{"type":21,"value":1919},{"type":15,"tag":87,"props":3223,"children":3224},{"style":536},[3225],{"type":21,"value":136},{"type":15,"tag":87,"props":3227,"children":3228},{"style":139},[3229],{"type":21,"value":2900},{"type":15,"tag":87,"props":3231,"children":3232},{"style":94},[3233],{"type":21,"value":273},{"type":15,"tag":87,"props":3235,"children":3236},{"class":89,"line":216},[3237,3241,3245,3249,3253,3257],{"type":15,"tag":87,"props":3238,"children":3239},{"style":94},[3240],{"type":21,"value":2579},{"type":15,"tag":87,"props":3242,"children":3243},{"style":530},[3244],{"type":21,"value":2859},{"type":15,"tag":87,"props":3246,"children":3247},{"style":1630},[3248],{"type":21,"value":1919},{"type":15,"tag":87,"props":3250,"children":3251},{"style":536},[3252],{"type":21,"value":136},{"type":15,"tag":87,"props":3254,"children":3255},{"style":139},[3256],{"type":21,"value":2928},{"type":15,"tag":87,"props":3258,"children":3259},{"style":94},[3260],{"type":21,"value":273},{"type":15,"tag":87,"props":3262,"children":3263},{"class":89,"line":234},[3264,3268,3272,3276,3280,3284],{"type":15,"tag":87,"props":3265,"children":3266},{"style":94},[3267],{"type":21,"value":2579},{"type":15,"tag":87,"props":3269,"children":3270},{"style":100},[3271],{"type":21,"value":87},{"type":15,"tag":87,"props":3273,"children":3274},{"style":1630},[3275],{"type":21,"value":1919},{"type":15,"tag":87,"props":3277,"children":3278},{"style":536},[3279],{"type":21,"value":136},{"type":15,"tag":87,"props":3281,"children":3282},{"style":139},[3283],{"type":21,"value":2956},{"type":15,"tag":87,"props":3285,"children":3286},{"style":94},[3287],{"type":21,"value":107},{"type":15,"tag":87,"props":3289,"children":3290},{"class":89,"line":243},[3291,3295,3299],{"type":15,"tag":87,"props":3292,"children":3293},{"style":94},[3294],{"type":21,"value":1620},{"type":15,"tag":87,"props":3296,"children":3297},{"style":530},[3298],{"type":21,"value":2859},{"type":15,"tag":87,"props":3300,"children":3301},{"style":94},[3302],{"type":21,"value":273},{"type":15,"tag":87,"props":3304,"children":3305},{"class":89,"line":276},[3306,3311,3315],{"type":15,"tag":87,"props":3307,"children":3308},{"style":94},[3309],{"type":21,"value":3310},"      \u003C\u002F",{"type":15,"tag":87,"props":3312,"children":3313},{"style":100},[3314],{"type":21,"value":87},{"type":15,"tag":87,"props":3316,"children":3317},{"style":94},[3318],{"type":21,"value":107},{"type":15,"tag":87,"props":3320,"children":3321},{"class":89,"line":294},[3322],{"type":15,"tag":87,"props":3323,"children":3324},{"style":94},[3325],{"type":21,"value":1976},{"type":15,"tag":87,"props":3327,"children":3328},{"class":89,"line":303},[3329],{"type":15,"tag":87,"props":3330,"children":3331},{"style":94},[3332],{"type":21,"value":1373},{"type":15,"tag":87,"props":3334,"children":3335},{"class":89,"line":375},[3336],{"type":15,"tag":87,"props":3337,"children":3338},{"style":94},[3339],{"type":21,"value":1667},{"type":15,"tag":2000,"props":3341,"children":3343},{"id":3342},"custom-icon",[3344],{"type":21,"value":3345},"Custom icon",{"type":15,"tag":32,"props":3347,"children":3348},{},[3349,3351,3356],{"type":21,"value":3350},"The ",{"type":15,"tag":38,"props":3352,"children":3354},{"className":3353},[],[3355],{"type":21,"value":51},{"type":21,"value":3357}," component supports displaying of a custom SVG icon.",{"type":15,"tag":73,"props":3359,"children":3360},{},[3361],{"type":15,"tag":32,"props":3362,"children":3363},{},[3364,3366,3372],{"type":21,"value":3365},"You can pass SVG content either via ",{"type":15,"tag":38,"props":3367,"children":3369},{"className":3368},[],[3370],{"type":21,"value":3371},"content",{"type":21,"value":3373}," prop or as a default slot.",{"type":15,"tag":938,"props":3375,"children":3376},{},[3377],{"type":15,"tag":32,"props":3378,"children":3379},{},[3380],{"type":21,"value":3381},"You can pass SVG content as children.",{"type":15,"tag":32,"props":3383,"children":3384},{},[3385,3387,3393,3395,3401,3403,3409],{"type":21,"value":3386},"If you're using a custom icon, you need to specify either the ",{"type":15,"tag":38,"props":3388,"children":3390},{"className":3389},[],[3391],{"type":21,"value":3392},"viewBox",{"type":21,"value":3394}," or ",{"type":15,"tag":38,"props":3396,"children":3398},{"className":3397},[],[3399],{"type":21,"value":3400},"width",{"type":21,"value":3402},"\u002F",{"type":15,"tag":38,"props":3404,"children":3406},{"className":3405},[],[3407],{"type":21,"value":3408},"height",{"type":21,"value":3410}," attributes for the SVG to render correctly.",{"type":15,"tag":67,"props":3412,"children":3414},{"showcase-name":3413},"IconBase\u002FCustomIcon",[3415,3674],{"type":15,"tag":73,"props":3416,"children":3417},{},[3418],{"type":15,"tag":77,"props":3419,"children":3421},{"className":79,"code":3420,"language":81,"meta":9,"style":9},"\u003Ctemplate>\n  \u003CSfIconBase\n    viewBox=\"0 0 24 24\"\n    content=\"\u003Cpath d='M4 18a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4Zm0-5a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4ZM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z'\u002F>\"\n  \u002F>\n  \u003CSfIconBase viewBox=\"0 0 24 24\">\n    \u003Cpath\n      d=\"M4 18a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4Zm0-5a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4ZM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z\"\n    \u002F>\n  \u003C\u002FSfIconBase>\n\u003C\u002Ftemplate>\n\n\u003Cscript lang=\"ts\" setup>\nimport { SfIconBase } from '@storefront-ui\u002Fvue';\n\u003C\u002Fscript>\n\n",[3422],{"type":15,"tag":38,"props":3423,"children":3424},{"__ignoreMap":9},[3425,3440,3452,3469,3486,3494,3523,3535,3552,3560,3575,3590,3597,3628,3659],{"type":15,"tag":87,"props":3426,"children":3427},{"class":89,"line":90},[3428,3432,3436],{"type":15,"tag":87,"props":3429,"children":3430},{"style":94},[3431],{"type":21,"value":97},{"type":15,"tag":87,"props":3433,"children":3434},{"style":100},[3435],{"type":21,"value":28},{"type":15,"tag":87,"props":3437,"children":3438},{"style":94},[3439],{"type":21,"value":107},{"type":15,"tag":87,"props":3441,"children":3442},{"class":89,"line":110},[3443,3447],{"type":15,"tag":87,"props":3444,"children":3445},{"style":94},[3446],{"type":21,"value":116},{"type":15,"tag":87,"props":3448,"children":3449},{"style":100},[3450],{"type":21,"value":3451},"SfIconBase\n",{"type":15,"tag":87,"props":3453,"children":3454},{"class":89,"line":124},[3455,3460,3464],{"type":15,"tag":87,"props":3456,"children":3457},{"style":128},[3458],{"type":21,"value":3459},"    viewBox",{"type":15,"tag":87,"props":3461,"children":3462},{"style":94},[3463],{"type":21,"value":136},{"type":15,"tag":87,"props":3465,"children":3466},{"style":139},[3467],{"type":21,"value":3468},"\"0 0 24 24\"\n",{"type":15,"tag":87,"props":3470,"children":3471},{"class":89,"line":145},[3472,3477,3481],{"type":15,"tag":87,"props":3473,"children":3474},{"style":128},[3475],{"type":21,"value":3476},"    content",{"type":15,"tag":87,"props":3478,"children":3479},{"style":94},[3480],{"type":21,"value":136},{"type":15,"tag":87,"props":3482,"children":3483},{"style":139},[3484],{"type":21,"value":3485},"\"\u003Cpath d='M4 18a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4Zm0-5a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4ZM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z'\u002F>\"\n",{"type":15,"tag":87,"props":3487,"children":3488},{"class":89,"line":163},[3489],{"type":15,"tag":87,"props":3490,"children":3491},{"style":94},[3492],{"type":21,"value":3493},"  \u002F>\n",{"type":15,"tag":87,"props":3495,"children":3496},{"class":89,"line":181},[3497,3501,3505,3510,3514,3519],{"type":15,"tag":87,"props":3498,"children":3499},{"style":94},[3500],{"type":21,"value":116},{"type":15,"tag":87,"props":3502,"children":3503},{"style":100},[3504],{"type":21,"value":51},{"type":15,"tag":87,"props":3506,"children":3507},{"style":128},[3508],{"type":21,"value":3509}," viewBox",{"type":15,"tag":87,"props":3511,"children":3512},{"style":94},[3513],{"type":21,"value":136},{"type":15,"tag":87,"props":3515,"children":3516},{"style":139},[3517],{"type":21,"value":3518},"\"0 0 24 24\"",{"type":15,"tag":87,"props":3520,"children":3521},{"style":94},[3522],{"type":21,"value":107},{"type":15,"tag":87,"props":3524,"children":3525},{"class":89,"line":199},[3526,3530],{"type":15,"tag":87,"props":3527,"children":3528},{"style":94},[3529],{"type":21,"value":249},{"type":15,"tag":87,"props":3531,"children":3532},{"style":100},[3533],{"type":21,"value":3534},"path\n",{"type":15,"tag":87,"props":3536,"children":3537},{"class":89,"line":216},[3538,3543,3547],{"type":15,"tag":87,"props":3539,"children":3540},{"style":128},[3541],{"type":21,"value":3542},"      d",{"type":15,"tag":87,"props":3544,"children":3545},{"style":94},[3546],{"type":21,"value":136},{"type":15,"tag":87,"props":3548,"children":3549},{"style":139},[3550],{"type":21,"value":3551},"\"M4 18a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4Zm0-5a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4ZM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z\"\n",{"type":15,"tag":87,"props":3553,"children":3554},{"class":89,"line":234},[3555],{"type":15,"tag":87,"props":3556,"children":3557},{"style":94},[3558],{"type":21,"value":3559},"    \u002F>\n",{"type":15,"tag":87,"props":3561,"children":3562},{"class":89,"line":243},[3563,3567,3571],{"type":15,"tag":87,"props":3564,"children":3565},{"style":94},[3566],{"type":21,"value":282},{"type":15,"tag":87,"props":3568,"children":3569},{"style":100},[3570],{"type":21,"value":51},{"type":15,"tag":87,"props":3572,"children":3573},{"style":94},[3574],{"type":21,"value":107},{"type":15,"tag":87,"props":3576,"children":3577},{"class":89,"line":276},[3578,3582,3586],{"type":15,"tag":87,"props":3579,"children":3580},{"style":94},[3581],{"type":21,"value":381},{"type":15,"tag":87,"props":3583,"children":3584},{"style":100},[3585],{"type":21,"value":28},{"type":15,"tag":87,"props":3587,"children":3588},{"style":94},[3589],{"type":21,"value":107},{"type":15,"tag":87,"props":3591,"children":3592},{"class":89,"line":294},[3593],{"type":15,"tag":87,"props":3594,"children":3595},{"emptyLinePlaceholder":8},[3596],{"type":21,"value":300},{"type":15,"tag":87,"props":3598,"children":3599},{"class":89,"line":303},[3600,3604,3608,3612,3616,3620,3624],{"type":15,"tag":87,"props":3601,"children":3602},{"style":94},[3603],{"type":21,"value":97},{"type":15,"tag":87,"props":3605,"children":3606},{"style":100},[3607],{"type":21,"value":410},{"type":15,"tag":87,"props":3609,"children":3610},{"style":128},[3611],{"type":21,"value":415},{"type":15,"tag":87,"props":3613,"children":3614},{"style":94},[3615],{"type":21,"value":136},{"type":15,"tag":87,"props":3617,"children":3618},{"style":139},[3619],{"type":21,"value":424},{"type":15,"tag":87,"props":3621,"children":3622},{"style":128},[3623],{"type":21,"value":429},{"type":15,"tag":87,"props":3625,"children":3626},{"style":94},[3627],{"type":21,"value":107},{"type":15,"tag":87,"props":3629,"children":3630},{"class":89,"line":375},[3631,3635,3639,3643,3647,3651,3655],{"type":15,"tag":87,"props":3632,"children":3633},{"style":440},[3634],{"type":21,"value":443},{"type":15,"tag":87,"props":3636,"children":3637},{"style":94},[3638],{"type":21,"value":448},{"type":15,"tag":87,"props":3640,"children":3641},{"style":100},[3642],{"type":21,"value":51},{"type":15,"tag":87,"props":3644,"children":3645},{"style":94},[3646],{"type":21,"value":458},{"type":15,"tag":87,"props":3648,"children":3649},{"style":440},[3650],{"type":21,"value":463},{"type":15,"tag":87,"props":3652,"children":3653},{"style":139},[3654],{"type":21,"value":506},{"type":15,"tag":87,"props":3656,"children":3657},{"style":94},[3658],{"type":21,"value":473},{"type":15,"tag":87,"props":3660,"children":3661},{"class":89,"line":392},[3662,3666,3670],{"type":15,"tag":87,"props":3663,"children":3664},{"style":94},[3665],{"type":21,"value":381},{"type":15,"tag":87,"props":3667,"children":3668},{"style":100},[3669],{"type":21,"value":410},{"type":15,"tag":87,"props":3671,"children":3672},{"style":94},[3673],{"type":21,"value":107},{"type":15,"tag":938,"props":3675,"children":3676},{},[3677],{"type":15,"tag":77,"props":3678,"children":3680},{"className":943,"code":3679,"language":945,"meta":9,"style":9},"import { SfIconBase } from '@storefront-ui\u002Freact';\n\nexport default function CustomIcon() {\n  return (\n    \u003CSfIconBase viewBox=\"0 0 24 24\">\n      \u003Cpath d=\"M4 18a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4Zm0-5a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4ZM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z\" \u002F>\n    \u003C\u002FSfIconBase>\n  );\n}\n",[3681],{"type":15,"tag":38,"props":3682,"children":3683},{"__ignoreMap":9},[3684,3715,3722,3746,3757,3784,3814,3829,3836],{"type":15,"tag":87,"props":3685,"children":3686},{"class":89,"line":90},[3687,3691,3695,3699,3703,3707,3711],{"type":15,"tag":87,"props":3688,"children":3689},{"style":440},[3690],{"type":21,"value":443},{"type":15,"tag":87,"props":3692,"children":3693},{"style":94},[3694],{"type":21,"value":448},{"type":15,"tag":87,"props":3696,"children":3697},{"style":100},[3698],{"type":21,"value":51},{"type":15,"tag":87,"props":3700,"children":3701},{"style":94},[3702],{"type":21,"value":458},{"type":15,"tag":87,"props":3704,"children":3705},{"style":440},[3706],{"type":21,"value":463},{"type":15,"tag":87,"props":3708,"children":3709},{"style":139},[3710],{"type":21,"value":1021},{"type":15,"tag":87,"props":3712,"children":3713},{"style":94},[3714],{"type":21,"value":473},{"type":15,"tag":87,"props":3716,"children":3717},{"class":89,"line":110},[3718],{"type":15,"tag":87,"props":3719,"children":3720},{"emptyLinePlaceholder":8},[3721],{"type":21,"value":300},{"type":15,"tag":87,"props":3723,"children":3724},{"class":89,"line":124},[3725,3729,3733,3737,3742],{"type":15,"tag":87,"props":3726,"children":3727},{"style":440},[3728],{"type":21,"value":1165},{"type":15,"tag":87,"props":3730,"children":3731},{"style":440},[3732],{"type":21,"value":1170},{"type":15,"tag":87,"props":3734,"children":3735},{"style":440},[3736],{"type":21,"value":1175},{"type":15,"tag":87,"props":3738,"children":3739},{"style":552},[3740],{"type":21,"value":3741}," CustomIcon",{"type":15,"tag":87,"props":3743,"children":3744},{"style":94},[3745],{"type":21,"value":1185},{"type":15,"tag":87,"props":3747,"children":3748},{"class":89,"line":145},[3749,3753],{"type":15,"tag":87,"props":3750,"children":3751},{"style":440},[3752],{"type":21,"value":1558},{"type":15,"tag":87,"props":3754,"children":3755},{"style":94},[3756],{"type":21,"value":1563},{"type":15,"tag":87,"props":3758,"children":3759},{"class":89,"line":163},[3760,3764,3768,3772,3776,3780],{"type":15,"tag":87,"props":3761,"children":3762},{"style":94},[3763],{"type":21,"value":249},{"type":15,"tag":87,"props":3765,"children":3766},{"style":530},[3767],{"type":21,"value":51},{"type":15,"tag":87,"props":3769,"children":3770},{"style":1630},[3771],{"type":21,"value":3509},{"type":15,"tag":87,"props":3773,"children":3774},{"style":536},[3775],{"type":21,"value":136},{"type":15,"tag":87,"props":3777,"children":3778},{"style":139},[3779],{"type":21,"value":3518},{"type":15,"tag":87,"props":3781,"children":3782},{"style":94},[3783],{"type":21,"value":107},{"type":15,"tag":87,"props":3785,"children":3786},{"class":89,"line":181},[3787,3791,3796,3801,3805,3810],{"type":15,"tag":87,"props":3788,"children":3789},{"style":94},[3790],{"type":21,"value":2579},{"type":15,"tag":87,"props":3792,"children":3793},{"style":100},[3794],{"type":21,"value":3795},"path",{"type":15,"tag":87,"props":3797,"children":3798},{"style":1630},[3799],{"type":21,"value":3800}," d",{"type":15,"tag":87,"props":3802,"children":3803},{"style":536},[3804],{"type":21,"value":136},{"type":15,"tag":87,"props":3806,"children":3807},{"style":139},[3808],{"type":21,"value":3809},"\"M4 18a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4Zm0-5a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4ZM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z\"",{"type":15,"tag":87,"props":3811,"children":3812},{"style":94},[3813],{"type":21,"value":273},{"type":15,"tag":87,"props":3815,"children":3816},{"class":89,"line":199},[3817,3821,3825],{"type":15,"tag":87,"props":3818,"children":3819},{"style":94},[3820],{"type":21,"value":2757},{"type":15,"tag":87,"props":3822,"children":3823},{"style":530},[3824],{"type":21,"value":51},{"type":15,"tag":87,"props":3826,"children":3827},{"style":94},[3828],{"type":21,"value":107},{"type":15,"tag":87,"props":3830,"children":3831},{"class":89,"line":216},[3832],{"type":15,"tag":87,"props":3833,"children":3834},{"style":94},[3835],{"type":21,"value":1373},{"type":15,"tag":87,"props":3837,"children":3838},{"class":89,"line":234},[3839],{"type":15,"tag":87,"props":3840,"children":3841},{"style":94},[3842],{"type":21,"value":1667},{"type":15,"tag":55,"props":3844,"children":3846},{"id":3845},"notes",[3847],{"type":21,"value":3848},"Notes",{"type":15,"tag":32,"props":3850,"children":3851},{},[3852,3854,3865,3867,3873],{"type":21,"value":3853},"Storefront UI icons are generated with use of ",{"type":15,"tag":2792,"props":3855,"children":3858},{"href":3856,"rel":3857},"https:\u002F\u002Fgithub.com\u002Fvuestorefront\u002Fstorefront-ui\u002Fblob\u002Fv2\u002FcreateIcons.js",[2796],[3859],{"type":15,"tag":38,"props":3860,"children":3862},{"className":3861},[],[3863],{"type":21,"value":3864},"createIcons.js",{"type":21,"value":3866}," script and they are based on ",{"type":15,"tag":38,"props":3868,"children":3870},{"className":3869},[],[3871],{"type":21,"value":3872},"IconBase",{"type":21,"value":53},{"type":15,"tag":55,"props":3875,"children":3877},{"id":3876},"accessibility-notes",[3878],{"type":21,"value":3879},"Accessibility notes",{"type":15,"tag":32,"props":3881,"children":3882},{},[3883,3885,3891],{"type":21,"value":3884},"When using an Icon without any additional label and\u002For description, you should specify an ",{"type":15,"tag":38,"props":3886,"children":3888},{"className":3887},[],[3889],{"type":21,"value":3890},"aria-label",{"type":21,"value":3892}," on the icon component.",{"type":15,"tag":55,"props":3894,"children":3896},{"id":3895},"playground",[3897],{"type":21,"value":3898},"Playground",{"type":15,"tag":3900,"props":3901,"children":3903},"generate",{"style":3902},"height: 380px",[],{"type":15,"tag":28,"props":3905,"children":3906},{"v-slot:tab-2":9},[3907,4053,4189],{"type":15,"tag":73,"props":3908,"children":3909},{},[3910],{"type":15,"tag":3911,"props":3912,"children":3913},"table",{},[3914,3943],{"type":15,"tag":3915,"props":3916,"children":3917},"thead",{},[3918],{"type":15,"tag":3919,"props":3920,"children":3921},"tr",{},[3922,3928,3933,3938],{"type":15,"tag":3923,"props":3924,"children":3925},"th",{},[3926],{"type":21,"value":3927},"Prop name",{"type":15,"tag":3923,"props":3929,"children":3930},{},[3931],{"type":21,"value":3932},"Type",{"type":15,"tag":3923,"props":3934,"children":3935},{},[3936],{"type":21,"value":3937},"Default value",{"type":15,"tag":3923,"props":3939,"children":3940},{},[3941],{"type":21,"value":3942},"Possible values",{"type":15,"tag":3944,"props":3945,"children":3946},"tbody",{},[3947,4020],{"type":15,"tag":3919,"props":3948,"children":3949},{},[3950,3959,3968,3976],{"type":15,"tag":3951,"props":3952,"children":3953},"td",{},[3954],{"type":15,"tag":38,"props":3955,"children":3957},{"className":3956},[],[3958],{"type":21,"value":2016},{"type":15,"tag":3951,"props":3960,"children":3961},{},[3962],{"type":15,"tag":38,"props":3963,"children":3965},{"className":3964},[],[3966],{"type":21,"value":3967},"SfIconSize",{"type":15,"tag":3951,"props":3969,"children":3970},{},[3971],{"type":15,"tag":38,"props":3972,"children":3974},{"className":3973},[],[3975],{"type":21,"value":2038},{"type":15,"tag":3951,"props":3977,"children":3978},{},[3979,3984,3985,3990,3991,3996,3997,4002,4003,4008,4009,4014,4015],{"type":15,"tag":38,"props":3980,"children":3982},{"className":3981},[],[3983],{"type":21,"value":2024},{"type":21,"value":970},{"type":15,"tag":38,"props":3986,"children":3988},{"className":3987},[],[3989],{"type":21,"value":2031},{"type":21,"value":970},{"type":15,"tag":38,"props":3992,"children":3994},{"className":3993},[],[3995],{"type":21,"value":2038},{"type":21,"value":970},{"type":15,"tag":38,"props":3998,"children":4000},{"className":3999},[],[4001],{"type":21,"value":2045},{"type":21,"value":970},{"type":15,"tag":38,"props":4004,"children":4006},{"className":4005},[],[4007],{"type":21,"value":2052},{"type":21,"value":970},{"type":15,"tag":38,"props":4010,"children":4012},{"className":4011},[],[4013],{"type":21,"value":2059},{"type":21,"value":970},{"type":15,"tag":38,"props":4016,"children":4018},{"className":4017},[],[4019],{"type":21,"value":2066},{"type":15,"tag":3919,"props":4021,"children":4022},{},[4023,4031,4039,4042],{"type":15,"tag":3951,"props":4024,"children":4025},{},[4026],{"type":15,"tag":38,"props":4027,"children":4029},{"className":4028},[],[4030],{"type":21,"value":3371},{"type":15,"tag":3951,"props":4032,"children":4033},{},[4034],{"type":15,"tag":38,"props":4035,"children":4037},{"className":4036},[],[4038],{"type":21,"value":756},{"type":15,"tag":3951,"props":4040,"children":4041},{},[],{"type":15,"tag":3951,"props":4043,"children":4044},{},[4045,4047],{"type":21,"value":4046},"Content of and SVG, e.g. ",{"type":15,"tag":38,"props":4048,"children":4050},{"className":4049},[],[4051],{"type":21,"value":4052},"\u003Cpath d='...'\u002F>",{"type":15,"tag":938,"props":4054,"children":4055},{},[4056],{"type":15,"tag":3911,"props":4057,"children":4058},{},[4059,4081],{"type":15,"tag":3915,"props":4060,"children":4061},{},[4062],{"type":15,"tag":3919,"props":4063,"children":4064},{},[4065,4069,4073,4077],{"type":15,"tag":3923,"props":4066,"children":4067},{},[4068],{"type":21,"value":3927},{"type":15,"tag":3923,"props":4070,"children":4071},{},[4072],{"type":21,"value":3932},{"type":15,"tag":3923,"props":4074,"children":4075},{},[4076],{"type":21,"value":3937},{"type":15,"tag":3923,"props":4078,"children":4079},{},[4080],{"type":21,"value":3942},{"type":15,"tag":3944,"props":4082,"children":4083},{},[4084,4155],{"type":15,"tag":3919,"props":4085,"children":4086},{},[4087,4095,4103,4111],{"type":15,"tag":3951,"props":4088,"children":4089},{},[4090],{"type":15,"tag":38,"props":4091,"children":4093},{"className":4092},[],[4094],{"type":21,"value":2016},{"type":15,"tag":3951,"props":4096,"children":4097},{},[4098],{"type":15,"tag":38,"props":4099,"children":4101},{"className":4100},[],[4102],{"type":21,"value":3967},{"type":15,"tag":3951,"props":4104,"children":4105},{},[4106],{"type":15,"tag":38,"props":4107,"children":4109},{"className":4108},[],[4110],{"type":21,"value":2038},{"type":15,"tag":3951,"props":4112,"children":4113},{},[4114,4119,4120,4125,4126,4131,4132,4137,4138,4143,4144,4149,4150],{"type":15,"tag":38,"props":4115,"children":4117},{"className":4116},[],[4118],{"type":21,"value":2024},{"type":21,"value":970},{"type":15,"tag":38,"props":4121,"children":4123},{"className":4122},[],[4124],{"type":21,"value":2031},{"type":21,"value":970},{"type":15,"tag":38,"props":4127,"children":4129},{"className":4128},[],[4130],{"type":21,"value":2038},{"type":21,"value":970},{"type":15,"tag":38,"props":4133,"children":4135},{"className":4134},[],[4136],{"type":21,"value":2045},{"type":21,"value":970},{"type":15,"tag":38,"props":4139,"children":4141},{"className":4140},[],[4142],{"type":21,"value":2052},{"type":21,"value":970},{"type":15,"tag":38,"props":4145,"children":4147},{"className":4146},[],[4148],{"type":21,"value":2059},{"type":21,"value":970},{"type":15,"tag":38,"props":4151,"children":4153},{"className":4152},[],[4154],{"type":21,"value":2066},{"type":15,"tag":3919,"props":4156,"children":4157},{},[4158,4167,4176,4179],{"type":15,"tag":3951,"props":4159,"children":4160},{},[4161],{"type":15,"tag":38,"props":4162,"children":4164},{"className":4163},[],[4165],{"type":21,"value":4166},"children",{"type":15,"tag":3951,"props":4168,"children":4169},{},[4170],{"type":15,"tag":38,"props":4171,"children":4173},{"className":4172},[],[4174],{"type":21,"value":4175},"ReactNode",{"type":15,"tag":3951,"props":4177,"children":4178},{},[],{"type":15,"tag":3951,"props":4180,"children":4181},{},[4182,4184],{"type":21,"value":4183},"Content of an SVG, e.g. ",{"type":15,"tag":38,"props":4185,"children":4187},{"className":4186},[],[4188],{"type":21,"value":4052},{"type":15,"tag":73,"props":4190,"children":4191},{},[4192,4198],{"type":15,"tag":55,"props":4193,"children":4195},{"id":4194},"slots",[4196],{"type":21,"value":4197},"Slots",{"type":15,"tag":3911,"props":4199,"children":4200},{},[4201,4217],{"type":15,"tag":3915,"props":4202,"children":4203},{},[4204],{"type":15,"tag":3919,"props":4205,"children":4206},{},[4207,4212],{"type":15,"tag":3923,"props":4208,"children":4209},{},[4210],{"type":21,"value":4211},"Slot name",{"type":15,"tag":3923,"props":4213,"children":4214},{},[4215],{"type":21,"value":4216},"Description",{"type":15,"tag":3944,"props":4218,"children":4219},{},[4220],{"type":15,"tag":3919,"props":4221,"children":4222},{},[4223,4232],{"type":15,"tag":3951,"props":4224,"children":4225},{},[4226],{"type":15,"tag":38,"props":4227,"children":4229},{"className":4228},[],[4230],{"type":21,"value":4231},"default",{"type":15,"tag":3951,"props":4233,"children":4234},{},[4235,4237,4242,4244,4249],{"type":21,"value":4236},"Content of an SVF, e.g. ",{"type":15,"tag":38,"props":4238,"children":4240},{"className":4239},[],[4241],{"type":21,"value":4052},{"type":21,"value":4243},". Takes precedence over ",{"type":15,"tag":38,"props":4245,"children":4247},{"className":4246},[],[4248],{"type":21,"value":3371},{"type":21,"value":4250}," prop",{"type":15,"tag":28,"props":4252,"children":4253},{"v-slot:tab-3":9},[4254,4259,5697],{"type":15,"tag":4255,"props":4256,"children":4258},"partial",{"content":4257},"block-callout",[],{"type":15,"tag":73,"props":4260,"children":4261},{},[4262],{"type":15,"tag":77,"props":4263,"children":4265},{"className":79,"code":4264,"language":81,"meta":9,"style":9},"\u003Cscript lang=\"ts\">\nimport { type PropType, h, defineComponent, computed, toRefs } from 'vue';\nimport { SfIconSize, twMerge } from '@storefront-ui\u002Fvue';\n\nexport default defineComponent({\n  name: 'SfIconBase',\n  inheritAttrs: false,\n  props: {\n    content: {\n      type: String,\n      default: undefined,\n    },\n    size: {\n      type: String as PropType\u003C`${SfIconSize}`>,\n      default: SfIconSize.base,\n    },\n  },\n  setup(props, ctx) {\n    const { size, content } = toRefs(props);\n    const slotDefaultContent = computed(() => ctx.slots.default?.());\n\n    const sizeClasses = computed(() => {\n      switch (size.value) {\n        case SfIconSize.xs:\n          return 'w-4 h-4';\n        case SfIconSize.sm:\n          return 'w-5 h-5';\n        case SfIconSize.lg:\n          return 'w-8 h-8';\n        case SfIconSize.xl:\n          return 'w-10 h-10';\n        case SfIconSize['2xl']:\n          return 'w-14 h-14';\n        case SfIconSize['3xl']:\n          return 'w-24 h-24';\n        case SfIconSize['4xl']:\n          return 'w-48 h-48';\n        default:\n          return 'w-6 h-6';\n      }\n    });\n\n    const svgAttrs = computed(() => {\n      const attrs: Record\u003Cstring, string> = {\n        xmlns: 'http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg',\n        class: twMerge(`inline-block fill-current ${sizeClasses.value}`, ctx.attrs.class),\n      };\n      if (!slotDefaultContent.value && content.value) attrs.innerHTML = content.value;\n      const { class: _, ...restAttrs } = ctx.attrs;\n\n      return { ...attrs, ...restAttrs };\n    });\n\n    return () => h('svg', svgAttrs.value, slotDefaultContent.value);\n  },\n});\n\u003C\u002Fscript>\n\n",[4266],{"type":15,"tag":38,"props":4267,"children":4268},{"__ignoreMap":9},[4269,4296,4369,4409,4416,4437,4458,4479,4492,4503,4524,4545,4553,4565,4618,4646,4653,4661,4692,4741,4796,4803,4835,4863,4890,4907,4931,4947,4971,4987,5011,5027,5052,5068,5091,5107,5130,5146,5158,5174,5182,5191,5199,5232,5284,5306,5387,5396,5481,5540,5548,5579,5587,5595,5664,5672,5681],{"type":15,"tag":87,"props":4270,"children":4271},{"class":89,"line":90},[4272,4276,4280,4284,4288,4292],{"type":15,"tag":87,"props":4273,"children":4274},{"style":94},[4275],{"type":21,"value":97},{"type":15,"tag":87,"props":4277,"children":4278},{"style":100},[4279],{"type":21,"value":410},{"type":15,"tag":87,"props":4281,"children":4282},{"style":128},[4283],{"type":21,"value":415},{"type":15,"tag":87,"props":4285,"children":4286},{"style":94},[4287],{"type":21,"value":136},{"type":15,"tag":87,"props":4289,"children":4290},{"style":139},[4291],{"type":21,"value":424},{"type":15,"tag":87,"props":4293,"children":4294},{"style":94},[4295],{"type":21,"value":107},{"type":15,"tag":87,"props":4297,"children":4298},{"class":89,"line":110},[4299,4303,4307,4312,4317,4321,4326,4330,4335,4339,4344,4348,4353,4357,4361,4365],{"type":15,"tag":87,"props":4300,"children":4301},{"style":440},[4302],{"type":21,"value":443},{"type":15,"tag":87,"props":4304,"children":4305},{"style":94},[4306],{"type":21,"value":448},{"type":15,"tag":87,"props":4308,"children":4309},{"style":440},[4310],{"type":21,"value":4311},"type",{"type":15,"tag":87,"props":4313,"children":4314},{"style":100},[4315],{"type":21,"value":4316}," PropType",{"type":15,"tag":87,"props":4318,"children":4319},{"style":94},[4320],{"type":21,"value":970},{"type":15,"tag":87,"props":4322,"children":4323},{"style":100},[4324],{"type":21,"value":4325},"h",{"type":15,"tag":87,"props":4327,"children":4328},{"style":94},[4329],{"type":21,"value":970},{"type":15,"tag":87,"props":4331,"children":4332},{"style":100},[4333],{"type":21,"value":4334},"defineComponent",{"type":15,"tag":87,"props":4336,"children":4337},{"style":94},[4338],{"type":21,"value":970},{"type":15,"tag":87,"props":4340,"children":4341},{"style":100},[4342],{"type":21,"value":4343},"computed",{"type":15,"tag":87,"props":4345,"children":4346},{"style":94},[4347],{"type":21,"value":970},{"type":15,"tag":87,"props":4349,"children":4350},{"style":100},[4351],{"type":21,"value":4352},"toRefs",{"type":15,"tag":87,"props":4354,"children":4355},{"style":94},[4356],{"type":21,"value":458},{"type":15,"tag":87,"props":4358,"children":4359},{"style":440},[4360],{"type":21,"value":463},{"type":15,"tag":87,"props":4362,"children":4363},{"style":139},[4364],{"type":21,"value":468},{"type":15,"tag":87,"props":4366,"children":4367},{"style":94},[4368],{"type":21,"value":473},{"type":15,"tag":87,"props":4370,"children":4371},{"class":89,"line":124},[4372,4376,4380,4384,4388,4393,4397,4401,4405],{"type":15,"tag":87,"props":4373,"children":4374},{"style":440},[4375],{"type":21,"value":443},{"type":15,"tag":87,"props":4377,"children":4378},{"style":94},[4379],{"type":21,"value":448},{"type":15,"tag":87,"props":4381,"children":4382},{"style":100},[4383],{"type":21,"value":3967},{"type":15,"tag":87,"props":4385,"children":4386},{"style":94},[4387],{"type":21,"value":970},{"type":15,"tag":87,"props":4389,"children":4390},{"style":100},[4391],{"type":21,"value":4392},"twMerge",{"type":15,"tag":87,"props":4394,"children":4395},{"style":94},[4396],{"type":21,"value":458},{"type":15,"tag":87,"props":4398,"children":4399},{"style":440},[4400],{"type":21,"value":463},{"type":15,"tag":87,"props":4402,"children":4403},{"style":139},[4404],{"type":21,"value":506},{"type":15,"tag":87,"props":4406,"children":4407},{"style":94},[4408],{"type":21,"value":473},{"type":15,"tag":87,"props":4410,"children":4411},{"class":89,"line":145},[4412],{"type":15,"tag":87,"props":4413,"children":4414},{"emptyLinePlaceholder":8},[4415],{"type":21,"value":300},{"type":15,"tag":87,"props":4417,"children":4418},{"class":89,"line":163},[4419,4423,4427,4432],{"type":15,"tag":87,"props":4420,"children":4421},{"style":440},[4422],{"type":21,"value":1165},{"type":15,"tag":87,"props":4424,"children":4425},{"style":440},[4426],{"type":21,"value":1170},{"type":15,"tag":87,"props":4428,"children":4429},{"style":552},[4430],{"type":21,"value":4431}," defineComponent",{"type":15,"tag":87,"props":4433,"children":4434},{"style":94},[4435],{"type":21,"value":4436},"({\n",{"type":15,"tag":87,"props":4438,"children":4439},{"class":89,"line":181},[4440,4445,4449,4454],{"type":15,"tag":87,"props":4441,"children":4442},{"style":100},[4443],{"type":21,"value":4444},"  name",{"type":15,"tag":87,"props":4446,"children":4447},{"style":94},[4448],{"type":21,"value":751},{"type":15,"tag":87,"props":4450,"children":4451},{"style":139},[4452],{"type":21,"value":4453},"'SfIconBase'",{"type":15,"tag":87,"props":4455,"children":4456},{"style":94},[4457],{"type":21,"value":1353},{"type":15,"tag":87,"props":4459,"children":4460},{"class":89,"line":199},[4461,4466,4470,4475],{"type":15,"tag":87,"props":4462,"children":4463},{"style":100},[4464],{"type":21,"value":4465},"  inheritAttrs",{"type":15,"tag":87,"props":4467,"children":4468},{"style":94},[4469],{"type":21,"value":751},{"type":15,"tag":87,"props":4471,"children":4472},{"style":128},[4473],{"type":21,"value":4474},"false",{"type":15,"tag":87,"props":4476,"children":4477},{"style":94},[4478],{"type":21,"value":1353},{"type":15,"tag":87,"props":4480,"children":4481},{"class":89,"line":216},[4482,4487],{"type":15,"tag":87,"props":4483,"children":4484},{"style":100},[4485],{"type":21,"value":4486},"  props",{"type":15,"tag":87,"props":4488,"children":4489},{"style":94},[4490],{"type":21,"value":4491},": {\n",{"type":15,"tag":87,"props":4493,"children":4494},{"class":89,"line":234},[4495,4499],{"type":15,"tag":87,"props":4496,"children":4497},{"style":100},[4498],{"type":21,"value":3476},{"type":15,"tag":87,"props":4500,"children":4501},{"style":94},[4502],{"type":21,"value":4491},{"type":15,"tag":87,"props":4504,"children":4505},{"class":89,"line":243},[4506,4511,4515,4520],{"type":15,"tag":87,"props":4507,"children":4508},{"style":100},[4509],{"type":21,"value":4510},"      type",{"type":15,"tag":87,"props":4512,"children":4513},{"style":94},[4514],{"type":21,"value":751},{"type":15,"tag":87,"props":4516,"children":4517},{"style":100},[4518],{"type":21,"value":4519},"String",{"type":15,"tag":87,"props":4521,"children":4522},{"style":94},[4523],{"type":21,"value":1353},{"type":15,"tag":87,"props":4525,"children":4526},{"class":89,"line":276},[4527,4532,4536,4541],{"type":15,"tag":87,"props":4528,"children":4529},{"style":100},[4530],{"type":21,"value":4531},"      default",{"type":15,"tag":87,"props":4533,"children":4534},{"style":94},[4535],{"type":21,"value":751},{"type":15,"tag":87,"props":4537,"children":4538},{"style":128},[4539],{"type":21,"value":4540},"undefined",{"type":15,"tag":87,"props":4542,"children":4543},{"style":94},[4544],{"type":21,"value":1353},{"type":15,"tag":87,"props":4546,"children":4547},{"class":89,"line":294},[4548],{"type":15,"tag":87,"props":4549,"children":4550},{"style":94},[4551],{"type":21,"value":4552},"    },\n",{"type":15,"tag":87,"props":4554,"children":4555},{"class":89,"line":303},[4556,4561],{"type":15,"tag":87,"props":4557,"children":4558},{"style":100},[4559],{"type":21,"value":4560},"    size",{"type":15,"tag":87,"props":4562,"children":4563},{"style":94},[4564],{"type":21,"value":4491},{"type":15,"tag":87,"props":4566,"children":4567},{"class":89,"line":375},[4568,4572,4576,4580,4584,4588,4592,4597,4601,4605,4609,4613],{"type":15,"tag":87,"props":4569,"children":4570},{"style":100},[4571],{"type":21,"value":4510},{"type":15,"tag":87,"props":4573,"children":4574},{"style":94},[4575],{"type":21,"value":751},{"type":15,"tag":87,"props":4577,"children":4578},{"style":100},[4579],{"type":21,"value":4519},{"type":15,"tag":87,"props":4581,"children":4582},{"style":440},[4583],{"type":21,"value":491},{"type":15,"tag":87,"props":4585,"children":4586},{"style":530},[4587],{"type":21,"value":4316},{"type":15,"tag":87,"props":4589,"children":4590},{"style":94},[4591],{"type":21,"value":97},{"type":15,"tag":87,"props":4593,"children":4594},{"style":139},[4595],{"type":21,"value":4596},"`",{"type":15,"tag":87,"props":4598,"children":4599},{"style":440},[4600],{"type":21,"value":1306},{"type":15,"tag":87,"props":4602,"children":4603},{"style":530},[4604],{"type":21,"value":3967},{"type":15,"tag":87,"props":4606,"children":4607},{"style":440},[4608],{"type":21,"value":1343},{"type":15,"tag":87,"props":4610,"children":4611},{"style":139},[4612],{"type":21,"value":4596},{"type":15,"tag":87,"props":4614,"children":4615},{"style":94},[4616],{"type":21,"value":4617},">,\n",{"type":15,"tag":87,"props":4619,"children":4620},{"class":89,"line":392},[4621,4625,4629,4633,4637,4642],{"type":15,"tag":87,"props":4622,"children":4623},{"style":100},[4624],{"type":21,"value":4531},{"type":15,"tag":87,"props":4626,"children":4627},{"style":94},[4628],{"type":21,"value":751},{"type":15,"tag":87,"props":4630,"children":4631},{"style":530},[4632],{"type":21,"value":3967},{"type":15,"tag":87,"props":4634,"children":4635},{"style":94},[4636],{"type":21,"value":549},{"type":15,"tag":87,"props":4638,"children":4639},{"style":100},[4640],{"type":21,"value":4641},"base",{"type":15,"tag":87,"props":4643,"children":4644},{"style":94},[4645],{"type":21,"value":1353},{"type":15,"tag":87,"props":4647,"children":4648},{"class":89,"line":400},[4649],{"type":15,"tag":87,"props":4650,"children":4651},{"style":94},[4652],{"type":21,"value":4552},{"type":15,"tag":87,"props":4654,"children":4655},{"class":89,"line":436},[4656],{"type":15,"tag":87,"props":4657,"children":4658},{"style":94},[4659],{"type":21,"value":4660},"  },\n",{"type":15,"tag":87,"props":4662,"children":4663},{"class":89,"line":476},[4664,4669,4673,4678,4682,4687],{"type":15,"tag":87,"props":4665,"children":4666},{"style":552},[4667],{"type":21,"value":4668},"  setup",{"type":15,"tag":87,"props":4670,"children":4671},{"style":94},[4672],{"type":21,"value":560},{"type":15,"tag":87,"props":4674,"children":4675},{"style":592},[4676],{"type":21,"value":4677},"props",{"type":15,"tag":87,"props":4679,"children":4680},{"style":94},[4681],{"type":21,"value":970},{"type":15,"tag":87,"props":4683,"children":4684},{"style":592},[4685],{"type":21,"value":4686},"ctx",{"type":15,"tag":87,"props":4688,"children":4689},{"style":94},[4690],{"type":21,"value":4691},") {\n",{"type":15,"tag":87,"props":4693,"children":4694},{"class":89,"line":513},[4695,4700,4704,4708,4712,4716,4720,4724,4729,4733,4737],{"type":15,"tag":87,"props":4696,"children":4697},{"style":440},[4698],{"type":21,"value":4699},"    const",{"type":15,"tag":87,"props":4701,"children":4702},{"style":94},[4703],{"type":21,"value":448},{"type":15,"tag":87,"props":4705,"children":4706},{"style":530},[4707],{"type":21,"value":2016},{"type":15,"tag":87,"props":4709,"children":4710},{"style":94},[4711],{"type":21,"value":970},{"type":15,"tag":87,"props":4713,"children":4714},{"style":530},[4715],{"type":21,"value":3371},{"type":15,"tag":87,"props":4717,"children":4718},{"style":94},[4719],{"type":21,"value":458},{"type":15,"tag":87,"props":4721,"children":4722},{"style":536},[4723],{"type":21,"value":136},{"type":15,"tag":87,"props":4725,"children":4726},{"style":552},[4727],{"type":21,"value":4728}," toRefs",{"type":15,"tag":87,"props":4730,"children":4731},{"style":94},[4732],{"type":21,"value":560},{"type":15,"tag":87,"props":4734,"children":4735},{"style":100},[4736],{"type":21,"value":4677},{"type":15,"tag":87,"props":4738,"children":4739},{"style":94},[4740],{"type":21,"value":684},{"type":15,"tag":87,"props":4742,"children":4743},{"class":89,"line":521},[4744,4748,4753,4757,4762,4766,4770,4775,4779,4783,4787,4791],{"type":15,"tag":87,"props":4745,"children":4746},{"style":440},[4747],{"type":21,"value":4699},{"type":15,"tag":87,"props":4749,"children":4750},{"style":530},[4751],{"type":21,"value":4752}," slotDefaultContent",{"type":15,"tag":87,"props":4754,"children":4755},{"style":536},[4756],{"type":21,"value":539},{"type":15,"tag":87,"props":4758,"children":4759},{"style":552},[4760],{"type":21,"value":4761}," computed",{"type":15,"tag":87,"props":4763,"children":4764},{"style":94},[4765],{"type":21,"value":855},{"type":15,"tag":87,"props":4767,"children":4768},{"style":440},[4769],{"type":21,"value":766},{"type":15,"tag":87,"props":4771,"children":4772},{"style":530},[4773],{"type":21,"value":4774}," ctx",{"type":15,"tag":87,"props":4776,"children":4777},{"style":94},[4778],{"type":21,"value":549},{"type":15,"tag":87,"props":4780,"children":4781},{"style":530},[4782],{"type":21,"value":4194},{"type":15,"tag":87,"props":4784,"children":4785},{"style":94},[4786],{"type":21,"value":549},{"type":15,"tag":87,"props":4788,"children":4789},{"style":552},[4790],{"type":21,"value":4231},{"type":15,"tag":87,"props":4792,"children":4793},{"style":94},[4794],{"type":21,"value":4795},"?.());\n",{"type":15,"tag":87,"props":4797,"children":4798},{"class":89,"line":583},[4799],{"type":15,"tag":87,"props":4800,"children":4801},{"emptyLinePlaceholder":8},[4802],{"type":21,"value":300},{"type":15,"tag":87,"props":4804,"children":4805},{"class":89,"line":678},[4806,4810,4815,4819,4823,4827,4831],{"type":15,"tag":87,"props":4807,"children":4808},{"style":440},[4809],{"type":21,"value":4699},{"type":15,"tag":87,"props":4811,"children":4812},{"style":530},[4813],{"type":21,"value":4814}," sizeClasses",{"type":15,"tag":87,"props":4816,"children":4817},{"style":536},[4818],{"type":21,"value":539},{"type":15,"tag":87,"props":4820,"children":4821},{"style":552},[4822],{"type":21,"value":4761},{"type":15,"tag":87,"props":4824,"children":4825},{"style":94},[4826],{"type":21,"value":855},{"type":15,"tag":87,"props":4828,"children":4829},{"style":440},[4830],{"type":21,"value":766},{"type":15,"tag":87,"props":4832,"children":4833},{"style":94},[4834],{"type":21,"value":771},{"type":15,"tag":87,"props":4836,"children":4837},{"class":89,"line":687},[4838,4843,4847,4851,4855,4859],{"type":15,"tag":87,"props":4839,"children":4840},{"style":440},[4841],{"type":21,"value":4842},"      switch",{"type":15,"tag":87,"props":4844,"children":4845},{"style":94},[4846],{"type":21,"value":741},{"type":15,"tag":87,"props":4848,"children":4849},{"style":530},[4850],{"type":21,"value":2016},{"type":15,"tag":87,"props":4852,"children":4853},{"style":94},[4854],{"type":21,"value":549},{"type":15,"tag":87,"props":4856,"children":4857},{"style":100},[4858],{"type":21,"value":828},{"type":15,"tag":87,"props":4860,"children":4861},{"style":94},[4862],{"type":21,"value":4691},{"type":15,"tag":87,"props":4864,"children":4865},{"class":89,"line":722},[4866,4871,4876,4880,4885],{"type":15,"tag":87,"props":4867,"children":4868},{"style":440},[4869],{"type":21,"value":4870},"        case",{"type":15,"tag":87,"props":4872,"children":4873},{"style":530},[4874],{"type":21,"value":4875}," SfIconSize",{"type":15,"tag":87,"props":4877,"children":4878},{"style":94},[4879],{"type":21,"value":549},{"type":15,"tag":87,"props":4881,"children":4882},{"style":100},[4883],{"type":21,"value":4884},"xs",{"type":15,"tag":87,"props":4886,"children":4887},{"style":94},[4888],{"type":21,"value":4889},":\n",{"type":15,"tag":87,"props":4891,"children":4892},{"class":89,"line":774},[4893,4898,4903],{"type":15,"tag":87,"props":4894,"children":4895},{"style":440},[4896],{"type":21,"value":4897},"          return",{"type":15,"tag":87,"props":4899,"children":4900},{"style":139},[4901],{"type":21,"value":4902}," 'w-4 h-4'",{"type":15,"tag":87,"props":4904,"children":4905},{"style":94},[4906],{"type":21,"value":473},{"type":15,"tag":87,"props":4908,"children":4909},{"class":89,"line":813},[4910,4914,4918,4922,4927],{"type":15,"tag":87,"props":4911,"children":4912},{"style":440},[4913],{"type":21,"value":4870},{"type":15,"tag":87,"props":4915,"children":4916},{"style":530},[4917],{"type":21,"value":4875},{"type":15,"tag":87,"props":4919,"children":4920},{"style":94},[4921],{"type":21,"value":549},{"type":15,"tag":87,"props":4923,"children":4924},{"style":100},[4925],{"type":21,"value":4926},"sm",{"type":15,"tag":87,"props":4928,"children":4929},{"style":94},[4930],{"type":21,"value":4889},{"type":15,"tag":87,"props":4932,"children":4933},{"class":89,"line":844},[4934,4938,4943],{"type":15,"tag":87,"props":4935,"children":4936},{"style":440},[4937],{"type":21,"value":4897},{"type":15,"tag":87,"props":4939,"children":4940},{"style":139},[4941],{"type":21,"value":4942}," 'w-5 h-5'",{"type":15,"tag":87,"props":4944,"children":4945},{"style":94},[4946],{"type":21,"value":473},{"type":15,"tag":87,"props":4948,"children":4949},{"class":89,"line":866},[4950,4954,4958,4962,4967],{"type":15,"tag":87,"props":4951,"children":4952},{"style":440},[4953],{"type":21,"value":4870},{"type":15,"tag":87,"props":4955,"children":4956},{"style":530},[4957],{"type":21,"value":4875},{"type":15,"tag":87,"props":4959,"children":4960},{"style":94},[4961],{"type":21,"value":549},{"type":15,"tag":87,"props":4963,"children":4964},{"style":100},[4965],{"type":21,"value":4966},"lg",{"type":15,"tag":87,"props":4968,"children":4969},{"style":94},[4970],{"type":21,"value":4889},{"type":15,"tag":87,"props":4972,"children":4973},{"class":89,"line":896},[4974,4978,4983],{"type":15,"tag":87,"props":4975,"children":4976},{"style":440},[4977],{"type":21,"value":4897},{"type":15,"tag":87,"props":4979,"children":4980},{"style":139},[4981],{"type":21,"value":4982}," 'w-8 h-8'",{"type":15,"tag":87,"props":4984,"children":4985},{"style":94},[4986],{"type":21,"value":473},{"type":15,"tag":87,"props":4988,"children":4989},{"class":89,"line":914},[4990,4994,4998,5002,5007],{"type":15,"tag":87,"props":4991,"children":4992},{"style":440},[4993],{"type":21,"value":4870},{"type":15,"tag":87,"props":4995,"children":4996},{"style":530},[4997],{"type":21,"value":4875},{"type":15,"tag":87,"props":4999,"children":5000},{"style":94},[5001],{"type":21,"value":549},{"type":15,"tag":87,"props":5003,"children":5004},{"style":100},[5005],{"type":21,"value":5006},"xl",{"type":15,"tag":87,"props":5008,"children":5009},{"style":94},[5010],{"type":21,"value":4889},{"type":15,"tag":87,"props":5012,"children":5013},{"class":89,"line":923},[5014,5018,5023],{"type":15,"tag":87,"props":5015,"children":5016},{"style":440},[5017],{"type":21,"value":4897},{"type":15,"tag":87,"props":5019,"children":5020},{"style":139},[5021],{"type":21,"value":5022}," 'w-10 h-10'",{"type":15,"tag":87,"props":5024,"children":5025},{"style":94},[5026],{"type":21,"value":473},{"type":15,"tag":87,"props":5028,"children":5029},{"class":89,"line":1771},[5030,5034,5038,5043,5047],{"type":15,"tag":87,"props":5031,"children":5032},{"style":440},[5033],{"type":21,"value":4870},{"type":15,"tag":87,"props":5035,"children":5036},{"style":100},[5037],{"type":21,"value":4875},{"type":15,"tag":87,"props":5039,"children":5040},{"style":94},[5041],{"type":21,"value":5042},"[",{"type":15,"tag":87,"props":5044,"children":5045},{"style":139},[5046],{"type":21,"value":2059},{"type":15,"tag":87,"props":5048,"children":5049},{"style":94},[5050],{"type":21,"value":5051},"]:\n",{"type":15,"tag":87,"props":5053,"children":5054},{"class":89,"line":1780},[5055,5059,5064],{"type":15,"tag":87,"props":5056,"children":5057},{"style":440},[5058],{"type":21,"value":4897},{"type":15,"tag":87,"props":5060,"children":5061},{"style":139},[5062],{"type":21,"value":5063}," 'w-14 h-14'",{"type":15,"tag":87,"props":5065,"children":5066},{"style":94},[5067],{"type":21,"value":473},{"type":15,"tag":87,"props":5069,"children":5070},{"class":89,"line":1854},[5071,5075,5079,5083,5087],{"type":15,"tag":87,"props":5072,"children":5073},{"style":440},[5074],{"type":21,"value":4870},{"type":15,"tag":87,"props":5076,"children":5077},{"style":100},[5078],{"type":21,"value":4875},{"type":15,"tag":87,"props":5080,"children":5081},{"style":94},[5082],{"type":21,"value":5042},{"type":15,"tag":87,"props":5084,"children":5085},{"style":139},[5086],{"type":21,"value":2066},{"type":15,"tag":87,"props":5088,"children":5089},{"style":94},[5090],{"type":21,"value":5051},{"type":15,"tag":87,"props":5092,"children":5093},{"class":89,"line":1871},[5094,5098,5103],{"type":15,"tag":87,"props":5095,"children":5096},{"style":440},[5097],{"type":21,"value":4897},{"type":15,"tag":87,"props":5099,"children":5100},{"style":139},[5101],{"type":21,"value":5102}," 'w-24 h-24'",{"type":15,"tag":87,"props":5104,"children":5105},{"style":94},[5106],{"type":21,"value":473},{"type":15,"tag":87,"props":5108,"children":5109},{"class":89,"line":1884},[5110,5114,5118,5122,5126],{"type":15,"tag":87,"props":5111,"children":5112},{"style":440},[5113],{"type":21,"value":4870},{"type":15,"tag":87,"props":5115,"children":5116},{"style":100},[5117],{"type":21,"value":4875},{"type":15,"tag":87,"props":5119,"children":5120},{"style":94},[5121],{"type":21,"value":5042},{"type":15,"tag":87,"props":5123,"children":5124},{"style":139},[5125],{"type":21,"value":2073},{"type":15,"tag":87,"props":5127,"children":5128},{"style":94},[5129],{"type":21,"value":5051},{"type":15,"tag":87,"props":5131,"children":5132},{"class":89,"line":1892},[5133,5137,5142],{"type":15,"tag":87,"props":5134,"children":5135},{"style":440},[5136],{"type":21,"value":4897},{"type":15,"tag":87,"props":5138,"children":5139},{"style":139},[5140],{"type":21,"value":5141}," 'w-48 h-48'",{"type":15,"tag":87,"props":5143,"children":5144},{"style":94},[5145],{"type":21,"value":473},{"type":15,"tag":87,"props":5147,"children":5148},{"class":89,"line":1970},[5149,5154],{"type":15,"tag":87,"props":5150,"children":5151},{"style":440},[5152],{"type":21,"value":5153},"        default",{"type":15,"tag":87,"props":5155,"children":5156},{"style":94},[5157],{"type":21,"value":4889},{"type":15,"tag":87,"props":5159,"children":5160},{"class":89,"line":1979},[5161,5165,5170],{"type":15,"tag":87,"props":5162,"children":5163},{"style":440},[5164],{"type":21,"value":4897},{"type":15,"tag":87,"props":5166,"children":5167},{"style":139},[5168],{"type":21,"value":5169}," 'w-6 h-6'",{"type":15,"tag":87,"props":5171,"children":5172},{"style":94},[5173],{"type":21,"value":473},{"type":15,"tag":87,"props":5175,"children":5176},{"class":89,"line":1987},[5177],{"type":15,"tag":87,"props":5178,"children":5179},{"style":94},[5180],{"type":21,"value":5181},"      }\n",{"type":15,"tag":87,"props":5183,"children":5185},{"class":89,"line":5184},41,[5186],{"type":15,"tag":87,"props":5187,"children":5188},{"style":94},[5189],{"type":21,"value":5190},"    });\n",{"type":15,"tag":87,"props":5192,"children":5194},{"class":89,"line":5193},42,[5195],{"type":15,"tag":87,"props":5196,"children":5197},{"emptyLinePlaceholder":8},[5198],{"type":21,"value":300},{"type":15,"tag":87,"props":5200,"children":5202},{"class":89,"line":5201},43,[5203,5207,5212,5216,5220,5224,5228],{"type":15,"tag":87,"props":5204,"children":5205},{"style":440},[5206],{"type":21,"value":4699},{"type":15,"tag":87,"props":5208,"children":5209},{"style":530},[5210],{"type":21,"value":5211}," svgAttrs",{"type":15,"tag":87,"props":5213,"children":5214},{"style":536},[5215],{"type":21,"value":539},{"type":15,"tag":87,"props":5217,"children":5218},{"style":552},[5219],{"type":21,"value":4761},{"type":15,"tag":87,"props":5221,"children":5222},{"style":94},[5223],{"type":21,"value":855},{"type":15,"tag":87,"props":5225,"children":5226},{"style":440},[5227],{"type":21,"value":766},{"type":15,"tag":87,"props":5229,"children":5230},{"style":94},[5231],{"type":21,"value":771},{"type":15,"tag":87,"props":5233,"children":5235},{"class":89,"line":5234},44,[5236,5241,5246,5250,5255,5259,5263,5267,5271,5276,5280],{"type":15,"tag":87,"props":5237,"children":5238},{"style":440},[5239],{"type":21,"value":5240},"      const",{"type":15,"tag":87,"props":5242,"children":5243},{"style":530},[5244],{"type":21,"value":5245}," attrs",{"type":15,"tag":87,"props":5247,"children":5248},{"style":94},[5249],{"type":21,"value":751},{"type":15,"tag":87,"props":5251,"children":5252},{"style":530},[5253],{"type":21,"value":5254},"Record",{"type":15,"tag":87,"props":5256,"children":5257},{"style":94},[5258],{"type":21,"value":97},{"type":15,"tag":87,"props":5260,"children":5261},{"style":530},[5262],{"type":21,"value":756},{"type":15,"tag":87,"props":5264,"children":5265},{"style":94},[5266],{"type":21,"value":970},{"type":15,"tag":87,"props":5268,"children":5269},{"style":530},[5270],{"type":21,"value":756},{"type":15,"tag":87,"props":5272,"children":5273},{"style":94},[5274],{"type":21,"value":5275},"> ",{"type":15,"tag":87,"props":5277,"children":5278},{"style":536},[5279],{"type":21,"value":136},{"type":15,"tag":87,"props":5281,"children":5282},{"style":94},[5283],{"type":21,"value":771},{"type":15,"tag":87,"props":5285,"children":5287},{"class":89,"line":5286},45,[5288,5293,5297,5302],{"type":15,"tag":87,"props":5289,"children":5290},{"style":100},[5291],{"type":21,"value":5292},"        xmlns",{"type":15,"tag":87,"props":5294,"children":5295},{"style":94},[5296],{"type":21,"value":751},{"type":15,"tag":87,"props":5298,"children":5299},{"style":139},[5300],{"type":21,"value":5301},"'http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg'",{"type":15,"tag":87,"props":5303,"children":5304},{"style":94},[5305],{"type":21,"value":1353},{"type":15,"tag":87,"props":5307,"children":5309},{"class":89,"line":5308},46,[5310,5315,5319,5323,5327,5332,5336,5341,5345,5349,5353,5357,5361,5365,5369,5374,5378,5383],{"type":15,"tag":87,"props":5311,"children":5312},{"style":100},[5313],{"type":21,"value":5314},"        class",{"type":15,"tag":87,"props":5316,"children":5317},{"style":94},[5318],{"type":21,"value":751},{"type":15,"tag":87,"props":5320,"children":5321},{"style":552},[5322],{"type":21,"value":4392},{"type":15,"tag":87,"props":5324,"children":5325},{"style":94},[5326],{"type":21,"value":560},{"type":15,"tag":87,"props":5328,"children":5329},{"style":139},[5330],{"type":21,"value":5331},"`inline-block fill-current ",{"type":15,"tag":87,"props":5333,"children":5334},{"style":440},[5335],{"type":21,"value":1306},{"type":15,"tag":87,"props":5337,"children":5338},{"style":530},[5339],{"type":21,"value":5340},"sizeClasses",{"type":15,"tag":87,"props":5342,"children":5343},{"style":94},[5344],{"type":21,"value":549},{"type":15,"tag":87,"props":5346,"children":5347},{"style":100},[5348],{"type":21,"value":828},{"type":15,"tag":87,"props":5350,"children":5351},{"style":440},[5352],{"type":21,"value":1343},{"type":15,"tag":87,"props":5354,"children":5355},{"style":139},[5356],{"type":21,"value":4596},{"type":15,"tag":87,"props":5358,"children":5359},{"style":94},[5360],{"type":21,"value":970},{"type":15,"tag":87,"props":5362,"children":5363},{"style":530},[5364],{"type":21,"value":4686},{"type":15,"tag":87,"props":5366,"children":5367},{"style":94},[5368],{"type":21,"value":549},{"type":15,"tag":87,"props":5370,"children":5371},{"style":530},[5372],{"type":21,"value":5373},"attrs",{"type":15,"tag":87,"props":5375,"children":5376},{"style":94},[5377],{"type":21,"value":549},{"type":15,"tag":87,"props":5379,"children":5380},{"style":100},[5381],{"type":21,"value":5382},"class",{"type":15,"tag":87,"props":5384,"children":5385},{"style":94},[5386],{"type":21,"value":675},{"type":15,"tag":87,"props":5388,"children":5390},{"class":89,"line":5389},47,[5391],{"type":15,"tag":87,"props":5392,"children":5393},{"style":94},[5394],{"type":21,"value":5395},"      };\n",{"type":15,"tag":87,"props":5397,"children":5399},{"class":89,"line":5398},48,[5400,5405,5409,5414,5419,5423,5427,5431,5436,5440,5444,5448,5452,5456,5461,5465,5469,5473,5477],{"type":15,"tag":87,"props":5401,"children":5402},{"style":440},[5403],{"type":21,"value":5404},"      if",{"type":15,"tag":87,"props":5406,"children":5407},{"style":94},[5408],{"type":21,"value":741},{"type":15,"tag":87,"props":5410,"children":5411},{"style":536},[5412],{"type":21,"value":5413},"!",{"type":15,"tag":87,"props":5415,"children":5416},{"style":530},[5417],{"type":21,"value":5418},"slotDefaultContent",{"type":15,"tag":87,"props":5420,"children":5421},{"style":94},[5422],{"type":21,"value":549},{"type":15,"tag":87,"props":5424,"children":5425},{"style":100},[5426],{"type":21,"value":828},{"type":15,"tag":87,"props":5428,"children":5429},{"style":536},[5430],{"type":21,"value":648},{"type":15,"tag":87,"props":5432,"children":5433},{"style":530},[5434],{"type":21,"value":5435}," content",{"type":15,"tag":87,"props":5437,"children":5438},{"style":94},[5439],{"type":21,"value":549},{"type":15,"tag":87,"props":5441,"children":5442},{"style":100},[5443],{"type":21,"value":828},{"type":15,"tag":87,"props":5445,"children":5446},{"style":94},[5447],{"type":21,"value":761},{"type":15,"tag":87,"props":5449,"children":5450},{"style":530},[5451],{"type":21,"value":5373},{"type":15,"tag":87,"props":5453,"children":5454},{"style":94},[5455],{"type":21,"value":549},{"type":15,"tag":87,"props":5457,"children":5458},{"style":100},[5459],{"type":21,"value":5460},"innerHTML",{"type":15,"tag":87,"props":5462,"children":5463},{"style":536},[5464],{"type":21,"value":539},{"type":15,"tag":87,"props":5466,"children":5467},{"style":530},[5468],{"type":21,"value":5435},{"type":15,"tag":87,"props":5470,"children":5471},{"style":94},[5472],{"type":21,"value":549},{"type":15,"tag":87,"props":5474,"children":5475},{"style":100},[5476],{"type":21,"value":828},{"type":15,"tag":87,"props":5478,"children":5479},{"style":94},[5480],{"type":21,"value":473},{"type":15,"tag":87,"props":5482,"children":5484},{"class":89,"line":5483},49,[5485,5489,5493,5497,5501,5506,5511,5516,5520,5524,5528,5532,5536],{"type":15,"tag":87,"props":5486,"children":5487},{"style":440},[5488],{"type":21,"value":5240},{"type":15,"tag":87,"props":5490,"children":5491},{"style":94},[5492],{"type":21,"value":448},{"type":15,"tag":87,"props":5494,"children":5495},{"style":100},[5496],{"type":21,"value":5382},{"type":15,"tag":87,"props":5498,"children":5499},{"style":94},[5500],{"type":21,"value":751},{"type":15,"tag":87,"props":5502,"children":5503},{"style":530},[5504],{"type":21,"value":5505},"_",{"type":15,"tag":87,"props":5507,"children":5508},{"style":94},[5509],{"type":21,"value":5510},", ...",{"type":15,"tag":87,"props":5512,"children":5513},{"style":530},[5514],{"type":21,"value":5515},"restAttrs",{"type":15,"tag":87,"props":5517,"children":5518},{"style":94},[5519],{"type":21,"value":458},{"type":15,"tag":87,"props":5521,"children":5522},{"style":536},[5523],{"type":21,"value":136},{"type":15,"tag":87,"props":5525,"children":5526},{"style":530},[5527],{"type":21,"value":4774},{"type":15,"tag":87,"props":5529,"children":5530},{"style":94},[5531],{"type":21,"value":549},{"type":15,"tag":87,"props":5533,"children":5534},{"style":100},[5535],{"type":21,"value":5373},{"type":15,"tag":87,"props":5537,"children":5538},{"style":94},[5539],{"type":21,"value":473},{"type":15,"tag":87,"props":5541,"children":5543},{"class":89,"line":5542},50,[5544],{"type":15,"tag":87,"props":5545,"children":5546},{"emptyLinePlaceholder":8},[5547],{"type":21,"value":300},{"type":15,"tag":87,"props":5549,"children":5551},{"class":89,"line":5550},51,[5552,5557,5562,5566,5570,5574],{"type":15,"tag":87,"props":5553,"children":5554},{"style":440},[5555],{"type":21,"value":5556},"      return",{"type":15,"tag":87,"props":5558,"children":5559},{"style":94},[5560],{"type":21,"value":5561}," { ...",{"type":15,"tag":87,"props":5563,"children":5564},{"style":100},[5565],{"type":21,"value":5373},{"type":15,"tag":87,"props":5567,"children":5568},{"style":94},[5569],{"type":21,"value":5510},{"type":15,"tag":87,"props":5571,"children":5572},{"style":100},[5573],{"type":21,"value":5515},{"type":15,"tag":87,"props":5575,"children":5576},{"style":94},[5577],{"type":21,"value":5578}," };\n",{"type":15,"tag":87,"props":5580,"children":5582},{"class":89,"line":5581},52,[5583],{"type":15,"tag":87,"props":5584,"children":5585},{"style":94},[5586],{"type":21,"value":5190},{"type":15,"tag":87,"props":5588,"children":5590},{"class":89,"line":5589},53,[5591],{"type":15,"tag":87,"props":5592,"children":5593},{"emptyLinePlaceholder":8},[5594],{"type":21,"value":300},{"type":15,"tag":87,"props":5596,"children":5598},{"class":89,"line":5597},54,[5599,5604,5609,5613,5618,5622,5627,5631,5636,5640,5644,5648,5652,5656,5660],{"type":15,"tag":87,"props":5600,"children":5601},{"style":440},[5602],{"type":21,"value":5603},"    return",{"type":15,"tag":87,"props":5605,"children":5606},{"style":94},[5607],{"type":21,"value":5608}," () ",{"type":15,"tag":87,"props":5610,"children":5611},{"style":440},[5612],{"type":21,"value":766},{"type":15,"tag":87,"props":5614,"children":5615},{"style":552},[5616],{"type":21,"value":5617}," h",{"type":15,"tag":87,"props":5619,"children":5620},{"style":94},[5621],{"type":21,"value":560},{"type":15,"tag":87,"props":5623,"children":5624},{"style":139},[5625],{"type":21,"value":5626},"'svg'",{"type":15,"tag":87,"props":5628,"children":5629},{"style":94},[5630],{"type":21,"value":970},{"type":15,"tag":87,"props":5632,"children":5633},{"style":530},[5634],{"type":21,"value":5635},"svgAttrs",{"type":15,"tag":87,"props":5637,"children":5638},{"style":94},[5639],{"type":21,"value":549},{"type":15,"tag":87,"props":5641,"children":5642},{"style":100},[5643],{"type":21,"value":828},{"type":15,"tag":87,"props":5645,"children":5646},{"style":94},[5647],{"type":21,"value":970},{"type":15,"tag":87,"props":5649,"children":5650},{"style":530},[5651],{"type":21,"value":5418},{"type":15,"tag":87,"props":5653,"children":5654},{"style":94},[5655],{"type":21,"value":549},{"type":15,"tag":87,"props":5657,"children":5658},{"style":100},[5659],{"type":21,"value":828},{"type":15,"tag":87,"props":5661,"children":5662},{"style":94},[5663],{"type":21,"value":684},{"type":15,"tag":87,"props":5665,"children":5667},{"class":89,"line":5666},55,[5668],{"type":15,"tag":87,"props":5669,"children":5670},{"style":94},[5671],{"type":21,"value":4660},{"type":15,"tag":87,"props":5673,"children":5675},{"class":89,"line":5674},56,[5676],{"type":15,"tag":87,"props":5677,"children":5678},{"style":94},[5679],{"type":21,"value":5680},"});\n",{"type":15,"tag":87,"props":5682,"children":5684},{"class":89,"line":5683},57,[5685,5689,5693],{"type":15,"tag":87,"props":5686,"children":5687},{"style":94},[5688],{"type":21,"value":381},{"type":15,"tag":87,"props":5690,"children":5691},{"style":100},[5692],{"type":21,"value":410},{"type":15,"tag":87,"props":5694,"children":5695},{"style":94},[5696],{"type":21,"value":107},{"type":15,"tag":938,"props":5698,"children":5699},{},[5700],{"type":15,"tag":77,"props":5701,"children":5703},{"className":943,"code":5702,"language":945,"meta":9,"style":9},"import type { SfIconBaseProps } from '@storefront-ui\u002Freact';\nimport { SfIconSize, twMerge } from '@storefront-ui\u002Freact';\n\nconst getSizeClasses = (size: SfIconBaseProps['size']) => {\n  switch (size) {\n    case SfIconSize.xs:\n      return 'w-4 h-4';\n    case SfIconSize.sm:\n      return 'w-5 h-5';\n    case SfIconSize.lg:\n      return 'w-8 h-8';\n    case SfIconSize.xl:\n      return 'w-10 h-10';\n    case SfIconSize['2xl']:\n      return 'w-14 h-14';\n    case SfIconSize['3xl']:\n      return 'w-24 h-24';\n    case SfIconSize['4xl']:\n      return 'w-48 h-48';\n    default:\n      return 'w-6 h-6';\n  }\n};\n\nexport default function SfIconBase({\n  size = SfIconSize.base,\n  className,\n  children = '',\n  ...attributes\n}: SfIconBaseProps) {\n  return (\n    \u003Csvg\n      xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\"\n      className={twMerge('inline-block fill-current', getSizeClasses(size), className)}\n      {...attributes}\n    >\n      {children}\n    \u003C\u002Fsvg>\n  );\n}\n\n",[5704],{"type":15,"tag":38,"props":5705,"children":5706},{"__ignoreMap":9},[5707,5744,5783,5790,5844,5864,5888,5903,5926,5941,5964,5979,6002,6017,6040,6055,6078,6093,6116,6131,6143,6158,6166,6173,6180,6204,6232,6244,6264,6277,6293,6304,6316,6333,6398,6419,6427,6442,6458,6465],{"type":15,"tag":87,"props":5708,"children":5709},{"class":89,"line":90},[5710,5714,5719,5723,5728,5732,5736,5740],{"type":15,"tag":87,"props":5711,"children":5712},{"style":440},[5713],{"type":21,"value":443},{"type":15,"tag":87,"props":5715,"children":5716},{"style":440},[5717],{"type":21,"value":5718}," type",{"type":15,"tag":87,"props":5720,"children":5721},{"style":94},[5722],{"type":21,"value":448},{"type":15,"tag":87,"props":5724,"children":5725},{"style":100},[5726],{"type":21,"value":5727},"SfIconBaseProps",{"type":15,"tag":87,"props":5729,"children":5730},{"style":94},[5731],{"type":21,"value":458},{"type":15,"tag":87,"props":5733,"children":5734},{"style":440},[5735],{"type":21,"value":463},{"type":15,"tag":87,"props":5737,"children":5738},{"style":139},[5739],{"type":21,"value":1021},{"type":15,"tag":87,"props":5741,"children":5742},{"style":94},[5743],{"type":21,"value":473},{"type":15,"tag":87,"props":5745,"children":5746},{"class":89,"line":110},[5747,5751,5755,5759,5763,5767,5771,5775,5779],{"type":15,"tag":87,"props":5748,"children":5749},{"style":440},[5750],{"type":21,"value":443},{"type":15,"tag":87,"props":5752,"children":5753},{"style":94},[5754],{"type":21,"value":448},{"type":15,"tag":87,"props":5756,"children":5757},{"style":100},[5758],{"type":21,"value":3967},{"type":15,"tag":87,"props":5760,"children":5761},{"style":94},[5762],{"type":21,"value":970},{"type":15,"tag":87,"props":5764,"children":5765},{"style":100},[5766],{"type":21,"value":4392},{"type":15,"tag":87,"props":5768,"children":5769},{"style":94},[5770],{"type":21,"value":458},{"type":15,"tag":87,"props":5772,"children":5773},{"style":440},[5774],{"type":21,"value":463},{"type":15,"tag":87,"props":5776,"children":5777},{"style":139},[5778],{"type":21,"value":1021},{"type":15,"tag":87,"props":5780,"children":5781},{"style":94},[5782],{"type":21,"value":473},{"type":15,"tag":87,"props":5784,"children":5785},{"class":89,"line":124},[5786],{"type":15,"tag":87,"props":5787,"children":5788},{"emptyLinePlaceholder":8},[5789],{"type":21,"value":300},{"type":15,"tag":87,"props":5791,"children":5792},{"class":89,"line":145},[5793,5797,5802,5806,5810,5814,5818,5822,5826,5831,5836,5840],{"type":15,"tag":87,"props":5794,"children":5795},{"style":440},[5796],{"type":21,"value":527},{"type":15,"tag":87,"props":5798,"children":5799},{"style":552},[5800],{"type":21,"value":5801}," getSizeClasses",{"type":15,"tag":87,"props":5803,"children":5804},{"style":536},[5805],{"type":21,"value":539},{"type":15,"tag":87,"props":5807,"children":5808},{"style":94},[5809],{"type":21,"value":741},{"type":15,"tag":87,"props":5811,"children":5812},{"style":592},[5813],{"type":21,"value":2016},{"type":15,"tag":87,"props":5815,"children":5816},{"style":94},[5817],{"type":21,"value":751},{"type":15,"tag":87,"props":5819,"children":5820},{"style":530},[5821],{"type":21,"value":5727},{"type":15,"tag":87,"props":5823,"children":5824},{"style":94},[5825],{"type":21,"value":5042},{"type":15,"tag":87,"props":5827,"children":5828},{"style":139},[5829],{"type":21,"value":5830},"'size'",{"type":15,"tag":87,"props":5832,"children":5833},{"style":94},[5834],{"type":21,"value":5835},"]) ",{"type":15,"tag":87,"props":5837,"children":5838},{"style":440},[5839],{"type":21,"value":766},{"type":15,"tag":87,"props":5841,"children":5842},{"style":94},[5843],{"type":21,"value":771},{"type":15,"tag":87,"props":5845,"children":5846},{"class":89,"line":163},[5847,5852,5856,5860],{"type":15,"tag":87,"props":5848,"children":5849},{"style":440},[5850],{"type":21,"value":5851},"  switch",{"type":15,"tag":87,"props":5853,"children":5854},{"style":94},[5855],{"type":21,"value":741},{"type":15,"tag":87,"props":5857,"children":5858},{"style":100},[5859],{"type":21,"value":2016},{"type":15,"tag":87,"props":5861,"children":5862},{"style":94},[5863],{"type":21,"value":4691},{"type":15,"tag":87,"props":5865,"children":5866},{"class":89,"line":181},[5867,5872,5876,5880,5884],{"type":15,"tag":87,"props":5868,"children":5869},{"style":440},[5870],{"type":21,"value":5871},"    case",{"type":15,"tag":87,"props":5873,"children":5874},{"style":530},[5875],{"type":21,"value":4875},{"type":15,"tag":87,"props":5877,"children":5878},{"style":94},[5879],{"type":21,"value":549},{"type":15,"tag":87,"props":5881,"children":5882},{"style":100},[5883],{"type":21,"value":4884},{"type":15,"tag":87,"props":5885,"children":5886},{"style":94},[5887],{"type":21,"value":4889},{"type":15,"tag":87,"props":5889,"children":5890},{"class":89,"line":199},[5891,5895,5899],{"type":15,"tag":87,"props":5892,"children":5893},{"style":440},[5894],{"type":21,"value":5556},{"type":15,"tag":87,"props":5896,"children":5897},{"style":139},[5898],{"type":21,"value":4902},{"type":15,"tag":87,"props":5900,"children":5901},{"style":94},[5902],{"type":21,"value":473},{"type":15,"tag":87,"props":5904,"children":5905},{"class":89,"line":216},[5906,5910,5914,5918,5922],{"type":15,"tag":87,"props":5907,"children":5908},{"style":440},[5909],{"type":21,"value":5871},{"type":15,"tag":87,"props":5911,"children":5912},{"style":530},[5913],{"type":21,"value":4875},{"type":15,"tag":87,"props":5915,"children":5916},{"style":94},[5917],{"type":21,"value":549},{"type":15,"tag":87,"props":5919,"children":5920},{"style":100},[5921],{"type":21,"value":4926},{"type":15,"tag":87,"props":5923,"children":5924},{"style":94},[5925],{"type":21,"value":4889},{"type":15,"tag":87,"props":5927,"children":5928},{"class":89,"line":234},[5929,5933,5937],{"type":15,"tag":87,"props":5930,"children":5931},{"style":440},[5932],{"type":21,"value":5556},{"type":15,"tag":87,"props":5934,"children":5935},{"style":139},[5936],{"type":21,"value":4942},{"type":15,"tag":87,"props":5938,"children":5939},{"style":94},[5940],{"type":21,"value":473},{"type":15,"tag":87,"props":5942,"children":5943},{"class":89,"line":243},[5944,5948,5952,5956,5960],{"type":15,"tag":87,"props":5945,"children":5946},{"style":440},[5947],{"type":21,"value":5871},{"type":15,"tag":87,"props":5949,"children":5950},{"style":530},[5951],{"type":21,"value":4875},{"type":15,"tag":87,"props":5953,"children":5954},{"style":94},[5955],{"type":21,"value":549},{"type":15,"tag":87,"props":5957,"children":5958},{"style":100},[5959],{"type":21,"value":4966},{"type":15,"tag":87,"props":5961,"children":5962},{"style":94},[5963],{"type":21,"value":4889},{"type":15,"tag":87,"props":5965,"children":5966},{"class":89,"line":276},[5967,5971,5975],{"type":15,"tag":87,"props":5968,"children":5969},{"style":440},[5970],{"type":21,"value":5556},{"type":15,"tag":87,"props":5972,"children":5973},{"style":139},[5974],{"type":21,"value":4982},{"type":15,"tag":87,"props":5976,"children":5977},{"style":94},[5978],{"type":21,"value":473},{"type":15,"tag":87,"props":5980,"children":5981},{"class":89,"line":294},[5982,5986,5990,5994,5998],{"type":15,"tag":87,"props":5983,"children":5984},{"style":440},[5985],{"type":21,"value":5871},{"type":15,"tag":87,"props":5987,"children":5988},{"style":530},[5989],{"type":21,"value":4875},{"type":15,"tag":87,"props":5991,"children":5992},{"style":94},[5993],{"type":21,"value":549},{"type":15,"tag":87,"props":5995,"children":5996},{"style":100},[5997],{"type":21,"value":5006},{"type":15,"tag":87,"props":5999,"children":6000},{"style":94},[6001],{"type":21,"value":4889},{"type":15,"tag":87,"props":6003,"children":6004},{"class":89,"line":303},[6005,6009,6013],{"type":15,"tag":87,"props":6006,"children":6007},{"style":440},[6008],{"type":21,"value":5556},{"type":15,"tag":87,"props":6010,"children":6011},{"style":139},[6012],{"type":21,"value":5022},{"type":15,"tag":87,"props":6014,"children":6015},{"style":94},[6016],{"type":21,"value":473},{"type":15,"tag":87,"props":6018,"children":6019},{"class":89,"line":375},[6020,6024,6028,6032,6036],{"type":15,"tag":87,"props":6021,"children":6022},{"style":440},[6023],{"type":21,"value":5871},{"type":15,"tag":87,"props":6025,"children":6026},{"style":100},[6027],{"type":21,"value":4875},{"type":15,"tag":87,"props":6029,"children":6030},{"style":94},[6031],{"type":21,"value":5042},{"type":15,"tag":87,"props":6033,"children":6034},{"style":139},[6035],{"type":21,"value":2059},{"type":15,"tag":87,"props":6037,"children":6038},{"style":94},[6039],{"type":21,"value":5051},{"type":15,"tag":87,"props":6041,"children":6042},{"class":89,"line":392},[6043,6047,6051],{"type":15,"tag":87,"props":6044,"children":6045},{"style":440},[6046],{"type":21,"value":5556},{"type":15,"tag":87,"props":6048,"children":6049},{"style":139},[6050],{"type":21,"value":5063},{"type":15,"tag":87,"props":6052,"children":6053},{"style":94},[6054],{"type":21,"value":473},{"type":15,"tag":87,"props":6056,"children":6057},{"class":89,"line":400},[6058,6062,6066,6070,6074],{"type":15,"tag":87,"props":6059,"children":6060},{"style":440},[6061],{"type":21,"value":5871},{"type":15,"tag":87,"props":6063,"children":6064},{"style":100},[6065],{"type":21,"value":4875},{"type":15,"tag":87,"props":6067,"children":6068},{"style":94},[6069],{"type":21,"value":5042},{"type":15,"tag":87,"props":6071,"children":6072},{"style":139},[6073],{"type":21,"value":2066},{"type":15,"tag":87,"props":6075,"children":6076},{"style":94},[6077],{"type":21,"value":5051},{"type":15,"tag":87,"props":6079,"children":6080},{"class":89,"line":436},[6081,6085,6089],{"type":15,"tag":87,"props":6082,"children":6083},{"style":440},[6084],{"type":21,"value":5556},{"type":15,"tag":87,"props":6086,"children":6087},{"style":139},[6088],{"type":21,"value":5102},{"type":15,"tag":87,"props":6090,"children":6091},{"style":94},[6092],{"type":21,"value":473},{"type":15,"tag":87,"props":6094,"children":6095},{"class":89,"line":476},[6096,6100,6104,6108,6112],{"type":15,"tag":87,"props":6097,"children":6098},{"style":440},[6099],{"type":21,"value":5871},{"type":15,"tag":87,"props":6101,"children":6102},{"style":100},[6103],{"type":21,"value":4875},{"type":15,"tag":87,"props":6105,"children":6106},{"style":94},[6107],{"type":21,"value":5042},{"type":15,"tag":87,"props":6109,"children":6110},{"style":139},[6111],{"type":21,"value":2073},{"type":15,"tag":87,"props":6113,"children":6114},{"style":94},[6115],{"type":21,"value":5051},{"type":15,"tag":87,"props":6117,"children":6118},{"class":89,"line":513},[6119,6123,6127],{"type":15,"tag":87,"props":6120,"children":6121},{"style":440},[6122],{"type":21,"value":5556},{"type":15,"tag":87,"props":6124,"children":6125},{"style":139},[6126],{"type":21,"value":5141},{"type":15,"tag":87,"props":6128,"children":6129},{"style":94},[6130],{"type":21,"value":473},{"type":15,"tag":87,"props":6132,"children":6133},{"class":89,"line":521},[6134,6139],{"type":15,"tag":87,"props":6135,"children":6136},{"style":440},[6137],{"type":21,"value":6138},"    default",{"type":15,"tag":87,"props":6140,"children":6141},{"style":94},[6142],{"type":21,"value":4889},{"type":15,"tag":87,"props":6144,"children":6145},{"class":89,"line":583},[6146,6150,6154],{"type":15,"tag":87,"props":6147,"children":6148},{"style":440},[6149],{"type":21,"value":5556},{"type":15,"tag":87,"props":6151,"children":6152},{"style":139},[6153],{"type":21,"value":5169},{"type":15,"tag":87,"props":6155,"children":6156},{"style":94},[6157],{"type":21,"value":473},{"type":15,"tag":87,"props":6159,"children":6160},{"class":89,"line":678},[6161],{"type":15,"tag":87,"props":6162,"children":6163},{"style":94},[6164],{"type":21,"value":6165},"  }\n",{"type":15,"tag":87,"props":6167,"children":6168},{"class":89,"line":687},[6169],{"type":15,"tag":87,"props":6170,"children":6171},{"style":94},[6172],{"type":21,"value":920},{"type":15,"tag":87,"props":6174,"children":6175},{"class":89,"line":722},[6176],{"type":15,"tag":87,"props":6177,"children":6178},{"emptyLinePlaceholder":8},[6179],{"type":21,"value":300},{"type":15,"tag":87,"props":6181,"children":6182},{"class":89,"line":774},[6183,6187,6191,6195,6200],{"type":15,"tag":87,"props":6184,"children":6185},{"style":440},[6186],{"type":21,"value":1165},{"type":15,"tag":87,"props":6188,"children":6189},{"style":440},[6190],{"type":21,"value":1170},{"type":15,"tag":87,"props":6192,"children":6193},{"style":440},[6194],{"type":21,"value":1175},{"type":15,"tag":87,"props":6196,"children":6197},{"style":552},[6198],{"type":21,"value":6199}," SfIconBase",{"type":15,"tag":87,"props":6201,"children":6202},{"style":94},[6203],{"type":21,"value":4436},{"type":15,"tag":87,"props":6205,"children":6206},{"class":89,"line":813},[6207,6212,6216,6220,6224,6228],{"type":15,"tag":87,"props":6208,"children":6209},{"style":592},[6210],{"type":21,"value":6211},"  size",{"type":15,"tag":87,"props":6213,"children":6214},{"style":536},[6215],{"type":21,"value":539},{"type":15,"tag":87,"props":6217,"children":6218},{"style":530},[6219],{"type":21,"value":4875},{"type":15,"tag":87,"props":6221,"children":6222},{"style":94},[6223],{"type":21,"value":549},{"type":15,"tag":87,"props":6225,"children":6226},{"style":100},[6227],{"type":21,"value":4641},{"type":15,"tag":87,"props":6229,"children":6230},{"style":94},[6231],{"type":21,"value":1353},{"type":15,"tag":87,"props":6233,"children":6234},{"class":89,"line":844},[6235,6240],{"type":15,"tag":87,"props":6236,"children":6237},{"style":592},[6238],{"type":21,"value":6239},"  className",{"type":15,"tag":87,"props":6241,"children":6242},{"style":94},[6243],{"type":21,"value":1353},{"type":15,"tag":87,"props":6245,"children":6246},{"class":89,"line":866},[6247,6252,6256,6260],{"type":15,"tag":87,"props":6248,"children":6249},{"style":592},[6250],{"type":21,"value":6251},"  children",{"type":15,"tag":87,"props":6253,"children":6254},{"style":536},[6255],{"type":21,"value":539},{"type":15,"tag":87,"props":6257,"children":6258},{"style":139},[6259],{"type":21,"value":889},{"type":15,"tag":87,"props":6261,"children":6262},{"style":94},[6263],{"type":21,"value":1353},{"type":15,"tag":87,"props":6265,"children":6266},{"class":89,"line":896},[6267,6272],{"type":15,"tag":87,"props":6268,"children":6269},{"style":94},[6270],{"type":21,"value":6271},"  ...",{"type":15,"tag":87,"props":6273,"children":6274},{"style":592},[6275],{"type":21,"value":6276},"attributes\n",{"type":15,"tag":87,"props":6278,"children":6279},{"class":89,"line":914},[6280,6285,6289],{"type":15,"tag":87,"props":6281,"children":6282},{"style":94},[6283],{"type":21,"value":6284},"}: ",{"type":15,"tag":87,"props":6286,"children":6287},{"style":530},[6288],{"type":21,"value":5727},{"type":15,"tag":87,"props":6290,"children":6291},{"style":94},[6292],{"type":21,"value":4691},{"type":15,"tag":87,"props":6294,"children":6295},{"class":89,"line":923},[6296,6300],{"type":15,"tag":87,"props":6297,"children":6298},{"style":440},[6299],{"type":21,"value":1558},{"type":15,"tag":87,"props":6301,"children":6302},{"style":94},[6303],{"type":21,"value":1563},{"type":15,"tag":87,"props":6305,"children":6306},{"class":89,"line":1771},[6307,6311],{"type":15,"tag":87,"props":6308,"children":6309},{"style":94},[6310],{"type":21,"value":249},{"type":15,"tag":87,"props":6312,"children":6313},{"style":100},[6314],{"type":21,"value":6315},"svg\n",{"type":15,"tag":87,"props":6317,"children":6318},{"class":89,"line":1780},[6319,6324,6328],{"type":15,"tag":87,"props":6320,"children":6321},{"style":1630},[6322],{"type":21,"value":6323},"      xmlns",{"type":15,"tag":87,"props":6325,"children":6326},{"style":536},[6327],{"type":21,"value":136},{"type":15,"tag":87,"props":6329,"children":6330},{"style":139},[6331],{"type":21,"value":6332},"\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\"\n",{"type":15,"tag":87,"props":6334,"children":6335},{"class":89,"line":1854},[6336,6341,6345,6349,6353,6357,6362,6366,6371,6375,6379,6384,6389,6394],{"type":15,"tag":87,"props":6337,"children":6338},{"style":1630},[6339],{"type":21,"value":6340},"      className",{"type":15,"tag":87,"props":6342,"children":6343},{"style":536},[6344],{"type":21,"value":136},{"type":15,"tag":87,"props":6346,"children":6347},{"style":440},[6348],{"type":21,"value":1658},{"type":15,"tag":87,"props":6350,"children":6351},{"style":552},[6352],{"type":21,"value":4392},{"type":15,"tag":87,"props":6354,"children":6355},{"style":94},[6356],{"type":21,"value":560},{"type":15,"tag":87,"props":6358,"children":6359},{"style":139},[6360],{"type":21,"value":6361},"'inline-block fill-current'",{"type":15,"tag":87,"props":6363,"children":6364},{"style":94},[6365],{"type":21,"value":970},{"type":15,"tag":87,"props":6367,"children":6368},{"style":552},[6369],{"type":21,"value":6370},"getSizeClasses",{"type":15,"tag":87,"props":6372,"children":6373},{"style":94},[6374],{"type":21,"value":560},{"type":15,"tag":87,"props":6376,"children":6377},{"style":100},[6378],{"type":21,"value":2016},{"type":15,"tag":87,"props":6380,"children":6381},{"style":94},[6382],{"type":21,"value":6383},"), ",{"type":15,"tag":87,"props":6385,"children":6386},{"style":100},[6387],{"type":21,"value":6388},"className",{"type":15,"tag":87,"props":6390,"children":6391},{"style":94},[6392],{"type":21,"value":6393},")",{"type":15,"tag":87,"props":6395,"children":6396},{"style":440},[6397],{"type":21,"value":1667},{"type":15,"tag":87,"props":6399,"children":6400},{"class":89,"line":1871},[6401,6405,6410,6415],{"type":15,"tag":87,"props":6402,"children":6403},{"style":440},[6404],{"type":21,"value":1579},{"type":15,"tag":87,"props":6406,"children":6407},{"style":94},[6408],{"type":21,"value":6409},"...",{"type":15,"tag":87,"props":6411,"children":6412},{"style":100},[6413],{"type":21,"value":6414},"attributes",{"type":15,"tag":87,"props":6416,"children":6417},{"style":440},[6418],{"type":21,"value":1667},{"type":15,"tag":87,"props":6420,"children":6421},{"class":89,"line":1884},[6422],{"type":15,"tag":87,"props":6423,"children":6424},{"style":94},[6425],{"type":21,"value":6426},"    >\n",{"type":15,"tag":87,"props":6428,"children":6429},{"class":89,"line":1892},[6430,6434,6438],{"type":15,"tag":87,"props":6431,"children":6432},{"style":440},[6433],{"type":21,"value":1579},{"type":15,"tag":87,"props":6435,"children":6436},{"style":100},[6437],{"type":21,"value":4166},{"type":15,"tag":87,"props":6439,"children":6440},{"style":440},[6441],{"type":21,"value":1667},{"type":15,"tag":87,"props":6443,"children":6444},{"class":89,"line":1970},[6445,6449,6454],{"type":15,"tag":87,"props":6446,"children":6447},{"style":94},[6448],{"type":21,"value":2757},{"type":15,"tag":87,"props":6450,"children":6451},{"style":100},[6452],{"type":21,"value":6453},"svg",{"type":15,"tag":87,"props":6455,"children":6456},{"style":94},[6457],{"type":21,"value":107},{"type":15,"tag":87,"props":6459,"children":6460},{"class":89,"line":1979},[6461],{"type":15,"tag":87,"props":6462,"children":6463},{"style":94},[6464],{"type":21,"value":1373},{"type":15,"tag":87,"props":6466,"children":6467},{"class":89,"line":1987},[6468],{"type":15,"tag":87,"props":6469,"children":6470},{"style":94},[6471],{"type":21,"value":1667},{"type":15,"tag":6473,"props":6474,"children":6475},"style",{},[6476],{"type":21,"value":6477},"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":163,"depth":110,"links":6479},[6480,6481,6486,6487,6488,6489],{"id":57,"depth":110,"text":60},{"id":1995,"depth":110,"text":1998,"children":6482},[6483,6484,6485],{"id":2002,"depth":124,"text":2005},{"id":2782,"depth":124,"text":2785},{"id":3342,"depth":124,"text":3345},{"id":3845,"depth":110,"text":3848},{"id":3876,"depth":110,"text":3879},{"id":3895,"depth":110,"text":3898},{"id":4194,"depth":110,"text":4197},"markdown","content:_components:iconbase.md","_components\u002Ficonbase.md","_components\u002Ficonbase","md",[6496],{"_path":6497,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":6498,"sidebarRoot":8,"_id":6501,"_type":6502,"title":6503,"_source":3371,"_file":6504,"_stem":6505,"_extension":6506},"\u002F_dir",{"title":6499,"icon":6500},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":6508,"sidebarRoot":3402},[6509,6511,6523],{"title":6499,"_path":3402,"_id":6501,"layout":6510,"sidebarRoot":8,"icon":6500},"fullscreen",{"title":6512,"_path":6513,"children":6514,"_id":6522,"layout":4231},"Getting Started","\u002Fgetting-started",[6515,6518],{"title":6516,"_path":6513,"_id":6517,"layout":4231},"Installation","content:2.getting-started:1.index.md",{"title":6519,"_path":6520,"_id":6521,"layout":4231},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":6524,"_path":6525,"children":6526},"Customization","\u002Fcustomization",[6527,6531,6535,6539],{"title":6528,"_path":6529,"_id":6530,"layout":4231},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":6532,"_path":6533,"_id":6534,"layout":4231},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":6536,"_path":6537,"_id":6538,"layout":4231},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":6540,"_path":6541,"_id":6542,"layout":4231},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574913864]