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