[{"data":1,"prerenderedAt":4211},["ShallowReactive",2],{"reference":3,"content-query-w0AYDaSBhy":4,"sidebar-roots":4162,"$dNTcUNV7nV":4174},null,{"_path":5,"_dir":6,"_draft":7,"_partial":8,"_locale":9,"title":10,"description":11,"body":12,"_type":4155,"_id":4156,"_source":4157,"_file":4158,"_stem":4159,"_extension":4160,"layout":4161},"\u002F_blocks\u002Fnavbarbottom","_blocks",false,true,"","NavbarBottom","NavbarBottom block is the navigation element used in mobile view.",{"type":13,"children":14,"toc":4151},"root",[15,23,28,182,302,309,2330,2336,4145],{"type":16,"tag":17,"props":18,"children":20},"element","h1",{"id":19},"navbarbottom",[21],{"type":22,"value":10},"text",{"type":16,"tag":24,"props":25,"children":26},"p",{},[27],{"type":22,"value":11},{"type":16,"tag":29,"props":30,"children":31},"vue-only",{},[32],{"type":16,"tag":33,"props":34,"children":35},"tip",{},[36,45,93],{"type":16,"tag":37,"props":38,"children":39},"template",{"v-slot:title":9},[40],{"type":16,"tag":24,"props":41,"children":42},{},[43],{"type":22,"value":44},"You can make the navbar items links",{"type":16,"tag":24,"props":46,"children":47},{},[48,50,62,64,70,72,77,79,85,87],{"type":22,"value":49},"Each item in the navbar is an ",{"type":16,"tag":51,"props":52,"children":54},"a",{"href":53},"..\u002Fcomponents\u002Fbutton",[55],{"type":16,"tag":56,"props":57,"children":59},"code",{"className":58},[],[60],{"type":22,"value":61},"SfButton",{"type":22,"value":63}," component. This means that you can make each item a link by using the ",{"type":16,"tag":56,"props":65,"children":67},{"className":66},[],[68],{"type":22,"value":69},"tag",{"type":22,"value":71}," prop to make it an ",{"type":16,"tag":56,"props":73,"children":75},{"className":74},[],[76],{"type":22,"value":51},{"type":22,"value":78},", ",{"type":16,"tag":56,"props":80,"children":82},{"className":81},[],[83],{"type":22,"value":84},"NuxtLink",{"type":22,"value":86},", or any other element\u002Fcomponent. ",{"type":16,"tag":51,"props":88,"children":90},{"href":89},"..\u002Fcomponents\u002Fbutton#link-as-a-button",[91],{"type":22,"value":92},"Learn more about this usage in the component documentation.",{"type":16,"tag":94,"props":95,"children":99},"pre",{"className":96,"code":97,"language":98,"meta":9,"style":9},"language-html shiki shiki-themes one-dark-pro","\u003CSfButton tag=\"a\" href=\"#\">\n Will render as an anchor tag\n\u003C\u002FSfButton>\n","html",[100],{"type":16,"tag":56,"props":101,"children":102},{"__ignoreMap":9},[103,156,165],{"type":16,"tag":104,"props":105,"children":108},"span",{"class":106,"line":107},"line",1,[109,115,120,126,131,137,142,146,151],{"type":16,"tag":104,"props":110,"children":112},{"style":111},"--shiki-default:#ABB2BF",[113],{"type":22,"value":114},"\u003C",{"type":16,"tag":104,"props":116,"children":118},{"style":117},"--shiki-default:#E06C75",[119],{"type":22,"value":61},{"type":16,"tag":104,"props":121,"children":123},{"style":122},"--shiki-default:#D19A66",[124],{"type":22,"value":125}," tag",{"type":16,"tag":104,"props":127,"children":128},{"style":111},[129],{"type":22,"value":130},"=",{"type":16,"tag":104,"props":132,"children":134},{"style":133},"--shiki-default:#98C379",[135],{"type":22,"value":136},"\"a\"",{"type":16,"tag":104,"props":138,"children":139},{"style":122},[140],{"type":22,"value":141}," href",{"type":16,"tag":104,"props":143,"children":144},{"style":111},[145],{"type":22,"value":130},{"type":16,"tag":104,"props":147,"children":148},{"style":133},[149],{"type":22,"value":150},"\"#\"",{"type":16,"tag":104,"props":152,"children":153},{"style":111},[154],{"type":22,"value":155},">\n",{"type":16,"tag":104,"props":157,"children":159},{"class":106,"line":158},2,[160],{"type":16,"tag":104,"props":161,"children":162},{"style":111},[163],{"type":22,"value":164}," Will render as an anchor tag\n",{"type":16,"tag":104,"props":166,"children":168},{"class":106,"line":167},3,[169,174,178],{"type":16,"tag":104,"props":170,"children":171},{"style":111},[172],{"type":22,"value":173},"\u003C\u002F",{"type":16,"tag":104,"props":175,"children":176},{"style":117},[177],{"type":22,"value":61},{"type":16,"tag":104,"props":179,"children":180},{"style":111},[181],{"type":22,"value":155},{"type":16,"tag":183,"props":184,"children":185},"react-only",{},[186],{"type":16,"tag":33,"props":187,"children":188},{},[189,196,233],{"type":16,"tag":37,"props":190,"children":191},{"v-slot:title":9},[192],{"type":16,"tag":24,"props":193,"children":194},{},[195],{"type":22,"value":44},{"type":16,"tag":24,"props":197,"children":198},{},[199,200,208,209,215,216,221,222,227,229],{"type":22,"value":49},{"type":16,"tag":51,"props":201,"children":202},{"href":53},[203],{"type":16,"tag":56,"props":204,"children":206},{"className":205},[],[207],{"type":22,"value":61},{"type":22,"value":63},{"type":16,"tag":56,"props":210,"children":212},{"className":211},[],[213],{"type":22,"value":214},"as",{"type":22,"value":71},{"type":16,"tag":56,"props":217,"children":219},{"className":218},[],[220],{"type":22,"value":51},{"type":22,"value":78},{"type":16,"tag":56,"props":223,"children":225},{"className":224},[],[226],{"type":22,"value":84},{"type":22,"value":228},", , or any other element\u002Fcomponent. ",{"type":16,"tag":51,"props":230,"children":231},{"href":89},[232],{"type":22,"value":92},{"type":16,"tag":94,"props":234,"children":236},{"className":96,"code":235,"language":98,"meta":9,"style":9},"\u003CSfButton as=\"a\" href=\"#\">\n Will render as an anchor tag\n\u003C\u002FSfButton>\n",[237],{"type":16,"tag":56,"props":238,"children":239},{"__ignoreMap":9},[240,280,287],{"type":16,"tag":104,"props":241,"children":242},{"class":106,"line":107},[243,247,251,256,260,264,268,272,276],{"type":16,"tag":104,"props":244,"children":245},{"style":111},[246],{"type":22,"value":114},{"type":16,"tag":104,"props":248,"children":249},{"style":117},[250],{"type":22,"value":61},{"type":16,"tag":104,"props":252,"children":253},{"style":122},[254],{"type":22,"value":255}," as",{"type":16,"tag":104,"props":257,"children":258},{"style":111},[259],{"type":22,"value":130},{"type":16,"tag":104,"props":261,"children":262},{"style":133},[263],{"type":22,"value":136},{"type":16,"tag":104,"props":265,"children":266},{"style":122},[267],{"type":22,"value":141},{"type":16,"tag":104,"props":269,"children":270},{"style":111},[271],{"type":22,"value":130},{"type":16,"tag":104,"props":273,"children":274},{"style":133},[275],{"type":22,"value":150},{"type":16,"tag":104,"props":277,"children":278},{"style":111},[279],{"type":22,"value":155},{"type":16,"tag":104,"props":281,"children":282},{"class":106,"line":158},[283],{"type":16,"tag":104,"props":284,"children":285},{"style":111},[286],{"type":22,"value":164},{"type":16,"tag":104,"props":288,"children":289},{"class":106,"line":167},[290,294,298],{"type":16,"tag":104,"props":291,"children":292},{"style":111},[293],{"type":22,"value":173},{"type":16,"tag":104,"props":295,"children":296},{"style":117},[297],{"type":22,"value":61},{"type":16,"tag":104,"props":299,"children":300},{"style":111},[301],{"type":22,"value":155},{"type":16,"tag":303,"props":304,"children":306},"h2",{"id":305},"navbarbottom-with-white-background",[307],{"type":22,"value":308},"NavbarBottom with white background",{"type":16,"tag":310,"props":311,"children":314},"showcase",{"showcase-name":312,"no-paddings":9,"style":313},"NavbarBottom\u002FNavbarBottom","min-height:200px",[315,1464],{"type":16,"tag":183,"props":316,"children":317},{},[318],{"type":16,"tag":94,"props":319,"children":323},{"className":320,"code":321,"language":322,"meta":9,"style":9},"language-tsx shiki shiki-themes one-dark-pro","import classNames from 'classnames';\nimport {\n SfButton,\n SfIconHome,\n SfIconMenu,\n SfIconShoppingCart,\n SfIconFavorite,\n SfIconPerson,\n} from '@storefront-ui\u002Freact';\nimport { useState } from 'react';\n\nexport default function BottomNav() {\n const items = [\n {\n label: 'Home',\n icon: \u003CSfIconHome \u002F>,\n },\n {\n label: 'Products',\n icon: \u003CSfIconMenu \u002F>,\n },\n {\n label: 'Cart',\n icon: \u003CSfIconShoppingCart \u002F>,\n },\n {\n label: 'Watchlist',\n icon: \u003CSfIconFavorite \u002F>,\n },\n {\n label: 'Account',\n icon: \u003CSfIconPerson \u002F>,\n },\n ];\n\n const [selectedItem, setselectedItem] = useState('');\n function onClickHandler(itemLabel: string) {\n setselectedItem(itemLabel);\n }\n\n return (\n \u003Cnav className=\"max-w-[500px] bottom-0 w-full left-0 fixed flex flex-row items-stretch bg-white text-primary-700\">\n {items.map((item) => (\n \u003CSfButton\n key={item.label}\n variant=\"tertiary\"\n slotPrefix={item.icon}\n className={classNames(\n 'pt-3 pb-1 gap-0.5 flex flex-col h-full w-full rounded-none hover:text-primary-800 hover:bg-primary-100 active:text-primary-900 active:bg-primary-200',\n { 'text-primary-900 bg-primary-200': selectedItem === item.label },\n )}\n onClick={() => onClickHandler(item.label)}\n >\n {item.label}\n \u003C\u002FSfButton>\n ))}\n \u003C\u002Fnav>\n );\n}\n","tsx",[324],{"type":16,"tag":56,"props":325,"children":326},{"__ignoreMap":9},[327,356,368,381,394,407,420,433,446,469,505,514,544,570,579,602,626,635,643,664,685,693,701,722,743,751,759,780,801,809,817,838,859,867,876,884,940,978,999,1008,1016,1030,1063,1111,1125,1161,1179,1213,1240,1253,1298,1311,1366,1375,1400,1417,1430,1447,1456],{"type":16,"tag":104,"props":328,"children":329},{"class":106,"line":107},[330,336,341,346,351],{"type":16,"tag":104,"props":331,"children":333},{"style":332},"--shiki-default:#C678DD",[334],{"type":22,"value":335},"import",{"type":16,"tag":104,"props":337,"children":338},{"style":117},[339],{"type":22,"value":340}," classNames",{"type":16,"tag":104,"props":342,"children":343},{"style":332},[344],{"type":22,"value":345}," from",{"type":16,"tag":104,"props":347,"children":348},{"style":133},[349],{"type":22,"value":350}," 'classnames'",{"type":16,"tag":104,"props":352,"children":353},{"style":111},[354],{"type":22,"value":355},";\n",{"type":16,"tag":104,"props":357,"children":358},{"class":106,"line":158},[359,363],{"type":16,"tag":104,"props":360,"children":361},{"style":332},[362],{"type":22,"value":335},{"type":16,"tag":104,"props":364,"children":365},{"style":111},[366],{"type":22,"value":367}," {\n",{"type":16,"tag":104,"props":369,"children":370},{"class":106,"line":167},[371,376],{"type":16,"tag":104,"props":372,"children":373},{"style":117},[374],{"type":22,"value":375}," SfButton",{"type":16,"tag":104,"props":377,"children":378},{"style":111},[379],{"type":22,"value":380},",\n",{"type":16,"tag":104,"props":382,"children":384},{"class":106,"line":383},4,[385,390],{"type":16,"tag":104,"props":386,"children":387},{"style":117},[388],{"type":22,"value":389}," SfIconHome",{"type":16,"tag":104,"props":391,"children":392},{"style":111},[393],{"type":22,"value":380},{"type":16,"tag":104,"props":395,"children":397},{"class":106,"line":396},5,[398,403],{"type":16,"tag":104,"props":399,"children":400},{"style":117},[401],{"type":22,"value":402}," SfIconMenu",{"type":16,"tag":104,"props":404,"children":405},{"style":111},[406],{"type":22,"value":380},{"type":16,"tag":104,"props":408,"children":410},{"class":106,"line":409},6,[411,416],{"type":16,"tag":104,"props":412,"children":413},{"style":117},[414],{"type":22,"value":415}," SfIconShoppingCart",{"type":16,"tag":104,"props":417,"children":418},{"style":111},[419],{"type":22,"value":380},{"type":16,"tag":104,"props":421,"children":423},{"class":106,"line":422},7,[424,429],{"type":16,"tag":104,"props":425,"children":426},{"style":117},[427],{"type":22,"value":428}," SfIconFavorite",{"type":16,"tag":104,"props":430,"children":431},{"style":111},[432],{"type":22,"value":380},{"type":16,"tag":104,"props":434,"children":436},{"class":106,"line":435},8,[437,442],{"type":16,"tag":104,"props":438,"children":439},{"style":117},[440],{"type":22,"value":441}," SfIconPerson",{"type":16,"tag":104,"props":443,"children":444},{"style":111},[445],{"type":22,"value":380},{"type":16,"tag":104,"props":447,"children":449},{"class":106,"line":448},9,[450,455,460,465],{"type":16,"tag":104,"props":451,"children":452},{"style":111},[453],{"type":22,"value":454},"} ",{"type":16,"tag":104,"props":456,"children":457},{"style":332},[458],{"type":22,"value":459},"from",{"type":16,"tag":104,"props":461,"children":462},{"style":133},[463],{"type":22,"value":464}," '@storefront-ui\u002Freact'",{"type":16,"tag":104,"props":466,"children":467},{"style":111},[468],{"type":22,"value":355},{"type":16,"tag":104,"props":470,"children":472},{"class":106,"line":471},10,[473,477,482,487,492,496,501],{"type":16,"tag":104,"props":474,"children":475},{"style":332},[476],{"type":22,"value":335},{"type":16,"tag":104,"props":478,"children":479},{"style":111},[480],{"type":22,"value":481}," { ",{"type":16,"tag":104,"props":483,"children":484},{"style":117},[485],{"type":22,"value":486},"useState",{"type":16,"tag":104,"props":488,"children":489},{"style":111},[490],{"type":22,"value":491}," } ",{"type":16,"tag":104,"props":493,"children":494},{"style":332},[495],{"type":22,"value":459},{"type":16,"tag":104,"props":497,"children":498},{"style":133},[499],{"type":22,"value":500}," 'react'",{"type":16,"tag":104,"props":502,"children":503},{"style":111},[504],{"type":22,"value":355},{"type":16,"tag":104,"props":506,"children":508},{"class":106,"line":507},11,[509],{"type":16,"tag":104,"props":510,"children":511},{"emptyLinePlaceholder":8},[512],{"type":22,"value":513},"\n",{"type":16,"tag":104,"props":515,"children":517},{"class":106,"line":516},12,[518,523,528,533,539],{"type":16,"tag":104,"props":519,"children":520},{"style":332},[521],{"type":22,"value":522},"export",{"type":16,"tag":104,"props":524,"children":525},{"style":332},[526],{"type":22,"value":527}," default",{"type":16,"tag":104,"props":529,"children":530},{"style":332},[531],{"type":22,"value":532}," function",{"type":16,"tag":104,"props":534,"children":536},{"style":535},"--shiki-default:#61AFEF",[537],{"type":22,"value":538}," BottomNav",{"type":16,"tag":104,"props":540,"children":541},{"style":111},[542],{"type":22,"value":543},"() {\n",{"type":16,"tag":104,"props":545,"children":547},{"class":106,"line":546},13,[548,553,559,565],{"type":16,"tag":104,"props":549,"children":550},{"style":332},[551],{"type":22,"value":552}," const",{"type":16,"tag":104,"props":554,"children":556},{"style":555},"--shiki-default:#E5C07B",[557],{"type":22,"value":558}," items",{"type":16,"tag":104,"props":560,"children":562},{"style":561},"--shiki-default:#56B6C2",[563],{"type":22,"value":564}," =",{"type":16,"tag":104,"props":566,"children":567},{"style":111},[568],{"type":22,"value":569}," [\n",{"type":16,"tag":104,"props":571,"children":573},{"class":106,"line":572},14,[574],{"type":16,"tag":104,"props":575,"children":576},{"style":111},[577],{"type":22,"value":578}," {\n",{"type":16,"tag":104,"props":580,"children":582},{"class":106,"line":581},15,[583,588,593,598],{"type":16,"tag":104,"props":584,"children":585},{"style":117},[586],{"type":22,"value":587}," label",{"type":16,"tag":104,"props":589,"children":590},{"style":111},[591],{"type":22,"value":592},": ",{"type":16,"tag":104,"props":594,"children":595},{"style":133},[596],{"type":22,"value":597},"'Home'",{"type":16,"tag":104,"props":599,"children":600},{"style":111},[601],{"type":22,"value":380},{"type":16,"tag":104,"props":603,"children":605},{"class":106,"line":604},16,[606,611,616,621],{"type":16,"tag":104,"props":607,"children":608},{"style":117},[609],{"type":22,"value":610}," icon",{"type":16,"tag":104,"props":612,"children":613},{"style":111},[614],{"type":22,"value":615},": \u003C",{"type":16,"tag":104,"props":617,"children":618},{"style":555},[619],{"type":22,"value":620},"SfIconHome",{"type":16,"tag":104,"props":622,"children":623},{"style":111},[624],{"type":22,"value":625}," \u002F>,\n",{"type":16,"tag":104,"props":627,"children":629},{"class":106,"line":628},17,[630],{"type":16,"tag":104,"props":631,"children":632},{"style":111},[633],{"type":22,"value":634}," },\n",{"type":16,"tag":104,"props":636,"children":638},{"class":106,"line":637},18,[639],{"type":16,"tag":104,"props":640,"children":641},{"style":111},[642],{"type":22,"value":578},{"type":16,"tag":104,"props":644,"children":646},{"class":106,"line":645},19,[647,651,655,660],{"type":16,"tag":104,"props":648,"children":649},{"style":117},[650],{"type":22,"value":587},{"type":16,"tag":104,"props":652,"children":653},{"style":111},[654],{"type":22,"value":592},{"type":16,"tag":104,"props":656,"children":657},{"style":133},[658],{"type":22,"value":659},"'Products'",{"type":16,"tag":104,"props":661,"children":662},{"style":111},[663],{"type":22,"value":380},{"type":16,"tag":104,"props":665,"children":667},{"class":106,"line":666},20,[668,672,676,681],{"type":16,"tag":104,"props":669,"children":670},{"style":117},[671],{"type":22,"value":610},{"type":16,"tag":104,"props":673,"children":674},{"style":111},[675],{"type":22,"value":615},{"type":16,"tag":104,"props":677,"children":678},{"style":555},[679],{"type":22,"value":680},"SfIconMenu",{"type":16,"tag":104,"props":682,"children":683},{"style":111},[684],{"type":22,"value":625},{"type":16,"tag":104,"props":686,"children":688},{"class":106,"line":687},21,[689],{"type":16,"tag":104,"props":690,"children":691},{"style":111},[692],{"type":22,"value":634},{"type":16,"tag":104,"props":694,"children":696},{"class":106,"line":695},22,[697],{"type":16,"tag":104,"props":698,"children":699},{"style":111},[700],{"type":22,"value":578},{"type":16,"tag":104,"props":702,"children":704},{"class":106,"line":703},23,[705,709,713,718],{"type":16,"tag":104,"props":706,"children":707},{"style":117},[708],{"type":22,"value":587},{"type":16,"tag":104,"props":710,"children":711},{"style":111},[712],{"type":22,"value":592},{"type":16,"tag":104,"props":714,"children":715},{"style":133},[716],{"type":22,"value":717},"'Cart'",{"type":16,"tag":104,"props":719,"children":720},{"style":111},[721],{"type":22,"value":380},{"type":16,"tag":104,"props":723,"children":725},{"class":106,"line":724},24,[726,730,734,739],{"type":16,"tag":104,"props":727,"children":728},{"style":117},[729],{"type":22,"value":610},{"type":16,"tag":104,"props":731,"children":732},{"style":111},[733],{"type":22,"value":615},{"type":16,"tag":104,"props":735,"children":736},{"style":555},[737],{"type":22,"value":738},"SfIconShoppingCart",{"type":16,"tag":104,"props":740,"children":741},{"style":111},[742],{"type":22,"value":625},{"type":16,"tag":104,"props":744,"children":746},{"class":106,"line":745},25,[747],{"type":16,"tag":104,"props":748,"children":749},{"style":111},[750],{"type":22,"value":634},{"type":16,"tag":104,"props":752,"children":754},{"class":106,"line":753},26,[755],{"type":16,"tag":104,"props":756,"children":757},{"style":111},[758],{"type":22,"value":578},{"type":16,"tag":104,"props":760,"children":762},{"class":106,"line":761},27,[763,767,771,776],{"type":16,"tag":104,"props":764,"children":765},{"style":117},[766],{"type":22,"value":587},{"type":16,"tag":104,"props":768,"children":769},{"style":111},[770],{"type":22,"value":592},{"type":16,"tag":104,"props":772,"children":773},{"style":133},[774],{"type":22,"value":775},"'Watchlist'",{"type":16,"tag":104,"props":777,"children":778},{"style":111},[779],{"type":22,"value":380},{"type":16,"tag":104,"props":781,"children":783},{"class":106,"line":782},28,[784,788,792,797],{"type":16,"tag":104,"props":785,"children":786},{"style":117},[787],{"type":22,"value":610},{"type":16,"tag":104,"props":789,"children":790},{"style":111},[791],{"type":22,"value":615},{"type":16,"tag":104,"props":793,"children":794},{"style":555},[795],{"type":22,"value":796},"SfIconFavorite",{"type":16,"tag":104,"props":798,"children":799},{"style":111},[800],{"type":22,"value":625},{"type":16,"tag":104,"props":802,"children":804},{"class":106,"line":803},29,[805],{"type":16,"tag":104,"props":806,"children":807},{"style":111},[808],{"type":22,"value":634},{"type":16,"tag":104,"props":810,"children":812},{"class":106,"line":811},30,[813],{"type":16,"tag":104,"props":814,"children":815},{"style":111},[816],{"type":22,"value":578},{"type":16,"tag":104,"props":818,"children":820},{"class":106,"line":819},31,[821,825,829,834],{"type":16,"tag":104,"props":822,"children":823},{"style":117},[824],{"type":22,"value":587},{"type":16,"tag":104,"props":826,"children":827},{"style":111},[828],{"type":22,"value":592},{"type":16,"tag":104,"props":830,"children":831},{"style":133},[832],{"type":22,"value":833},"'Account'",{"type":16,"tag":104,"props":835,"children":836},{"style":111},[837],{"type":22,"value":380},{"type":16,"tag":104,"props":839,"children":841},{"class":106,"line":840},32,[842,846,850,855],{"type":16,"tag":104,"props":843,"children":844},{"style":117},[845],{"type":22,"value":610},{"type":16,"tag":104,"props":847,"children":848},{"style":111},[849],{"type":22,"value":615},{"type":16,"tag":104,"props":851,"children":852},{"style":555},[853],{"type":22,"value":854},"SfIconPerson",{"type":16,"tag":104,"props":856,"children":857},{"style":111},[858],{"type":22,"value":625},{"type":16,"tag":104,"props":860,"children":862},{"class":106,"line":861},33,[863],{"type":16,"tag":104,"props":864,"children":865},{"style":111},[866],{"type":22,"value":634},{"type":16,"tag":104,"props":868,"children":870},{"class":106,"line":869},34,[871],{"type":16,"tag":104,"props":872,"children":873},{"style":111},[874],{"type":22,"value":875}," ];\n",{"type":16,"tag":104,"props":877,"children":879},{"class":106,"line":878},35,[880],{"type":16,"tag":104,"props":881,"children":882},{"emptyLinePlaceholder":8},[883],{"type":22,"value":513},{"type":16,"tag":104,"props":885,"children":887},{"class":106,"line":886},36,[888,892,897,902,906,911,916,920,925,930,935],{"type":16,"tag":104,"props":889,"children":890},{"style":332},[891],{"type":22,"value":552},{"type":16,"tag":104,"props":893,"children":894},{"style":111},[895],{"type":22,"value":896}," [",{"type":16,"tag":104,"props":898,"children":899},{"style":555},[900],{"type":22,"value":901},"selectedItem",{"type":16,"tag":104,"props":903,"children":904},{"style":111},[905],{"type":22,"value":78},{"type":16,"tag":104,"props":907,"children":908},{"style":555},[909],{"type":22,"value":910},"setselectedItem",{"type":16,"tag":104,"props":912,"children":913},{"style":111},[914],{"type":22,"value":915},"] ",{"type":16,"tag":104,"props":917,"children":918},{"style":561},[919],{"type":22,"value":130},{"type":16,"tag":104,"props":921,"children":922},{"style":535},[923],{"type":22,"value":924}," useState",{"type":16,"tag":104,"props":926,"children":927},{"style":111},[928],{"type":22,"value":929},"(",{"type":16,"tag":104,"props":931,"children":932},{"style":133},[933],{"type":22,"value":934},"''",{"type":16,"tag":104,"props":936,"children":937},{"style":111},[938],{"type":22,"value":939},");\n",{"type":16,"tag":104,"props":941,"children":943},{"class":106,"line":942},37,[944,949,954,958,964,968,973],{"type":16,"tag":104,"props":945,"children":946},{"style":332},[947],{"type":22,"value":948}," function",{"type":16,"tag":104,"props":950,"children":951},{"style":535},[952],{"type":22,"value":953}," onClickHandler",{"type":16,"tag":104,"props":955,"children":956},{"style":111},[957],{"type":22,"value":929},{"type":16,"tag":104,"props":959,"children":961},{"style":960},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[962],{"type":22,"value":963},"itemLabel",{"type":16,"tag":104,"props":965,"children":966},{"style":111},[967],{"type":22,"value":592},{"type":16,"tag":104,"props":969,"children":970},{"style":555},[971],{"type":22,"value":972},"string",{"type":16,"tag":104,"props":974,"children":975},{"style":111},[976],{"type":22,"value":977},") {\n",{"type":16,"tag":104,"props":979,"children":981},{"class":106,"line":980},38,[982,987,991,995],{"type":16,"tag":104,"props":983,"children":984},{"style":535},[985],{"type":22,"value":986}," setselectedItem",{"type":16,"tag":104,"props":988,"children":989},{"style":111},[990],{"type":22,"value":929},{"type":16,"tag":104,"props":992,"children":993},{"style":117},[994],{"type":22,"value":963},{"type":16,"tag":104,"props":996,"children":997},{"style":111},[998],{"type":22,"value":939},{"type":16,"tag":104,"props":1000,"children":1002},{"class":106,"line":1001},39,[1003],{"type":16,"tag":104,"props":1004,"children":1005},{"style":111},[1006],{"type":22,"value":1007}," }\n",{"type":16,"tag":104,"props":1009,"children":1011},{"class":106,"line":1010},40,[1012],{"type":16,"tag":104,"props":1013,"children":1014},{"emptyLinePlaceholder":8},[1015],{"type":22,"value":513},{"type":16,"tag":104,"props":1017,"children":1019},{"class":106,"line":1018},41,[1020,1025],{"type":16,"tag":104,"props":1021,"children":1022},{"style":332},[1023],{"type":22,"value":1024}," return",{"type":16,"tag":104,"props":1026,"children":1027},{"style":111},[1028],{"type":22,"value":1029}," (\n",{"type":16,"tag":104,"props":1031,"children":1033},{"class":106,"line":1032},42,[1034,1039,1044,1050,1054,1059],{"type":16,"tag":104,"props":1035,"children":1036},{"style":111},[1037],{"type":22,"value":1038}," \u003C",{"type":16,"tag":104,"props":1040,"children":1041},{"style":117},[1042],{"type":22,"value":1043},"nav",{"type":16,"tag":104,"props":1045,"children":1047},{"style":1046},"--shiki-default:#D19A66;--shiki-default-font-style:italic",[1048],{"type":22,"value":1049}," className",{"type":16,"tag":104,"props":1051,"children":1052},{"style":561},[1053],{"type":22,"value":130},{"type":16,"tag":104,"props":1055,"children":1056},{"style":133},[1057],{"type":22,"value":1058},"\"max-w-[500px] bottom-0 w-full left-0 fixed flex flex-row items-stretch bg-white text-primary-700\"",{"type":16,"tag":104,"props":1060,"children":1061},{"style":111},[1062],{"type":22,"value":155},{"type":16,"tag":104,"props":1064,"children":1066},{"class":106,"line":1065},43,[1067,1072,1077,1082,1087,1092,1097,1102,1107],{"type":16,"tag":104,"props":1068,"children":1069},{"style":332},[1070],{"type":22,"value":1071}," {",{"type":16,"tag":104,"props":1073,"children":1074},{"style":555},[1075],{"type":22,"value":1076},"items",{"type":16,"tag":104,"props":1078,"children":1079},{"style":111},[1080],{"type":22,"value":1081},".",{"type":16,"tag":104,"props":1083,"children":1084},{"style":535},[1085],{"type":22,"value":1086},"map",{"type":16,"tag":104,"props":1088,"children":1089},{"style":111},[1090],{"type":22,"value":1091},"((",{"type":16,"tag":104,"props":1093,"children":1094},{"style":960},[1095],{"type":22,"value":1096},"item",{"type":16,"tag":104,"props":1098,"children":1099},{"style":111},[1100],{"type":22,"value":1101},") ",{"type":16,"tag":104,"props":1103,"children":1104},{"style":332},[1105],{"type":22,"value":1106},"=>",{"type":16,"tag":104,"props":1108,"children":1109},{"style":111},[1110],{"type":22,"value":1029},{"type":16,"tag":104,"props":1112,"children":1114},{"class":106,"line":1113},44,[1115,1120],{"type":16,"tag":104,"props":1116,"children":1117},{"style":111},[1118],{"type":22,"value":1119}," \u003C",{"type":16,"tag":104,"props":1121,"children":1122},{"style":555},[1123],{"type":22,"value":1124},"SfButton\n",{"type":16,"tag":104,"props":1126,"children":1128},{"class":106,"line":1127},45,[1129,1134,1138,1143,1147,1151,1156],{"type":16,"tag":104,"props":1130,"children":1131},{"style":1046},[1132],{"type":22,"value":1133}," key",{"type":16,"tag":104,"props":1135,"children":1136},{"style":561},[1137],{"type":22,"value":130},{"type":16,"tag":104,"props":1139,"children":1140},{"style":332},[1141],{"type":22,"value":1142},"{",{"type":16,"tag":104,"props":1144,"children":1145},{"style":555},[1146],{"type":22,"value":1096},{"type":16,"tag":104,"props":1148,"children":1149},{"style":111},[1150],{"type":22,"value":1081},{"type":16,"tag":104,"props":1152,"children":1153},{"style":117},[1154],{"type":22,"value":1155},"label",{"type":16,"tag":104,"props":1157,"children":1158},{"style":332},[1159],{"type":22,"value":1160},"}\n",{"type":16,"tag":104,"props":1162,"children":1164},{"class":106,"line":1163},46,[1165,1170,1174],{"type":16,"tag":104,"props":1166,"children":1167},{"style":1046},[1168],{"type":22,"value":1169}," variant",{"type":16,"tag":104,"props":1171,"children":1172},{"style":561},[1173],{"type":22,"value":130},{"type":16,"tag":104,"props":1175,"children":1176},{"style":133},[1177],{"type":22,"value":1178},"\"tertiary\"\n",{"type":16,"tag":104,"props":1180,"children":1182},{"class":106,"line":1181},47,[1183,1188,1192,1196,1200,1204,1209],{"type":16,"tag":104,"props":1184,"children":1185},{"style":1046},[1186],{"type":22,"value":1187}," slotPrefix",{"type":16,"tag":104,"props":1189,"children":1190},{"style":561},[1191],{"type":22,"value":130},{"type":16,"tag":104,"props":1193,"children":1194},{"style":332},[1195],{"type":22,"value":1142},{"type":16,"tag":104,"props":1197,"children":1198},{"style":555},[1199],{"type":22,"value":1096},{"type":16,"tag":104,"props":1201,"children":1202},{"style":111},[1203],{"type":22,"value":1081},{"type":16,"tag":104,"props":1205,"children":1206},{"style":117},[1207],{"type":22,"value":1208},"icon",{"type":16,"tag":104,"props":1210,"children":1211},{"style":332},[1212],{"type":22,"value":1160},{"type":16,"tag":104,"props":1214,"children":1216},{"class":106,"line":1215},48,[1217,1222,1226,1230,1235],{"type":16,"tag":104,"props":1218,"children":1219},{"style":1046},[1220],{"type":22,"value":1221}," className",{"type":16,"tag":104,"props":1223,"children":1224},{"style":561},[1225],{"type":22,"value":130},{"type":16,"tag":104,"props":1227,"children":1228},{"style":332},[1229],{"type":22,"value":1142},{"type":16,"tag":104,"props":1231,"children":1232},{"style":535},[1233],{"type":22,"value":1234},"classNames",{"type":16,"tag":104,"props":1236,"children":1237},{"style":111},[1238],{"type":22,"value":1239},"(\n",{"type":16,"tag":104,"props":1241,"children":1243},{"class":106,"line":1242},49,[1244,1249],{"type":16,"tag":104,"props":1245,"children":1246},{"style":133},[1247],{"type":22,"value":1248}," 'pt-3 pb-1 gap-0.5 flex flex-col h-full w-full rounded-none hover:text-primary-800 hover:bg-primary-100 active:text-primary-900 active:bg-primary-200'",{"type":16,"tag":104,"props":1250,"children":1251},{"style":111},[1252],{"type":22,"value":380},{"type":16,"tag":104,"props":1254,"children":1256},{"class":106,"line":1255},50,[1257,1262,1267,1271,1275,1280,1285,1289,1293],{"type":16,"tag":104,"props":1258,"children":1259},{"style":111},[1260],{"type":22,"value":1261}," { ",{"type":16,"tag":104,"props":1263,"children":1264},{"style":133},[1265],{"type":22,"value":1266},"'text-primary-900 bg-primary-200'",{"type":16,"tag":104,"props":1268,"children":1269},{"style":111},[1270],{"type":22,"value":592},{"type":16,"tag":104,"props":1272,"children":1273},{"style":117},[1274],{"type":22,"value":901},{"type":16,"tag":104,"props":1276,"children":1277},{"style":561},[1278],{"type":22,"value":1279}," ===",{"type":16,"tag":104,"props":1281,"children":1282},{"style":555},[1283],{"type":22,"value":1284}," item",{"type":16,"tag":104,"props":1286,"children":1287},{"style":111},[1288],{"type":22,"value":1081},{"type":16,"tag":104,"props":1290,"children":1291},{"style":117},[1292],{"type":22,"value":1155},{"type":16,"tag":104,"props":1294,"children":1295},{"style":111},[1296],{"type":22,"value":1297}," },\n",{"type":16,"tag":104,"props":1299,"children":1301},{"class":106,"line":1300},51,[1302,1307],{"type":16,"tag":104,"props":1303,"children":1304},{"style":111},[1305],{"type":22,"value":1306}," )",{"type":16,"tag":104,"props":1308,"children":1309},{"style":332},[1310],{"type":22,"value":1160},{"type":16,"tag":104,"props":1312,"children":1314},{"class":106,"line":1313},52,[1315,1320,1324,1328,1333,1337,1341,1345,1349,1353,1357,1362],{"type":16,"tag":104,"props":1316,"children":1317},{"style":1046},[1318],{"type":22,"value":1319}," onClick",{"type":16,"tag":104,"props":1321,"children":1322},{"style":561},[1323],{"type":22,"value":130},{"type":16,"tag":104,"props":1325,"children":1326},{"style":332},[1327],{"type":22,"value":1142},{"type":16,"tag":104,"props":1329,"children":1330},{"style":111},[1331],{"type":22,"value":1332},"() ",{"type":16,"tag":104,"props":1334,"children":1335},{"style":332},[1336],{"type":22,"value":1106},{"type":16,"tag":104,"props":1338,"children":1339},{"style":535},[1340],{"type":22,"value":953},{"type":16,"tag":104,"props":1342,"children":1343},{"style":111},[1344],{"type":22,"value":929},{"type":16,"tag":104,"props":1346,"children":1347},{"style":555},[1348],{"type":22,"value":1096},{"type":16,"tag":104,"props":1350,"children":1351},{"style":111},[1352],{"type":22,"value":1081},{"type":16,"tag":104,"props":1354,"children":1355},{"style":117},[1356],{"type":22,"value":1155},{"type":16,"tag":104,"props":1358,"children":1359},{"style":111},[1360],{"type":22,"value":1361},")",{"type":16,"tag":104,"props":1363,"children":1364},{"style":332},[1365],{"type":22,"value":1160},{"type":16,"tag":104,"props":1367,"children":1369},{"class":106,"line":1368},53,[1370],{"type":16,"tag":104,"props":1371,"children":1372},{"style":111},[1373],{"type":22,"value":1374}," >\n",{"type":16,"tag":104,"props":1376,"children":1378},{"class":106,"line":1377},54,[1379,1384,1388,1392,1396],{"type":16,"tag":104,"props":1380,"children":1381},{"style":332},[1382],{"type":22,"value":1383}," {",{"type":16,"tag":104,"props":1385,"children":1386},{"style":555},[1387],{"type":22,"value":1096},{"type":16,"tag":104,"props":1389,"children":1390},{"style":111},[1391],{"type":22,"value":1081},{"type":16,"tag":104,"props":1393,"children":1394},{"style":117},[1395],{"type":22,"value":1155},{"type":16,"tag":104,"props":1397,"children":1398},{"style":332},[1399],{"type":22,"value":1160},{"type":16,"tag":104,"props":1401,"children":1403},{"class":106,"line":1402},55,[1404,1409,1413],{"type":16,"tag":104,"props":1405,"children":1406},{"style":111},[1407],{"type":22,"value":1408}," \u003C\u002F",{"type":16,"tag":104,"props":1410,"children":1411},{"style":555},[1412],{"type":22,"value":61},{"type":16,"tag":104,"props":1414,"children":1415},{"style":111},[1416],{"type":22,"value":155},{"type":16,"tag":104,"props":1418,"children":1420},{"class":106,"line":1419},56,[1421,1426],{"type":16,"tag":104,"props":1422,"children":1423},{"style":111},[1424],{"type":22,"value":1425}," ))",{"type":16,"tag":104,"props":1427,"children":1428},{"style":332},[1429],{"type":22,"value":1160},{"type":16,"tag":104,"props":1431,"children":1433},{"class":106,"line":1432},57,[1434,1439,1443],{"type":16,"tag":104,"props":1435,"children":1436},{"style":111},[1437],{"type":22,"value":1438}," \u003C\u002F",{"type":16,"tag":104,"props":1440,"children":1441},{"style":117},[1442],{"type":22,"value":1043},{"type":16,"tag":104,"props":1444,"children":1445},{"style":111},[1446],{"type":22,"value":155},{"type":16,"tag":104,"props":1448,"children":1450},{"class":106,"line":1449},58,[1451],{"type":16,"tag":104,"props":1452,"children":1453},{"style":111},[1454],{"type":22,"value":1455}," );\n",{"type":16,"tag":104,"props":1457,"children":1459},{"class":106,"line":1458},59,[1460],{"type":16,"tag":104,"props":1461,"children":1462},{"style":111},[1463],{"type":22,"value":1160},{"type":16,"tag":29,"props":1465,"children":1466},{},[1467],{"type":16,"tag":94,"props":1468,"children":1472},{"className":1469,"code":1470,"language":1471,"meta":9,"style":9},"language-vue shiki shiki-themes one-dark-pro","\u003Ctemplate>\n \u003Cnav class=\"max-w-[500px] bottom-0 w-full left-0 fixed flex flex-row items-stretch bg-white text-primary-700\">\n \u003CSfButton\n v-for=\"item in items\"\n :key=\"item.label\"\n variant=\"tertiary\"\n :class=\"[\n 'pt-3 pb-1 gap-0.5 flex flex-col h-full w-full rounded-none hover:text-primary-800 hover:bg-primary-100 active:text-primary-900 active:bg-primary-200',\n { 'text-primary-900 bg-primary-200': selectedItem === item.label },\n ]\"\n @click=\"onClickHandler(item.label)\"\n >\n \u003Ctemplate #prefix>\n \u003CComponent :is=\"item.icon\" \u002F>\n \u003C\u002Ftemplate>\n {{ item.label }}\n \u003C\u002FSfButton>\n \u003C\u002Fnav>\n\u003C\u002Ftemplate>\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { SfButton, SfIconHome, SfIconMenu, SfIconShoppingCart, SfIconFavorite, SfIconPerson } from '@storefront-ui\u002Fvue';\n\nconst items = [\n {\n label: 'Home',\n icon: SfIconHome,\n },\n {\n label: 'Products',\n icon: SfIconMenu,\n },\n {\n label: 'Cart',\n icon: SfIconShoppingCart,\n },\n {\n label: 'Watchlist',\n icon: SfIconFavorite,\n },\n {\n label: 'Account',\n icon: SfIconPerson,\n },\n];\nconst selectedItem = ref('');\nfunction onClickHandler(itemLabel: string) {\n selectedItem.value = itemLabel;\n}\n\u003C\u002Fscript>\n\n","vue",[1473],{"type":16,"tag":56,"props":1474,"children":1475},{"__ignoreMap":9},[1476,1491,1520,1531,1548,1565,1581,1598,1606,1614,1622,1639,1647,1673,1704,1720,1728,1743,1759,1774,1809,1842,1914,1921,1941,1949,1969,1989,1997,2004,2023,2042,2049,2056,2075,2094,2101,2108,2127,2146,2153,2160,2179,2198,2205,2213,2246,2278,2308,2315],{"type":16,"tag":104,"props":1477,"children":1478},{"class":106,"line":107},[1479,1483,1487],{"type":16,"tag":104,"props":1480,"children":1481},{"style":111},[1482],{"type":22,"value":114},{"type":16,"tag":104,"props":1484,"children":1485},{"style":117},[1486],{"type":22,"value":37},{"type":16,"tag":104,"props":1488,"children":1489},{"style":111},[1490],{"type":22,"value":155},{"type":16,"tag":104,"props":1492,"children":1493},{"class":106,"line":158},[1494,1499,1503,1508,1512,1516],{"type":16,"tag":104,"props":1495,"children":1496},{"style":111},[1497],{"type":22,"value":1498}," \u003C",{"type":16,"tag":104,"props":1500,"children":1501},{"style":117},[1502],{"type":22,"value":1043},{"type":16,"tag":104,"props":1504,"children":1505},{"style":122},[1506],{"type":22,"value":1507}," class",{"type":16,"tag":104,"props":1509,"children":1510},{"style":111},[1511],{"type":22,"value":130},{"type":16,"tag":104,"props":1513,"children":1514},{"style":133},[1515],{"type":22,"value":1058},{"type":16,"tag":104,"props":1517,"children":1518},{"style":111},[1519],{"type":22,"value":155},{"type":16,"tag":104,"props":1521,"children":1522},{"class":106,"line":167},[1523,1527],{"type":16,"tag":104,"props":1524,"children":1525},{"style":111},[1526],{"type":22,"value":1038},{"type":16,"tag":104,"props":1528,"children":1529},{"style":117},[1530],{"type":22,"value":1124},{"type":16,"tag":104,"props":1532,"children":1533},{"class":106,"line":383},[1534,1539,1543],{"type":16,"tag":104,"props":1535,"children":1536},{"style":122},[1537],{"type":22,"value":1538}," v-for",{"type":16,"tag":104,"props":1540,"children":1541},{"style":111},[1542],{"type":22,"value":130},{"type":16,"tag":104,"props":1544,"children":1545},{"style":133},[1546],{"type":22,"value":1547},"\"item in items\"\n",{"type":16,"tag":104,"props":1549,"children":1550},{"class":106,"line":396},[1551,1556,1560],{"type":16,"tag":104,"props":1552,"children":1553},{"style":122},[1554],{"type":22,"value":1555}," :key",{"type":16,"tag":104,"props":1557,"children":1558},{"style":111},[1559],{"type":22,"value":130},{"type":16,"tag":104,"props":1561,"children":1562},{"style":133},[1563],{"type":22,"value":1564},"\"item.label\"\n",{"type":16,"tag":104,"props":1566,"children":1567},{"class":106,"line":409},[1568,1573,1577],{"type":16,"tag":104,"props":1569,"children":1570},{"style":122},[1571],{"type":22,"value":1572}," variant",{"type":16,"tag":104,"props":1574,"children":1575},{"style":111},[1576],{"type":22,"value":130},{"type":16,"tag":104,"props":1578,"children":1579},{"style":133},[1580],{"type":22,"value":1178},{"type":16,"tag":104,"props":1582,"children":1583},{"class":106,"line":422},[1584,1589,1593],{"type":16,"tag":104,"props":1585,"children":1586},{"style":122},[1587],{"type":22,"value":1588}," :class",{"type":16,"tag":104,"props":1590,"children":1591},{"style":111},[1592],{"type":22,"value":130},{"type":16,"tag":104,"props":1594,"children":1595},{"style":133},[1596],{"type":22,"value":1597},"\"[\n",{"type":16,"tag":104,"props":1599,"children":1600},{"class":106,"line":435},[1601],{"type":16,"tag":104,"props":1602,"children":1603},{"style":133},[1604],{"type":22,"value":1605}," 'pt-3 pb-1 gap-0.5 flex flex-col h-full w-full rounded-none hover:text-primary-800 hover:bg-primary-100 active:text-primary-900 active:bg-primary-200',\n",{"type":16,"tag":104,"props":1607,"children":1608},{"class":106,"line":448},[1609],{"type":16,"tag":104,"props":1610,"children":1611},{"style":133},[1612],{"type":22,"value":1613}," { 'text-primary-900 bg-primary-200': selectedItem === item.label },\n",{"type":16,"tag":104,"props":1615,"children":1616},{"class":106,"line":471},[1617],{"type":16,"tag":104,"props":1618,"children":1619},{"style":133},[1620],{"type":22,"value":1621}," ]\"\n",{"type":16,"tag":104,"props":1623,"children":1624},{"class":106,"line":507},[1625,1630,1634],{"type":16,"tag":104,"props":1626,"children":1627},{"style":122},[1628],{"type":22,"value":1629}," @click",{"type":16,"tag":104,"props":1631,"children":1632},{"style":111},[1633],{"type":22,"value":130},{"type":16,"tag":104,"props":1635,"children":1636},{"style":133},[1637],{"type":22,"value":1638},"\"onClickHandler(item.label)\"\n",{"type":16,"tag":104,"props":1640,"children":1641},{"class":106,"line":516},[1642],{"type":16,"tag":104,"props":1643,"children":1644},{"style":111},[1645],{"type":22,"value":1646}," >\n",{"type":16,"tag":104,"props":1648,"children":1649},{"class":106,"line":546},[1650,1655,1659,1664,1669],{"type":16,"tag":104,"props":1651,"children":1652},{"style":111},[1653],{"type":22,"value":1654}," \u003C",{"type":16,"tag":104,"props":1656,"children":1657},{"style":117},[1658],{"type":22,"value":37},{"type":16,"tag":104,"props":1660,"children":1661},{"style":111},[1662],{"type":22,"value":1663}," #",{"type":16,"tag":104,"props":1665,"children":1666},{"style":122},[1667],{"type":22,"value":1668},"prefix",{"type":16,"tag":104,"props":1670,"children":1671},{"style":111},[1672],{"type":22,"value":155},{"type":16,"tag":104,"props":1674,"children":1675},{"class":106,"line":572},[1676,1680,1685,1690,1694,1699],{"type":16,"tag":104,"props":1677,"children":1678},{"style":111},[1679],{"type":22,"value":1119},{"type":16,"tag":104,"props":1681,"children":1682},{"style":117},[1683],{"type":22,"value":1684},"Component",{"type":16,"tag":104,"props":1686,"children":1687},{"style":122},[1688],{"type":22,"value":1689}," :is",{"type":16,"tag":104,"props":1691,"children":1692},{"style":111},[1693],{"type":22,"value":130},{"type":16,"tag":104,"props":1695,"children":1696},{"style":133},[1697],{"type":22,"value":1698},"\"item.icon\"",{"type":16,"tag":104,"props":1700,"children":1701},{"style":111},[1702],{"type":22,"value":1703}," \u002F>\n",{"type":16,"tag":104,"props":1705,"children":1706},{"class":106,"line":581},[1707,1712,1716],{"type":16,"tag":104,"props":1708,"children":1709},{"style":111},[1710],{"type":22,"value":1711}," \u003C\u002F",{"type":16,"tag":104,"props":1713,"children":1714},{"style":117},[1715],{"type":22,"value":37},{"type":16,"tag":104,"props":1717,"children":1718},{"style":111},[1719],{"type":22,"value":155},{"type":16,"tag":104,"props":1721,"children":1722},{"class":106,"line":604},[1723],{"type":16,"tag":104,"props":1724,"children":1725},{"style":111},[1726],{"type":22,"value":1727}," {{ item.label }}\n",{"type":16,"tag":104,"props":1729,"children":1730},{"class":106,"line":628},[1731,1735,1739],{"type":16,"tag":104,"props":1732,"children":1733},{"style":111},[1734],{"type":22,"value":1438},{"type":16,"tag":104,"props":1736,"children":1737},{"style":117},[1738],{"type":22,"value":61},{"type":16,"tag":104,"props":1740,"children":1741},{"style":111},[1742],{"type":22,"value":155},{"type":16,"tag":104,"props":1744,"children":1745},{"class":106,"line":637},[1746,1751,1755],{"type":16,"tag":104,"props":1747,"children":1748},{"style":111},[1749],{"type":22,"value":1750}," \u003C\u002F",{"type":16,"tag":104,"props":1752,"children":1753},{"style":117},[1754],{"type":22,"value":1043},{"type":16,"tag":104,"props":1756,"children":1757},{"style":111},[1758],{"type":22,"value":155},{"type":16,"tag":104,"props":1760,"children":1761},{"class":106,"line":645},[1762,1766,1770],{"type":16,"tag":104,"props":1763,"children":1764},{"style":111},[1765],{"type":22,"value":173},{"type":16,"tag":104,"props":1767,"children":1768},{"style":117},[1769],{"type":22,"value":37},{"type":16,"tag":104,"props":1771,"children":1772},{"style":111},[1773],{"type":22,"value":155},{"type":16,"tag":104,"props":1775,"children":1776},{"class":106,"line":666},[1777,1781,1786,1791,1796,1800,1805],{"type":16,"tag":104,"props":1778,"children":1779},{"style":111},[1780],{"type":22,"value":114},{"type":16,"tag":104,"props":1782,"children":1783},{"style":117},[1784],{"type":22,"value":1785},"script",{"type":16,"tag":104,"props":1787,"children":1788},{"style":122},[1789],{"type":22,"value":1790}," setup",{"type":16,"tag":104,"props":1792,"children":1793},{"style":122},[1794],{"type":22,"value":1795}," lang",{"type":16,"tag":104,"props":1797,"children":1798},{"style":111},[1799],{"type":22,"value":130},{"type":16,"tag":104,"props":1801,"children":1802},{"style":133},[1803],{"type":22,"value":1804},"\"ts\"",{"type":16,"tag":104,"props":1806,"children":1807},{"style":111},[1808],{"type":22,"value":155},{"type":16,"tag":104,"props":1810,"children":1811},{"class":106,"line":687},[1812,1816,1820,1825,1829,1833,1838],{"type":16,"tag":104,"props":1813,"children":1814},{"style":332},[1815],{"type":22,"value":335},{"type":16,"tag":104,"props":1817,"children":1818},{"style":111},[1819],{"type":22,"value":481},{"type":16,"tag":104,"props":1821,"children":1822},{"style":117},[1823],{"type":22,"value":1824},"ref",{"type":16,"tag":104,"props":1826,"children":1827},{"style":111},[1828],{"type":22,"value":491},{"type":16,"tag":104,"props":1830,"children":1831},{"style":332},[1832],{"type":22,"value":459},{"type":16,"tag":104,"props":1834,"children":1835},{"style":133},[1836],{"type":22,"value":1837}," 'vue'",{"type":16,"tag":104,"props":1839,"children":1840},{"style":111},[1841],{"type":22,"value":355},{"type":16,"tag":104,"props":1843,"children":1844},{"class":106,"line":695},[1845,1849,1853,1857,1861,1865,1869,1873,1877,1881,1885,1889,1893,1897,1901,1905,1910],{"type":16,"tag":104,"props":1846,"children":1847},{"style":332},[1848],{"type":22,"value":335},{"type":16,"tag":104,"props":1850,"children":1851},{"style":111},[1852],{"type":22,"value":481},{"type":16,"tag":104,"props":1854,"children":1855},{"style":117},[1856],{"type":22,"value":61},{"type":16,"tag":104,"props":1858,"children":1859},{"style":111},[1860],{"type":22,"value":78},{"type":16,"tag":104,"props":1862,"children":1863},{"style":117},[1864],{"type":22,"value":620},{"type":16,"tag":104,"props":1866,"children":1867},{"style":111},[1868],{"type":22,"value":78},{"type":16,"tag":104,"props":1870,"children":1871},{"style":117},[1872],{"type":22,"value":680},{"type":16,"tag":104,"props":1874,"children":1875},{"style":111},[1876],{"type":22,"value":78},{"type":16,"tag":104,"props":1878,"children":1879},{"style":117},[1880],{"type":22,"value":738},{"type":16,"tag":104,"props":1882,"children":1883},{"style":111},[1884],{"type":22,"value":78},{"type":16,"tag":104,"props":1886,"children":1887},{"style":117},[1888],{"type":22,"value":796},{"type":16,"tag":104,"props":1890,"children":1891},{"style":111},[1892],{"type":22,"value":78},{"type":16,"tag":104,"props":1894,"children":1895},{"style":117},[1896],{"type":22,"value":854},{"type":16,"tag":104,"props":1898,"children":1899},{"style":111},[1900],{"type":22,"value":491},{"type":16,"tag":104,"props":1902,"children":1903},{"style":332},[1904],{"type":22,"value":459},{"type":16,"tag":104,"props":1906,"children":1907},{"style":133},[1908],{"type":22,"value":1909}," '@storefront-ui\u002Fvue'",{"type":16,"tag":104,"props":1911,"children":1912},{"style":111},[1913],{"type":22,"value":355},{"type":16,"tag":104,"props":1915,"children":1916},{"class":106,"line":703},[1917],{"type":16,"tag":104,"props":1918,"children":1919},{"emptyLinePlaceholder":8},[1920],{"type":22,"value":513},{"type":16,"tag":104,"props":1922,"children":1923},{"class":106,"line":724},[1924,1929,1933,1937],{"type":16,"tag":104,"props":1925,"children":1926},{"style":332},[1927],{"type":22,"value":1928},"const",{"type":16,"tag":104,"props":1930,"children":1931},{"style":555},[1932],{"type":22,"value":558},{"type":16,"tag":104,"props":1934,"children":1935},{"style":561},[1936],{"type":22,"value":564},{"type":16,"tag":104,"props":1938,"children":1939},{"style":111},[1940],{"type":22,"value":569},{"type":16,"tag":104,"props":1942,"children":1943},{"class":106,"line":745},[1944],{"type":16,"tag":104,"props":1945,"children":1946},{"style":111},[1947],{"type":22,"value":1948}," {\n",{"type":16,"tag":104,"props":1950,"children":1951},{"class":106,"line":753},[1952,1957,1961,1965],{"type":16,"tag":104,"props":1953,"children":1954},{"style":117},[1955],{"type":22,"value":1956}," label",{"type":16,"tag":104,"props":1958,"children":1959},{"style":111},[1960],{"type":22,"value":592},{"type":16,"tag":104,"props":1962,"children":1963},{"style":133},[1964],{"type":22,"value":597},{"type":16,"tag":104,"props":1966,"children":1967},{"style":111},[1968],{"type":22,"value":380},{"type":16,"tag":104,"props":1970,"children":1971},{"class":106,"line":761},[1972,1977,1981,1985],{"type":16,"tag":104,"props":1973,"children":1974},{"style":117},[1975],{"type":22,"value":1976}," icon",{"type":16,"tag":104,"props":1978,"children":1979},{"style":111},[1980],{"type":22,"value":592},{"type":16,"tag":104,"props":1982,"children":1983},{"style":117},[1984],{"type":22,"value":620},{"type":16,"tag":104,"props":1986,"children":1987},{"style":111},[1988],{"type":22,"value":380},{"type":16,"tag":104,"props":1990,"children":1991},{"class":106,"line":782},[1992],{"type":16,"tag":104,"props":1993,"children":1994},{"style":111},[1995],{"type":22,"value":1996}," },\n",{"type":16,"tag":104,"props":1998,"children":1999},{"class":106,"line":803},[2000],{"type":16,"tag":104,"props":2001,"children":2002},{"style":111},[2003],{"type":22,"value":1948},{"type":16,"tag":104,"props":2005,"children":2006},{"class":106,"line":811},[2007,2011,2015,2019],{"type":16,"tag":104,"props":2008,"children":2009},{"style":117},[2010],{"type":22,"value":1956},{"type":16,"tag":104,"props":2012,"children":2013},{"style":111},[2014],{"type":22,"value":592},{"type":16,"tag":104,"props":2016,"children":2017},{"style":133},[2018],{"type":22,"value":659},{"type":16,"tag":104,"props":2020,"children":2021},{"style":111},[2022],{"type":22,"value":380},{"type":16,"tag":104,"props":2024,"children":2025},{"class":106,"line":819},[2026,2030,2034,2038],{"type":16,"tag":104,"props":2027,"children":2028},{"style":117},[2029],{"type":22,"value":1976},{"type":16,"tag":104,"props":2031,"children":2032},{"style":111},[2033],{"type":22,"value":592},{"type":16,"tag":104,"props":2035,"children":2036},{"style":117},[2037],{"type":22,"value":680},{"type":16,"tag":104,"props":2039,"children":2040},{"style":111},[2041],{"type":22,"value":380},{"type":16,"tag":104,"props":2043,"children":2044},{"class":106,"line":840},[2045],{"type":16,"tag":104,"props":2046,"children":2047},{"style":111},[2048],{"type":22,"value":1996},{"type":16,"tag":104,"props":2050,"children":2051},{"class":106,"line":861},[2052],{"type":16,"tag":104,"props":2053,"children":2054},{"style":111},[2055],{"type":22,"value":1948},{"type":16,"tag":104,"props":2057,"children":2058},{"class":106,"line":869},[2059,2063,2067,2071],{"type":16,"tag":104,"props":2060,"children":2061},{"style":117},[2062],{"type":22,"value":1956},{"type":16,"tag":104,"props":2064,"children":2065},{"style":111},[2066],{"type":22,"value":592},{"type":16,"tag":104,"props":2068,"children":2069},{"style":133},[2070],{"type":22,"value":717},{"type":16,"tag":104,"props":2072,"children":2073},{"style":111},[2074],{"type":22,"value":380},{"type":16,"tag":104,"props":2076,"children":2077},{"class":106,"line":878},[2078,2082,2086,2090],{"type":16,"tag":104,"props":2079,"children":2080},{"style":117},[2081],{"type":22,"value":1976},{"type":16,"tag":104,"props":2083,"children":2084},{"style":111},[2085],{"type":22,"value":592},{"type":16,"tag":104,"props":2087,"children":2088},{"style":117},[2089],{"type":22,"value":738},{"type":16,"tag":104,"props":2091,"children":2092},{"style":111},[2093],{"type":22,"value":380},{"type":16,"tag":104,"props":2095,"children":2096},{"class":106,"line":886},[2097],{"type":16,"tag":104,"props":2098,"children":2099},{"style":111},[2100],{"type":22,"value":1996},{"type":16,"tag":104,"props":2102,"children":2103},{"class":106,"line":942},[2104],{"type":16,"tag":104,"props":2105,"children":2106},{"style":111},[2107],{"type":22,"value":1948},{"type":16,"tag":104,"props":2109,"children":2110},{"class":106,"line":980},[2111,2115,2119,2123],{"type":16,"tag":104,"props":2112,"children":2113},{"style":117},[2114],{"type":22,"value":1956},{"type":16,"tag":104,"props":2116,"children":2117},{"style":111},[2118],{"type":22,"value":592},{"type":16,"tag":104,"props":2120,"children":2121},{"style":133},[2122],{"type":22,"value":775},{"type":16,"tag":104,"props":2124,"children":2125},{"style":111},[2126],{"type":22,"value":380},{"type":16,"tag":104,"props":2128,"children":2129},{"class":106,"line":1001},[2130,2134,2138,2142],{"type":16,"tag":104,"props":2131,"children":2132},{"style":117},[2133],{"type":22,"value":1976},{"type":16,"tag":104,"props":2135,"children":2136},{"style":111},[2137],{"type":22,"value":592},{"type":16,"tag":104,"props":2139,"children":2140},{"style":117},[2141],{"type":22,"value":796},{"type":16,"tag":104,"props":2143,"children":2144},{"style":111},[2145],{"type":22,"value":380},{"type":16,"tag":104,"props":2147,"children":2148},{"class":106,"line":1010},[2149],{"type":16,"tag":104,"props":2150,"children":2151},{"style":111},[2152],{"type":22,"value":1996},{"type":16,"tag":104,"props":2154,"children":2155},{"class":106,"line":1018},[2156],{"type":16,"tag":104,"props":2157,"children":2158},{"style":111},[2159],{"type":22,"value":1948},{"type":16,"tag":104,"props":2161,"children":2162},{"class":106,"line":1032},[2163,2167,2171,2175],{"type":16,"tag":104,"props":2164,"children":2165},{"style":117},[2166],{"type":22,"value":1956},{"type":16,"tag":104,"props":2168,"children":2169},{"style":111},[2170],{"type":22,"value":592},{"type":16,"tag":104,"props":2172,"children":2173},{"style":133},[2174],{"type":22,"value":833},{"type":16,"tag":104,"props":2176,"children":2177},{"style":111},[2178],{"type":22,"value":380},{"type":16,"tag":104,"props":2180,"children":2181},{"class":106,"line":1065},[2182,2186,2190,2194],{"type":16,"tag":104,"props":2183,"children":2184},{"style":117},[2185],{"type":22,"value":1976},{"type":16,"tag":104,"props":2187,"children":2188},{"style":111},[2189],{"type":22,"value":592},{"type":16,"tag":104,"props":2191,"children":2192},{"style":117},[2193],{"type":22,"value":854},{"type":16,"tag":104,"props":2195,"children":2196},{"style":111},[2197],{"type":22,"value":380},{"type":16,"tag":104,"props":2199,"children":2200},{"class":106,"line":1113},[2201],{"type":16,"tag":104,"props":2202,"children":2203},{"style":111},[2204],{"type":22,"value":1996},{"type":16,"tag":104,"props":2206,"children":2207},{"class":106,"line":1127},[2208],{"type":16,"tag":104,"props":2209,"children":2210},{"style":111},[2211],{"type":22,"value":2212},"];\n",{"type":16,"tag":104,"props":2214,"children":2215},{"class":106,"line":1163},[2216,2220,2225,2229,2234,2238,2242],{"type":16,"tag":104,"props":2217,"children":2218},{"style":332},[2219],{"type":22,"value":1928},{"type":16,"tag":104,"props":2221,"children":2222},{"style":555},[2223],{"type":22,"value":2224}," selectedItem",{"type":16,"tag":104,"props":2226,"children":2227},{"style":561},[2228],{"type":22,"value":564},{"type":16,"tag":104,"props":2230,"children":2231},{"style":535},[2232],{"type":22,"value":2233}," ref",{"type":16,"tag":104,"props":2235,"children":2236},{"style":111},[2237],{"type":22,"value":929},{"type":16,"tag":104,"props":2239,"children":2240},{"style":133},[2241],{"type":22,"value":934},{"type":16,"tag":104,"props":2243,"children":2244},{"style":111},[2245],{"type":22,"value":939},{"type":16,"tag":104,"props":2247,"children":2248},{"class":106,"line":1181},[2249,2254,2258,2262,2266,2270,2274],{"type":16,"tag":104,"props":2250,"children":2251},{"style":332},[2252],{"type":22,"value":2253},"function",{"type":16,"tag":104,"props":2255,"children":2256},{"style":535},[2257],{"type":22,"value":953},{"type":16,"tag":104,"props":2259,"children":2260},{"style":111},[2261],{"type":22,"value":929},{"type":16,"tag":104,"props":2263,"children":2264},{"style":960},[2265],{"type":22,"value":963},{"type":16,"tag":104,"props":2267,"children":2268},{"style":111},[2269],{"type":22,"value":592},{"type":16,"tag":104,"props":2271,"children":2272},{"style":555},[2273],{"type":22,"value":972},{"type":16,"tag":104,"props":2275,"children":2276},{"style":111},[2277],{"type":22,"value":977},{"type":16,"tag":104,"props":2279,"children":2280},{"class":106,"line":1215},[2281,2286,2290,2295,2299,2304],{"type":16,"tag":104,"props":2282,"children":2283},{"style":555},[2284],{"type":22,"value":2285}," selectedItem",{"type":16,"tag":104,"props":2287,"children":2288},{"style":111},[2289],{"type":22,"value":1081},{"type":16,"tag":104,"props":2291,"children":2292},{"style":117},[2293],{"type":22,"value":2294},"value",{"type":16,"tag":104,"props":2296,"children":2297},{"style":561},[2298],{"type":22,"value":564},{"type":16,"tag":104,"props":2300,"children":2301},{"style":117},[2302],{"type":22,"value":2303}," itemLabel",{"type":16,"tag":104,"props":2305,"children":2306},{"style":111},[2307],{"type":22,"value":355},{"type":16,"tag":104,"props":2309,"children":2310},{"class":106,"line":1242},[2311],{"type":16,"tag":104,"props":2312,"children":2313},{"style":111},[2314],{"type":22,"value":1160},{"type":16,"tag":104,"props":2316,"children":2317},{"class":106,"line":1255},[2318,2322,2326],{"type":16,"tag":104,"props":2319,"children":2320},{"style":111},[2321],{"type":22,"value":173},{"type":16,"tag":104,"props":2323,"children":2324},{"style":117},[2325],{"type":22,"value":1785},{"type":16,"tag":104,"props":2327,"children":2328},{"style":111},[2329],{"type":22,"value":155},{"type":16,"tag":303,"props":2331,"children":2333},{"id":2332},"navbarbottom-with-filled-background",[2334],{"type":22,"value":2335},"NavbarBottom with filled background",{"type":16,"tag":310,"props":2337,"children":2339},{"showcase-name":2338,"no-paddings":9,"style":313},"NavbarBottom\u002FNavbarBottomFilled",[2340,3323],{"type":16,"tag":183,"props":2341,"children":2342},{},[2343],{"type":16,"tag":94,"props":2344,"children":2346},{"className":320,"code":2345,"language":322,"meta":9,"style":9},"import classNames from 'classnames';\nimport {\n SfButton,\n SfIconHome,\n SfIconMenu,\n SfIconShoppingCart,\n SfIconFavorite,\n SfIconPerson,\n} from '@storefront-ui\u002Freact';\nimport { useState } from 'react';\n\nexport default function BottomNavFilled() {\n const items = [\n {\n label: 'Home',\n icon: \u003CSfIconHome \u002F>,\n },\n {\n label: 'Products',\n icon: \u003CSfIconMenu \u002F>,\n },\n {\n label: 'Cart',\n icon: \u003CSfIconShoppingCart \u002F>,\n },\n {\n label: 'Watchlist',\n icon: \u003CSfIconFavorite \u002F>,\n },\n {\n label: 'Account',\n icon: \u003CSfIconPerson \u002F>,\n },\n ];\n\n const [selectedItem, setselectedItem] = useState('');\n function onClickHandler(itemLabel: string) {\n setselectedItem(itemLabel);\n }\n\n return (\n \u003Cnav className=\"max-w-[500px] bottom-0 w-full left-0 fixed flex flex-row items-stretch\">\n {items.map((item) => (\n \u003CSfButton\n key={item.label}\n variant=\"tertiary\"\n slotPrefix={item.icon}\n className={classNames(\n 'pt-3 pb-1 gap-0.5 flex flex-col h-full w-full rounded-none bg-primary-700 text-white hover:text-white hover:bg-primary-800 active:text-white active:bg-primary-900',\n { 'text-white bg-primary-900': selectedItem === item.label },\n )}\n onClick={() => onClickHandler(item.label)}\n >\n {item.label}\n \u003C\u002FSfButton>\n ))}\n \u003C\u002Fnav>\n );\n}\n",[2347],{"type":16,"tag":56,"props":2348,"children":2349},{"__ignoreMap":9},[2350,2373,2384,2395,2406,2417,2428,2439,2450,2469,2500,2507,2531,2550,2557,2576,2595,2602,2609,2628,2647,2654,2661,2680,2699,2706,2713,2732,2751,2758,2765,2784,2803,2810,2817,2824,2871,2902,2921,2928,2935,2946,2974,3013,3024,3055,3070,3101,3124,3136,3176,3187,3238,3245,3268,3283,3294,3309,3316],{"type":16,"tag":104,"props":2351,"children":2352},{"class":106,"line":107},[2353,2357,2361,2365,2369],{"type":16,"tag":104,"props":2354,"children":2355},{"style":332},[2356],{"type":22,"value":335},{"type":16,"tag":104,"props":2358,"children":2359},{"style":117},[2360],{"type":22,"value":340},{"type":16,"tag":104,"props":2362,"children":2363},{"style":332},[2364],{"type":22,"value":345},{"type":16,"tag":104,"props":2366,"children":2367},{"style":133},[2368],{"type":22,"value":350},{"type":16,"tag":104,"props":2370,"children":2371},{"style":111},[2372],{"type":22,"value":355},{"type":16,"tag":104,"props":2374,"children":2375},{"class":106,"line":158},[2376,2380],{"type":16,"tag":104,"props":2377,"children":2378},{"style":332},[2379],{"type":22,"value":335},{"type":16,"tag":104,"props":2381,"children":2382},{"style":111},[2383],{"type":22,"value":367},{"type":16,"tag":104,"props":2385,"children":2386},{"class":106,"line":167},[2387,2391],{"type":16,"tag":104,"props":2388,"children":2389},{"style":117},[2390],{"type":22,"value":375},{"type":16,"tag":104,"props":2392,"children":2393},{"style":111},[2394],{"type":22,"value":380},{"type":16,"tag":104,"props":2396,"children":2397},{"class":106,"line":383},[2398,2402],{"type":16,"tag":104,"props":2399,"children":2400},{"style":117},[2401],{"type":22,"value":389},{"type":16,"tag":104,"props":2403,"children":2404},{"style":111},[2405],{"type":22,"value":380},{"type":16,"tag":104,"props":2407,"children":2408},{"class":106,"line":396},[2409,2413],{"type":16,"tag":104,"props":2410,"children":2411},{"style":117},[2412],{"type":22,"value":402},{"type":16,"tag":104,"props":2414,"children":2415},{"style":111},[2416],{"type":22,"value":380},{"type":16,"tag":104,"props":2418,"children":2419},{"class":106,"line":409},[2420,2424],{"type":16,"tag":104,"props":2421,"children":2422},{"style":117},[2423],{"type":22,"value":415},{"type":16,"tag":104,"props":2425,"children":2426},{"style":111},[2427],{"type":22,"value":380},{"type":16,"tag":104,"props":2429,"children":2430},{"class":106,"line":422},[2431,2435],{"type":16,"tag":104,"props":2432,"children":2433},{"style":117},[2434],{"type":22,"value":428},{"type":16,"tag":104,"props":2436,"children":2437},{"style":111},[2438],{"type":22,"value":380},{"type":16,"tag":104,"props":2440,"children":2441},{"class":106,"line":435},[2442,2446],{"type":16,"tag":104,"props":2443,"children":2444},{"style":117},[2445],{"type":22,"value":441},{"type":16,"tag":104,"props":2447,"children":2448},{"style":111},[2449],{"type":22,"value":380},{"type":16,"tag":104,"props":2451,"children":2452},{"class":106,"line":448},[2453,2457,2461,2465],{"type":16,"tag":104,"props":2454,"children":2455},{"style":111},[2456],{"type":22,"value":454},{"type":16,"tag":104,"props":2458,"children":2459},{"style":332},[2460],{"type":22,"value":459},{"type":16,"tag":104,"props":2462,"children":2463},{"style":133},[2464],{"type":22,"value":464},{"type":16,"tag":104,"props":2466,"children":2467},{"style":111},[2468],{"type":22,"value":355},{"type":16,"tag":104,"props":2470,"children":2471},{"class":106,"line":471},[2472,2476,2480,2484,2488,2492,2496],{"type":16,"tag":104,"props":2473,"children":2474},{"style":332},[2475],{"type":22,"value":335},{"type":16,"tag":104,"props":2477,"children":2478},{"style":111},[2479],{"type":22,"value":481},{"type":16,"tag":104,"props":2481,"children":2482},{"style":117},[2483],{"type":22,"value":486},{"type":16,"tag":104,"props":2485,"children":2486},{"style":111},[2487],{"type":22,"value":491},{"type":16,"tag":104,"props":2489,"children":2490},{"style":332},[2491],{"type":22,"value":459},{"type":16,"tag":104,"props":2493,"children":2494},{"style":133},[2495],{"type":22,"value":500},{"type":16,"tag":104,"props":2497,"children":2498},{"style":111},[2499],{"type":22,"value":355},{"type":16,"tag":104,"props":2501,"children":2502},{"class":106,"line":507},[2503],{"type":16,"tag":104,"props":2504,"children":2505},{"emptyLinePlaceholder":8},[2506],{"type":22,"value":513},{"type":16,"tag":104,"props":2508,"children":2509},{"class":106,"line":516},[2510,2514,2518,2522,2527],{"type":16,"tag":104,"props":2511,"children":2512},{"style":332},[2513],{"type":22,"value":522},{"type":16,"tag":104,"props":2515,"children":2516},{"style":332},[2517],{"type":22,"value":527},{"type":16,"tag":104,"props":2519,"children":2520},{"style":332},[2521],{"type":22,"value":532},{"type":16,"tag":104,"props":2523,"children":2524},{"style":535},[2525],{"type":22,"value":2526}," BottomNavFilled",{"type":16,"tag":104,"props":2528,"children":2529},{"style":111},[2530],{"type":22,"value":543},{"type":16,"tag":104,"props":2532,"children":2533},{"class":106,"line":546},[2534,2538,2542,2546],{"type":16,"tag":104,"props":2535,"children":2536},{"style":332},[2537],{"type":22,"value":552},{"type":16,"tag":104,"props":2539,"children":2540},{"style":555},[2541],{"type":22,"value":558},{"type":16,"tag":104,"props":2543,"children":2544},{"style":561},[2545],{"type":22,"value":564},{"type":16,"tag":104,"props":2547,"children":2548},{"style":111},[2549],{"type":22,"value":569},{"type":16,"tag":104,"props":2551,"children":2552},{"class":106,"line":572},[2553],{"type":16,"tag":104,"props":2554,"children":2555},{"style":111},[2556],{"type":22,"value":578},{"type":16,"tag":104,"props":2558,"children":2559},{"class":106,"line":581},[2560,2564,2568,2572],{"type":16,"tag":104,"props":2561,"children":2562},{"style":117},[2563],{"type":22,"value":587},{"type":16,"tag":104,"props":2565,"children":2566},{"style":111},[2567],{"type":22,"value":592},{"type":16,"tag":104,"props":2569,"children":2570},{"style":133},[2571],{"type":22,"value":597},{"type":16,"tag":104,"props":2573,"children":2574},{"style":111},[2575],{"type":22,"value":380},{"type":16,"tag":104,"props":2577,"children":2578},{"class":106,"line":604},[2579,2583,2587,2591],{"type":16,"tag":104,"props":2580,"children":2581},{"style":117},[2582],{"type":22,"value":610},{"type":16,"tag":104,"props":2584,"children":2585},{"style":111},[2586],{"type":22,"value":615},{"type":16,"tag":104,"props":2588,"children":2589},{"style":555},[2590],{"type":22,"value":620},{"type":16,"tag":104,"props":2592,"children":2593},{"style":111},[2594],{"type":22,"value":625},{"type":16,"tag":104,"props":2596,"children":2597},{"class":106,"line":628},[2598],{"type":16,"tag":104,"props":2599,"children":2600},{"style":111},[2601],{"type":22,"value":634},{"type":16,"tag":104,"props":2603,"children":2604},{"class":106,"line":637},[2605],{"type":16,"tag":104,"props":2606,"children":2607},{"style":111},[2608],{"type":22,"value":578},{"type":16,"tag":104,"props":2610,"children":2611},{"class":106,"line":645},[2612,2616,2620,2624],{"type":16,"tag":104,"props":2613,"children":2614},{"style":117},[2615],{"type":22,"value":587},{"type":16,"tag":104,"props":2617,"children":2618},{"style":111},[2619],{"type":22,"value":592},{"type":16,"tag":104,"props":2621,"children":2622},{"style":133},[2623],{"type":22,"value":659},{"type":16,"tag":104,"props":2625,"children":2626},{"style":111},[2627],{"type":22,"value":380},{"type":16,"tag":104,"props":2629,"children":2630},{"class":106,"line":666},[2631,2635,2639,2643],{"type":16,"tag":104,"props":2632,"children":2633},{"style":117},[2634],{"type":22,"value":610},{"type":16,"tag":104,"props":2636,"children":2637},{"style":111},[2638],{"type":22,"value":615},{"type":16,"tag":104,"props":2640,"children":2641},{"style":555},[2642],{"type":22,"value":680},{"type":16,"tag":104,"props":2644,"children":2645},{"style":111},[2646],{"type":22,"value":625},{"type":16,"tag":104,"props":2648,"children":2649},{"class":106,"line":687},[2650],{"type":16,"tag":104,"props":2651,"children":2652},{"style":111},[2653],{"type":22,"value":634},{"type":16,"tag":104,"props":2655,"children":2656},{"class":106,"line":695},[2657],{"type":16,"tag":104,"props":2658,"children":2659},{"style":111},[2660],{"type":22,"value":578},{"type":16,"tag":104,"props":2662,"children":2663},{"class":106,"line":703},[2664,2668,2672,2676],{"type":16,"tag":104,"props":2665,"children":2666},{"style":117},[2667],{"type":22,"value":587},{"type":16,"tag":104,"props":2669,"children":2670},{"style":111},[2671],{"type":22,"value":592},{"type":16,"tag":104,"props":2673,"children":2674},{"style":133},[2675],{"type":22,"value":717},{"type":16,"tag":104,"props":2677,"children":2678},{"style":111},[2679],{"type":22,"value":380},{"type":16,"tag":104,"props":2681,"children":2682},{"class":106,"line":724},[2683,2687,2691,2695],{"type":16,"tag":104,"props":2684,"children":2685},{"style":117},[2686],{"type":22,"value":610},{"type":16,"tag":104,"props":2688,"children":2689},{"style":111},[2690],{"type":22,"value":615},{"type":16,"tag":104,"props":2692,"children":2693},{"style":555},[2694],{"type":22,"value":738},{"type":16,"tag":104,"props":2696,"children":2697},{"style":111},[2698],{"type":22,"value":625},{"type":16,"tag":104,"props":2700,"children":2701},{"class":106,"line":745},[2702],{"type":16,"tag":104,"props":2703,"children":2704},{"style":111},[2705],{"type":22,"value":634},{"type":16,"tag":104,"props":2707,"children":2708},{"class":106,"line":753},[2709],{"type":16,"tag":104,"props":2710,"children":2711},{"style":111},[2712],{"type":22,"value":578},{"type":16,"tag":104,"props":2714,"children":2715},{"class":106,"line":761},[2716,2720,2724,2728],{"type":16,"tag":104,"props":2717,"children":2718},{"style":117},[2719],{"type":22,"value":587},{"type":16,"tag":104,"props":2721,"children":2722},{"style":111},[2723],{"type":22,"value":592},{"type":16,"tag":104,"props":2725,"children":2726},{"style":133},[2727],{"type":22,"value":775},{"type":16,"tag":104,"props":2729,"children":2730},{"style":111},[2731],{"type":22,"value":380},{"type":16,"tag":104,"props":2733,"children":2734},{"class":106,"line":782},[2735,2739,2743,2747],{"type":16,"tag":104,"props":2736,"children":2737},{"style":117},[2738],{"type":22,"value":610},{"type":16,"tag":104,"props":2740,"children":2741},{"style":111},[2742],{"type":22,"value":615},{"type":16,"tag":104,"props":2744,"children":2745},{"style":555},[2746],{"type":22,"value":796},{"type":16,"tag":104,"props":2748,"children":2749},{"style":111},[2750],{"type":22,"value":625},{"type":16,"tag":104,"props":2752,"children":2753},{"class":106,"line":803},[2754],{"type":16,"tag":104,"props":2755,"children":2756},{"style":111},[2757],{"type":22,"value":634},{"type":16,"tag":104,"props":2759,"children":2760},{"class":106,"line":811},[2761],{"type":16,"tag":104,"props":2762,"children":2763},{"style":111},[2764],{"type":22,"value":578},{"type":16,"tag":104,"props":2766,"children":2767},{"class":106,"line":819},[2768,2772,2776,2780],{"type":16,"tag":104,"props":2769,"children":2770},{"style":117},[2771],{"type":22,"value":587},{"type":16,"tag":104,"props":2773,"children":2774},{"style":111},[2775],{"type":22,"value":592},{"type":16,"tag":104,"props":2777,"children":2778},{"style":133},[2779],{"type":22,"value":833},{"type":16,"tag":104,"props":2781,"children":2782},{"style":111},[2783],{"type":22,"value":380},{"type":16,"tag":104,"props":2785,"children":2786},{"class":106,"line":840},[2787,2791,2795,2799],{"type":16,"tag":104,"props":2788,"children":2789},{"style":117},[2790],{"type":22,"value":610},{"type":16,"tag":104,"props":2792,"children":2793},{"style":111},[2794],{"type":22,"value":615},{"type":16,"tag":104,"props":2796,"children":2797},{"style":555},[2798],{"type":22,"value":854},{"type":16,"tag":104,"props":2800,"children":2801},{"style":111},[2802],{"type":22,"value":625},{"type":16,"tag":104,"props":2804,"children":2805},{"class":106,"line":861},[2806],{"type":16,"tag":104,"props":2807,"children":2808},{"style":111},[2809],{"type":22,"value":634},{"type":16,"tag":104,"props":2811,"children":2812},{"class":106,"line":869},[2813],{"type":16,"tag":104,"props":2814,"children":2815},{"style":111},[2816],{"type":22,"value":875},{"type":16,"tag":104,"props":2818,"children":2819},{"class":106,"line":878},[2820],{"type":16,"tag":104,"props":2821,"children":2822},{"emptyLinePlaceholder":8},[2823],{"type":22,"value":513},{"type":16,"tag":104,"props":2825,"children":2826},{"class":106,"line":886},[2827,2831,2835,2839,2843,2847,2851,2855,2859,2863,2867],{"type":16,"tag":104,"props":2828,"children":2829},{"style":332},[2830],{"type":22,"value":552},{"type":16,"tag":104,"props":2832,"children":2833},{"style":111},[2834],{"type":22,"value":896},{"type":16,"tag":104,"props":2836,"children":2837},{"style":555},[2838],{"type":22,"value":901},{"type":16,"tag":104,"props":2840,"children":2841},{"style":111},[2842],{"type":22,"value":78},{"type":16,"tag":104,"props":2844,"children":2845},{"style":555},[2846],{"type":22,"value":910},{"type":16,"tag":104,"props":2848,"children":2849},{"style":111},[2850],{"type":22,"value":915},{"type":16,"tag":104,"props":2852,"children":2853},{"style":561},[2854],{"type":22,"value":130},{"type":16,"tag":104,"props":2856,"children":2857},{"style":535},[2858],{"type":22,"value":924},{"type":16,"tag":104,"props":2860,"children":2861},{"style":111},[2862],{"type":22,"value":929},{"type":16,"tag":104,"props":2864,"children":2865},{"style":133},[2866],{"type":22,"value":934},{"type":16,"tag":104,"props":2868,"children":2869},{"style":111},[2870],{"type":22,"value":939},{"type":16,"tag":104,"props":2872,"children":2873},{"class":106,"line":942},[2874,2878,2882,2886,2890,2894,2898],{"type":16,"tag":104,"props":2875,"children":2876},{"style":332},[2877],{"type":22,"value":948},{"type":16,"tag":104,"props":2879,"children":2880},{"style":535},[2881],{"type":22,"value":953},{"type":16,"tag":104,"props":2883,"children":2884},{"style":111},[2885],{"type":22,"value":929},{"type":16,"tag":104,"props":2887,"children":2888},{"style":960},[2889],{"type":22,"value":963},{"type":16,"tag":104,"props":2891,"children":2892},{"style":111},[2893],{"type":22,"value":592},{"type":16,"tag":104,"props":2895,"children":2896},{"style":555},[2897],{"type":22,"value":972},{"type":16,"tag":104,"props":2899,"children":2900},{"style":111},[2901],{"type":22,"value":977},{"type":16,"tag":104,"props":2903,"children":2904},{"class":106,"line":980},[2905,2909,2913,2917],{"type":16,"tag":104,"props":2906,"children":2907},{"style":535},[2908],{"type":22,"value":986},{"type":16,"tag":104,"props":2910,"children":2911},{"style":111},[2912],{"type":22,"value":929},{"type":16,"tag":104,"props":2914,"children":2915},{"style":117},[2916],{"type":22,"value":963},{"type":16,"tag":104,"props":2918,"children":2919},{"style":111},[2920],{"type":22,"value":939},{"type":16,"tag":104,"props":2922,"children":2923},{"class":106,"line":1001},[2924],{"type":16,"tag":104,"props":2925,"children":2926},{"style":111},[2927],{"type":22,"value":1007},{"type":16,"tag":104,"props":2929,"children":2930},{"class":106,"line":1010},[2931],{"type":16,"tag":104,"props":2932,"children":2933},{"emptyLinePlaceholder":8},[2934],{"type":22,"value":513},{"type":16,"tag":104,"props":2936,"children":2937},{"class":106,"line":1018},[2938,2942],{"type":16,"tag":104,"props":2939,"children":2940},{"style":332},[2941],{"type":22,"value":1024},{"type":16,"tag":104,"props":2943,"children":2944},{"style":111},[2945],{"type":22,"value":1029},{"type":16,"tag":104,"props":2947,"children":2948},{"class":106,"line":1032},[2949,2953,2957,2961,2965,2970],{"type":16,"tag":104,"props":2950,"children":2951},{"style":111},[2952],{"type":22,"value":1038},{"type":16,"tag":104,"props":2954,"children":2955},{"style":117},[2956],{"type":22,"value":1043},{"type":16,"tag":104,"props":2958,"children":2959},{"style":1046},[2960],{"type":22,"value":1049},{"type":16,"tag":104,"props":2962,"children":2963},{"style":561},[2964],{"type":22,"value":130},{"type":16,"tag":104,"props":2966,"children":2967},{"style":133},[2968],{"type":22,"value":2969},"\"max-w-[500px] bottom-0 w-full left-0 fixed flex flex-row items-stretch\"",{"type":16,"tag":104,"props":2971,"children":2972},{"style":111},[2973],{"type":22,"value":155},{"type":16,"tag":104,"props":2975,"children":2976},{"class":106,"line":1065},[2977,2981,2985,2989,2993,2997,3001,3005,3009],{"type":16,"tag":104,"props":2978,"children":2979},{"style":332},[2980],{"type":22,"value":1071},{"type":16,"tag":104,"props":2982,"children":2983},{"style":555},[2984],{"type":22,"value":1076},{"type":16,"tag":104,"props":2986,"children":2987},{"style":111},[2988],{"type":22,"value":1081},{"type":16,"tag":104,"props":2990,"children":2991},{"style":535},[2992],{"type":22,"value":1086},{"type":16,"tag":104,"props":2994,"children":2995},{"style":111},[2996],{"type":22,"value":1091},{"type":16,"tag":104,"props":2998,"children":2999},{"style":960},[3000],{"type":22,"value":1096},{"type":16,"tag":104,"props":3002,"children":3003},{"style":111},[3004],{"type":22,"value":1101},{"type":16,"tag":104,"props":3006,"children":3007},{"style":332},[3008],{"type":22,"value":1106},{"type":16,"tag":104,"props":3010,"children":3011},{"style":111},[3012],{"type":22,"value":1029},{"type":16,"tag":104,"props":3014,"children":3015},{"class":106,"line":1113},[3016,3020],{"type":16,"tag":104,"props":3017,"children":3018},{"style":111},[3019],{"type":22,"value":1119},{"type":16,"tag":104,"props":3021,"children":3022},{"style":555},[3023],{"type":22,"value":1124},{"type":16,"tag":104,"props":3025,"children":3026},{"class":106,"line":1127},[3027,3031,3035,3039,3043,3047,3051],{"type":16,"tag":104,"props":3028,"children":3029},{"style":1046},[3030],{"type":22,"value":1133},{"type":16,"tag":104,"props":3032,"children":3033},{"style":561},[3034],{"type":22,"value":130},{"type":16,"tag":104,"props":3036,"children":3037},{"style":332},[3038],{"type":22,"value":1142},{"type":16,"tag":104,"props":3040,"children":3041},{"style":555},[3042],{"type":22,"value":1096},{"type":16,"tag":104,"props":3044,"children":3045},{"style":111},[3046],{"type":22,"value":1081},{"type":16,"tag":104,"props":3048,"children":3049},{"style":117},[3050],{"type":22,"value":1155},{"type":16,"tag":104,"props":3052,"children":3053},{"style":332},[3054],{"type":22,"value":1160},{"type":16,"tag":104,"props":3056,"children":3057},{"class":106,"line":1163},[3058,3062,3066],{"type":16,"tag":104,"props":3059,"children":3060},{"style":1046},[3061],{"type":22,"value":1169},{"type":16,"tag":104,"props":3063,"children":3064},{"style":561},[3065],{"type":22,"value":130},{"type":16,"tag":104,"props":3067,"children":3068},{"style":133},[3069],{"type":22,"value":1178},{"type":16,"tag":104,"props":3071,"children":3072},{"class":106,"line":1181},[3073,3077,3081,3085,3089,3093,3097],{"type":16,"tag":104,"props":3074,"children":3075},{"style":1046},[3076],{"type":22,"value":1187},{"type":16,"tag":104,"props":3078,"children":3079},{"style":561},[3080],{"type":22,"value":130},{"type":16,"tag":104,"props":3082,"children":3083},{"style":332},[3084],{"type":22,"value":1142},{"type":16,"tag":104,"props":3086,"children":3087},{"style":555},[3088],{"type":22,"value":1096},{"type":16,"tag":104,"props":3090,"children":3091},{"style":111},[3092],{"type":22,"value":1081},{"type":16,"tag":104,"props":3094,"children":3095},{"style":117},[3096],{"type":22,"value":1208},{"type":16,"tag":104,"props":3098,"children":3099},{"style":332},[3100],{"type":22,"value":1160},{"type":16,"tag":104,"props":3102,"children":3103},{"class":106,"line":1215},[3104,3108,3112,3116,3120],{"type":16,"tag":104,"props":3105,"children":3106},{"style":1046},[3107],{"type":22,"value":1221},{"type":16,"tag":104,"props":3109,"children":3110},{"style":561},[3111],{"type":22,"value":130},{"type":16,"tag":104,"props":3113,"children":3114},{"style":332},[3115],{"type":22,"value":1142},{"type":16,"tag":104,"props":3117,"children":3118},{"style":535},[3119],{"type":22,"value":1234},{"type":16,"tag":104,"props":3121,"children":3122},{"style":111},[3123],{"type":22,"value":1239},{"type":16,"tag":104,"props":3125,"children":3126},{"class":106,"line":1242},[3127,3132],{"type":16,"tag":104,"props":3128,"children":3129},{"style":133},[3130],{"type":22,"value":3131}," 'pt-3 pb-1 gap-0.5 flex flex-col h-full w-full rounded-none bg-primary-700 text-white hover:text-white hover:bg-primary-800 active:text-white active:bg-primary-900'",{"type":16,"tag":104,"props":3133,"children":3134},{"style":111},[3135],{"type":22,"value":380},{"type":16,"tag":104,"props":3137,"children":3138},{"class":106,"line":1255},[3139,3143,3148,3152,3156,3160,3164,3168,3172],{"type":16,"tag":104,"props":3140,"children":3141},{"style":111},[3142],{"type":22,"value":1261},{"type":16,"tag":104,"props":3144,"children":3145},{"style":133},[3146],{"type":22,"value":3147},"'text-white bg-primary-900'",{"type":16,"tag":104,"props":3149,"children":3150},{"style":111},[3151],{"type":22,"value":592},{"type":16,"tag":104,"props":3153,"children":3154},{"style":117},[3155],{"type":22,"value":901},{"type":16,"tag":104,"props":3157,"children":3158},{"style":561},[3159],{"type":22,"value":1279},{"type":16,"tag":104,"props":3161,"children":3162},{"style":555},[3163],{"type":22,"value":1284},{"type":16,"tag":104,"props":3165,"children":3166},{"style":111},[3167],{"type":22,"value":1081},{"type":16,"tag":104,"props":3169,"children":3170},{"style":117},[3171],{"type":22,"value":1155},{"type":16,"tag":104,"props":3173,"children":3174},{"style":111},[3175],{"type":22,"value":1297},{"type":16,"tag":104,"props":3177,"children":3178},{"class":106,"line":1300},[3179,3183],{"type":16,"tag":104,"props":3180,"children":3181},{"style":111},[3182],{"type":22,"value":1306},{"type":16,"tag":104,"props":3184,"children":3185},{"style":332},[3186],{"type":22,"value":1160},{"type":16,"tag":104,"props":3188,"children":3189},{"class":106,"line":1313},[3190,3194,3198,3202,3206,3210,3214,3218,3222,3226,3230,3234],{"type":16,"tag":104,"props":3191,"children":3192},{"style":1046},[3193],{"type":22,"value":1319},{"type":16,"tag":104,"props":3195,"children":3196},{"style":561},[3197],{"type":22,"value":130},{"type":16,"tag":104,"props":3199,"children":3200},{"style":332},[3201],{"type":22,"value":1142},{"type":16,"tag":104,"props":3203,"children":3204},{"style":111},[3205],{"type":22,"value":1332},{"type":16,"tag":104,"props":3207,"children":3208},{"style":332},[3209],{"type":22,"value":1106},{"type":16,"tag":104,"props":3211,"children":3212},{"style":535},[3213],{"type":22,"value":953},{"type":16,"tag":104,"props":3215,"children":3216},{"style":111},[3217],{"type":22,"value":929},{"type":16,"tag":104,"props":3219,"children":3220},{"style":555},[3221],{"type":22,"value":1096},{"type":16,"tag":104,"props":3223,"children":3224},{"style":111},[3225],{"type":22,"value":1081},{"type":16,"tag":104,"props":3227,"children":3228},{"style":117},[3229],{"type":22,"value":1155},{"type":16,"tag":104,"props":3231,"children":3232},{"style":111},[3233],{"type":22,"value":1361},{"type":16,"tag":104,"props":3235,"children":3236},{"style":332},[3237],{"type":22,"value":1160},{"type":16,"tag":104,"props":3239,"children":3240},{"class":106,"line":1368},[3241],{"type":16,"tag":104,"props":3242,"children":3243},{"style":111},[3244],{"type":22,"value":1374},{"type":16,"tag":104,"props":3246,"children":3247},{"class":106,"line":1377},[3248,3252,3256,3260,3264],{"type":16,"tag":104,"props":3249,"children":3250},{"style":332},[3251],{"type":22,"value":1383},{"type":16,"tag":104,"props":3253,"children":3254},{"style":555},[3255],{"type":22,"value":1096},{"type":16,"tag":104,"props":3257,"children":3258},{"style":111},[3259],{"type":22,"value":1081},{"type":16,"tag":104,"props":3261,"children":3262},{"style":117},[3263],{"type":22,"value":1155},{"type":16,"tag":104,"props":3265,"children":3266},{"style":332},[3267],{"type":22,"value":1160},{"type":16,"tag":104,"props":3269,"children":3270},{"class":106,"line":1402},[3271,3275,3279],{"type":16,"tag":104,"props":3272,"children":3273},{"style":111},[3274],{"type":22,"value":1408},{"type":16,"tag":104,"props":3276,"children":3277},{"style":555},[3278],{"type":22,"value":61},{"type":16,"tag":104,"props":3280,"children":3281},{"style":111},[3282],{"type":22,"value":155},{"type":16,"tag":104,"props":3284,"children":3285},{"class":106,"line":1419},[3286,3290],{"type":16,"tag":104,"props":3287,"children":3288},{"style":111},[3289],{"type":22,"value":1425},{"type":16,"tag":104,"props":3291,"children":3292},{"style":332},[3293],{"type":22,"value":1160},{"type":16,"tag":104,"props":3295,"children":3296},{"class":106,"line":1432},[3297,3301,3305],{"type":16,"tag":104,"props":3298,"children":3299},{"style":111},[3300],{"type":22,"value":1438},{"type":16,"tag":104,"props":3302,"children":3303},{"style":117},[3304],{"type":22,"value":1043},{"type":16,"tag":104,"props":3306,"children":3307},{"style":111},[3308],{"type":22,"value":155},{"type":16,"tag":104,"props":3310,"children":3311},{"class":106,"line":1449},[3312],{"type":16,"tag":104,"props":3313,"children":3314},{"style":111},[3315],{"type":22,"value":1455},{"type":16,"tag":104,"props":3317,"children":3318},{"class":106,"line":1458},[3319],{"type":16,"tag":104,"props":3320,"children":3321},{"style":111},[3322],{"type":22,"value":1160},{"type":16,"tag":29,"props":3324,"children":3325},{},[3326],{"type":16,"tag":94,"props":3327,"children":3329},{"className":1469,"code":3328,"language":1471,"meta":9,"style":9},"\u003Ctemplate>\n \u003Cnav class=\"max-w-[500px] bottom-0 w-full left-0 fixed flex flex-row items-stretch\">\n \u003CSfButton\n v-for=\"item in items\"\n :key=\"item.label\"\n variant=\"tertiary\"\n :class=\"[\n 'pt-3 pb-1 gap-0.5 flex flex-col h-full w-full rounded-none bg-primary-700 text-white hover:text-white hover:bg-primary-800 active:text-white active:bg-primary-900',\n { 'text-white bg-primary-900': selectedItem === item.label },\n ]\"\n @click=\"onClickHandler(item.label)\"\n >\n \u003Ctemplate #prefix>\n \u003CComponent :is=\"item.icon\" \u002F>\n \u003C\u002Ftemplate>\n {{ item.label }}\n \u003C\u002FSfButton>\n \u003C\u002Fnav>\n\u003C\u002Ftemplate>\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { SfButton, SfIconHome, SfIconMenu, SfIconShoppingCart, SfIconFavorite, SfIconPerson } from '@storefront-ui\u002Fvue';\n\nconst items = [\n {\n label: 'Home',\n icon: SfIconHome,\n },\n {\n label: 'Products',\n icon: SfIconMenu,\n },\n {\n label: 'Cart',\n icon: SfIconShoppingCart,\n },\n {\n label: 'Watchlist',\n icon: SfIconFavorite,\n },\n {\n label: 'Account',\n icon: SfIconPerson,\n },\n];\nconst selectedItem = ref('');\nfunction onClickHandler(itemLabel: string) {\n selectedItem.value = itemLabel;\n}\n\u003C\u002Fscript>\n\n",[3330],{"type":16,"tag":56,"props":3331,"children":3332},{"__ignoreMap":9},[3333,3348,3375,3386,3401,3416,3431,3446,3454,3462,3469,3484,3491,3514,3541,3556,3563,3578,3593,3608,3639,3670,3741,3748,3767,3774,3793,3812,3819,3826,3845,3864,3871,3878,3897,3916,3923,3930,3949,3968,3975,3982,4001,4020,4027,4034,4065,4096,4123,4130],{"type":16,"tag":104,"props":3334,"children":3335},{"class":106,"line":107},[3336,3340,3344],{"type":16,"tag":104,"props":3337,"children":3338},{"style":111},[3339],{"type":22,"value":114},{"type":16,"tag":104,"props":3341,"children":3342},{"style":117},[3343],{"type":22,"value":37},{"type":16,"tag":104,"props":3345,"children":3346},{"style":111},[3347],{"type":22,"value":155},{"type":16,"tag":104,"props":3349,"children":3350},{"class":106,"line":158},[3351,3355,3359,3363,3367,3371],{"type":16,"tag":104,"props":3352,"children":3353},{"style":111},[3354],{"type":22,"value":1498},{"type":16,"tag":104,"props":3356,"children":3357},{"style":117},[3358],{"type":22,"value":1043},{"type":16,"tag":104,"props":3360,"children":3361},{"style":122},[3362],{"type":22,"value":1507},{"type":16,"tag":104,"props":3364,"children":3365},{"style":111},[3366],{"type":22,"value":130},{"type":16,"tag":104,"props":3368,"children":3369},{"style":133},[3370],{"type":22,"value":2969},{"type":16,"tag":104,"props":3372,"children":3373},{"style":111},[3374],{"type":22,"value":155},{"type":16,"tag":104,"props":3376,"children":3377},{"class":106,"line":167},[3378,3382],{"type":16,"tag":104,"props":3379,"children":3380},{"style":111},[3381],{"type":22,"value":1038},{"type":16,"tag":104,"props":3383,"children":3384},{"style":117},[3385],{"type":22,"value":1124},{"type":16,"tag":104,"props":3387,"children":3388},{"class":106,"line":383},[3389,3393,3397],{"type":16,"tag":104,"props":3390,"children":3391},{"style":122},[3392],{"type":22,"value":1538},{"type":16,"tag":104,"props":3394,"children":3395},{"style":111},[3396],{"type":22,"value":130},{"type":16,"tag":104,"props":3398,"children":3399},{"style":133},[3400],{"type":22,"value":1547},{"type":16,"tag":104,"props":3402,"children":3403},{"class":106,"line":396},[3404,3408,3412],{"type":16,"tag":104,"props":3405,"children":3406},{"style":122},[3407],{"type":22,"value":1555},{"type":16,"tag":104,"props":3409,"children":3410},{"style":111},[3411],{"type":22,"value":130},{"type":16,"tag":104,"props":3413,"children":3414},{"style":133},[3415],{"type":22,"value":1564},{"type":16,"tag":104,"props":3417,"children":3418},{"class":106,"line":409},[3419,3423,3427],{"type":16,"tag":104,"props":3420,"children":3421},{"style":122},[3422],{"type":22,"value":1572},{"type":16,"tag":104,"props":3424,"children":3425},{"style":111},[3426],{"type":22,"value":130},{"type":16,"tag":104,"props":3428,"children":3429},{"style":133},[3430],{"type":22,"value":1178},{"type":16,"tag":104,"props":3432,"children":3433},{"class":106,"line":422},[3434,3438,3442],{"type":16,"tag":104,"props":3435,"children":3436},{"style":122},[3437],{"type":22,"value":1588},{"type":16,"tag":104,"props":3439,"children":3440},{"style":111},[3441],{"type":22,"value":130},{"type":16,"tag":104,"props":3443,"children":3444},{"style":133},[3445],{"type":22,"value":1597},{"type":16,"tag":104,"props":3447,"children":3448},{"class":106,"line":435},[3449],{"type":16,"tag":104,"props":3450,"children":3451},{"style":133},[3452],{"type":22,"value":3453}," 'pt-3 pb-1 gap-0.5 flex flex-col h-full w-full rounded-none bg-primary-700 text-white hover:text-white hover:bg-primary-800 active:text-white active:bg-primary-900',\n",{"type":16,"tag":104,"props":3455,"children":3456},{"class":106,"line":448},[3457],{"type":16,"tag":104,"props":3458,"children":3459},{"style":133},[3460],{"type":22,"value":3461}," { 'text-white bg-primary-900': selectedItem === item.label },\n",{"type":16,"tag":104,"props":3463,"children":3464},{"class":106,"line":471},[3465],{"type":16,"tag":104,"props":3466,"children":3467},{"style":133},[3468],{"type":22,"value":1621},{"type":16,"tag":104,"props":3470,"children":3471},{"class":106,"line":507},[3472,3476,3480],{"type":16,"tag":104,"props":3473,"children":3474},{"style":122},[3475],{"type":22,"value":1629},{"type":16,"tag":104,"props":3477,"children":3478},{"style":111},[3479],{"type":22,"value":130},{"type":16,"tag":104,"props":3481,"children":3482},{"style":133},[3483],{"type":22,"value":1638},{"type":16,"tag":104,"props":3485,"children":3486},{"class":106,"line":516},[3487],{"type":16,"tag":104,"props":3488,"children":3489},{"style":111},[3490],{"type":22,"value":1646},{"type":16,"tag":104,"props":3492,"children":3493},{"class":106,"line":546},[3494,3498,3502,3506,3510],{"type":16,"tag":104,"props":3495,"children":3496},{"style":111},[3497],{"type":22,"value":1654},{"type":16,"tag":104,"props":3499,"children":3500},{"style":117},[3501],{"type":22,"value":37},{"type":16,"tag":104,"props":3503,"children":3504},{"style":111},[3505],{"type":22,"value":1663},{"type":16,"tag":104,"props":3507,"children":3508},{"style":122},[3509],{"type":22,"value":1668},{"type":16,"tag":104,"props":3511,"children":3512},{"style":111},[3513],{"type":22,"value":155},{"type":16,"tag":104,"props":3515,"children":3516},{"class":106,"line":572},[3517,3521,3525,3529,3533,3537],{"type":16,"tag":104,"props":3518,"children":3519},{"style":111},[3520],{"type":22,"value":1119},{"type":16,"tag":104,"props":3522,"children":3523},{"style":117},[3524],{"type":22,"value":1684},{"type":16,"tag":104,"props":3526,"children":3527},{"style":122},[3528],{"type":22,"value":1689},{"type":16,"tag":104,"props":3530,"children":3531},{"style":111},[3532],{"type":22,"value":130},{"type":16,"tag":104,"props":3534,"children":3535},{"style":133},[3536],{"type":22,"value":1698},{"type":16,"tag":104,"props":3538,"children":3539},{"style":111},[3540],{"type":22,"value":1703},{"type":16,"tag":104,"props":3542,"children":3543},{"class":106,"line":581},[3544,3548,3552],{"type":16,"tag":104,"props":3545,"children":3546},{"style":111},[3547],{"type":22,"value":1711},{"type":16,"tag":104,"props":3549,"children":3550},{"style":117},[3551],{"type":22,"value":37},{"type":16,"tag":104,"props":3553,"children":3554},{"style":111},[3555],{"type":22,"value":155},{"type":16,"tag":104,"props":3557,"children":3558},{"class":106,"line":604},[3559],{"type":16,"tag":104,"props":3560,"children":3561},{"style":111},[3562],{"type":22,"value":1727},{"type":16,"tag":104,"props":3564,"children":3565},{"class":106,"line":628},[3566,3570,3574],{"type":16,"tag":104,"props":3567,"children":3568},{"style":111},[3569],{"type":22,"value":1438},{"type":16,"tag":104,"props":3571,"children":3572},{"style":117},[3573],{"type":22,"value":61},{"type":16,"tag":104,"props":3575,"children":3576},{"style":111},[3577],{"type":22,"value":155},{"type":16,"tag":104,"props":3579,"children":3580},{"class":106,"line":637},[3581,3585,3589],{"type":16,"tag":104,"props":3582,"children":3583},{"style":111},[3584],{"type":22,"value":1750},{"type":16,"tag":104,"props":3586,"children":3587},{"style":117},[3588],{"type":22,"value":1043},{"type":16,"tag":104,"props":3590,"children":3591},{"style":111},[3592],{"type":22,"value":155},{"type":16,"tag":104,"props":3594,"children":3595},{"class":106,"line":645},[3596,3600,3604],{"type":16,"tag":104,"props":3597,"children":3598},{"style":111},[3599],{"type":22,"value":173},{"type":16,"tag":104,"props":3601,"children":3602},{"style":117},[3603],{"type":22,"value":37},{"type":16,"tag":104,"props":3605,"children":3606},{"style":111},[3607],{"type":22,"value":155},{"type":16,"tag":104,"props":3609,"children":3610},{"class":106,"line":666},[3611,3615,3619,3623,3627,3631,3635],{"type":16,"tag":104,"props":3612,"children":3613},{"style":111},[3614],{"type":22,"value":114},{"type":16,"tag":104,"props":3616,"children":3617},{"style":117},[3618],{"type":22,"value":1785},{"type":16,"tag":104,"props":3620,"children":3621},{"style":122},[3622],{"type":22,"value":1790},{"type":16,"tag":104,"props":3624,"children":3625},{"style":122},[3626],{"type":22,"value":1795},{"type":16,"tag":104,"props":3628,"children":3629},{"style":111},[3630],{"type":22,"value":130},{"type":16,"tag":104,"props":3632,"children":3633},{"style":133},[3634],{"type":22,"value":1804},{"type":16,"tag":104,"props":3636,"children":3637},{"style":111},[3638],{"type":22,"value":155},{"type":16,"tag":104,"props":3640,"children":3641},{"class":106,"line":687},[3642,3646,3650,3654,3658,3662,3666],{"type":16,"tag":104,"props":3643,"children":3644},{"style":332},[3645],{"type":22,"value":335},{"type":16,"tag":104,"props":3647,"children":3648},{"style":111},[3649],{"type":22,"value":481},{"type":16,"tag":104,"props":3651,"children":3652},{"style":117},[3653],{"type":22,"value":1824},{"type":16,"tag":104,"props":3655,"children":3656},{"style":111},[3657],{"type":22,"value":491},{"type":16,"tag":104,"props":3659,"children":3660},{"style":332},[3661],{"type":22,"value":459},{"type":16,"tag":104,"props":3663,"children":3664},{"style":133},[3665],{"type":22,"value":1837},{"type":16,"tag":104,"props":3667,"children":3668},{"style":111},[3669],{"type":22,"value":355},{"type":16,"tag":104,"props":3671,"children":3672},{"class":106,"line":695},[3673,3677,3681,3685,3689,3693,3697,3701,3705,3709,3713,3717,3721,3725,3729,3733,3737],{"type":16,"tag":104,"props":3674,"children":3675},{"style":332},[3676],{"type":22,"value":335},{"type":16,"tag":104,"props":3678,"children":3679},{"style":111},[3680],{"type":22,"value":481},{"type":16,"tag":104,"props":3682,"children":3683},{"style":117},[3684],{"type":22,"value":61},{"type":16,"tag":104,"props":3686,"children":3687},{"style":111},[3688],{"type":22,"value":78},{"type":16,"tag":104,"props":3690,"children":3691},{"style":117},[3692],{"type":22,"value":620},{"type":16,"tag":104,"props":3694,"children":3695},{"style":111},[3696],{"type":22,"value":78},{"type":16,"tag":104,"props":3698,"children":3699},{"style":117},[3700],{"type":22,"value":680},{"type":16,"tag":104,"props":3702,"children":3703},{"style":111},[3704],{"type":22,"value":78},{"type":16,"tag":104,"props":3706,"children":3707},{"style":117},[3708],{"type":22,"value":738},{"type":16,"tag":104,"props":3710,"children":3711},{"style":111},[3712],{"type":22,"value":78},{"type":16,"tag":104,"props":3714,"children":3715},{"style":117},[3716],{"type":22,"value":796},{"type":16,"tag":104,"props":3718,"children":3719},{"style":111},[3720],{"type":22,"value":78},{"type":16,"tag":104,"props":3722,"children":3723},{"style":117},[3724],{"type":22,"value":854},{"type":16,"tag":104,"props":3726,"children":3727},{"style":111},[3728],{"type":22,"value":491},{"type":16,"tag":104,"props":3730,"children":3731},{"style":332},[3732],{"type":22,"value":459},{"type":16,"tag":104,"props":3734,"children":3735},{"style":133},[3736],{"type":22,"value":1909},{"type":16,"tag":104,"props":3738,"children":3739},{"style":111},[3740],{"type":22,"value":355},{"type":16,"tag":104,"props":3742,"children":3743},{"class":106,"line":703},[3744],{"type":16,"tag":104,"props":3745,"children":3746},{"emptyLinePlaceholder":8},[3747],{"type":22,"value":513},{"type":16,"tag":104,"props":3749,"children":3750},{"class":106,"line":724},[3751,3755,3759,3763],{"type":16,"tag":104,"props":3752,"children":3753},{"style":332},[3754],{"type":22,"value":1928},{"type":16,"tag":104,"props":3756,"children":3757},{"style":555},[3758],{"type":22,"value":558},{"type":16,"tag":104,"props":3760,"children":3761},{"style":561},[3762],{"type":22,"value":564},{"type":16,"tag":104,"props":3764,"children":3765},{"style":111},[3766],{"type":22,"value":569},{"type":16,"tag":104,"props":3768,"children":3769},{"class":106,"line":745},[3770],{"type":16,"tag":104,"props":3771,"children":3772},{"style":111},[3773],{"type":22,"value":1948},{"type":16,"tag":104,"props":3775,"children":3776},{"class":106,"line":753},[3777,3781,3785,3789],{"type":16,"tag":104,"props":3778,"children":3779},{"style":117},[3780],{"type":22,"value":1956},{"type":16,"tag":104,"props":3782,"children":3783},{"style":111},[3784],{"type":22,"value":592},{"type":16,"tag":104,"props":3786,"children":3787},{"style":133},[3788],{"type":22,"value":597},{"type":16,"tag":104,"props":3790,"children":3791},{"style":111},[3792],{"type":22,"value":380},{"type":16,"tag":104,"props":3794,"children":3795},{"class":106,"line":761},[3796,3800,3804,3808],{"type":16,"tag":104,"props":3797,"children":3798},{"style":117},[3799],{"type":22,"value":1976},{"type":16,"tag":104,"props":3801,"children":3802},{"style":111},[3803],{"type":22,"value":592},{"type":16,"tag":104,"props":3805,"children":3806},{"style":117},[3807],{"type":22,"value":620},{"type":16,"tag":104,"props":3809,"children":3810},{"style":111},[3811],{"type":22,"value":380},{"type":16,"tag":104,"props":3813,"children":3814},{"class":106,"line":782},[3815],{"type":16,"tag":104,"props":3816,"children":3817},{"style":111},[3818],{"type":22,"value":1996},{"type":16,"tag":104,"props":3820,"children":3821},{"class":106,"line":803},[3822],{"type":16,"tag":104,"props":3823,"children":3824},{"style":111},[3825],{"type":22,"value":1948},{"type":16,"tag":104,"props":3827,"children":3828},{"class":106,"line":811},[3829,3833,3837,3841],{"type":16,"tag":104,"props":3830,"children":3831},{"style":117},[3832],{"type":22,"value":1956},{"type":16,"tag":104,"props":3834,"children":3835},{"style":111},[3836],{"type":22,"value":592},{"type":16,"tag":104,"props":3838,"children":3839},{"style":133},[3840],{"type":22,"value":659},{"type":16,"tag":104,"props":3842,"children":3843},{"style":111},[3844],{"type":22,"value":380},{"type":16,"tag":104,"props":3846,"children":3847},{"class":106,"line":819},[3848,3852,3856,3860],{"type":16,"tag":104,"props":3849,"children":3850},{"style":117},[3851],{"type":22,"value":1976},{"type":16,"tag":104,"props":3853,"children":3854},{"style":111},[3855],{"type":22,"value":592},{"type":16,"tag":104,"props":3857,"children":3858},{"style":117},[3859],{"type":22,"value":680},{"type":16,"tag":104,"props":3861,"children":3862},{"style":111},[3863],{"type":22,"value":380},{"type":16,"tag":104,"props":3865,"children":3866},{"class":106,"line":840},[3867],{"type":16,"tag":104,"props":3868,"children":3869},{"style":111},[3870],{"type":22,"value":1996},{"type":16,"tag":104,"props":3872,"children":3873},{"class":106,"line":861},[3874],{"type":16,"tag":104,"props":3875,"children":3876},{"style":111},[3877],{"type":22,"value":1948},{"type":16,"tag":104,"props":3879,"children":3880},{"class":106,"line":869},[3881,3885,3889,3893],{"type":16,"tag":104,"props":3882,"children":3883},{"style":117},[3884],{"type":22,"value":1956},{"type":16,"tag":104,"props":3886,"children":3887},{"style":111},[3888],{"type":22,"value":592},{"type":16,"tag":104,"props":3890,"children":3891},{"style":133},[3892],{"type":22,"value":717},{"type":16,"tag":104,"props":3894,"children":3895},{"style":111},[3896],{"type":22,"value":380},{"type":16,"tag":104,"props":3898,"children":3899},{"class":106,"line":878},[3900,3904,3908,3912],{"type":16,"tag":104,"props":3901,"children":3902},{"style":117},[3903],{"type":22,"value":1976},{"type":16,"tag":104,"props":3905,"children":3906},{"style":111},[3907],{"type":22,"value":592},{"type":16,"tag":104,"props":3909,"children":3910},{"style":117},[3911],{"type":22,"value":738},{"type":16,"tag":104,"props":3913,"children":3914},{"style":111},[3915],{"type":22,"value":380},{"type":16,"tag":104,"props":3917,"children":3918},{"class":106,"line":886},[3919],{"type":16,"tag":104,"props":3920,"children":3921},{"style":111},[3922],{"type":22,"value":1996},{"type":16,"tag":104,"props":3924,"children":3925},{"class":106,"line":942},[3926],{"type":16,"tag":104,"props":3927,"children":3928},{"style":111},[3929],{"type":22,"value":1948},{"type":16,"tag":104,"props":3931,"children":3932},{"class":106,"line":980},[3933,3937,3941,3945],{"type":16,"tag":104,"props":3934,"children":3935},{"style":117},[3936],{"type":22,"value":1956},{"type":16,"tag":104,"props":3938,"children":3939},{"style":111},[3940],{"type":22,"value":592},{"type":16,"tag":104,"props":3942,"children":3943},{"style":133},[3944],{"type":22,"value":775},{"type":16,"tag":104,"props":3946,"children":3947},{"style":111},[3948],{"type":22,"value":380},{"type":16,"tag":104,"props":3950,"children":3951},{"class":106,"line":1001},[3952,3956,3960,3964],{"type":16,"tag":104,"props":3953,"children":3954},{"style":117},[3955],{"type":22,"value":1976},{"type":16,"tag":104,"props":3957,"children":3958},{"style":111},[3959],{"type":22,"value":592},{"type":16,"tag":104,"props":3961,"children":3962},{"style":117},[3963],{"type":22,"value":796},{"type":16,"tag":104,"props":3965,"children":3966},{"style":111},[3967],{"type":22,"value":380},{"type":16,"tag":104,"props":3969,"children":3970},{"class":106,"line":1010},[3971],{"type":16,"tag":104,"props":3972,"children":3973},{"style":111},[3974],{"type":22,"value":1996},{"type":16,"tag":104,"props":3976,"children":3977},{"class":106,"line":1018},[3978],{"type":16,"tag":104,"props":3979,"children":3980},{"style":111},[3981],{"type":22,"value":1948},{"type":16,"tag":104,"props":3983,"children":3984},{"class":106,"line":1032},[3985,3989,3993,3997],{"type":16,"tag":104,"props":3986,"children":3987},{"style":117},[3988],{"type":22,"value":1956},{"type":16,"tag":104,"props":3990,"children":3991},{"style":111},[3992],{"type":22,"value":592},{"type":16,"tag":104,"props":3994,"children":3995},{"style":133},[3996],{"type":22,"value":833},{"type":16,"tag":104,"props":3998,"children":3999},{"style":111},[4000],{"type":22,"value":380},{"type":16,"tag":104,"props":4002,"children":4003},{"class":106,"line":1065},[4004,4008,4012,4016],{"type":16,"tag":104,"props":4005,"children":4006},{"style":117},[4007],{"type":22,"value":1976},{"type":16,"tag":104,"props":4009,"children":4010},{"style":111},[4011],{"type":22,"value":592},{"type":16,"tag":104,"props":4013,"children":4014},{"style":117},[4015],{"type":22,"value":854},{"type":16,"tag":104,"props":4017,"children":4018},{"style":111},[4019],{"type":22,"value":380},{"type":16,"tag":104,"props":4021,"children":4022},{"class":106,"line":1113},[4023],{"type":16,"tag":104,"props":4024,"children":4025},{"style":111},[4026],{"type":22,"value":1996},{"type":16,"tag":104,"props":4028,"children":4029},{"class":106,"line":1127},[4030],{"type":16,"tag":104,"props":4031,"children":4032},{"style":111},[4033],{"type":22,"value":2212},{"type":16,"tag":104,"props":4035,"children":4036},{"class":106,"line":1163},[4037,4041,4045,4049,4053,4057,4061],{"type":16,"tag":104,"props":4038,"children":4039},{"style":332},[4040],{"type":22,"value":1928},{"type":16,"tag":104,"props":4042,"children":4043},{"style":555},[4044],{"type":22,"value":2224},{"type":16,"tag":104,"props":4046,"children":4047},{"style":561},[4048],{"type":22,"value":564},{"type":16,"tag":104,"props":4050,"children":4051},{"style":535},[4052],{"type":22,"value":2233},{"type":16,"tag":104,"props":4054,"children":4055},{"style":111},[4056],{"type":22,"value":929},{"type":16,"tag":104,"props":4058,"children":4059},{"style":133},[4060],{"type":22,"value":934},{"type":16,"tag":104,"props":4062,"children":4063},{"style":111},[4064],{"type":22,"value":939},{"type":16,"tag":104,"props":4066,"children":4067},{"class":106,"line":1181},[4068,4072,4076,4080,4084,4088,4092],{"type":16,"tag":104,"props":4069,"children":4070},{"style":332},[4071],{"type":22,"value":2253},{"type":16,"tag":104,"props":4073,"children":4074},{"style":535},[4075],{"type":22,"value":953},{"type":16,"tag":104,"props":4077,"children":4078},{"style":111},[4079],{"type":22,"value":929},{"type":16,"tag":104,"props":4081,"children":4082},{"style":960},[4083],{"type":22,"value":963},{"type":16,"tag":104,"props":4085,"children":4086},{"style":111},[4087],{"type":22,"value":592},{"type":16,"tag":104,"props":4089,"children":4090},{"style":555},[4091],{"type":22,"value":972},{"type":16,"tag":104,"props":4093,"children":4094},{"style":111},[4095],{"type":22,"value":977},{"type":16,"tag":104,"props":4097,"children":4098},{"class":106,"line":1215},[4099,4103,4107,4111,4115,4119],{"type":16,"tag":104,"props":4100,"children":4101},{"style":555},[4102],{"type":22,"value":2285},{"type":16,"tag":104,"props":4104,"children":4105},{"style":111},[4106],{"type":22,"value":1081},{"type":16,"tag":104,"props":4108,"children":4109},{"style":117},[4110],{"type":22,"value":2294},{"type":16,"tag":104,"props":4112,"children":4113},{"style":561},[4114],{"type":22,"value":564},{"type":16,"tag":104,"props":4116,"children":4117},{"style":117},[4118],{"type":22,"value":2303},{"type":16,"tag":104,"props":4120,"children":4121},{"style":111},[4122],{"type":22,"value":355},{"type":16,"tag":104,"props":4124,"children":4125},{"class":106,"line":1242},[4126],{"type":16,"tag":104,"props":4127,"children":4128},{"style":111},[4129],{"type":22,"value":1160},{"type":16,"tag":104,"props":4131,"children":4132},{"class":106,"line":1255},[4133,4137,4141],{"type":16,"tag":104,"props":4134,"children":4135},{"style":111},[4136],{"type":22,"value":173},{"type":16,"tag":104,"props":4138,"children":4139},{"style":117},[4140],{"type":22,"value":1785},{"type":16,"tag":104,"props":4142,"children":4143},{"style":111},[4144],{"type":22,"value":155},{"type":16,"tag":4146,"props":4147,"children":4148},"style",{},[4149],{"type":22,"value":4150},"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":396,"depth":158,"links":4152},[4153,4154],{"id":305,"depth":158,"text":308},{"id":2332,"depth":158,"text":2335},"markdown","content:_blocks:NavbarBottom.md","content","_blocks\u002FNavbarBottom.md","_blocks\u002FNavbarBottom","md","default",[4163],{"_path":4164,"_dir":9,"_draft":7,"_partial":8,"_locale":9,"navigation":4165,"sidebarRoot":8,"_id":4168,"_type":4169,"title":4170,"_source":4157,"_file":4171,"_stem":4172,"_extension":4173},"\u002F_dir",{"title":4166,"icon":4167},"Storefront UI","IconStorefrontUi","content:_dir.yml","yaml","Dir","_dir.yml","_dir","yml",{"nav":4175,"sidebarRoot":4177},[4176,4179,4191],{"title":4166,"_path":4177,"_id":4168,"layout":4178,"sidebarRoot":8,"icon":4167},"\u002F","fullscreen",{"title":4180,"_path":4181,"children":4182,"_id":4190,"layout":4161},"Getting Started","\u002Fgetting-started",[4183,4186],{"title":4184,"_path":4181,"_id":4185,"layout":4161},"Installation","content:2.getting-started:1.index.md",{"title":4187,"_path":4188,"_id":4189,"layout":4161},"Browser support","\u002Fgetting-started\u002Fbrowser-support","content:2.getting-started:2.browser-support.md","content:2.getting-started:_dir.yml",{"title":4192,"_path":4193,"children":4194},"Customization","\u002Fcustomization",[4195,4199,4203,4207],{"title":4196,"_path":4197,"_id":4198,"layout":4161},"Overriding Default Styles","\u002Fcustomization\u002Foverriding-default-styles","content:3.customization:overriding-default-styles.md",{"title":4200,"_path":4201,"_id":4202,"layout":4161},"Prose styling","\u002Fcustomization\u002Fprose","content:3.customization:prose.md",{"title":4204,"_path":4205,"_id":4206,"layout":4161},"Theming","\u002Fcustomization\u002Ftheming","content:3.customization:theming.md",{"title":4208,"_path":4209,"_id":4210,"layout":4161},"Typography","\u002Fcustomization\u002Ftypography","content:3.customization:typography.md",1787574917792]